+ setPdfDocId(null)} t={t} />}
+
+ );
+};
+
+// ─────────────────────────────────────────────────────────── message list ──
+const MessageList: React.FC<{
+ folder: Folder;
+ queue?: import('../../../services/email.service').EmailQueueItem[];
+ received?: ReceivedEmail[];
+ loading: boolean;
+ selection: Selection;
+ onSelect: (s: Selection) => void;
+ t: (k: string, d?: string) => string;
+}> = ({ folder, queue, received, loading, selection, onSelect, t }) => {
+ if (folder.src === 'empty') {
+ return (
+
+
+
+
+
+
+
+
+
+ + {t('messages.subtitle', 'Sent, automated and incoming mail — one place.')} +
+
+ {/* ── account tree ── */}
+
+
+ {/* ── message list ── */}
+
+
+
+ {/* ── reading pane ── */}
+
+ navigate('/admin/accounting/inbox')}
+ t={t}
+ />
+
+
+
+ {pdfDocId != null &&
+
+ {folder.f.name}
+
+ {folder.a.addr || (folder.a.id === 'all' ? t('messages.unified', 'Unified across accounts') : t('messages.systemGenerated', 'System-generated'))}
+
+
+
+
+
+ );
+ }
+ if (loading) return {t('messages.noMessages', 'No messages')}
;
+ }
+
+ return (
+ -
+ {rows.map((r) => (
+
- + + + ))} +
+
+ );
+ }
+
+ const isAcct = account.id === 'acct' || (selection.kind === 'received');
+ return (
+
+
+ {t('messages.selectPrompt', 'Select a message to read')}
+
+
+ );
+};
+
+const QueueDetail: React.FC<{ d: import('../../../services/email.service').EmailQueueDetail; t: (k: string, d?: string) => string }> = ({ d, t }) => (
+ <>
+
+ {selection.kind === 'queue' ? (
+ detailQuery.isLoading ?
+ {t('messages.loadError', 'Could not load this message.')}
+ )
+ ) : (
+ + {friendlyType(d.emailType)} +
+
+
+
+ {d.renderedHtml ? (
+
+ {t('messages.from', 'from')} no-reply@ · {t('messages.to', 'to')}{' '}
+ {d.recipientEmail}
+
+ {d.cc && cc {d.cc}
}
+ {fmt(d.sentAt || d.createdAt)}
+
+ {/* rendered_html is our own template output — sandboxed, scripts blocked */}
+
+
+ ) : (
+
+ {t('messages.noBody', 'This message was sent before body capture was added, so no preview is available.')}
+
+ )}
+
+ {d.attachments.length > 0 && (
+
+
+ )}
+
+);
+
+const ReceivedDetail: React.FC<{
+ item: ReceivedEmail;
+ onViewDoc: (id: number) => void;
+ onOpenAccounting: () => void;
+ t: (k: string, d?: string) => string;
+}> = ({ item, onViewDoc, onOpenAccounting, t }) => (
+ <>
+
+ {d.attachments.length} {t('messages.attachments', 'attachment(s)')}
+
+
+ {d.attachments.map((a, i) => (
+
+
+
+ ))}
+ + {item.subject || t('messages.noSubject', '(no subject)')} +
+
+
+
+
+ {t('messages.from', 'from')} {item.from_address || '—'}
+ {' · '}{t('messages.to', 'to')} rechnungen@
+
+ {fmt(item.received_at)}
+
+ {t('messages.inboundBodyPending', 'Full message bodies are captured from the next phase. For now this shows the envelope and any attached document.')}
+
+
+ {item.inbound_document_id != null && (
+
+
+
+
+ )}
+ {item.error && (
+ {item.error}
+ )}
+
+);
+
+// ─────────────────────────────────────────────────────────────── toolbar ──
+const Toolbar: React.FC<{ isAcct: boolean; readonly: boolean; t: (k: string, d?: string) => string }> = ({ isAcct, readonly, t }) => {
+ const Tb: React.FC<{ icon: LucideIcon; label: string; accent?: boolean }> = ({ icon: Icon, label, accent }) => (
+
+ );
+ return (
+
+ {!readonly &&
+ );
+};
+
+// ─────────────────────────────────────────────────────────────── pdf modal ──
+const PdfModal: React.FC<{ docId: number; onClose: () => void; t: (k: string, d?: string) => string }> = ({ docId, onClose, t }) => {
+ const [page, setPage] = useState(1);
+ const [url, setUrl] = useState
+
+ );
+};
+
+export default MessagesPage;
diff --git a/frontend/src/services/email.service.ts b/frontend/src/services/email.service.ts
index 7524c3c1..8d72452b 100644
--- a/frontend/src/services/email.service.ts
+++ b/frontend/src/services/email.service.ts
@@ -22,6 +22,15 @@ export interface EmailQueueListResponse {
pagination: { total: number; page: number; pageSize: number; totalPages: number };
}
+/** Single sent/queued email including its rendered body — Messages reading pane. */
+export interface EmailQueueDetail extends EmailQueueItem {
+ /** Exact HTML that was sent (migration 119); null for pre-migration rows. */
+ renderedHtml: string | null;
+ cc: string | null;
+ /** Attachment filenames only — disk paths are never exposed. */
+ attachments: { filename: string; contentType: string | null }[];
+}
+
export interface EmailConfig {
smtp_host: string;
smtp_port: number;
@@ -207,6 +216,12 @@ export const emailService = {
return response.data;
},
+ /** Single sent email with its rendered body + attachment filenames. */
+ async getQueueItem(id: number): Promise e.stopPropagation()}>
+
+
+
+
+
+ {page}
+
+
+
+
+ {err ? (
+ 
+ ) : (
+
+ {t('messages.previewUnavailable', 'Preview unavailable')}
+ ) : url ? (
+
+ {t('messages.rasterNote', 'Server-rendered preview — the raw file never reaches the browser.')}
+
+