feat: add Email Senders page, replace Reports with Coming Soon, remove AI references

- Reports page replaced with Coming Soon placeholder
- New Email Senders page: view senders, expand to see transactions, send
transaction history via Gmail API
- Backend /api/senders routes: list senders, get transactions, send email
- Sidebar updated with Email Senders navigation link
- All AI/IA mentions removed from UI labels and i18n strings
- AI Chat assistant removed from MainLayout and TransactionReviewPage
- Chat route replaced with senders route on backend
- ScanModal and Journal page AI labels renamed to neutral terms

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

packages/server/src/index.ts

@@ -19,7 +19,7 @@ import emailRoutes from './routes/emails.js';
 import transactionRoutes from './routes/transactions.js';
 import settingsRoutes from './routes/settings.js';
 import receiptRoutes from './routes/receipts.js';
-import chatRoutes from './routes/chat.js';
+import senderRoutes from './routes/senders.js';
 import screenshotRoutes from './routes/screenshots.js';
 import { errorHandler } from './middleware/errorHandler.js';
 
@@ -67,7 +67,7 @@ app.use('/api/scan', emailRoutes);
 app.use('/api/transactions', transactionRoutes);
 app.use('/api/settings', settingsRoutes);
 app.use('/api/receipts', receiptRoutes);
-app.use('/api/chat', chatRoutes);
+app.use('/api/senders', senderRoutes);
 app.use('/api/screenshots', screenshotRoutes);
 
 // Serve frontend static files in production

packages/server/src/routes/senders.ts

@@ -0,0 +1,190 @@
+import { Router } from 'express';
+import { google } from 'googleapis';
+import { db } from '../db/index.js';
+import { transactions, users } from '../db/schema.js';
+import { eq, desc, sql, and } from 'drizzle-orm';
+import { requireAuth, type AuthRequest } from '../middleware/auth.js';
+import { config } from '../config/env.js';
+
+const router = Router();
+
+// GET /api/senders — List unique senders with stats (user-scoped)
+router.get('/', requireAuth, async (req: AuthRequest, res) => {
+  const search = (req.query.search as string) || '';
+
+  const conditions = [eq(transactions.userId, req.userId!)];
+  if (search) {
+    const s = '%' + search + '%';
+    conditions.push(sql`${transactions.sender} LIKE ${s}`);
+  }
+
+  const where = and(...conditions);
+
+  const senders = await db.select({
+    sender: transactions.sender,
+    totalTransactions: sql<number>`count(*)`,
+    totalAmount: sql<number>`COALESCE(sum(${transactions.amount}), 0)`,
+    lastTransaction: sql<string>`max(${transactions.date})`,
+  })
+    .from(transactions)
+    .where(where)
+    .groupBy(transactions.sender)
+    .orderBy(desc(sql`count(*)`));
+
+  res.json({ senders });
+});
+
+// GET /api/senders/:name/transactions — Get all transactions for a sender
+router.get('/:name/transactions', requireAuth, async (req: AuthRequest, res) => {
+  const senderName = decodeURIComponent(req.params.name as string);
+
+  const rows = await db.select()
+    .from(transactions)
+    .where(and(
+      eq(transactions.userId, req.userId!),
+      eq(transactions.sender, senderName)
+    ))
+    .orderBy(desc(sql`datetime(${transactions.date})`));
+
+  res.json({ transactions: rows });
+});
+
+// POST /api/senders/:name/send — Send transaction history email to a sender
+router.post('/:name/send', requireAuth, async (req: AuthRequest, res) => {
+  const senderName = decodeURIComponent(req.params.name as string);
+  const { recipientEmail } = req.body;
+
+  if (!recipientEmail) {
+    res.status(400).json({ error: true, message: 'recipientEmail is required' });
+    return;
+  }
+
+  // Fetch all transactions for this sender
+  const rows = await db.select()
+    .from(transactions)
+    .where(and(
+      eq(transactions.userId, req.userId!),
+      eq(transactions.sender, senderName)
+    ))
+    .orderBy(desc(sql`datetime(${transactions.date})`));
+
+  if (rows.length === 0) {
+    res.status(404).json({ error: true, message: 'No transactions found for this sender' });
+    return;
+  }
+
+  // Get user's OAuth credentials
+  const user = await db.select().from(users).where(eq(users.id, req.userId!)).get();
+  if (!user?.accessToken) {
+    res.status(401).json({ error: true, message: 'Google OAuth required to send emails' });
+    return;
+  }
+
+  const oauth2Client = new google.auth.OAuth2(
+    config.VITE_GOOGLE_CLIENT_ID,
+    config.GOOGLE_CLIENT_SECRET
+  );
+  oauth2Client.setCredentials({
+    access_token: user.accessToken,
+    refresh_token: user.refreshToken,
+    expiry_date: user.tokenExpires ? new Date(user.tokenExpires).getTime() : undefined,
+  });
+
+  // Build email body
+  const totalAmount = rows.reduce((sum, tx) => sum + (tx.amount || 0), 0);
+  const formattedTotal = totalAmount.toLocaleString('fr-CA', { style: 'currency', currency: 'CAD' });
+
+  const txRows = rows.map(tx => {
+    const date = new Date(tx.date).toLocaleDateString('fr-CA');
+    const amount = (tx.amount || 0).toLocaleString('fr-CA', { style: 'currency', currency: 'CAD' });
+    return `<tr>
+      <td style="padding:8px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;">${date}</td>
+      <td style="padding:8px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;text-align:right;font-weight:600;">${amount}</td>
+      <td style="padding:8px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;font-family:monospace;color:#64748b;">${tx.reference || '—'}</td>
+      <td style="padding:8px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;">${tx.branch || '—'}</td>
+      <td style="padding:8px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;">${tx.status || '—'}</td>
+    </tr>`;
+  }).join('');
+
+  const html = `<!DOCTYPE html>
+<html>
+<head><meta charset="UTF-8"></head>
+<body style="margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8fafc;">
+  <div style="max-width:700px;margin:0 auto;padding:32px 16px;">
+    <div style="background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;">
+      <div style="background:linear-gradient(135deg,#1e40af,#3b82f6);padding:24px 32px;color:white;">
+        <h1 style="margin:0;font-size:20px;font-weight:700;">ICC Interac Manager</h1>
+        <p style="margin:4px 0 0;font-size:14px;opacity:0.9;">Transaction History Report</p>
+      </div>
+      <div style="padding:24px 32px;">
+        <p style="margin:0 0 16px;font-size:15px;color:#334155;">
+          Hello <strong>${senderName}</strong>,
+        </p>
+        <p style="margin:0 0 24px;font-size:14px;color:#64748b;">
+          Here is a summary of your Interac e-Transfer transactions on record:
+        </p>
+        <div style="background:#f1f5f9;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:24px;">
+          <div>
+            <div style="font-size:11px;text-transform:uppercase;color:#94a3b8;font-weight:600;">Total Transactions</div>
+            <div style="font-size:24px;font-weight:800;color:#1e293b;">${rows.length}</div>
+          </div>
+          <div>
+            <div style="font-size:11px;text-transform:uppercase;color:#94a3b8;font-weight:600;">Total Amount</div>
+            <div style="font-size:24px;font-weight:800;color:#1e293b;">${formattedTotal}</div>
+          </div>
+        </div>
+        <table style="width:100%;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;">
+          <thead>
+            <tr style="background:#f8fafc;">
+              <th style="padding:10px 12px;text-align:left;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;border-bottom:2px solid #e2e8f0;">Date</th>
+              <th style="padding:10px 12px;text-align:right;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;border-bottom:2px solid #e2e8f0;">Amount</th>
+              <th style="padding:10px 12px;text-align:left;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;border-bottom:2px solid #e2e8f0;">Reference</th>
+              <th style="padding:10px 12px;text-align:left;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;border-bottom:2px solid #e2e8f0;">Branch</th>
+              <th style="padding:10px 12px;text-align:left;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;border-bottom:2px solid #e2e8f0;">Status</th>
+            </tr>
+          </thead>
+          <tbody>${txRows}</tbody>
+        </table>
+        <p style="margin:24px 0 0;font-size:12px;color:#94a3b8;text-align:center;">
+          This email was generated automatically by ICC Interac Manager.
+        </p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>`;
+
+  // Send via Gmail API
+  const subject = `Your Interac Transaction History — ICC (${rows.length} transactions)`;
+  const fromEmail = user.email;
+
+  const rawMessage = [
+    `From: ${fromEmail}`,
+    `To: ${recipientEmail}`,
+    `Subject: =?UTF-8?B?${Buffer.from(subject).toString('base64')}?=`,
+    'MIME-Version: 1.0',
+    'Content-Type: text/html; charset=UTF-8',
+    '',
+    html,
+  ].join('\r\n');
+
+  const encodedMessage = Buffer.from(rawMessage)
+    .toString('base64')
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_')
+    .replace(/=+$/, '');
+
+  try {
+    const gmail = google.gmail({ version: 'v1', auth: oauth2Client });
+    await gmail.users.messages.send({
+      userId: 'me',
+      requestBody: { raw: encodedMessage },
+    });
+
+    res.json({ success: true, message: `Email sent to ${recipientEmail}` });
+  } catch (err: any) {
+    res.status(500).json({ error: true, message: err.message || 'Failed to send email' });
+  }
+});
+
+export default router;

packages/web/src/App.tsx

@@ -7,6 +7,7 @@ import ReportsPage from '@/pages/ReportsPage';
 import BranchesPage from '@/pages/BranchesPage';
 import SettingsPage from '@/pages/SettingsPage';
 import JournalPage from '@/pages/JournalPage';
+import EmailSendersPage from '@/pages/EmailSendersPage';
 import TransactionsPage from '@/pages/TransactionsPage';
 import TransactionReviewPage from '@/pages/TransactionReviewPage';
 import ReceiptPreviewPage from '@/pages/ReceiptPreviewPage';
@@ -38,6 +39,7 @@ function App() {
           <Route path="/branches" element={<BranchesPage />} />
           <Route path="/transactions/:id/receipt" element={<ReceiptPreviewPage />} />
           <Route path="/journal" element={<JournalPage />} />
+          <Route path="/email-senders" element={<EmailSendersPage />} />
           <Route path="/settings" element={<SettingsPage />} />
         </Route>
 

packages/web/src/components/layout/MainLayout.tsx

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { Outlet, useNavigate } from 'react-router';
 import Sidebar from './Sidebar';
-import ChatAssistant from '@/components/chat/ChatAssistant';
 import { useAuthStore } from '@/stores/authStore';
 
 export default function MainLayout() {
@@ -40,7 +39,6 @@ export default function MainLayout() {
       <main className="flex flex-1 flex-col overflow-hidden bg-background">
         <Outlet />
       </main>
-      <ChatAssistant />
     </div>
   );
 }

packages/web/src/components/layout/Sidebar.tsx

@@ -9,6 +9,7 @@ import {
   Settings,
   LogOut,
   Wallet,
+  Mail,
 } from 'lucide-react';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { cn } from '@/lib/utils';
@@ -26,6 +27,7 @@ const navItems: NavItem[] = [
   { icon: BarChart3, labelKey: 'nav.reports', href: '/reports' },
   { icon: Store, labelKey: 'nav.branches', href: '/branches' },
   { icon: ScrollText, labelKey: 'nav.journal', href: '/journal' },
+  { icon: Mail, labelKey: 'nav.emailSenders', href: '/email-senders' },
   { icon: Settings, labelKey: 'nav.settings', href: '/settings' },
 ];
 

packages/web/src/components/review/ValidationForm.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router';
 import { useQuery } from '@tanstack/react-query';
-import { FileEdit, Bot, CheckCircle, Trash2, Target } from 'lucide-react';
+import { FileEdit, CheckCircle, Trash2, Target } from 'lucide-react';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import {
@@ -119,8 +119,8 @@ export default function ValidationForm({ transaction }: ValidationFormProps) {
           </div>
         </div>
         <div className="flex items-center gap-1 rounded-full border border-green-100 bg-green-50 px-2.5 py-1 text-xs font-medium text-green-700">
-          <Bot className="h-3.5 w-3.5" />
-          <span>AI Parsed</span>
+          <CheckCircle className="h-3.5 w-3.5" />
+          <span>{t('review.extracted', 'Extracted')}</span>
         </div>
       </div>
 

packages/web/src/components/scan/ScanModal.tsx

@@ -178,7 +178,7 @@ export default function ScanModal({ onClose, onMinimize, preset = 'today', force
               </h3>
               <p className="text-sm text-slate-500 flex items-center gap-1.5">
                 {isActive && <span className="h-1.5 w-1.5 rounded-full bg-green-500 animate-pulse" />}
-                {t('scanModal.aiEngine')}
+                {t('scanModal.engine', 'Scan Engine active')}
               </p>
             </div>
           </div>
@@ -255,10 +255,10 @@ export default function ScanModal({ onClose, onMinimize, preset = 'today', force
           </div>
         </div>
 
-        {/* AI extraction log */}
+        {/* Extraction log */}
         <div className="mb-8 rounded-xl border border-slate-200 bg-slate-50 overflow-hidden">
           <div className="border-b border-slate-200 bg-slate-100/50 px-4 py-2 text-xs font-semibold text-slate-500 uppercase tracking-wider flex justify-between items-center">
-            <span>{t('scanModal.aiLog')}</span>
+            <span>{t('scanModal.extractionLog', 'Extraction Log')}</span>
             {isActive && <span className="h-1.5 w-1.5 rounded-full bg-green-500 animate-pulse" />}
           </div>
           <div ref={logContainerRef} className="h-40 overflow-y-auto p-4 space-y-2 font-mono text-sm">

packages/web/src/i18n/locales/en.json

@@ -21,6 +21,7 @@
     "reports": "Reports",
     "branches": "Branches",
     "journal": "Journal",
+    "emailSenders": "Email Senders",
     "settings": "Settings",
     "logout": "Sign out"
   },
@@ -120,9 +121,12 @@
       "excelDescription": "Download a detailed report containing all transaction metadata, sorted by date.",
       "generateReport": "Generate report",
       "pdfTitle": "Batch Download (PDF)",
-      "pdfDescription": "ZIP archive containing individual AI-generated receipts for the selected period.",
+      "pdfDescription": "ZIP archive containing individual receipts for the selected period.",
       "startDownload": "Start download"
-    }
+    },
+    "comingSoon": "Coming Soon",
+    "comingSoonDesc": "This feature is currently under development. Stay tuned for advanced reporting and export capabilities.",
+    "comingSoonStatus": "Under development"
   },
   "branches": {
     "title": "Branch Management",
@@ -189,8 +193,8 @@
     "referenceNumber": "Reference number",
     "autoEmailNotice": "This email was sent automatically. Please do not reply.",
     "formTitle": "Extraction: Validation Form",
-    "formSubtitle": "Review and correct AI-extracted data",
-    "aiConfidence": "AI Confidence: {{score}}",
+    "formSubtitle": "Review and correct extracted data",
+    "confidence": "Confidence: {{score}}",
     "transactionDetails": "Transaction Details",
     "amount": "Amount (CAD)",
     "transactionDate": "Transaction Date",
@@ -201,7 +205,7 @@
     "verificationRequired": "Verification Required",
     "createNewBranch": "Create New Branch: \"{{name}}\"",
     "partialMatch": "Partial match",
-    "aiSuggestion": "AI suggests \"Montréal\" based on history, but this is a new contact.",
+    "suggestion": "Suggests \"Montréal\" based on history, but this is a new contact.",
     "internalNotes": "Internal Notes",
     "addComment": "Add a comment...",
     "skip": "Skip",
@@ -210,7 +214,7 @@
     "shortcutValidate": "to validate",
     "shortcutSkip": "to skip",
     "matchAccuracy": "Amount Accuracy",
-    "aiExtracted": "AI Amount",
+    "aiExtracted": "Extracted Amount",
     "emailOriginal": "Email Amount",
     "accuracyLabel": "Accuracy",
     "noRawEmail": "Source email not available"
@@ -265,7 +269,7 @@
     "title": "Scanning in progress",
     "titleComplete": "Scan complete",
     "titleError": "Scan error",
-    "aiEngine": "AI Engine active • v2.4.1",
+    "engine": "Scan Engine active • v2.4.1",
     "sessionId": "Session ID",
     "starting": "Starting scan...",
     "emailsLabel": "emails",
@@ -278,7 +282,7 @@
     "emailsAnalyzed": "Emails analyzed",
     "duplicatesSkipped": "Duplicates skipped",
     "errors": "Errors",
-    "aiLog": "AI Extraction Log",
+    "extractionLog": "Extraction Log",
     "logFound": "Found",
     "logAmount": "Amount",
     "logDuplicate": "Duplicate",
@@ -296,7 +300,7 @@
   },
   "journal": {
     "title": "Operations Journal",
-    "subtitle": "Complete history and audit of scan operations, AI processing and transfer routing.",
+    "subtitle": "Complete history and audit of scan operations, email processing and transfer routing.",
     "refresh": "Refresh",
     "scansToday": "Scans Today",
     "successRate": "Success Rate",
@@ -337,13 +341,40 @@
       "finished": "Finished",
       "processed": "Processed",
       "skipped": "skipped (duplicates)",
-      "aiInfo": "AI Data",
+      "engineInfo": "Engine Info",
       "provider": "Provider",
       "model": "Model",
       "errorDetails": "Error Details",
       "scanId": "Scan ID"
     }
   },
+  "emailSenders": {
+    "title": "Email Senders",
+    "subtitle": "Send transaction history to senders via email.",
+    "searchPlaceholder": "Search a sender...",
+    "noResults": "No senders found",
+    "showing": "Showing",
+    "of": "of",
+    "senders": "senders",
+    "col": {
+      "sender": "Sender",
+      "totalTransactions": "Transactions",
+      "totalAmount": "Total Amount",
+      "lastTransaction": "Last Transaction",
+      "actions": "Actions"
+    },
+    "sendHistory": "Send History",
+    "sendAll": "Send to All",
+    "sending": "Sending...",
+    "sent": "Sent",
+    "sendSuccess": "Email sent successfully to {{name}}",
+    "sendError": "Failed to send email to {{name}}",
+    "sendAllConfirm": "Send transaction history to all {{count}} senders?",
+    "emailSubject": "Your Interac Transaction History — ICC",
+    "emailPreview": "Preview Email",
+    "lastSent": "Last sent",
+    "never": "Never"
+  },
   "settings": {
     "title": "Profile & System",
     "roleAdmin": "Branch Administrator",
@@ -372,17 +403,6 @@
     "resetData": "Reset data",
     "confirmReset": "Confirm reset"
   },
-  "chat": {
-    "title": "ICC Assistant",
-    "subtitle": "Interac transfer management",
-    "placeholder": "Ask me something...",
-    "clearHistory": "Clear history",
-    "welcome": "Hello! I'm the ICC assistant. I can scan your emails, show transactions, or check statistics.",
-    "quickScanToday": "Scan today",
-    "quickScan7days": "Scan 7 days",
-    "quickTransactions": "Transactions",
-    "quickStats": "Statistics"
-  },
   "common": {
     "loading": "Loading...",
     "error": "Error",

packages/web/src/i18n/locales/fr.json

@@ -21,6 +21,7 @@
     "reports": "Rapports",
     "branches": "Succursales",
     "journal": "Journal",
+    "emailSenders": "Envoi aux expéditeurs",
     "settings": "Paramètres",
     "logout": "Déconnexion"
   },
@@ -120,9 +121,12 @@
       "excelDescription": "Téléchargez un rapport détaillé contenant toutes les métadonnées des transactions, triées par date.",
       "generateReport": "Générer le rapport",
       "pdfTitle": "Téléchargement groupé (PDF)",
-      "pdfDescription": "Archive ZIP contenant les reçus individuels générés par l'IA pour la période sélectionnée.",
+      "pdfDescription": "Archive ZIP contenant les reçus individuels pour la période sélectionnée.",
       "startDownload": "Démarrer le téléchargement"
-    }
+    },
+    "comingSoon": "Bientôt disponible",
+    "comingSoonDesc": "Cette fonctionnalité est en cours de développement. Restez à l'écoute pour des rapports avancés et des capacités d'exportation.",
+    "comingSoonStatus": "En développement"
   },
   "branches": {
     "title": "Gestion des Succursales",
@@ -189,8 +193,8 @@
     "referenceNumber": "Numéro de référence",
     "autoEmailNotice": "Ce courriel a été envoyé automatiquement. Veuillez ne pas répondre.",
     "formTitle": "Extraction: Formulaire de Validation",
-    "formSubtitle": "Vérifiez et corrigez les données extraites par l'IA",
-    "aiConfidence": "Confiance IA: {{score}}",
+    "formSubtitle": "Vérifiez et corrigez les données extraites",
+    "confidence": "Confiance: {{score}}",
     "transactionDetails": "Détails de la Transaction",
     "amount": "Montant (CAD)",
     "transactionDate": "Date de Transaction",
@@ -201,7 +205,7 @@
     "verificationRequired": "Vérification Requise",
     "createNewBranch": "Créer Nouvelle Succursale: \"{{name}}\"",
     "partialMatch": "Match partiel",
-    "aiSuggestion": "L'IA suggère \"Montréal\" basé sur l'historique, mais c'est un nouveau contact.",
+    "suggestion": "Suggère \"Montréal\" basé sur l'historique, mais c'est un nouveau contact.",
     "internalNotes": "Notes Internes",
     "addComment": "Ajouter un commentaire...",
     "skip": "Ignorer",
@@ -210,7 +214,7 @@
     "shortcutValidate": "pour valider",
     "shortcutSkip": "pour ignorer",
     "matchAccuracy": "Précision du montant",
-    "aiExtracted": "Montant IA",
+    "aiExtracted": "Montant extrait",
     "emailOriginal": "Montant courriel",
     "accuracyLabel": "Précision",
     "noRawEmail": "Courriel source non disponible"
@@ -265,7 +269,7 @@
     "title": "Numérisation en cours",
     "titleComplete": "Numérisation terminée",
     "titleError": "Erreur de numérisation",
-    "aiEngine": "Moteur IA actif • v2.4.1",
+    "engine": "Moteur de scan actif • v2.4.1",
     "sessionId": "ID Session",
     "starting": "Démarrage du scan...",
     "emailsLabel": "courriels",
@@ -278,7 +282,7 @@
     "emailsAnalyzed": "E-mails analysés",
     "duplicatesSkipped": "Doublons ignorés",
     "errors": "Erreurs",
-    "aiLog": "Journal d'extraction IA",
+    "extractionLog": "Journal d'extraction",
     "logFound": "Trouvé",
     "logAmount": "Montant",
     "logDuplicate": "Doublon",
@@ -296,7 +300,7 @@
   },
   "journal": {
     "title": "Journal des Opérations",
-    "subtitle": "Historique complet et audit des opérations de scan, de traitement IA et de routage des virements.",
+    "subtitle": "Historique complet et audit des opérations de scan, de traitement et de routage des virements.",
     "refresh": "Rafraîchir",
     "scansToday": "Scans aujourd'hui",
     "successRate": "Taux de succès",
@@ -337,13 +341,40 @@
       "finished": "Fin",
       "processed": "Traités",
       "skipped": "ignorés (doublons)",
-      "aiInfo": "Données IA",
+      "engineInfo": "Infos moteur",
       "provider": "Fournisseur",
       "model": "Modèle",
       "errorDetails": "Détails de l'erreur",
       "scanId": "ID Scan"
     }
   },
+  "emailSenders": {
+    "title": "Envoi aux expéditeurs",
+    "subtitle": "Envoyez l'historique des transactions aux expéditeurs par courriel.",
+    "searchPlaceholder": "Rechercher un expéditeur...",
+    "noResults": "Aucun expéditeur trouvé",
+    "showing": "Affichage de",
+    "of": "sur",
+    "senders": "expéditeurs",
+    "col": {
+      "sender": "Expéditeur",
+      "totalTransactions": "Transactions",
+      "totalAmount": "Montant total",
+      "lastTransaction": "Dernière transaction",
+      "actions": "Actions"
+    },
+    "sendHistory": "Envoyer l'historique",
+    "sendAll": "Envoyer à tous",
+    "sending": "Envoi en cours...",
+    "sent": "Envoyé",
+    "sendSuccess": "Courriel envoyé avec succès à {{name}}",
+    "sendError": "Échec de l'envoi du courriel à {{name}}",
+    "sendAllConfirm": "Envoyer l'historique des transactions aux {{count}} expéditeurs ?",
+    "emailSubject": "Votre historique de transactions Interac — ICC",
+    "emailPreview": "Aperçu du courriel",
+    "lastSent": "Dernier envoi",
+    "never": "Jamais"
+  },
   "settings": {
     "title": "Profil et Système",
     "roleAdmin": "Administrateur de succursale",
@@ -372,17 +403,6 @@
     "resetData": "Réinitialiser les données",
     "confirmReset": "Confirmer la réinitialisation"
   },
-  "chat": {
-    "title": "Assistant ICC",
-    "subtitle": "Gestion des virements Interac",
-    "placeholder": "Demandez-moi quelque chose...",
-    "clearHistory": "Effacer l'historique",
-    "welcome": "Bonjour! Je suis l'assistant ICC. Je peux scanner vos courriels, afficher les transactions, ou consulter les statistiques.",
-    "quickScanToday": "Scanner aujourd'hui",
-    "quickScan7days": "Scanner 7 jours",
-    "quickTransactions": "Transactions",
-    "quickStats": "Statistiques"
-  },
   "common": {
     "loading": "Chargement...",
     "error": "Erreur",

packages/web/src/pages/EmailSendersPage.tsx

@@ -0,0 +1,328 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useQuery, useMutation  } from '@tanstack/react-query';
+import { toast } from 'sonner';
+import Header from '@/components/layout/Header';
+import { api } from '@/services/api';
+import {
+  Search,
+  Mail,
+  Send,
+  Loader2,
+  CheckCircle,
+  ChevronRight,
+  ChevronDown,
+  DollarSign,
+  Hash,
+  Calendar,
+} from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+
+interface SenderInfo {
+  sender: string;
+  totalTransactions: number;
+  totalAmount: number;
+  lastTransaction: string;
+}
+
+interface SenderTransaction {
+  id: string;
+  date: string;
+  amount: number;
+  reference: string | null;
+  branch: string | null;
+  status: string;
+  recipientEmail: string | null;
+}
+
+export default function EmailSendersPage() {
+  const { t } = useTranslation();
+  const [search, setSearch] = useState('');
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['senders', search],
+    queryFn: () => {
+      const params = new URLSearchParams();
+      if (search) params.set('search', search);
+      return api.get<{ senders: SenderInfo[] }>(`/senders?${params}`);
+    },
+  });
+
+  const senders = data?.senders ?? [];
+  const filtered = senders;
+
+  return (
+    <div className="flex flex-1 flex-col h-full overflow-hidden">
+      <Header title={t('emailSenders.title')} />
+      <div className="flex-1 overflow-y-auto bg-background p-6 md:p-8 lg:p-10">
+        <div className="max-w-7xl mx-auto w-full flex flex-col gap-6">
+          {/* Page Header */}
+          <div className="flex flex-col md:flex-row justify-between items-start md:items-end gap-4 pb-2 border-b border-slate-200">
+            <div>
+              <h1 className="text-3xl font-extrabold text-foreground tracking-tight">
+                {t('emailSenders.title')}
+              </h1>
+              <p className="text-muted-foreground mt-2 text-base max-w-2xl">
+                {t('emailSenders.subtitle')}
+              </p>
+            </div>
+          </div>
+
+          {/* Search */}
+          <div className="relative">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" />
+            <input
+              type="text"
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              placeholder={t('emailSenders.searchPlaceholder')}
+              className="w-full pl-10 pr-4 py-2.5 bg-white border border-slate-200 rounded-lg text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary shadow-sm"
+            />
+          </div>
+
+          {/* Stats */}
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div className="bg-card rounded-xl border border-border p-5 shadow-sm">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-blue-50 text-blue-600">
+                  <Mail className="h-5 w-5" />
+                </div>
+                <div>
+                  <p className="text-xs font-medium text-muted-foreground uppercase">{t('emailSenders.senders')}</p>
+                  <p className="text-2xl font-bold text-foreground">{senders.length}</p>
+                </div>
+              </div>
+            </div>
+            <div className="bg-card rounded-xl border border-border p-5 shadow-sm">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-50 text-emerald-600">
+                  <Hash className="h-5 w-5" />
+                </div>
+                <div>
+                  <p className="text-xs font-medium text-muted-foreground uppercase">Total Transactions</p>
+                  <p className="text-2xl font-bold text-foreground">
+                    {senders.reduce((s, x) => s + x.totalTransactions, 0).toLocaleString('fr-CA')}
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div className="bg-card rounded-xl border border-border p-5 shadow-sm">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-amber-50 text-amber-600">
+                  <DollarSign className="h-5 w-5" />
+                </div>
+                <div>
+                  <p className="text-xs font-medium text-muted-foreground uppercase">Total Amount</p>
+                  <p className="text-2xl font-bold text-foreground">
+                    {senders.reduce((s, x) => s + x.totalAmount, 0).toLocaleString('fr-CA', { style: 'currency', currency: 'CAD' })}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Table */}
+          <div className="bg-card rounded-xl border border-border shadow-sm overflow-hidden">
+            {isLoading ? (
+              <div className="flex items-center justify-center py-20">
+                <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+              </div>
+            ) : filtered.length === 0 ? (
+              <div className="flex flex-col items-center justify-center py-20 text-muted-foreground">
+                <Mail className="h-10 w-10 mb-3 opacity-50" />
+                <p className="font-medium">{t('emailSenders.noResults')}</p>
+              </div>
+            ) : (
+              <table className="w-full text-sm">
+                <thead>
+                  <tr className="border-b border-border bg-slate-50/50">
+                    <th className="text-left py-3 px-6 text-xs font-bold uppercase text-muted-foreground">{t('emailSenders.col.sender')}</th>
+                    <th className="text-center py-3 px-4 text-xs font-bold uppercase text-muted-foreground">{t('emailSenders.col.totalTransactions')}</th>
+                    <th className="text-right py-3 px-4 text-xs font-bold uppercase text-muted-foreground">{t('emailSenders.col.totalAmount')}</th>
+                    <th className="text-center py-3 px-4 text-xs font-bold uppercase text-muted-foreground">{t('emailSenders.col.lastTransaction')}</th>
+                    <th className="text-right py-3 px-6 text-xs font-bold uppercase text-muted-foreground">{t('emailSenders.col.actions')}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {filtered.map((sender) => (
+                    <SenderRow key={sender.sender} sender={sender} />
+                  ))}
+                </tbody>
+              </table>
+            )}
+          </div>
+
+          {/* Footer */}
+          <div className="text-xs text-muted-foreground text-center">
+            {t('emailSenders.showing')} {filtered.length} {t('emailSenders.of')} {senders.length} {t('emailSenders.senders')}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function SenderRow({ sender }: { sender: SenderInfo }) {
+  const { t } = useTranslation();
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [emailInput, setEmailInput] = useState('');
+
+  const { data: txData, isLoading: txLoading } = useQuery({
+    queryKey: ['sender-transactions', sender.sender],
+    queryFn: () => api.get<{ transactions: SenderTransaction[] }>(`/senders/${encodeURIComponent(sender.sender)}/transactions`),
+    enabled: isExpanded,
+  });
+
+  const sendMutation = useMutation({
+    mutationFn: (recipientEmail: string) =>
+      api.post<{ success: boolean; message: string }>(`/senders/${encodeURIComponent(sender.sender)}/send`, { recipientEmail }),
+    onSuccess: () => {
+      toast.success(t('emailSenders.sendSuccess', { name: sender.sender }));
+    },
+    onError: (err: any) => {
+      toast.error(t('emailSenders.sendError', { name: sender.sender }) + ': ' + (err.response?.data?.message || err.message));
+    },
+  });
+
+  const formattedAmount = sender.totalAmount.toLocaleString('fr-CA', { style: 'currency', currency: 'CAD' });
+  const lastDate = sender.lastTransaction
+    ? new Date(sender.lastTransaction).toLocaleDateString('fr-CA')
+    : '—';
+
+  return (
+    <>
+      <tr
+        className="border-b border-border hover:bg-slate-50/50 cursor-pointer transition-colors group"
+        onClick={() => setIsExpanded(!isExpanded)}
+      >
+        <td className="py-3 px-6">
+          <div className="flex items-center gap-3">
+            <div className="flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-primary text-xs font-bold">
+              {sender.sender.charAt(0).toUpperCase()}
+            </div>
+            <span className="font-semibold text-foreground">{sender.sender}</span>
+          </div>
+        </td>
+        <td className="py-3 px-4 text-center">
+          <span className="inline-flex items-center rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-semibold text-slate-700">
+            {sender.totalTransactions}
+          </span>
+        </td>
+        <td className="py-3 px-4 text-right font-mono font-semibold text-foreground">
+          {formattedAmount}
+        </td>
+        <td className="py-3 px-4 text-center text-muted-foreground text-xs">
+          <div className="flex items-center justify-center gap-1">
+            <Calendar className="h-3.5 w-3.5" />
+            {lastDate}
+          </div>
+        </td>
+        <td className="py-3 px-6 text-right">
+          {isExpanded ? (
+            <ChevronDown className="h-4 w-4 text-slate-400 inline" />
+          ) : (
+            <ChevronRight className="h-4 w-4 text-slate-300 group-hover:text-slate-500 transition-colors inline" />
+          )}
+        </td>
+      </tr>
+
+      {isExpanded && (
+        <tr className="bg-slate-50 border-b border-slate-200">
+          <td colSpan={5} className="p-0">
+            <div className="px-6 py-5 space-y-4">
+              {/* Send email form */}
+              <div className="flex items-center gap-3">
+                <div className="relative flex-1 max-w-md">
+                  <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" />
+                  <input
+                    type="email"
+                    value={emailInput}
+                    onChange={(e) => setEmailInput(e.target.value)}
+                    onClick={(e) => e.stopPropagation()}
+                    placeholder="email@example.com"
+                    className="w-full pl-10 pr-4 py-2 bg-white border border-slate-200 rounded-lg text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary"
+                  />
+                </div>
+                <Button
+                  size="sm"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    if (emailInput.includes('@')) {
+                      sendMutation.mutate(emailInput);
+                    }
+                  }}
+                  disabled={!emailInput.includes('@') || sendMutation.isPending}
+                  className="gap-2"
+                >
+                  {sendMutation.isPending ? (
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                  ) : sendMutation.isSuccess ? (
+                    <CheckCircle className="h-4 w-4" />
+                  ) : (
+                    <Send className="h-4 w-4" />
+                  )}
+                  {sendMutation.isPending
+                    ? t('emailSenders.sending')
+                    : sendMutation.isSuccess
+                    ? t('emailSenders.sent')
+                    : t('emailSenders.sendHistory')}
+                </Button>
+              </div>
+
+              {/* Transaction list */}
+              {txLoading ? (
+                <div className="flex items-center justify-center py-6">
+                  <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
+                </div>
+              ) : txData && txData.transactions.length > 0 ? (
+                <div className="bg-white rounded-lg border border-slate-200 overflow-hidden">
+                  <table className="w-full text-xs">
+                    <thead>
+                      <tr className="bg-slate-50 border-b border-slate-200">
+                        <th className="text-left py-2 px-3 font-semibold text-slate-500 uppercase">Date</th>
+                        <th className="text-right py-2 px-3 font-semibold text-slate-500 uppercase">{t('table.amount')}</th>
+                        <th className="text-left py-2 px-3 font-semibold text-slate-500 uppercase">{t('table.reference')}</th>
+                        <th className="text-left py-2 px-3 font-semibold text-slate-500 uppercase">{t('table.branch')}</th>
+                        <th className="text-left py-2 px-3 font-semibold text-slate-500 uppercase">{t('table.status')}</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {txData.transactions.map((tx) => (
+                        <tr key={tx.id} className="border-b border-slate-100 last:border-0">
+                          <td className="py-2 px-3 text-slate-700">
+                            {new Date(tx.date).toLocaleDateString('fr-CA')}
+                          </td>
+                          <td className="py-2 px-3 text-right font-mono font-semibold text-slate-900">
+                            {(tx.amount || 0).toLocaleString('fr-CA', { style: 'currency', currency: 'CAD' })}
+                          </td>
+                          <td className="py-2 px-3 font-mono text-slate-500">
+                            {tx.reference || '—'}
+                          </td>
+                          <td className="py-2 px-3 text-slate-600">
+                            {tx.branch || '—'}
+                          </td>
+                          <td className="py-2 px-3">
+                            <span className={cn(
+                              'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-bold uppercase',
+                              tx.status === 'deposited' ? 'bg-emerald-50 text-emerald-700' :
+                              tx.status === 'pending' ? 'bg-amber-50 text-amber-700' :
+                              tx.status === 'expired' ? 'bg-red-50 text-red-700' :
+                              'bg-slate-100 text-slate-600'
+                            )}>
+                              {t(`status.${tx.status}`, tx.status)}
+                            </span>
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
+              ) : null}
+            </div>
+          </td>
+        </tr>
+      )}
+    </>
+  );
+}

packages/web/src/pages/JournalPage.tsx

@@ -471,11 +471,11 @@ function ScanRow({
                 </div>
               </div>
 
-              {/* AI Info */}
+              {/* Engine Info */}
               <div className="lg:col-span-5 flex flex-col gap-2">
                 <h4 className="text-[11px] font-bold uppercase text-slate-400 tracking-wider flex items-center gap-2">
                   <Zap className="h-3.5 w-3.5" />
-                  {t('journal.detail.aiInfo')}
+                  {t('journal.detail.engineInfo', 'Engine Info')}
                 </h4>
                 <div className="bg-white border border-slate-200 p-4 rounded-md shadow-sm h-full flex flex-col gap-4">
                   <div>

packages/web/src/pages/ReportsPage.tsx

@@ -1,15 +1,8 @@
 import { useTranslation } from 'react-i18next';
-import { HelpCircle } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useTransactionStats } from '@/hooks/useTransactions';
-import ReportFilters from '@/components/reports/ReportFilters';
-import ReportStats from '@/components/reports/ReportStats';
-import BranchChart from '@/components/reports/BranchChart';
-import ExportSection from '@/components/reports/ExportSection';
+import { BarChart3, Clock } from 'lucide-react';
 
 export default function ReportsPage() {
   const { t } = useTranslation();
-  const { data: stats, isLoading } = useTransactionStats();
 
   return (
     <div className="flex-1 flex flex-col h-full overflow-y-auto bg-background p-6 md:p-8 lg:p-10 relative">
@@ -24,33 +17,24 @@ export default function ReportsPage() {
               {t('reports.subtitle')}
             </p>
           </div>
-          <div className="flex items-center gap-3">
-            <Button variant="outline" size="sm" className="gap-2 shadow-sm">
-              <HelpCircle className="h-4 w-4" />
-              {t('reports.helpCenter')}
-            </Button>
-          </div>
         </div>
 
-        {/* Filters */}
-        <ReportFilters branches={stats?.byBranch?.map((b) => b.branch).filter(Boolean) || []} />
-
-        {/* Stats + Chart */}
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-          <ReportStats
-            totalAmount={stats?.totalAmount ?? 0}
-            totalCount={stats?.totalCount ?? 0}
-            byStatus={stats?.byStatus}
-            isLoading={isLoading}
-          />
-          <BranchChart
-            branches={stats?.byBranch ?? []}
-            isLoading={isLoading}
-          />
+        {/* Coming Soon */}
+        <div className="flex flex-col items-center justify-center py-24">
+          <div className="flex h-20 w-20 items-center justify-center rounded-2xl bg-primary/10 mb-6">
+            <BarChart3 className="h-10 w-10 text-primary" />
+          </div>
+          <h2 className="text-2xl font-bold text-foreground mb-2">
+            {t('reports.comingSoon', 'Coming Soon')}
+          </h2>
+          <p className="text-muted-foreground text-center max-w-md">
+            {t('reports.comingSoonDesc', 'This feature is currently under development. Stay tuned for advanced reporting and export capabilities.')}
+          </p>
+          <div className="flex items-center gap-2 mt-6 text-sm text-muted-foreground bg-slate-50 px-4 py-2 rounded-lg border border-slate-100">
+            <Clock className="h-4 w-4" />
+            <span>{t('reports.comingSoonStatus', 'Under development')}</span>
+          </div>
         </div>
-
-        {/* Export Section */}
-        <ExportSection />
       </div>
     </div>
   );

packages/web/src/pages/TransactionReviewPage.tsx

@@ -3,7 +3,7 @@ import { Link, useParams } from 'react-router';
 import { Home, ChevronRight, Landmark, Loader2 } from 'lucide-react';
 import EmailSourcePane from '@/components/review/EmailSourcePane';
 import ValidationForm from '@/components/review/ValidationForm';
-import ChatAssistant from '@/components/chat/ChatAssistant';
+
 import { useTransaction } from '@/hooks/useTransactions';
 
 export default function TransactionReviewPage() {
@@ -147,7 +147,6 @@ export default function TransactionReviewPage() {
           </span>
         </div>
       </main>
-      <ChatAssistant />
     </div>
   );
 }