feat: add 4 new Swedish bank CSV parsers and improve transaction categorization

Add auto-detecting CSV parsers for Länsförsäkringar, ICA Banken, Skandia,
and Lunar. Refine SEB detection to avoid false matches. Update bank file
upload UI with new bank options and export instructions. Include booking
templates, improved AI categorization, and transaction review enhancements.

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

components/transactions/QuickReviewDialog.tsx

@@ -4,10 +4,13 @@ import { useState, useEffect, useCallback } from 'react'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog'
+import { useToast } from '@/components/ui/use-toast'
 import { formatCurrency, formatDate } from '@/lib/utils'
-import { ArrowUpRight, ArrowDownRight, Check } from 'lucide-react'
+import { ArrowUpRight, ArrowDownRight, Check, Paperclip, ChevronDown, ChevronUp } from 'lucide-react'
 import { getDefaultAccountForCategory } from '@/lib/bookkeeping/category-mapping'
 import AccountCombobox from '@/components/bookkeeping/AccountCombobox'
+import DocumentUploadZone from '@/components/bookkeeping/DocumentUploadZone'
+import type { UploadedFile } from '@/components/bookkeeping/DocumentUploadZone'
 import VatTreatmentSelect from './VatTreatmentSelect'
 import type { TransactionWithInvoice } from './transaction-types'
 import type { TransactionCategory, VatTreatment, BASAccount } from '@/types'
@@ -25,7 +28,7 @@ interface QuickReviewDialogProps {
     category: TransactionCategory,
     vatTreatment: VatTreatment | undefined,
     accountOverride: string | undefined
-  ) => Promise<void>
+  ) => Promise<string | null>
 }
 
 export default function QuickReviewDialog({
@@ -38,11 +41,14 @@ export default function QuickReviewDialog({
   defaultVat,
   onConfirm,
 }: QuickReviewDialogProps) {
+  const { toast } = useToast()
   const [accountOverride, setAccountOverride] = useState(defaultAccount)
   const [vatTreatment, setVatTreatment] = useState<VatTreatment | 'none'>(defaultVat)
   const [accounts, setAccounts] = useState<BASAccount[]>([])
   const [isProcessing, setIsProcessing] = useState(false)
   const [error, setError] = useState<string | null>(null)
+  const [uploadedFiles, setUploadedFiles] = useState<UploadedFile[]>([])
+  const [showUploadZone, setShowUploadZone] = useState(false)
 
   // Handle account changes — clear VAT for liability/equity accounts (class 2)
   const handleAccountChange = useCallback((account: string) => {
@@ -85,7 +91,34 @@ export default function QuickReviewDialog({
         ? accountOverride
         : undefined
 
-      await onConfirm(transaction.id, category, resolvedVat, override)
+      const journalEntryId = await onConfirm(transaction.id, category, resolvedVat, override)
+
+      // Link uploaded documents to the journal entry
+      if (journalEntryId && uploadedFiles.length > 0) {
+        const filesToLink = uploadedFiles.filter((f) => f.status === 'uploaded' && f.id)
+        let linkFailCount = 0
+        for (const file of filesToLink) {
+          try {
+            await fetch(`/api/documents/${file.id}/link`, {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ journal_entry_id: journalEntryId }),
+            })
+          } catch {
+            linkFailCount++
+          }
+        }
+        if (linkFailCount > 0) {
+          toast({
+            title: 'Underlag kunde inte bifogas',
+            description: `${linkFailCount} fil(er) kunde inte lankas till verifikationen.`,
+            variant: 'destructive',
+          })
+        }
+      }
+
+      setUploadedFiles([])
+      setShowUploadZone(false)
     } catch {
       setError('Ett fel uppstod vid bokföring.')
       setIsProcessing(false)
@@ -93,7 +126,13 @@ export default function QuickReviewDialog({
   }
 
   return (
-    <Dialog open={open} onOpenChange={isProcessing ? undefined : onOpenChange}>
+    <Dialog open={open} onOpenChange={isProcessing ? undefined : (o) => {
+      if (!o) {
+        setUploadedFiles([])
+        setShowUploadZone(false)
+      }
+      onOpenChange(o)
+    }}>
       <DialogContent className="max-w-md">
         <DialogHeader>
           <DialogTitle>Granska bokföring</DialogTitle>
@@ -164,6 +203,39 @@ export default function QuickReviewDialog({
           </div>
         </div>
 
+        {/* Document upload */}
+        <div className="rounded-lg border">
+          <button
+            type="button"
+            onClick={() => setShowUploadZone(!showUploadZone)}
+            className="flex items-center justify-between w-full px-3 py-2.5 text-sm hover:bg-muted/50 transition-colors"
+          >
+            <div className="flex items-center gap-2">
+              <Paperclip className="h-4 w-4 text-muted-foreground" />
+              <span className="font-medium">Underlag</span>
+              {uploadedFiles.filter((f) => f.status === 'uploaded').length > 0 && (
+                <span className="text-xs text-muted-foreground">
+                  {uploadedFiles.filter((f) => f.status === 'uploaded').length} bifogade
+                </span>
+              )}
+            </div>
+            {showUploadZone ? (
+              <ChevronUp className="h-4 w-4 text-muted-foreground" />
+            ) : (
+              <ChevronDown className="h-4 w-4 text-muted-foreground" />
+            )}
+          </button>
+          {showUploadZone && (
+            <div className="px-3 pb-3">
+              <DocumentUploadZone
+                files={uploadedFiles}
+                onFilesChange={setUploadedFiles}
+                compact
+              />
+            </div>
+          )}
+        </div>
+
         {error && (
           <div className="p-3 rounded-lg bg-destructive/10 text-destructive text-sm">
             {error}