Complete recipient search and delivery evidence

2026-07-30 05:22:09 +02:00
parent c769be39da
commit 4a120e8009
6 changed files with 214 additions and 3 deletions
--- a/webui/src/features/campaigns/CampaignReportPage.tsx
+++ b/webui/src/features/campaigns/CampaignReportPage.tsx
@@ -561,7 +561,9 @@ export default function CampaignReportPage({ settings, campaignId }: {settings:
              <div><dt>Postbox targets</dt><dd>{String(detail.job.postbox_target_count ?? 0)}</dd></div>
              <div><dt>i18n:govoplan-campaign.imap_state.03b83be0</dt><dd><StatusBadge status={String(detail.job.imap_status ?? "unknown")} label={deliveryStatusLabel(String(detail.job.imap_status ?? "unknown"))} /></dd></div>
              <div><dt>i18n:govoplan-campaign.attachments.6771ade6</dt><dd>{String(detail.job.matched_file_count ?? detail.job.attachment_count ?? 0)}</dd></div>
+              <div><dt>Message SHA-256</dt><dd><code>{String(detail.job.eml_sha256 ?? "—")}</code></dd></div>
            </dl>
+            <AttachmentEvidenceSection attachments={Array.isArray(detail.job.attachments) ? detail.job.attachments : []} />
            <AttemptHistoryTable kind="smtp" rows={detail.attempts.smtp ?? []} />
            <AttemptHistoryTable kind="postbox" rows={detail.attempts.postbox ?? []} />
            <AttemptHistoryTable kind="imap" rows={detail.attempts.imap ?? []} />
@@ -585,6 +587,114 @@ export default function CampaignReportPage({ settings, campaignId }: {settings:

 }

+type AttachmentEvidenceRow = {
+  id: string;
+  rule: string;
+  status: string;
+  delivery: string;
+  file: string;
+  assetId: string;
+  versionId: string;
+  sourceRevision: string;
+  checksum: string;
+  sizeBytes: number | null;
+};
+
+function AttachmentEvidenceSection({ attachments }: {attachments: unknown[];}) {
+  const rows = attachmentEvidenceRows(attachments);
+  const columns: DataGridColumn<AttachmentEvidenceRow>[] = [
+    { id: "rule", header: "Rule", width: 180, resizable: true, sortable: true, filterable: true, value: (row) => row.rule },
+    { id: "status", header: "Status", width: 130, sortable: true, filterable: true, render: (row) => <StatusBadge status={row.status} />, value: (row) => row.status },
+    { id: "delivery", header: "Attachment output", width: 220, resizable: true, filterable: true, value: (row) => row.delivery },
+    { id: "file", header: "Frozen file", width: "minmax(240px, 1fr)", minWidth: 220, resizable: true, filterable: true, value: (row) => row.file },
+    {
+      id: "version",
+      header: "Managed version",
+      width: 230,
+      resizable: true,
+      filterable: true,
+      value: (row) => `${row.versionId} ${row.assetId} ${row.sourceRevision}`,
+      render: (row) =>
+      <span className="campaign-evidence-identifiers">
+          <code title={row.versionId}>{row.versionId || "Legacy source"}</code>
+          {row.assetId && <small title={row.assetId}>Asset {shortEvidenceId(row.assetId)}</small>}
+          {row.sourceRevision && <small title={row.sourceRevision}>Source {shortEvidenceId(row.sourceRevision)}</small>}
+        </span>
+    },
+    {
+      id: "checksum",
+      header: "SHA-256",
+      width: 170,
+      filterable: true,
+      value: (row) => row.checksum,
+      render: (row) => <code title={row.checksum}>{row.checksum ? shortEvidenceId(row.checksum) : "—"}</code>
+    },
+    { id: "size", header: "Size", width: 110, align: "right", sortable: true, value: (row) => row.sizeBytes ?? -1, render: (row) => row.sizeBytes === null ? "—" : `${row.sizeBytes.toLocaleString()} B` }
+  ];
+
+  return (
+    <section className="attempt-history-section campaign-attachment-evidence">
+      <h3>Frozen attachment evidence</h3>
+      {rows.length === 0 ?
+        <p className="muted small-note">No attachment rule or frozen file is recorded for this delivery job.</p> :
+        <>
+          <p className="muted small-note">Exact managed versions and checksums shown here are the immutable files used when this message was built.</p>
+          <DataGrid
+            id="campaign-job-attachment-evidence"
+            rows={rows}
+            columns={columns}
+            getRowKey={(row) => row.id}
+            resizeBehavior="free" />
+        </>
+      }
+    </section>
+  );
+}
+
+function attachmentEvidenceRows(attachments: unknown[]): AttachmentEvidenceRow[] {
+  const rows: AttachmentEvidenceRow[] = [];
+  attachments.forEach((value, ruleIndex) => {
+    const attachment = asRecord(value);
+    const rule = String(attachment.label ?? attachment.attachment_id ?? `Rule ${ruleIndex + 1}`);
+    const status = String(attachment.status ?? "unknown");
+    const zipEnabled = attachment.zip_enabled === true;
+    const delivery = zipEnabled
+      ? `ZIP ${String(attachment.zip_filename ?? attachment.zip_archive_id ?? "")}`.trim() + ` (${String(attachment.zip_mode ?? "inherit")})`
+      : "Direct attachment";
+    const managedMatches = Array.isArray(attachment.managed_matches) ? attachment.managed_matches.map(asRecord) : [];
+    const legacyMatches = Array.isArray(attachment.matches) ? attachment.matches : [];
+    const matches: Array<Record<string, unknown> | string | null> = managedMatches.length > 0
+      ? managedMatches
+      : legacyMatches.length > 0
+        ? legacyMatches.map((match) => typeof match === "string" ? match : asRecord(match))
+        : [null];
+
+    matches.forEach((match, matchIndex) => {
+      const managed = typeof match === "string" || match === null ? {} : match;
+      const filename = typeof match === "string"
+        ? match
+        : String(managed.display_path ?? managed.relative_path ?? managed.filename ?? "No matched file");
+      rows.push({
+        id: `${ruleIndex}:${matchIndex}:${String(managed.version_id ?? filename)}`,
+        rule,
+        status,
+        delivery,
+        file: filename,
+        assetId: String(managed.asset_id ?? ""),
+        versionId: String(managed.version_id ?? ""),
+        sourceRevision: String(managed.source_revision ?? ""),
+        checksum: String(managed.checksum_sha256 ?? ""),
+        sizeBytes: Number.isFinite(Number(managed.size_bytes)) ? Number(managed.size_bytes) : null
+      });
+    });
+  });
+  return rows;
+}
+
+function shortEvidenceId(value: string): string {
+  return value.length > 16 ? `${value.slice(0, 16)}...` : value;
+}
+
 function AttemptHistoryTable({ kind, rows }: {kind: "smtp" | "imap" | "postbox";rows: Record<string, unknown>[];}) {
  const title = kind === "smtp"
    ? "i18n:govoplan-campaign.smtp_attempts.eb0a9ca6"
--- a/webui/src/features/campaigns/RecipientDataPage.tsx
+++ b/webui/src/features/campaigns/RecipientDataPage.tsx
@@ -24,7 +24,7 @@ import { DismissibleAlert } from "@govoplan/core-webui";
 import { Dialog } from "@govoplan/core-webui";
 import { SegmentedControl } from "@govoplan/core-webui";
 import { TableActionGroup } from "@govoplan/core-webui";
-import { DataGrid, DataGridEmptyAction, DataGridRowActions, type DataGridColumn } from "@govoplan/core-webui";
+import { DataGrid, DataGridEmptyAction, DataGridRowActions, type DataGridColumn, type DataGridQueryState } from "@govoplan/core-webui";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 import { useCampaignDraftEditor } from "./hooks/useCampaignDraftEditor";
 import { asArray, asRecord, isAuditLockedVersion } from "./utils/campaignView";
@@ -124,6 +124,7 @@ export default function RecipientDataPage({ settings, campaignId }: {settings: A
  const [addressSources, setAddressSources] = useState<CampaignRecipientAddressSource[]>([]);
  const [recipientProfilesPage, setRecipientProfilesPage] = useState(1);
  const [recipientProfilesPageSize, setRecipientProfilesPageSize] = useState(10);
+  const [recipientProfilesQuery, setRecipientProfilesQuery] = useState<DataGridQueryState>({ sort: null, filters: {} });
  const [recipientAddressEditorIndex, setRecipientAddressEditorIndex] = useState<number | null>(null);
  const [postboxTargetEditorIndex, setPostboxTargetEditorIndex] = useState<number | null>(null);
  const [postboxCatalog, setPostboxCatalog] = useState<CampaignPostboxCatalog>({
@@ -526,6 +527,7 @@ export default function RecipientDataPage({ settings, campaignId }: {settings: A
                  fieldDefinitions,
                  individualAttachmentBasePaths,
                  zipConfig,
+                  addressFilter: recipientProfilesQuery.filters.recipients ?? "",
                  translateText,
                  openAddressEditor: setRecipientAddressEditorIndex,
                  openPostboxTargetEditor: setPostboxTargetEditorIndex,
@@ -549,7 +551,8 @@ export default function RecipientDataPage({ settings, campaignId }: {settings: A
                    setRecipientProfilesPageSize(pageSize);
                    setRecipientProfilesPage(1);
                  }
-                }} />
+                }}
+                onQueryChange={setRecipientProfilesQuery} />
              
              </div>
            }
@@ -1735,6 +1738,7 @@ type RecipientProfileColumnContext = {
  fieldDefinitions: ReturnType<typeof getDraftFields>;
  individualAttachmentBasePaths: ReturnType<typeof getIndividualAttachmentBasePaths>;
  zipConfig: AttachmentZipCollection;
+  addressFilter: string;
  translateText: (value: string) => string;
  openAddressEditor: (index: number) => void;
  openPostboxTargetEditor: (index: number) => void;
@@ -1746,7 +1750,7 @@ type RecipientProfileColumnContext = {
  removeEntry: (index: number) => void;
 };

-function recipientProfileColumns({ settings, campaignId, draft, locked, filesModuleInstalled, postboxModuleInstalled, postboxCatalog, entries, fieldDefinitions, individualAttachmentBasePaths, zipConfig, translateText, openAddressEditor, openPostboxTargetEditor, updateEntry, updateEntryAttachments, updateEntryField, addRecipient, moveEntry, removeEntry }: RecipientProfileColumnContext): DataGridColumn<Record<string, unknown>>[] {
+function recipientProfileColumns({ settings, campaignId, draft, locked, filesModuleInstalled, postboxModuleInstalled, postboxCatalog, entries, fieldDefinitions, individualAttachmentBasePaths, zipConfig, addressFilter, translateText, openAddressEditor, openPostboxTargetEditor, updateEntry, updateEntryAttachments, updateEntryField, addRecipient, moveEntry, removeEntry }: RecipientProfileColumnContext): DataGridColumn<Record<string, unknown>>[] {
  return [
  {
    id: "number",
@@ -1770,6 +1774,7 @@ function recipientProfileColumns({ settings, campaignId, draft, locked, filesMod
    filterable: true,
    render: (entry, index) => {
      const summary = recipientAddressSummary(entry, translateText);
+      const hiddenMatch = hiddenRecipientAddressMatch(entry, addressFilter);
      const content = (
        <>
          <span className="recipient-address-editor-main">
@@ -1777,6 +1782,11 @@ function recipientProfileColumns({ settings, campaignId, draft, locked, filesMod
            {summary.badges.map((badge) =>
            <span className="recipient-extra-bubble" key={badge}>{badge}</span>
            )}
+            {hiddenMatch &&
+            <span className="recipient-hidden-address-match">
+                Matched in {hiddenMatch.label}: {hiddenMatch.address}
+              </span>
+            }
          </span>
          {!locked && <Pencil aria-hidden="true" />}
        </>
@@ -1936,6 +1946,32 @@ function recipientAddressFilterValue(entry: Record<string, unknown>): string {
  join(", ");
 }

+function hiddenRecipientAddressMatch(
+  entry: Record<string, unknown>,
+  filterValue: string
+): {label: string;address: string;} | null {
+  const query = filterValue.trim().toLowerCase();
+  if (!query) return null;
+
+  const primary = getEntryAddresses(entry, "to")[0];
+  if (primary && formatMailboxAddress(primary).toLowerCase().includes(query)) return null;
+
+  const labels: Record<AddressFieldKey, string> = {
+    from: "From",
+    reply_to: "Reply-To",
+    to: "To",
+    cc: "CC",
+    bcc: "BCC"
+  };
+  for (const column of recipientAddressOverlayColumns) {
+    const addresses = getEntryAddresses(entry, column.key);
+    const hiddenAddresses = column.key === "to" ? addresses.slice(1) : addresses;
+    const match = hiddenAddresses.find((address) => formatMailboxAddress(address).toLowerCase().includes(query));
+    if (match) return { label: labels[column.key], address: formatMailboxAddress(match) };
+  }
+  return null;
+}
+
 function addressCountBadge(count: number, label: string): string | null {
  if (count <= 0) return null;
  return `+${count} ${label}`;
--- a/webui/src/styles/campaign-workspace.css
+++ b/webui/src/styles/campaign-workspace.css
@@ -930,9 +930,20 @@
  align-items: center;
  gap: 6px;
  min-width: 0;
+  flex: 1 1 auto;
  flex-wrap: wrap;
 }

+.recipient-hidden-address-match {
+  flex-basis: 100%;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: var(--font-size-sm);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .recipient-data-address.is-empty {
  color: var(--muted);
  font-style: italic;
@@ -2380,6 +2391,28 @@
  margin: 0;
 }

+.campaign-attachment-evidence .data-grid-shell {
+  max-height: 300px;
+}
+
+.campaign-evidence-identifiers {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
+.campaign-evidence-identifiers code,
+.campaign-evidence-identifiers small {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.campaign-evidence-identifiers small {
+  color: var(--muted);
+}
+
 .attempt-history-wrap {
  overflow: auto;
  border: var(--border-line);