feat(restaurant/checkout): tag outgoing payment with restaurant + order id

Adds extra={tag:'restaurant', restaurant_id, order_id} to the
POST /api/v1/payments body when paying a placed-order's bolt11.
Mirrors the same extras the extension stamps on its incoming
invoice, so a customer's wallet history can later filter or
surface restaurant orders rather than showing them as generic
Lightning sends.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/accounting-app/views/AddIncome.vue

@@ -1,219 +1,7 @@
-<template>
-  <Dialog :open="true" @update:open="(open) => !open && handleDialogClose()">
-    <DialogContent class="max-w-2xl max-h-[85vh] overflow-hidden flex flex-col p-0 gap-0 top-[5%] translate-y-0 sm:top-[5%] sm:translate-y-0">
-      <!-- Success State -->
-      <div v-if="showSuccessDialog" class="flex flex-col items-center justify-center p-8 space-y-6">
-        <div class="rounded-full bg-green-100 dark:bg-green-900/20 p-4">
-          <CheckCircle2 class="h-12 w-12 text-green-600 dark:text-green-400" />
-        </div>
-
-        <div class="text-center space-y-3">
-          <h2 class="text-2xl font-bold">Income Submitted Successfully!</h2>
-
-          <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-100 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800">
-            <Clock class="h-4 w-4 text-orange-600 dark:text-orange-400" />
-            <span class="text-sm font-medium text-orange-700 dark:text-orange-300">
-              Pending Admin Approval
-            </span>
-          </div>
-
-          <p class="text-muted-foreground">
-            Your income entry has been submitted successfully. An administrator will review and approve it shortly.
-          </p>
-          <p class="text-sm text-muted-foreground">
-            You can track the approval status in your transactions page.
-          </p>
-        </div>
-
-        <div class="flex flex-col sm:flex-row gap-3 w-full max-w-sm">
-          <Button variant="outline" @click="closeSuccessDialog" class="flex-1">
-            Close
-          </Button>
-          <Button @click="goToTransactions" class="flex-1">
-            <Receipt class="h-4 w-4 mr-2" />
-            View My Transactions
-          </Button>
-        </div>
-      </div>
-
-      <!-- Form State -->
-      <template v-else>
-        <DialogHeader class="px-6 pt-6 pb-4 border-b shrink-0">
-          <DialogTitle class="flex items-center gap-2">
-            <TrendingUp class="h-5 w-5 text-green-600 dark:text-green-400" />
-            <span>{{ t('libra.income.title') }}</span>
-          </DialogTitle>
-          <DialogDescription>
-            {{ t('libra.income.description') }}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div class="flex-1 overflow-y-auto px-6 py-4 space-y-4 min-h-0">
-          <!-- Step indicator -->
-          <div class="flex items-center justify-center gap-2 mb-4">
-            <div
-              :class="[
-                'flex items-center justify-center w-8 h-8 rounded-full font-medium text-sm transition-colors',
-                currentStep === 1
-                  ? 'bg-primary text-primary-foreground'
-                  : selectedRevenueAccount
-                  ? 'bg-primary/20 text-primary'
-                  : 'bg-muted text-muted-foreground'
-              ]"
-            >
-              1
-            </div>
-            <div class="w-12 h-px bg-border" />
-            <div
-              :class="[
-                'flex items-center justify-center w-8 h-8 rounded-full font-medium text-sm transition-colors',
-                currentStep === 2
-                  ? 'bg-primary text-primary-foreground'
-                  : 'bg-muted text-muted-foreground'
-              ]"
-            >
-              2
-            </div>
-          </div>
-
-          <!-- Step 1: Revenue Account Selection -->
-          <div v-if="currentStep === 1">
-            <p class="text-sm text-muted-foreground mb-4">
-              {{ t('libra.income.selectAccount') }}
-            </p>
-            <AccountSelector
-              v-model="selectedRevenueAccount"
-              root-account="Income"
-              @account-selected="handleRevenueAccountSelected"
-            />
-          </div>
-
-          <!-- Step 2: Income Details -->
-          <div v-if="currentStep === 2">
-            <form @submit="onSubmit" class="space-y-4">
-              <FormField v-slot="{ componentField }" name="description">
-                <FormItem>
-                  <FormLabel>Description *</FormLabel>
-                  <FormControl>
-                    <Textarea
-                      placeholder="e.g., Workshop fee, Donation, Service revenue"
-                      v-bind="componentField"
-                      rows="3"
-                    />
-                  </FormControl>
-                  <FormDescription>Describe the source of this income</FormDescription>
-                  <FormMessage />
-                </FormItem>
-              </FormField>
-
-              <FormField v-slot="{ componentField }" name="amount">
-                <FormItem>
-                  <FormLabel>Amount *</FormLabel>
-                  <FormControl>
-                    <Input
-                      type="number"
-                      placeholder="0.00"
-                      v-bind="componentField"
-                      min="0.01"
-                      step="0.01"
-                    />
-                  </FormControl>
-                  <FormDescription>Amount in selected currency</FormDescription>
-                  <FormMessage />
-                </FormItem>
-              </FormField>
-
-              <FormField v-slot="{ componentField }" name="currency">
-                <FormItem>
-                  <FormLabel>Currency *</FormLabel>
-                  <Select v-bind="componentField">
-                    <FormControl>
-                      <SelectTrigger>
-                        <SelectValue placeholder="Select currency" />
-                      </SelectTrigger>
-                    </FormControl>
-                    <SelectContent>
-                      <SelectItem v-for="currency in availableCurrencies" :key="currency" :value="currency">
-                        {{ currency }}
-                      </SelectItem>
-                    </SelectContent>
-                  </Select>
-                  <FormDescription>Currency for this income</FormDescription>
-                  <FormMessage />
-                </FormItem>
-              </FormField>
-
-              <FormField v-slot="{ componentField }" name="reference">
-                <FormItem>
-                  <FormLabel>Reference</FormLabel>
-                  <FormControl>
-                    <Input placeholder="e.g., Invoice #123, Receipt #456" v-bind="componentField" />
-                  </FormControl>
-                  <FormDescription>Optional reference number or note</FormDescription>
-                  <FormMessage />
-                </FormItem>
-              </FormField>
-
-              <div class="p-3 rounded-lg bg-muted/50">
-                <div class="flex items-center gap-2 mb-1">
-                  <span class="text-sm text-muted-foreground">Revenue account:</span>
-                  <Badge variant="secondary" class="font-mono">{{ selectedRevenueAccount?.name }}</Badge>
-                </div>
-                <p v-if="selectedRevenueAccount?.description" class="text-xs text-muted-foreground">
-                  {{ selectedRevenueAccount.description }}
-                </p>
-              </div>
-
-              <div class="flex items-center gap-2 pt-2 pb-6">
-                <Button
-                  type="button"
-                  variant="outline"
-                  @click="currentStep = 1"
-                  :disabled="isSubmitting"
-                  class="flex-1"
-                >
-                  <ChevronLeft class="h-4 w-4 mr-1" />
-                  Back
-                </Button>
-                <Button type="submit" :disabled="isSubmitting || !isFormValid" class="flex-1">
-                  <Loader2 v-if="isSubmitting" class="h-4 w-4 mr-2 animate-spin" />
-                  <span>{{ isSubmitting ? 'Submitting...' : t('libra.income.submitIncome') }}</span>
-                </Button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </template>
-    </DialogContent>
-  </Dialog>
-</template>
-
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
 import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
+import { TrendingUp, Info } from 'lucide-vue-next'
-import { Textarea } from '@/components/ui/textarea'
-import { Badge } from '@/components/ui/badge'
-import {
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
 import {
   Dialog,
   DialogContent,
@@ -221,131 +9,44 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
-import { TrendingUp, ChevronLeft, Loader2, CheckCircle2, Receipt, Clock } from 'lucide-vue-next'
-import { injectService, SERVICE_TOKENS } from '@/core/di-container'
-import { useAuth } from '@/composables/useAuthService'
-import { useToast } from '@/core/composables/useToast'
-import type { ExpensesAPI } from '@/modules/expenses/services/ExpensesAPI'
-import type { Account } from '@/modules/expenses/types'
-import AccountSelector from '@/modules/expenses/components/AccountSelector.vue'
 
 interface Emits {
   (e: 'close'): void
 }
 
 const emit = defineEmits<Emits>()
-
-const expensesAPI = injectService<ExpensesAPI>(SERVICE_TOKENS.EXPENSES_API)
-const { user } = useAuth()
-const toast = useToast()
-const router = useRouter()
 const { t } = useI18n()
 
-const currentStep = ref(1)
+function handleClose() {
-const selectedRevenueAccount = ref<Account | null>(null)
-const isSubmitting = ref(false)
-const availableCurrencies = ref<string[]>([])
-const showSuccessDialog = ref(false)
-
-const formSchema = toTypedSchema(
-  z.object({
-    description: z.string().min(1, 'Description is required').max(500, 'Description too long'),
-    amount: z.coerce.number().min(0.01, 'Amount must be at least 0.01'),
-    currency: z.string().min(1, 'Currency is required'),
-    reference: z.string().max(100, 'Reference too long').optional(),
-  })
-)
-
-const form = useForm({
-  validationSchema: formSchema,
-  initialValues: {
-    description: '',
-    amount: 0,
-    currency: '',
-    reference: '',
-  }
-})
-
-const { resetForm, meta } = form
-const isFormValid = computed(() => meta.value.valid)
-
-onMounted(async () => {
-  try {
-    const wallet = user.value?.wallets?.[0]
-    if (!wallet || !wallet.inkey) {
-      console.warn('[AddIncome] No wallet available for loading data')
-      return
-    }
-
-    const currencies = await expensesAPI.getCurrencies()
-    availableCurrencies.value = currencies
-
-    const defaultCurrency = await expensesAPI.getDefaultCurrency()
-    const initialCurrency = defaultCurrency || currencies[0] || 'EUR'
-    form.setFieldValue('currency', initialCurrency)
-  } catch (error) {
-    console.error('[AddIncome] Failed to load data:', error)
-    toast.error('Failed to load form data', { description: 'Please check your connection and try again' })
-  }
-})
-
-function handleRevenueAccountSelected(account: Account) {
-  selectedRevenueAccount.value = account
-  currentStep.value = 2
-}
-
-const onSubmit = form.handleSubmit(async (values) => {
-  if (!selectedRevenueAccount.value) {
-    toast.error('No account selected', { description: 'Please select a revenue account first' })
-    return
-  }
-
-  const wallet = user.value?.wallets?.[0]
-  if (!wallet || !wallet.inkey) {
-    toast.error('No wallet available', { description: 'Please log in to submit income' })
-    return
-  }
-
-  isSubmitting.value = true
-
-  try {
-    await expensesAPI.submitIncome(wallet.inkey, {
-      description: values.description,
-      amount: values.amount,
-      revenue_account: selectedRevenueAccount.value.name,
-      currency: values.currency,
-      reference: values.reference,
-    })
-
-    showSuccessDialog.value = true
-    resetForm()
-    selectedRevenueAccount.value = null
-    currentStep.value = 1
-  } catch (error) {
-    console.error('[AddIncome] Error submitting income:', error)
-    const errorMessage = error instanceof Error ? error.message : 'Unknown error'
-    toast.error('Submission failed', { description: errorMessage })
-  } finally {
-    isSubmitting.value = false
-  }
-})
-
-function goToTransactions() {
-  showSuccessDialog.value = false
   emit('close')
-  router.push('/expenses/transactions')
-}
-
-function closeSuccessDialog() {
-  showSuccessDialog.value = false
-  emit('close')
-}
-
-function handleDialogClose() {
-  if (showSuccessDialog.value) {
-    closeSuccessDialog()
-  } else {
-    emit('close')
-  }
 }
 </script>
+
+<template>
+  <Dialog :open="true" @update:open="(open) => !open && handleClose()">
+    <DialogContent class="max-w-md">
+      <DialogHeader>
+        <DialogTitle class="flex items-center gap-2">
+          <TrendingUp class="h-5 w-5 text-green-600 dark:text-green-400" />
+          <span>{{ t('libra.income.title') }}</span>
+        </DialogTitle>
+        <DialogDescription>
+          {{ t('libra.income.description') }}
+        </DialogDescription>
+      </DialogHeader>
+
+      <!-- Placeholder content -->
+      <div class="flex flex-col items-center py-8 space-y-4">
+        <div class="rounded-full bg-muted p-4">
+          <Info class="h-8 w-8 text-muted-foreground" />
+        </div>
+        <p class="text-sm text-muted-foreground text-center max-w-xs">
+          {{ t('libra.income.notAvailable') }}
+        </p>
+        <Button variant="outline" @click="handleClose">
+          Close
+        </Button>
+      </div>
+    </DialogContent>
+  </Dialog>
+</template>

src/accounting-app/views/BalancePage.vue

@@ -6,7 +6,7 @@ import { injectService, SERVICE_TOKENS } from '@/core/di-container'
 import { useToast } from '@/core/composables/useToast'
 import type { ExpensesAPI } from '@/modules/expenses/services/ExpensesAPI'
 import type { Transaction } from '@/modules/expenses/types'
-import { ArrowDown, ArrowUp, Clock, Info, Loader2, PieChart, TrendingUp, TrendingDown } from 'lucide-vue-next'
+import { ArrowDown, ArrowUp, Clock, Loader2, PieChart } from 'lucide-vue-next'
 import { Badge } from '@/components/ui/badge'
 
 const { t } = useI18n()
@@ -17,30 +17,9 @@ const expensesAPI = injectService<ExpensesAPI>(SERVICE_TOKENS.EXPENSES_API)
 
 const balance = ref<number | null>(null)
 const balanceCurrency = ref<string>('sats')
-const fiatBalances = ref<Record<string, number>>({})
-const totalExpensesSats = ref<number>(0)
-const totalExpensesFiat = ref<Record<string, number>>({})
-const totalIncomeSats = ref<number>(0)
-const totalIncomeFiat = ref<Record<string, number>>({})
 const pendingTransactions = ref<Transaction[]>([])
 const isLoading = ref(true)
 
-const fiatBalanceEntries = computed(() =>
-  Object.entries(fiatBalances.value).filter(([, amount]) => Math.abs(amount) > 0.005)
-)
-
-const expensesFiatEntries = computed(() =>
-  Object.entries(totalExpensesFiat.value).filter(([, amount]) => Math.abs(amount) > 0.005)
-)
-
-const incomeFiatEntries = computed(() =>
-  Object.entries(totalIncomeFiat.value).filter(([, amount]) => Math.abs(amount) > 0.005)
-)
-
-const hasBreakdown = computed(() =>
-  totalExpensesSats.value > 0 || totalIncomeSats.value > 0
-)
-
 const walletKey = computed(() => user.value?.wallets?.[0]?.inkey)
 const budgetsEnabled = computed(() => import.meta.env.VITE_LIBRA_BUDGETS_ENABLED === 'true')
 
@@ -76,11 +55,6 @@ async function loadData() {
 
     balance.value = balanceData.balance
     balanceCurrency.value = balanceData.currency || 'sats'
-    fiatBalances.value = balanceData.fiat_balances || {}
-    totalExpensesSats.value = balanceData.total_expenses_sats || 0
-    totalExpensesFiat.value = balanceData.total_expenses_fiat || {}
-    totalIncomeSats.value = balanceData.total_income_sats || 0
-    totalIncomeFiat.value = balanceData.total_income_fiat || {}
 
     // Filter for pending transactions (flag = '!')
     pendingTransactions.value = txData.entries.filter(tx => tx.flag === '!')
@@ -138,15 +112,6 @@ function formatFiat(amount: number, currency: string): string {
             </span>
             <span class="text-lg text-muted-foreground">{{ balanceCurrency }}</span>
           </div>
-          <div v-if="fiatBalanceEntries.length > 0" class="flex flex-wrap items-center gap-x-3 gap-y-1 pl-7">
-            <span
-              v-for="[currency, amount] in fiatBalanceEntries"
-              :key="currency"
-              class="text-base text-muted-foreground"
-            >
-              {{ formatFiat(Math.abs(amount), currency) }}
-            </span>
-          </div>
           <p class="text-sm" :class="libraOwesUser ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'">
             {{ libraOwesUser ? t('libra.balance.owedToYou') : t('libra.balance.youOwe') }}
           </p>
@@ -157,63 +122,6 @@ function formatFiat(amount: number, currency: string): string {
         </div>
       </div>
 
-      <!-- Lifetime Breakdown -->
-      <div v-if="hasBreakdown" class="grid grid-cols-2 gap-3 mb-6">
-        <!-- Income -->
-        <div class="rounded-xl border bg-card p-4">
-          <div class="flex items-center gap-2 mb-2">
-            <TrendingUp class="w-4 h-4 text-muted-foreground" />
-            <h3 class="text-xs font-medium text-muted-foreground uppercase tracking-wide">Income</h3>
-          </div>
-          <p class="text-lg font-semibold text-foreground">
-            {{ formatAmount(totalIncomeSats) }}
-            <span class="text-sm font-normal text-muted-foreground">sats</span>
-          </p>
-          <div v-if="incomeFiatEntries.length > 0" class="mt-1 space-y-0.5">
-            <p
-              v-for="[currency, amount] in incomeFiatEntries"
-              :key="currency"
-              class="text-xs text-muted-foreground"
-            >
-              {{ formatFiat(amount, currency) }}
-            </p>
-          </div>
-          <div class="mt-3 flex items-start gap-1.5">
-            <Info class="w-3 h-3 mt-0.5 shrink-0 text-primary/70" />
-            <p class="text-[11px] leading-snug text-primary/80">
-              Collected on behalf of the organization — you owe this back.
-            </p>
-          </div>
-        </div>
-
-        <!-- Expenses -->
-        <div class="rounded-xl border bg-card p-4">
-          <div class="flex items-center gap-2 mb-2">
-            <TrendingDown class="w-4 h-4 text-muted-foreground" />
-            <h3 class="text-xs font-medium text-muted-foreground uppercase tracking-wide">Expenses</h3>
-          </div>
-          <p class="text-lg font-semibold text-foreground">
-            {{ formatAmount(totalExpensesSats) }}
-            <span class="text-sm font-normal text-muted-foreground">sats</span>
-          </p>
-          <div v-if="expensesFiatEntries.length > 0" class="mt-1 space-y-0.5">
-            <p
-              v-for="[currency, amount] in expensesFiatEntries"
-              :key="currency"
-              class="text-xs text-muted-foreground"
-            >
-              {{ formatFiat(amount, currency) }}
-            </p>
-          </div>
-          <div class="mt-3 flex items-start gap-1.5">
-            <Info class="w-3 h-3 mt-0.5 shrink-0 text-primary/70" />
-            <p class="text-[11px] leading-snug text-primary/80">
-              Paid on the organization's behalf — owed back to you.
-            </p>
-          </div>
-        </div>
-      </div>
-
       <!-- Pending Section -->
       <div v-if="pendingCount > 0" class="rounded-xl border bg-card p-5 mb-6">
         <div class="flex items-center gap-2 mb-3">

src/modules/expenses/services/ExpensesAPI.ts

@@ -7,8 +7,6 @@ import type {
   Account,
   ExpenseEntryRequest,
   ExpenseEntry,
-  IncomeEntryRequest,
-  IncomeEntry,
   AccountNode,
   UserInfo,
   AccountPermission,
@@ -190,33 +188,6 @@ export class ExpensesAPI extends BaseService {
     }
   }
 
-  /**
-   * Submit income entry to libra
-   */
-  async submitIncome(walletKey: string, request: IncomeEntryRequest): Promise<IncomeEntry> {
-    try {
-      const response = await fetch(`${this.baseUrl}/libra/api/v1/entries/income`, {
-        method: 'POST',
-        headers: this.getHeaders(walletKey),
-        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 submit income: ${response.statusText}`
-        throw new Error(errorMessage)
-      }
-
-      const entry = await response.json()
-      return entry as IncomeEntry
-    } catch (error) {
-      console.error('[ExpensesAPI] Error submitting income:', error)
-      throw error
-    }
-  }
-
   /**
    * Get user's expense entries
    */
@@ -245,15 +216,7 @@ export class ExpensesAPI extends BaseService {
   /**
    * Get user's balance with libra
    */
-  async getUserBalance(walletKey: string): Promise<{
+  async getUserBalance(walletKey: string): Promise<{ balance: number; currency: string }> {
-    balance: number
-    currency: string
-    fiat_balances?: Record<string, number>
-    total_expenses_sats?: number
-    total_expenses_fiat?: Record<string, number>
-    total_income_sats?: number
-    total_income_fiat?: Record<string, number>
-  }> {
     try {
       const response = await fetch(`${this.baseUrl}/libra/api/v1/balance`, {
         method: 'GET',

src/modules/expenses/types/index.ts

@@ -43,7 +43,6 @@ export interface AccountWithPermissions extends Account {
 export enum PermissionType {
   READ = 'read',
   SUBMIT_EXPENSE = 'submit_expense',
-  SUBMIT_INCOME = 'submit_income',
   MANAGE = 'manage'
 }
 
@@ -79,35 +78,6 @@ export interface ExpenseEntry {
   status: 'pending' | 'approved' | 'rejected' | 'void'
 }
 
-/**
- * Income entry request payload. Income lands on the submitting user as
- * a receivable (Assets:Receivable:User-{id}) — no payment-method account.
- */
-export interface IncomeEntryRequest {
-  description: string
-  amount: number
-  revenue_account: string
-  currency: string
-  reference?: string
-  entry_date?: string
-}
-
-/**
- * Income entry response from libra API
- */
-export interface IncomeEntry {
-  id: string
-  journal_id: string
-  description: string
-  amount: number
-  revenue_account: string
-  currency: string
-  reference?: string
-  entry_date: string
-  created_at: string
-  status: 'pending' | 'approved' | 'rejected' | 'void'
-}
-
 /**
  * Hierarchical account tree node for UI rendering
  */

src/modules/expenses/views/TransactionsPage.vue

@@ -17,8 +17,7 @@ import {
   Flag,
   XCircle,
   RefreshCw,
-  Calendar,
+  Calendar
-  Filter
 } from 'lucide-vue-next'
 
 const { user } = useAuth()
@@ -30,21 +29,6 @@ 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')
-
-const typeFilterOptions = [
-  { label: 'All', value: 'all' as const },
-  { label: 'Income', value: 'income' as const },
-  { label: 'Expenses', value: 'expense' as const }
-]
-
-function isIncome(t: Transaction): boolean {
-  return t.tags?.includes('income-entry') ?? false
-}
-
-function isExpense(t: Transaction): boolean {
-  return t.tags?.includes('expense-entry') ?? false
-}
 
 const walletKey = computed(() => user.value?.wallets?.[0]?.inkey)
 
@@ -71,12 +55,9 @@ const searchOptions: FuzzySearchOptions<Transaction> = {
   matchAllWhenSearchEmpty: true
 }
 
-// Transactions to display (search results or all transactions), filtered by type
+// Transactions to display (search results or all transactions)
 const transactionsToDisplay = computed(() => {
-  const base = searchResults.value.length > 0 ? searchResults.value : transactions.value
+  return searchResults.value.length > 0 ? searchResults.value : transactions.value
-  if (typeFilter.value === 'income') return base.filter(isIncome)
-  if (typeFilter.value === 'expense') return base.filter(isExpense)
-  return base
 })
 
 // Handle search results
@@ -216,7 +197,7 @@ onMounted(() => {
               :key="option.value"
               :variant="dateRangeType === option.value ? 'default' : 'outline'"
               size="sm"
-              class="h-7 md:h-8 px-3 text-xs"
+              class="h-8 px-3 text-xs"
               @click="onDateRangeTypeChange(option.value)"
               :disabled="isLoading"
             >
@@ -224,22 +205,6 @@ onMounted(() => {
             </Button>
           </div>
 
-          <!-- Type Filter (All / Income / Expenses) -->
-          <div class="flex items-center gap-2 flex-wrap">
-            <Filter class="h-4 w-4 text-muted-foreground" />
-            <Button
-              v-for="option in typeFilterOptions"
-              :key="option.value"
-              :variant="typeFilter === option.value ? 'default' : 'outline'"
-              size="sm"
-              class="h-7 md:h-8 px-3 text-xs"
-              @click="typeFilter = option.value"
-              :disabled="isLoading"
-            >
-              {{ option.label }}
-            </Button>
-          </div>
-
           <!-- Custom Date Range Inputs -->
           <div v-if="dateRangeType === 'custom'" class="flex items-end gap-2 flex-wrap">
             <div class="flex flex-col gap-1">
@@ -247,7 +212,7 @@ onMounted(() => {
               <Input
                 type="date"
                 v-model="customStartDate"
-                class="h-7 md:h-8 text-xs"
+                class="h-8 text-xs"
                 :disabled="isLoading"
               />
             </div>
@@ -256,13 +221,13 @@ onMounted(() => {
               <Input
                 type="date"
                 v-model="customEndDate"
-                class="h-7 md:h-8 text-xs"
+                class="h-8 text-xs"
                 :disabled="isLoading"
               />
             </div>
             <Button
               size="sm"
-              class="h-7 md:h-8 px-3 text-xs"
+              class="h-8 px-3 text-xs"
               @click="applyCustomDateRange"
               :disabled="isLoading || !customStartDate || !customEndDate"
             >
@@ -316,11 +281,7 @@ 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">
@@ -367,21 +328,22 @@ onMounted(() => {
               <span class="font-medium">Ref:</span> {{ transaction.reference }}
             </div>
 
+            <!-- Username (if available) -->
+            <div v-if="transaction.username" class="text-muted-foreground">
+              <span class="font-medium">User:</span> {{ transaction.username }}
+            </div>
+
             <!-- Tags -->
             <div v-if="transaction.tags && transaction.tags.length > 0" class="flex flex-wrap gap-1 mt-2">
-              <Badge
+              <Badge v-for="tag in transaction.tags" :key="tag" variant="secondary" class="text-xs">
-                v-for="tag in transaction.tags"
-                :key="tag"
-                variant="secondary"
-                :class="[
-                  '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>
             </div>
+
+            <!-- Metadata Source -->
+            <div v-if="transaction.meta?.source" class="text-muted-foreground mt-1">
+              <span class="text-xs">Source: {{ transaction.meta.source }}</span>
+            </div>
           </div>
         </div>