feat(phase-b): ship analytics dashboard, alerts, scanner PWA, dedup, audit view

Phase B (Insights & Alerts) PR4-11 in one drop. Builds on the schema +
service skeletons committed in PRs 1-3.

PR4  Analytics dashboard — 4 chart types (funnel/timeline/breakdown/source),
     date-range picker (today/7d/30d/90d), CSV+PNG export per card.
PR5  Alert rail UI + /alerts page — topbar bell w/ live count, dashboard
     right-rail, three-tab page (active/dismissed/resolved), socket-driven
     invalidation. Bell lazy-loads list on popover open to keep cold pages
     fast in non-dashboard routes.
PR6  EOI queue tab on documents hub — filters to in-flight EOIs, count
     surfaces in tab label.
PR7  Interests-by-berth tab on berth detail — replaces the stub.
PR8  Expense duplicate detection — BullMQ job runs scan on create, yellow
     banner on detail w/ Merge / Not-a-duplicate, transactional merge
     consolidates receipts and archives the source.
PR9  Receipt scanner PWA + multi-provider AI — port-scoped /scan route in
     its own (scanner) group with no dashboard chrome, dynamic per-port
     manifest, OpenAI + Claude provider abstraction, admin OCR settings
     page (port-level + super-admin global default w/ opt-in fallback),
     test-connection endpoint, manual-entry fallback when no key is
     configured. Verify form always shown before save — no ghost rows.
PR10 Audit log read view — swap to tsvector full-text search on the
     existing GIN index, cursor pagination, filters for entity/action/user
     /date range, batched actor-email resolution.
PR11 Real-API tests — opt-in receipt-ocr.spec (admin save+test, optional
     real-receipt parse via REALAPI_RECEIPT_FIXTURE) and alert-engine
     socket-fanout spec gated behind RUN_ALERT_ENGINE_REALAPI. Both skip
     cleanly without their gate envs so CI stays green.

Test totals: vitest 690 -> 713, smoke 130 -> 138, realapi +2 opt-in.

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

src/components/expenses/expense-detail.tsx

@@ -11,6 +11,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { ArchiveConfirmDialog } from '@/components/shared/archive-confirm-dialog';
 import { apiFetch } from '@/lib/api/client';
 import type { ExpenseRow } from './expense-columns';
+import { ExpenseDuplicateBanner } from './expense-duplicate-banner';
 
 const PAYMENT_STATUS_COLORS: Record<string, string> = {
   unpaid: 'bg-red-100 text-red-700 border-red-200',
@@ -52,9 +53,7 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
 
   if (error || !data?.data) {
     return (
-      <div className="p-6 text-center text-muted-foreground">
-        Failed to load expense details.
-      </div>
+      <div className="p-6 text-center text-muted-foreground">Failed to load expense details.</div>
     );
   }
 
@@ -64,6 +63,7 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
 
   return (
     <div className="space-y-6">
+      <ExpenseDuplicateBanner expense={expense} />
       <div className="flex items-center justify-between">
         <div>
           <h2 className="text-xl font-semibold">
@@ -107,10 +107,12 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
             </p>
             {expense.amountUsd && expense.currency !== 'USD' && (
               <p className="text-sm text-muted-foreground mt-1">
-                ≈ ${Number(expense.amountUsd).toLocaleString('en-US', {
+                ≈ $
+                {Number(expense.amountUsd).toLocaleString('en-US', {
                   minimumFractionDigits: 2,
                   maximumFractionDigits: 2,
-                })} USD
+                })}{' '}
+                USD
               </p>
             )}
           </CardContent>
@@ -121,10 +123,7 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
             <CardTitle className="text-sm font-medium">Payment Status</CardTitle>
           </CardHeader>
           <CardContent>
-            <Badge
-              variant="outline"
-              className={`capitalize text-sm border ${statusColor}`}
-            >
+            <Badge variant="outline" className={`capitalize text-sm border ${statusColor}`}>
               {status}
             </Badge>
           </CardContent>
@@ -138,15 +137,11 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
         <CardContent className="grid grid-cols-2 gap-4 text-sm">
           <div>
             <span className="text-muted-foreground">Category</span>
-            <p className="mt-0.5 capitalize">
-              {expense.category?.replace(/_/g, ' ') ?? '—'}
-            </p>
+            <p className="mt-0.5 capitalize">{expense.category?.replace(/_/g, ' ') ?? '—'}</p>
           </div>
           <div>
             <span className="text-muted-foreground">Payment Method</span>
-            <p className="mt-0.5 capitalize">
-              {expense.paymentMethod?.replace(/_/g, ' ') ?? '—'}
-            </p>
+            <p className="mt-0.5 capitalize">{expense.paymentMethod?.replace(/_/g, ' ') ?? '—'}</p>
           </div>
           <div>
             <span className="text-muted-foreground">Payer</span>