fix(activities): relabel "Get invoice" → "Proceed" on PurchaseTicket

The lightning rail's CTA in PurchaseTicketDialog now reads "Proceed" (or "Proceed (N tickets)" for multi-quantity) instead of "Get invoice". Matches the language used on the fiat rails ("Continue to Stripe checkout" etc.) and reads as a generic forward action regardless of which payment path the user picks.
fix(activities): drop duplicate empty-state line on ActivityList
2026-06-06 21:18:50 +00:00 · 2026-06-06 21:18:50 +00:00 · 2026-06-06 21:18:50 +00:00 · 2026-06-06 21:18:50 +00:00 · 2026-06-06 21:18:50 +00:00 · 2026-06-06 21:18:50 +00:00
6 changed files with 128 additions and 856 deletions
--- a/src/accounting-app/views/BalancePage.vue
+++ b/src/accounting-app/views/BalancePage.vue
@ -98,8 +98,11 @@ async function loadData() {
    totalIncomeSats.value = balanceData.total_income_sats || 0
    totalIncomeFiat.value = balanceData.total_income_fiat || {}
-    // Filter for pending transactions (flag = '!')
+    // Filter for pending transactions (flag = '!'), excluding voided ones
-    pendingTransactions.value = txData.entries.filter(tx => tx.flag === '!')
+    // (libra convention: voided keeps '!' flag and carries a 'voided' tag).
    pendingTransactions.value = txData.entries.filter(
      tx => tx.flag === '!' && !tx.tags?.includes('voided')
    )
  } catch (error) {
    console.error('[BalancePage] Error loading data:', error)
    toast.error('Failed to load balance data')
--- a/src/modules/expenses/components/admin/GrantPermissionDialog.vue
+++ b/src/modules/expenses/components/admin/GrantPermissionDialog.vue
@ -1,256 +0,0 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
 import { useAuth } from '@/composables/useAuthService'
 import { useToast } from '@/core/composables/useToast'
 import { injectService, SERVICE_TOKENS } from '@/core/di-container'
 import type { ExpensesAPI } from '../../services/ExpensesAPI'
 import type { Account } from '../../types'
 import { PermissionType } from '../../types'
 import { Button } from '@/components/ui/button'
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import {
  FormControl,
  FormDescription,
  FormField,
  FormItem,
  FormLabel,
  FormMessage
 } from '@/components/ui/form'
 import { Input } from '@/components/ui/input'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Textarea } from '@/components/ui/textarea'
 import { Loader2 } from 'lucide-vue-next'
 interface Props {
  isOpen: boolean
  accounts: Account[]
 }
 const props = defineProps<Props>()
 const emit = defineEmits<{
  close: []
  permissionGranted: []
 }>()
 const { user } = useAuth()
 const toast = useToast()
 const expensesAPI = injectService<ExpensesAPI>(SERVICE_TOKENS.EXPENSES_API)
 const isGranting = ref(false)
 const adminKey = computed(() => user.value?.wallets?.[0]?.adminkey)
 // Form schema
 const formSchema = toTypedSchema(
  z.object({
    user_id: z.string().min(1, 'User ID is required'),
    account_id: z.string().min(1, 'Account is required'),
    permission_type: z.nativeEnum(PermissionType, {
      errorMap: () => ({ message: 'Permission type is required' })
    }),
    notes: z.string().optional(),
    expires_at: z.string().optional()
  })
 )
 // Setup form
 const form = useForm({
  validationSchema: formSchema,
  initialValues: {
    user_id: '',
    account_id: '',
    permission_type: PermissionType.READ,
    notes: '',
    expires_at: ''
  }
 })
 const { resetForm, meta } = form
 const isFormValid = computed(() => meta.value.valid)
 // Permission type options
 const permissionTypes = [
  { value: PermissionType.READ, label: 'Read', description: 'View account and balance' },
  {
    value: PermissionType.SUBMIT_EXPENSE,
    label: 'Submit Expense',
    description: 'Submit expenses to this account'
  },
  { value: PermissionType.MANAGE, label: 'Manage', description: 'Full account management' }
 ]
 // Submit form
 const onSubmit = form.handleSubmit(async (values) => {
  if (!adminKey.value) {
    toast.error('Admin access required')
    return
  }
  isGranting.value = true
  try {
    await expensesAPI.grantPermission(adminKey.value, {
      user_id: values.user_id,
      account_id: values.account_id,
      permission_type: values.permission_type,
      notes: values.notes || undefined,
      expires_at: values.expires_at || undefined
    })
    emit('permissionGranted')
    resetForm()
  } catch (error) {
    console.error('Failed to grant permission:', error)
    toast.error('Failed to grant permission', {
      description: error instanceof Error ? error.message : 'Unknown error'
    })
  } finally {
    isGranting.value = false
  }
 })
 // Handle dialog close
 function handleClose() {
  if (!isGranting.value) {
    resetForm()
    emit('close')
  }
 }
 </script>
 <template>
  <Dialog :open="props.isOpen" @update:open="handleClose">
    <DialogContent class="sm:max-w-[500px]">
      <DialogHeader>
        <DialogTitle>Grant Account Permission</DialogTitle>
        <DialogDescription>
          Grant a user permission to access an expense account. Permissions on parent accounts
          cascade to children.
        </DialogDescription>
      </DialogHeader>
      <form @submit="onSubmit" class="space-y-4">
        <!-- User ID -->
        <FormField v-slot="{ componentField }" name="user_id">
          <FormItem>
            <FormLabel>User ID *</FormLabel>
            <FormControl>
              <Input
                placeholder="Enter user wallet ID"
                v-bind="componentField"
                :disabled="isGranting"
              />
            </FormControl>
            <FormDescription>The wallet ID of the user to grant permission to</FormDescription>
            <FormMessage />
          </FormItem>
        </FormField>
        <!-- Account -->
        <FormField v-slot="{ componentField }" name="account_id">
          <FormItem>
            <FormLabel>Account *</FormLabel>
            <Select v-bind="componentField" :disabled="isGranting">
              <FormControl>
                <SelectTrigger>
                  <SelectValue placeholder="Select account" />
                </SelectTrigger>
              </FormControl>
              <SelectContent>
                <SelectItem
                  v-for="account in props.accounts"
                  :key="account.id"
                  :value="account.id"
                >
                  {{ account.name }}
                </SelectItem>
              </SelectContent>
            </Select>
            <FormDescription>Account to grant access to</FormDescription>
            <FormMessage />
          </FormItem>
        </FormField>
        <!-- Permission Type -->
        <FormField v-slot="{ componentField }" name="permission_type">
          <FormItem>
            <FormLabel>Permission Type *</FormLabel>
            <Select v-bind="componentField" :disabled="isGranting">
              <FormControl>
                <SelectTrigger>
                  <SelectValue placeholder="Select permission type" />
                </SelectTrigger>
              </FormControl>
              <SelectContent>
                <SelectItem
                  v-for="type in permissionTypes"
                  :key="type.value"
                  :value="type.value"
                >
                  <div>
                    <div class="font-medium">{{ type.label }}</div>
                    <div class="text-sm text-muted-foreground">{{ type.description }}</div>
                  </div>
                </SelectItem>
              </SelectContent>
            </Select>
            <FormDescription>Type of permission to grant</FormDescription>
            <FormMessage />
          </FormItem>
        </FormField>
        <!-- Expiration Date (Optional) -->
        <FormField v-slot="{ componentField }" name="expires_at">
          <FormItem>
            <FormLabel>Expiration Date (Optional)</FormLabel>
            <FormControl>
              <Input
                type="datetime-local"
                v-bind="componentField"
                :disabled="isGranting"
              />
            </FormControl>
            <FormDescription>Leave empty for permanent access</FormDescription>
            <FormMessage />
          </FormItem>
        </FormField>
        <!-- Notes (Optional) -->
        <FormField v-slot="{ componentField }" name="notes">
          <FormItem>
            <FormLabel>Notes (Optional)</FormLabel>
            <FormControl>
              <Textarea
                placeholder="Add notes about this permission..."
                v-bind="componentField"
                :disabled="isGranting"
              />
            </FormControl>
            <FormDescription>Optional notes for admin reference</FormDescription>
            <FormMessage />
          </FormItem>
        </FormField>
        <DialogFooter>
          <Button
            type="button"
            variant="outline"
            @click="handleClose"
            :disabled="isGranting"
          >
            Cancel
          </Button>
          <Button type="submit" :disabled="isGranting || !isFormValid">
            <Loader2 v-if="isGranting" class="mr-2 h-4 w-4 animate-spin" />
            {{ isGranting ? 'Granting...' : 'Grant Permission' }}
          </Button>
        </DialogFooter>
      </form>
    </DialogContent>
  </Dialog>
 </template>
--- a/src/modules/expenses/components/admin/PermissionManager.vue
+++ b/src/modules/expenses/components/admin/PermissionManager.vue
@ -1,399 +0,0 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue'
 import { useAuth } from '@/composables/useAuthService'
 import { useToast } from '@/core/composables/useToast'
 import { injectService, SERVICE_TOKENS } from '@/core/di-container'
 import type { ExpensesAPI } from '../../services/ExpensesAPI'
 import type { AccountPermission, Account } from '../../types'
 import { PermissionType } from '../../types'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { Badge } from '@/components/ui/badge'
 import { Loader2, Plus, Trash2, Users, Shield } from 'lucide-vue-next'
 import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow
 } from '@/components/ui/table'
 import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle
 } from '@/components/ui/alert-dialog'
 import GrantPermissionDialog from './GrantPermissionDialog.vue'
 const { user } = useAuth()
 const toast = useToast()
 const expensesAPI = injectService<ExpensesAPI>(SERVICE_TOKENS.EXPENSES_API)
 const permissions = ref<AccountPermission[]>([])
 const accounts = ref<Account[]>([])
 const isLoading = ref(false)
 const showGrantDialog = ref(false)
 const permissionToRevoke = ref<AccountPermission | null>(null)
 const showRevokeDialog = ref(false)
 const adminKey = computed(() => user.value?.wallets?.[0]?.adminkey)
 // Get permission type badge variant
 function getPermissionBadge(type: PermissionType) {
  switch (type) {
    case PermissionType.READ:
      return 'default'
    case PermissionType.SUBMIT_EXPENSE:
      return 'secondary'
    case PermissionType.MANAGE:
      return 'destructive'
    default:
      return 'outline'
  }
 }
 // Get permission type label
 function getPermissionLabel(type: PermissionType): string {
  switch (type) {
    case PermissionType.READ:
      return 'Read'
    case PermissionType.SUBMIT_EXPENSE:
      return 'Submit Expense'
    case PermissionType.MANAGE:
      return 'Manage'
    default:
      return type
  }
 }
 // Get account name by ID
 function getAccountName(accountId: string): string {
  const account = accounts.value.find((a) => a.id === accountId)
  return account?.name || accountId
 }
 // Format date
 function formatDate(dateString: string): string {
  const date = new Date(dateString)
  return date.toLocaleDateString() + ' ' + date.toLocaleTimeString()
 }
 // Load accounts
 async function loadAccounts() {
  if (!adminKey.value) return
  try {
    accounts.value = await expensesAPI.getAccounts(adminKey.value)
  } catch (error) {
    console.error('Failed to load accounts:', error)
    toast.error('Failed to load accounts', {
      description: error instanceof Error ? error.message : 'Unknown error'
    })
  }
 }
 // Load all permissions
 async function loadPermissions() {
  if (!adminKey.value) {
    toast.error('Admin access required', {
      description: 'You need admin privileges to manage permissions'
    })
    return
  }
  isLoading.value = true
  try {
    permissions.value = await expensesAPI.listPermissions(adminKey.value)
  } catch (error) {
    console.error('Failed to load permissions:', error)
    toast.error('Failed to load permissions', {
      description: error instanceof Error ? error.message : 'Unknown error'
    })
  } finally {
    isLoading.value = false
  }
 }
 // Handle permission granted
 function handlePermissionGranted() {
  showGrantDialog.value = false
  loadPermissions()
  toast.success('Permission granted', {
    description: 'User permission has been successfully granted'
  })
 }
 // Confirm revoke permission
 function confirmRevoke(permission: AccountPermission) {
  permissionToRevoke.value = permission
  showRevokeDialog.value = true
 }
 // Revoke permission
 async function revokePermission() {
  if (!adminKey.value || !permissionToRevoke.value) return
  try {
    await expensesAPI.revokePermission(adminKey.value, permissionToRevoke.value.id)
    toast.success('Permission revoked', {
      description: 'User permission has been successfully revoked'
    })
    loadPermissions()
  } catch (error) {
    console.error('Failed to revoke permission:', error)
    toast.error('Failed to revoke permission', {
      description: error instanceof Error ? error.message : 'Unknown error'
    })
  } finally {
    showRevokeDialog.value = false
    permissionToRevoke.value = null
  }
 }
 // Group permissions by user
 const permissionsByUser = computed(() => {
  const grouped = new Map<string, AccountPermission[]>()
  for (const permission of permissions.value) {
    const existing = grouped.get(permission.user_id) || []
    existing.push(permission)
    grouped.set(permission.user_id, existing)
  }
  return grouped
 })
 // Group permissions by account
 const permissionsByAccount = computed(() => {
  const grouped = new Map<string, AccountPermission[]>()
  for (const permission of permissions.value) {
    const existing = grouped.get(permission.account_id) || []
    existing.push(permission)
    grouped.set(permission.account_id, existing)
  }
  return grouped
 })
 onMounted(() => {
  loadAccounts()
  loadPermissions()
 })
 </script>
 <template>
  <div class="container mx-auto p-6 space-y-6">
    <div class="flex items-center justify-between">
      <div>
        <h1 class="text-3xl font-bold">Permission Management</h1>
        <p class="text-muted-foreground">
          Manage user access to expense accounts
        </p>
      </div>
      <Button @click="showGrantDialog = true" :disabled="isLoading">
        <Plus class="mr-2 h-4 w-4" />
        Grant Permission
      </Button>
    </div>
    <Card>
      <CardHeader>
        <CardTitle class="flex items-center gap-2">
          <Shield class="h-5 w-5" />
          Account Permissions
        </CardTitle>
        <CardDescription>
          View and manage all account permissions. Permissions on parent accounts cascade to
          children.
        </CardDescription>
      </CardHeader>
      <CardContent>
        <Tabs default-value="by-user" class="w-full">
          <TabsList class="grid w-full grid-cols-2">
            <TabsTrigger value="by-user">
              <Users class="mr-2 h-4 w-4" />
              By User
            </TabsTrigger>
            <TabsTrigger value="by-account">
              <Shield class="mr-2 h-4 w-4" />
              By Account
            </TabsTrigger>
          </TabsList>
          <!-- By User View -->
          <TabsContent value="by-user" class="space-y-4">
            <div v-if="isLoading" class="flex items-center justify-center py-8">
              <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
            </div>
            <div v-else-if="permissionsByUser.size === 0" class="text-center py-8">
              <p class="text-muted-foreground">No permissions granted yet</p>
            </div>
            <div v-else class="space-y-4">
              <div
                v-for="[userId, userPermissions] in permissionsByUser"
                :key="userId"
                class="border rounded-lg p-4"
              >
                <h3 class="font-semibold mb-2">User: {{ userId }}</h3>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Account</TableHead>
                      <TableHead>Permission</TableHead>
                      <TableHead>Granted</TableHead>
                      <TableHead>Expires</TableHead>
                      <TableHead>Notes</TableHead>
                      <TableHead class="text-right">Actions</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    <TableRow v-for="permission in userPermissions" :key="permission.id">
                      <TableCell class="font-medium">
                        {{ getAccountName(permission.account_id) }}
                      </TableCell>
                      <TableCell>
                        <Badge :variant="getPermissionBadge(permission.permission_type)">
                          {{ getPermissionLabel(permission.permission_type) }}
                        </Badge>
                      </TableCell>
                      <TableCell>{{ formatDate(permission.granted_at) }}</TableCell>
                      <TableCell>
                        {{ permission.expires_at ? formatDate(permission.expires_at) : 'Never' }}
                      </TableCell>
                      <TableCell>
                        <span class="text-sm text-muted-foreground">
                          {{ permission.notes || '-' }}
                        </span>
                      </TableCell>
                      <TableCell class="text-right">
                        <Button
                          variant="ghost"
                          size="sm"
                          @click="confirmRevoke(permission)"
                          :disabled="isLoading"
                        >
                          <Trash2 class="h-4 w-4 text-destructive" />
                        </Button>
                      </TableCell>
                    </TableRow>
                  </TableBody>
                </Table>
              </div>
            </div>
          </TabsContent>
          <!-- By Account View -->
          <TabsContent value="by-account" class="space-y-4">
            <div v-if="isLoading" class="flex items-center justify-center py-8">
              <Loader2 class="h-8 w-8 animate-spin text-muted-foreground" />
            </div>
            <div v-else-if="permissionsByAccount.size === 0" class="text-center py-8">
              <p class="text-muted-foreground">No permissions granted yet</p>
            </div>
            <div v-else class="space-y-4">
              <div
                v-for="[accountId, accountPermissions] in permissionsByAccount"
                :key="accountId"
                class="border rounded-lg p-4"
              >
                <h3 class="font-semibold mb-2">Account: {{ getAccountName(accountId) }}</h3>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>User</TableHead>
                      <TableHead>Permission</TableHead>
                      <TableHead>Granted</TableHead>
                      <TableHead>Expires</TableHead>
                      <TableHead>Notes</TableHead>
                      <TableHead class="text-right">Actions</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    <TableRow v-for="permission in accountPermissions" :key="permission.id">
                      <TableCell class="font-medium">{{ permission.user_id }}</TableCell>
                      <TableCell>
                        <Badge :variant="getPermissionBadge(permission.permission_type)">
                          {{ getPermissionLabel(permission.permission_type) }}
                        </Badge>
                      </TableCell>
                      <TableCell>{{ formatDate(permission.granted_at) }}</TableCell>
                      <TableCell>
                        {{ permission.expires_at ? formatDate(permission.expires_at) : 'Never' }}
                      </TableCell>
                      <TableCell>
                        <span class="text-sm text-muted-foreground">
                          {{ permission.notes || '-' }}
                        </span>
                      </TableCell>
                      <TableCell class="text-right">
                        <Button
                          variant="ghost"
                          size="sm"
                          @click="confirmRevoke(permission)"
                          :disabled="isLoading"
                        >
                          <Trash2 class="h-4 w-4 text-destructive" />
                        </Button>
                      </TableCell>
                    </TableRow>
                  </TableBody>
                </Table>
              </div>
            </div>
          </TabsContent>
        </Tabs>
      </CardContent>
    </Card>
    <!-- Grant Permission Dialog -->
    <GrantPermissionDialog
      :is-open="showGrantDialog"
      :accounts="accounts"
      @close="showGrantDialog = false"
      @permission-granted="handlePermissionGranted"
    />
    <!-- Revoke Confirmation Dialog -->
    <AlertDialog :open="showRevokeDialog" @update:open="showRevokeDialog = $event">
      <AlertDialogContent>
        <AlertDialogHeader>
          <AlertDialogTitle>Revoke Permission?</AlertDialogTitle>
          <AlertDialogDescription>
            Are you sure you want to revoke this permission? The user will immediately lose access.
            <div v-if="permissionToRevoke" class="mt-4 p-4 bg-muted rounded-md">
              <p class="font-medium">Permission Details:</p>
              <p class="text-sm mt-2">
                <strong>User:</strong> {{ permissionToRevoke.user_id }}
              </p>
              <p class="text-sm">
                <strong>Account:</strong> {{ getAccountName(permissionToRevoke.account_id) }}
              </p>
              <p class="text-sm">
                <strong>Type:</strong> {{ getPermissionLabel(permissionToRevoke.permission_type) }}
              </p>
            </div>
          </AlertDialogDescription>
        </AlertDialogHeader>
        <AlertDialogFooter>
          <AlertDialogCancel>Cancel</AlertDialogCancel>
          <AlertDialogAction @click="revokePermission" class="bg-destructive text-destructive-foreground hover:bg-destructive/90">
            Revoke
          </AlertDialogAction>
        </AlertDialogFooter>
      </AlertDialogContent>
    </AlertDialog>
  </div>
 </template>
--- a/src/modules/expenses/services/ExpensesAPI.ts
+++ b/src/modules/expenses/services/ExpensesAPI.ts
@ -11,8 +11,6 @@ import type {
  IncomeEntry,
  AccountNode,
  UserInfo,
  AccountPermission,
  GrantPermissionRequest,
  TransactionListResponse
 } from '../types'
 import { appConfig } from '@/app.config'
@ -343,93 +341,6 @@ export class ExpensesAPI extends BaseService {
    }
  }
  /**
   * List all account permissions (admin only)
   *
   * @param adminKey - Admin key for authentication
   */
  async listPermissions(adminKey: string): Promise<AccountPermission[]> {
    try {
      const response = await fetch(`${this.baseUrl}/libra/api/v1/permissions`, {
        method: 'GET',
        headers: this.getHeaders(adminKey),
        signal: AbortSignal.timeout(this.config?.apiConfig?.timeout || 30000)
      })
      if (!response.ok) {
        throw new Error(`Failed to list permissions: ${response.statusText}`)
      }
      const permissions = await response.json()
      return permissions as AccountPermission[]
    } catch (error) {
      console.error('[ExpensesAPI] Error listing permissions:', error)
      throw error
    }
  }
  /**
   * Grant account permission to a user (admin only)
   *
   * @param adminKey - Admin key for authentication
   * @param request - Permission grant request
   */
  async grantPermission(
    adminKey: string,
    request: GrantPermissionRequest
  ): Promise<AccountPermission> {
    try {
      const response = await fetch(`${this.baseUrl}/libra/api/v1/permissions`, {
        method: 'POST',
        headers: this.getHeaders(adminKey),
        body: JSON.stringify(request),
        signal: AbortSignal.timeout(this.config?.apiConfig?.timeout || 30000)
      })
      if (!response.ok) {
        const errorData = await response.json().catch(() => ({}))
        const errorMessage =
          errorData.detail || `Failed to grant permission: ${response.statusText}`
        throw new Error(errorMessage)
      }
      const permission = await response.json()
      return permission as AccountPermission
    } catch (error) {
      console.error('[ExpensesAPI] Error granting permission:', error)
      throw error
    }
  }
  /**
   * Revoke account permission (admin only)
   *
   * @param adminKey - Admin key for authentication
   * @param permissionId - ID of the permission to revoke
   */
  async revokePermission(adminKey: string, permissionId: string): Promise<void> {
    try {
      const response = await fetch(
        `${this.baseUrl}/libra/api/v1/permissions/${permissionId}`,
        {
          method: 'DELETE',
          headers: this.getHeaders(adminKey),
          signal: AbortSignal.timeout(this.config?.apiConfig?.timeout || 30000)
        }
      )
      if (!response.ok) {
        const errorData = await response.json().catch(() => ({}))
        const errorMessage =
          errorData.detail || `Failed to revoke permission: ${response.statusText}`
        throw new Error(errorMessage)
      }
    } catch (error) {
      console.error('[ExpensesAPI] Error revoking permission:', error)
      throw error
    }
  }
  /**
   * Get user's transactions from journal
   *
--- a/src/modules/expenses/types/index.ts
+++ b/src/modules/expenses/types/index.ts
@ -28,25 +28,6 @@ export interface Account {
  has_children?: boolean
 }
 /**
 * Account with user-specific permission metadata
 * (Will be available once libra API implements permissions)
 */
 export interface AccountWithPermissions extends Account {
  user_permissions?: PermissionType[]
  inherited_from?: string
 }
 /**
 * Permission types for account access control
 */
 export enum PermissionType {
  READ = 'read',
  SUBMIT_EXPENSE = 'submit_expense',
  SUBMIT_INCOME = 'submit_income',
  MANAGE = 'manage'
 }
 /**
 * Expense entry request payload
 */
@ -125,31 +106,6 @@ export interface UserInfo {
  equity_account_name?: string
 }
 /**
 * Account permission for user access control
 */
 export interface AccountPermission {
  id: string
  user_id: string
  account_id: string
  permission_type: PermissionType
  granted_at: string
  granted_by: string
  expires_at?: string
  notes?: string
 }
 /**
 * Grant permission request payload
 */
 export interface GrantPermissionRequest {
  user_id: string
  account_id: string
  permission_type: PermissionType
  expires_at?: string
  notes?: string
 }
 /**
 * Transaction entry from journal (user view)
 */
--- a/src/modules/expenses/views/TransactionsPage.vue
+++ b/src/modules/expenses/views/TransactionsPage.vue
@ -12,10 +12,6 @@ import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Input } from '@/components/ui/input'
 import {
  CheckCircle2,
  Clock,
  Flag,
  XCircle,
  RefreshCw,
  Calendar,
  Filter
@ -30,14 +26,26 @@ const isLoading = ref(false)
 const dateRangeType = ref<number | 'custom'>(15) // 15, 30, 60, or 'custom'
 const customStartDate = ref<string>('')
 const customEndDate = ref<string>('')
-const typeFilter = ref<'all' | 'income' | 'expense'>('all')
+// Each chip is an inclusion toggle for one bucket of rows. Every row
 // belongs to exactly one bucket (voided rows go to 'voided' regardless
 // of their income/expense type). Default hides voided.
 type Category = 'income' | 'expense' | 'voided'
-const typeFilterOptions = [
+const activeCategories = ref<Set<Category>>(new Set<Category>(['income', 'expense']))
-  { label: 'All', value: 'all' as const },
+
-  { label: 'Income', value: 'income' as const },
+const categoryChips: { label: string; value: Category }[] = [
-  { label: 'Expenses', value: 'expense' as const }
+  { label: 'Income', value: 'income' },
  { label: 'Expenses', value: 'expense' },
  { label: 'Voided', value: 'voided' }
 ]
 function toggleCategory(cat: Category) {
  const next = new Set(activeCategories.value)
  if (next.has(cat)) next.delete(cat)
  else next.add(cat)
  activeCategories.value = next
 }
 function isIncome(t: Transaction): boolean {
  return t.tags?.includes('income-entry') ?? false
 }
@ -46,6 +54,22 @@ function isExpense(t: Transaction): boolean {
  return t.tags?.includes('expense-entry') ?? false
 }
 function isVoided(t: Transaction): boolean {
  return t.tags?.includes('voided') ?? false
 }
 function isPending(t: Transaction): boolean {
  return t.flag === '!' && !isVoided(t)
 }
 // Which chip bucket a row falls into. Voided always wins over type.
 function getBucket(t: Transaction): Category | null {
  if (isVoided(t)) return 'voided'
  if (isIncome(t)) return 'income'
  if (isExpense(t)) return 'expense'
  return null
 }
 const walletKey = computed(() => user.value?.wallets?.[0]?.inkey)
 // Fuzzy search state and configuration
@ -71,12 +95,13 @@ const searchOptions: FuzzySearchOptions<Transaction> = {
  matchAllWhenSearchEmpty: true
 }
-// Transactions to display (search results or all transactions), filtered by type
+// Transactions to display: row passes if its bucket's chip is active.
 const transactionsToDisplay = computed(() => {
  const base = searchResults.value.length > 0 ? searchResults.value : transactions.value
-  if (typeFilter.value === 'income') return base.filter(isIncome)
+  return base.filter(t => {
-  if (typeFilter.value === 'expense') return base.filter(isExpense)
+    const bucket = getBucket(t)
-  return base
+    return bucket !== null && activeCategories.value.has(bucket)
  })
 })
 // Handle search results
@ -108,20 +133,28 @@ function formatAmount(amount: number): string {
  return new Intl.NumberFormat('en-US').format(amount)
 }
-// Get status icon and color based on flag
+// Income gets a leading '+', expense a leading '-'.
-function getStatusInfo(flag?: string) {
+function getAmountSign(t: Transaction): string {
-  switch (flag) {
+  if (isIncome(t)) return '+'
-    case '*':
+  if (isExpense(t)) return '-'
-      return { icon: CheckCircle2, color: 'text-green-600', label: 'Cleared' }
+  return ''
    case '!':
      return { icon: Clock, color: 'text-orange-600', label: 'Pending' }
    case '#':
      return { icon: Flag, color: 'text-red-600', label: 'Flagged' }
    case 'x':
      return { icon: XCircle, color: 'text-muted-foreground', label: 'Voided' }
    default:
      return null
 }
 // Color tint for the amount text. Voided entries drop to muted regardless
 // of type since the strike-through carries the "ignore this" signal.
 function getAmountColorClass(t: Transaction): string {
  if (isVoided(t)) return 'line-through text-muted-foreground'
  if (isIncome(t)) return 'text-green-600 dark:text-green-400'
  if (isExpense(t)) return 'text-red-600 dark:text-red-400'
  return ''
 }
 // Tags that drive other visual channels (border / sign / strike-through) —
 // suppressed from the badge row so it only carries user-added tags.
 const TYPE_TAGS = new Set(['income-entry', 'expense-entry', 'voided'])
 function getDisplayTags(t: Transaction): string[] {
  return (t.tags ?? []).filter(tag => !TYPE_TAGS.has(tag))
 }
 // Load transactions
@ -224,19 +257,20 @@ onMounted(() => {
            </Button>
          </div>
-          <!-- Type Filter (All / Income / Expenses) -->
+          <!-- Category chips: each chip toggles inclusion of one bucket
               of rows. Defaults: Income + Expenses on, Voided off. -->
          <div class="flex items-center gap-2 flex-wrap">
            <Filter class="h-4 w-4 text-muted-foreground" />
            <Button
-              v-for="option in typeFilterOptions"
+              v-for="chip in categoryChips"
-              :key="option.value"
+              :key="chip.value"
-              :variant="typeFilter === option.value ? 'default' : 'outline'"
+              :variant="activeCategories.has(chip.value) ? 'default' : 'outline'"
              size="sm"
              class="h-7 md:h-8 px-3 text-xs"
-              @click="typeFilter = option.value"
+              @click="toggleCategory(chip.value)"
              :disabled="isLoading"
            >
-              {{ option.label }}
+              {{ chip.label }}
            </Button>
          </div>
@ -291,7 +325,7 @@ onMounted(() => {
          Found {{ transactionsToDisplay.length }} matching transaction{{ transactionsToDisplay.length === 1 ? '' : 's' }}
        </span>
        <span v-else>
-          {{ transactions.length }} transaction{{ transactions.length === 1 ? '' : 's' }}
+          {{ transactionsToDisplay.length }} transaction{{ transactionsToDisplay.length === 1 ? '' : 's' }}
        </span>
      </div>
@ -307,7 +341,9 @@ onMounted(() => {
      <div v-else-if="transactionsToDisplay.length === 0" class="text-center py-12 px-4">
        <p class="text-muted-foreground">No transactions found</p>
        <p class="text-sm text-muted-foreground mt-2">
-          {{ searchResults.length > 0 ? 'Try a different search term' : 'Try selecting a different time period' }}
+          <template v-if="searchResults.length > 0">Try a different search term</template>
          <template v-else-if="activeCategories.size === 0">Select a category above to see transactions</template>
          <template v-else>Try selecting a different time period or toggling more categories</template>
        </p>
      </div>
@ -316,29 +352,19 @@ onMounted(() => {
        <div
          v-for="transaction in transactionsToDisplay"
          :key="transaction.id"
-          :class="[
+          class="border-b md:border md:rounded-lg p-4 hover:bg-muted/50 transition-colors"
            'border-b md:border md:rounded-lg p-4 hover:bg-muted/50 transition-colors',
            isIncome(transaction) && 'border-l-4 border-l-green-600',
            isExpense(transaction) && 'border-l-4 border-l-red-600'
          ]"
        >
          <!-- Transaction Header -->
          <div class="flex items-start justify-between gap-3 mb-2">
            <div class="flex-1 min-w-0">
-              <div class="flex items-center gap-2 mb-1">
+              <h3
                <!-- Status Icon -->
                <component
                  v-if="getStatusInfo(transaction.flag)"
                  :is="getStatusInfo(transaction.flag)!.icon"
                :class="[
-                    'h-4 w-4 flex-shrink-0',
+                  'font-medium text-sm sm:text-base truncate mb-1',
-                    getStatusInfo(transaction.flag)!.color
+                  isVoided(transaction) && 'line-through text-muted-foreground'
                ]"
-                />
+              >
                <h3 class="font-medium text-sm sm:text-base truncate">
                {{ transaction.description }}
              </h3>
              </div>
              <p class="text-xs sm:text-sm text-muted-foreground">
                {{ formatDate(transaction.date) }}
              </p>
@ -346,11 +372,17 @@ onMounted(() => {
            <!-- Amount -->
            <div class="text-right flex-shrink-0">
-              <p class="font-semibold text-sm sm:text-base">
+              <p :class="['font-semibold text-sm sm:text-base', getAmountColorClass(transaction)]">
-                {{ formatAmount(transaction.amount) }} sats
+                {{ getAmountSign(transaction) }}{{ formatAmount(transaction.amount) }} sats
              </p>
-              <p v-if="transaction.fiat_amount" class="text-xs text-muted-foreground">
+              <p
-                {{ transaction.fiat_amount.toFixed(2) }} {{ transaction.fiat_currency }}
+                v-if="transaction.fiat_amount"
                :class="[
                  'text-xs',
                  getAmountColorClass(transaction) || 'text-muted-foreground'
                ]"
              >
                {{ getAmountSign(transaction) }}{{ transaction.fiat_amount.toFixed(2) }} {{ transaction.fiat_currency }}
              </p>
            </div>
          </div>
@ -367,17 +399,42 @@ onMounted(() => {
              <span class="font-medium">Ref:</span> {{ transaction.reference }}
            </div>
-            <!-- Tags -->
+            <!-- Badges: type (Income / Expense) + status (Voided / Pending,
-            <div v-if="transaction.tags && transaction.tags.length > 0" class="flex flex-wrap gap-1 mt-2">
+                 mutually exclusive) + any user-added tags. -->
            <div class="flex flex-wrap gap-1 mt-2">
              <Badge
-                v-for="tag in transaction.tags"
+                v-if="isIncome(transaction)"
                variant="secondary"
                class="text-xs bg-green-100 dark:bg-green-900/20 text-green-700 dark:text-green-300"
              >
                Income
              </Badge>
              <Badge
                v-else-if="isExpense(transaction)"
                variant="secondary"
                class="text-xs bg-orange-100 dark:bg-orange-900/20 text-orange-700 dark:text-orange-300"
              >
                Expense
              </Badge>
              <Badge
                v-if="isVoided(transaction)"
                variant="outline"
                class="text-xs text-muted-foreground"
              >
                Voided
              </Badge>
              <Badge
                v-else-if="isPending(transaction)"
                variant="secondary"
                class="text-xs bg-yellow-100 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-300"
              >
                Pending approval
              </Badge>
              <Badge
                v-for="tag in getDisplayTags(transaction)"
                :key="tag"
                variant="secondary"
-                :class="[
+                class="text-xs"
                  'text-xs',
                  tag === 'income-entry' && 'bg-green-100 dark:bg-green-900/20 text-green-700 dark:text-green-300',
                  tag === 'expense-entry' && 'bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-300'
                ]"
              >
                {{ tag }}
              </Badge>
Author	SHA1	Message	Date
Padreug	08f1743557	fix(activities): relabel "Get invoice" → "Proceed" on PurchaseTicket The lightning rail's CTA in PurchaseTicketDialog now reads "Proceed" (or "Proceed (N tickets)" for multi-quantity) instead of "Get invoice". Matches the language used on the fiat rails ("Continue to Stripe checkout" etc.) and reads as a generic forward action regardless of which payment path the user picks.	2026-06-06 21:18:50 +00:00
Padreug	148e92b7aa	fix(activities): drop duplicate empty-state line on ActivityList The empty state rendered "No activities found" twice — once as the heading and once as the description below, because `activities.noActivities` and `activities.search.noResults` translate to the same string in every locale. Drop the description paragraph (and its mb-1 spacer on the heading).	2026-06-06 21:18:50 +00:00
Padreug	2ea6afe487	feat(activities): fuzzy search on the Tickets roster Adds a search box above the roster list that fuzzy-matches the holder name and ticket id via the shared useFuzzySearch (Fuse.js) composable. Empty query keeps the unregistered-first sort intact; typing reorders by relevance. The empty-state message now distinguishes "no tickets sold yet" from "no rows matched the current query" so a busy roster + a typo doesn't look like backend trouble.	2026-06-06 21:18:50 +00:00
Padreug	d029660ef0	feat(activities): manual ticket registration from the roster tab The "Scanned" tab becomes "Tickets" and now lists the full event roster (sold tickets), not just the registered subset. Unregistered rows lead the list with a Register button so the host can manually mark someone present without a QR scan — e.g. lost phone, known in person, or alternate proof of identity. useTicketScanner gains registerManually(ticketId), which calls the same PUT /tickets/register/{id} the scanner uses (so it inherits the event-ownership gate and the unpaid/already-registered backend checks), then refreshes stats. It skips the scanner pause + full- screen banner since the operator initiated the action from the list, and mirrors the session-local dedup so a subsequent QR scan on the same ticket reports "Already scanned" instead of a duplicate register round-trip. The header now reads "registered / total · N to go" so the host sees roster progress at a glance; failures from the manual register surface as a sonner toast and the row reverts.	2026-06-06 21:18:50 +00:00
Padreug	ef1acc17c3	revert: move scan counts back above the tabs + fix tab centering Reverts `1aeea23` and folds in the actual fix the relocation was chasing: the Scanner / Scanned tab labels were rendering with their icons and text mis-aligned because TabsTrigger wraps its slot in an inline `<span class="truncate">`. A `gap-1.5` on TabsTrigger never reached the icon/label children. Wrap each trigger's content in an `inline-flex items-center gap-1.5` span so the icon and label share a real flex container.	2026-06-06 21:18:50 +00:00
Padreug	933a166d05	feat(activities): move scan counts below the camera The Scanned / Sold / Remaining strip moves out of the page header to below the Tabs block. The camera (or scanned list, depending on the active tab) stays prominent at the top; the counts read as a summary footer instead of competing with the title for attention. The stats-error notice follows the counts strip so the warning stays adjacent to the values it affects.	2026-06-06 21:18:50 +00:00
Padreug	a12ed8dd6a	feat(activities): refine activity card for pending/rejected + compact - Wash out pending/rejected events with opacity-50 + grayscale on a wrapper div so the operator sees at a glance the event isn't live, not just the small badge. - Pull the status badge OUT of the wash-out wrapper and absolute- position it on Card root (bottom-2 left-2, z-10) so it stays in full color above the dim card. Both pending and rejected use the destructive token — the label text differentiates the two states. Bottom-left so it doesn't collide with the category chip on full cards or the thumbnail on compact ones. - Compact rows in the Hosting view now show a small left-aligned thumbnail (w-20 h-20, self-center, ml-3, rounded-md) when the event carries an image — host can still recognize each event at a glance without paying the visual weight of a full hero. - Card root becomes `relative overflow-hidden`; the wrapper div owns the conditional flex-row (compact) / flex-col (default) layout and the opacity/grayscale toggling.	2026-06-06 21:18:50 +00:00
Padreug	5517aebb6a	feat(activities): My tickets toggle on the calendar view Adds a small filter chip above the month grid that, when on, limits the calendar to events the signed-in user holds at least one paid ticket for (intersecting ownedActivityIds from useOwnedTickets). Hidden when logged out — nothing to own. Left-aligned so it doesn't collide with the fixed top-right hamburger menu. State is local to the page on purpose: narrowing the calendar shouldn't also narrow the feed when the user navigates back.	2026-06-06 21:18:50 +00:00
Padreug	0f133119c4	feat(activities): tailor Hosting tab + host detail view for operators Hosting feed (ActivitiesPage when onlyHosting): - Hide the date picker strip + calendar shortcut and the entire Filters/temporal-pills row; an operator managing their roster doesn't need calendar navigation or temporal narrowing. - Keep the search bar — finding a specific event in a long roster still matters. - Render compact cards via a new `compact` prop on ActivityList + ActivityCard: no hero image, single-line title, no summary, no bookmark, no "Yours" badge (every card is the operator's own), tighter p-3 padding, single-column flex layout. Host detail view (ActivityDetailPage when ownedLnbitsEvent): - Drop the top-bar Scan and Edit buttons. Edit moves into the title row as a prominent filled-primary icon button right of the title; Scan moves into the tickets section. - Render a full-width "Scan tickets" CTA in place of Buy ticket, and hoist it outside the ticketInfo gate so it appears even on hosted events that were published without AIO ticket tags. - Hide BookmarkButton and RSVPButton for the host (favoriting / RSVPing your own event are noise affordances). Detail-page badge row: "Yours" leads the row in the highlighted secondary variant; category and tags drop to outline so the ownership signal stands out.	2026-06-06 21:18:50 +00:00
Padreug	5aced3f2c9	fix(activities): share filter refs across useActivities consumers useActivityFilters allocated a fresh set of refs on every call, so when activities-app/App.vue (Hosting bottom-nav tab) and ActivitiesPage.vue each invoked useActivities(), they got independent onlyHosting/temporal/etc state. Tapping Hosting toggled the App.vue ref; the page never saw the change. Hoist the filter refs to module scope so every consumer shares the same instance.	2026-06-06 21:18:50 +00:00
Padreug	78e3d56d76	feat(activities): restructure bottom nav around Home/MyTickets/Hosting The bottom-nav tabs become Home, My tickets, Hosting, Map, Favorites. - Feed is relabeled "Home" (en/fr; es was already "Inicio"). - My tickets and Hosting move out of the sidebar menu back into the bottom nav. Hosting is a synthetic tab — no path of its own; it toggles the existing onlyHosting feed filter and lands on /activities, with Home as the inverse (clears the filter on tap). - Calendar leaves the bottom nav. The week strip now ends with a small calendar icon button that routes to /activities/calendar, so the entry point sits adjacent to the date UI instead of competing for a tab slot. - Create activity leaves the bottom nav too. A full-width "+ Create activity" CTA appears at the top of the feed only when the Hosting tab is active, so the Create entry point lives inside the section it belongs to. BottomTab gains an optional `isActive()` predicate so tabs whose active condition doesn't reduce to "current path starts with x" (e.g. Hosting) can compute their own state.	2026-06-06 21:18:50 +00:00
Padreug	a605b31c5f	feat(activities): drop image placeholder when an event has no image Cards without an image no longer render the solid-color 16:9 placeholder + calendar glyph. They go straight to the content area with the badges (category, price, Yours, status, Past) shown inline in a small row at the top, so the title and details aren't pushed below a meaningless filler block. The placeholderBg computed (hash → HSL) is removed; it was only feeding the deleted no-image branch.	2026-06-06 21:18:50 +00:00
Padreug	00959074da	feat(activities): stationary Filters column next to scrolling pills Filters icon + Clear-all sit in a stationary left-aligned column; only the All/Today/Tomorrow/etc temporal pills scroll horizontally. Clear-all is tucked tightly under the Filters icon (h-5, 10px text, gap-0.5) and shows only when a filter is active. The badge no longer lives inside the overflow-x scroll container, so the count chip isn't clipped at the corner anymore.	2026-06-06 21:18:50 +00:00
Padreug	b4dd7f2bbc	feat(activities): reclaim vertical space above the feed Past events no longer gets its own row — it folds into the existing collapsible (renamed "Filters") alongside Categories, so the feed gains that row by default. The Filters trigger badge counts past- events being on plus any selected categories, so users still see at a glance when hidden toggles are active. The standalone "Filters active / Clear all" notice is gone too; Clear all sits inline beside the trigger only when something's active. Header is tightened (text-xl) and inter-row margins drop from mb-4 to mb-3 across the date strip + temporal pills.	2026-06-06 21:18:50 +00:00
Padreug	b19fa98d5b	feat(webapp): replace HubPill with hamburger sidebar menu The top-right "Back to hub" pill in each standalone is replaced by a hamburger button that opens a right-side sheet reusing the existing ProfileSheetContent (identity card, back-to-hub link, theme/lang/ currency prefs, profile settings or log-in CTA). The redundant Profile entry is removed from BottomNav and its loggedOutOpensSheet plumbing (BottomNav → AppShell) is dropped — Hub.vue still mounts ProfileSheetTrigger directly so it's unaffected. ProfileSheetContent gains an `app-nav` slot so standalones can inject app-specific nav items above the cross-app section. AppShell exposes a new optional `sidebarNav` prop that forwards items to the menu; unset on non-activities standalones, those still get the hamburger menu showing just the shared profile/preferences content. Activities passes "My tickets" (routes to /my-tickets) and "Hosting" (toggles the onlyHosting feed filter and lands on /activities), so those entries leave the inline filter chip row on ActivitiesPage and live in the sidebar instead. The "Past events" chip stays inline — it doesn't require auth and pairs visually with the temporal filters.	2026-06-06 21:18:50 +00:00
Padreug	fa1dff9de4	feat(activities): restructure event detail page layout - Move bookmark heart from top bar to the right of the title. - Replace the When/Where info cards with caption-style lines directly under the title (calendar + map-pin icons + muted text). - Move description above the organizer so it sits right under the title/info separator; push the organizer card to the bottom. - Promote the "you own N tickets" CTA (filled primary "View" button) and demote "Buy another ticket" to outline when the user already owns tickets, so the My-Tickets path is what jumps out. - Tighten ticket availability against the buy button: standalone strip removed, count rendered as an xs muted caption directly under the buy CTA.	2026-06-06 21:18:50 +00:00
padreug	1f20d5f00c	Merge pull request 'refactor(libra): redesign transactions list status + type encoding' (#93 ) from feat/libra-tx-status-encoding into dev Reviewed-on: #93	2026-06-06 21:16:45 +00:00
Padreug	75dfd8a541	refactor(libra): redesign transactions list status + type encoding Rework how the standalone transactions list communicates entry status and type so each visual channel does one job and the filter UI matches the underlying axes. Encoding: - Type lives in the signed/colored amount (+green income, -red expense) and a matching Income/Expense badge in the badge row. - Status lives in badges only: red Voided (leftmost) and yellow Pending (after the type badge). Cleared entries carry no status badge — the quiet default. - Voided rows additionally strike-through and mute the amount. - Drop the title-row status icons and the colored left border that previously fought with the amount color for the same meaning. Filter UI: - Replace the type radio + voided switch with three category chips — Income, Expenses, Voided — that independently toggle inclusion of one bucket of rows. Each row belongs to exactly one bucket (voided wins over type). Defaults: Income + Expenses on, Voided off. - Empty-selection state nudges the user to enable a category. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-06-06 23:12:57 +02:00
padreug	4af220adda	Merge pull request 'feat(libra): show voided transactions in standalone' (#92 ) from feat/libra-show-voided into dev Reviewed-on: #92	2026-06-06 20:31:58 +00:00
Padreug	1fbf7b3d26	fix(libra): exclude voided txs from balance Pending section BalancePage filtered tx.flag === '!' to compute pending count/sum/list. After the libra backend stops hiding voided transactions, those will arrive with flag='!' plus a 'voided' tag and would otherwise leak into the Pending section. Add the tag-aware exclusion to keep Pending showing only genuinely pending entries. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-06-06 20:45:55 +02:00
Padreug	e9195978c1	feat(libra): surface voided transactions in standalone history Voided entries keep their '!' flag and gain a 'voided' tag per the libra reject convention, so detecting them needs a tag check rather than a new flag char. Render them inline with the existing 'x'-flag voided styling (grey XCircle icon, strike-through title/amount, red-tinted Voided badge) so users like Nancy can see their rejected entries instead of having them silently disappear from the list. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-06-06 20:45:25 +02:00
Padreug	4c704e5a41	chore(expenses): delete orphaned admin permission UI PermissionManager.vue and GrantPermissionDialog.vue were never imported or routed anywhere; the three ExpensesAPI methods backing them (listPermissions, grantPermission, revokePermission) pointed at /libra/api/v1/permissions* which doesn't exist on the backend (real path is /api/v1/admin/permissions*). The whole feature has been unreachable since whenever the path drifted. Removes the two components, the three API methods, and the four types only they used (AccountPermission, GrantPermissionRequest, AccountWithPermissions, PermissionType). If cross-account permission management becomes a real need, the backend at aiolabs/libra already provides the endpoints (now correctly gated by require_super_user); rebuild the UI fresh against the right paths rather than reviving this dead surface. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-06-05 23:17:52 +02:00