feat: UX improvements — nav, reports tabs, dashboard alerts, transaction hints, settings layout

- Move Reports to Finans nav group and auto-expand Övrigt on its pages
- Make report tabs horizontally scrollable with gradient fade on mobile
- Surface deadlines and alerts above the fold on dashboard
- Add dismissible categorization hint card on transactions page
- Split settings company form into 4 separate Cards for scannability
- Add monthly breakdown report, document upload zone, journal entry attachments
- Add batch category selector, receipt document linking, invoice form improvements

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/api/documents/counts/route.ts

@@ -0,0 +1,55 @@
+import { createClient } from '@/lib/supabase/server'
+import { NextResponse } from 'next/server'
+
+/**
+ * GET /api/documents/counts?journal_entry_ids=id1,id2,...
+ * Returns attachment counts per journal entry ID.
+ * Max 50 IDs per request.
+ */
+export async function GET(request: Request) {
+  const supabase = await createClient()
+
+  const { data: { user } } = await supabase.auth.getUser()
+
+  if (!user) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const { searchParams } = new URL(request.url)
+  const idsParam = searchParams.get('journal_entry_ids')
+
+  if (!idsParam) {
+    return NextResponse.json({ error: 'journal_entry_ids is required' }, { status: 400 })
+  }
+
+  const ids = idsParam.split(',').filter(Boolean)
+
+  if (ids.length === 0) {
+    return NextResponse.json({ data: {} })
+  }
+
+  if (ids.length > 50) {
+    return NextResponse.json({ error: 'Maximum 50 IDs per request' }, { status: 400 })
+  }
+
+  const { data, error } = await supabase
+    .from('document_attachments')
+    .select('journal_entry_id')
+    .eq('user_id', user.id)
+    .eq('is_current_version', true)
+    .in('journal_entry_id', ids)
+
+  if (error) {
+    return NextResponse.json({ error: error.message }, { status: 500 })
+  }
+
+  // Group and count by journal_entry_id
+  const counts: Record<string, number> = {}
+  for (const row of data || []) {
+    if (row.journal_entry_id) {
+      counts[row.journal_entry_id] = (counts[row.journal_entry_id] || 0) + 1
+    }
+  }
+
+  return NextResponse.json({ data: counts })
+}

app/api/extensions/receipt-ocr/upload/route.ts

@@ -65,12 +65,14 @@ export async function POST(request: Request) {
     }
 
     // WORM archive copy (non-blocking — receipt flow continues even if this fails)
+    let wormDocumentId: string | null = null
     try {
-      await uploadDocument(user.id, {
+      const wormDoc = await uploadDocument(user.id, {
         name: imageFile.name,
         buffer: arrayBuffer,
         type: imageFile.type,
       }, { upload_source: 'camera' })
+      wormDocumentId = wormDoc.id
     } catch (archiveErr) {
       console.error('[receipt-upload] WORM archive copy failed:', archiveErr)
     }
@@ -86,6 +88,7 @@ export async function POST(request: Request) {
         user_id: user.id,
         image_url: imageUrl,
         status: 'processing',
+        document_id: wormDocumentId,
       })
       .select()
       .single()
@@ -178,7 +181,7 @@ export async function POST(request: Request) {
         type: 'receipt.extracted',
         payload: {
           receipt: completeReceipt,
-          documentId: null,
+          documentId: wormDocumentId,
           confidence: extraction.confidence,
           userId: user.id,
         },

app/api/reports/monthly-breakdown/route.ts

@@ -0,0 +1,26 @@
+import { createClient } from '@/lib/supabase/server'
+import { NextResponse } from 'next/server'
+import { generateMonthlyBreakdown } from '@/lib/reports/monthly-breakdown'
+
+export async function GET(request: Request) {
+  const supabase = await createClient()
+  const { data: { user } } = await supabase.auth.getUser()
+
+  if (!user) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const { searchParams } = new URL(request.url)
+  const periodId = searchParams.get('period_id')
+
+  if (!periodId) {
+    return NextResponse.json({ error: 'period_id is required' }, { status: 400 })
+  }
+
+  try {
+    const data = await generateMonthlyBreakdown(user.id, periodId)
+    return NextResponse.json({ data })
+  } catch {
+    return NextResponse.json({ error: 'Failed to generate monthly breakdown' }, { status: 500 })
+  }
+}

app/api/transactions/[id]/categorize/route.ts

@@ -209,6 +209,27 @@ export async function POST(
     }
   }
 
+  // Link receipt document to journal entry if both exist
+  if (journalEntryId && transaction.receipt_id) {
+    try {
+      const { data: receipt } = await supabase
+        .from('receipts')
+        .select('document_id')
+        .eq('id', transaction.receipt_id)
+        .single()
+
+      if (receipt?.document_id) {
+        await supabase
+          .from('document_attachments')
+          .update({ journal_entry_id: journalEntryId })
+          .eq('id', receipt.document_id)
+          .eq('user_id', user.id)
+      }
+    } catch (linkErr) {
+      console.error('[categorize] Failed to link receipt document:', linkErr)
+    }
+  }
+
   // Update the transaction
   const { error: updateError } = await supabase
     .from('transactions')