feat(post-audit): batch A+B quick-wins + audit-side residuals

Bundles the user-prioritised follow-ups from the post-audit punch-list.

Batch A — pipeline + EOI safety:
 - §1.1 timeline buildAuditDescription renders diff fields ("leadCategory → hot_lead").
 - §4.13 EOI rejection cascade: notification to assigned rep + audit row + rose banner.
 - §4.10b finish doc-detail: SigningProgress reuse, linked-entity names (server-resolved),
   per-event icons + tooltips + show-more in activity panel.
 - §7.2 stage guidance card replaces empty Payments slot pre-reservation.
 - §4.15 deal-pulse trigger audit (docs/deal-pulse-trigger-audit.md).

Batch B — UX consistency + docs:
 - §1.4 quick log-contact button on interest header.
 - §2.1 contact-log compose: Dialog → Sheet.
 - §7.1 docs/deal-pulse explainer page; /docs/ in PUBLIC_PATHS.
 - DocumentStatus now includes 'rejected' + 'declined' across constants, labels, tone maps.

Audit-side residuals:
 - M-NEW-1 /me/ports skips port-context requirement.
 - M-AU03 audit log CSV export endpoint + UI button.
 - M-IN03 dead receipt-scanner.ts deleted; live path already per-port.
 - M-P01 pg_trgm GIN indexes (migration 0071).
 - §10.1 webhook tests verified passing (was stale).

Deferred per user direction:
 - §11.3 email copy refactor (needs old-CRM reference).
 - M-EM03 IMAP bounce-to-interest linking.

Tests: 1374/1374. tsc + lint clean.

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

src/app/api/v1/admin/audit/export/route.ts

@@ -0,0 +1,128 @@
+import { NextResponse } from 'next/server';
+
+import { withAuth, withPermission } from '@/lib/api/helpers';
+import { errorResponse } from '@/lib/errors';
+import { searchAuditLogs } from '@/lib/services/audit-search.service';
+
+/**
+ * M-AU03 — CSV export of audit log search results.
+ *
+ * Accepts the same query-string filters as `GET /api/v1/admin/audit`
+ * (q, userId, action, entityType, entityId, severity, source, from, to)
+ * and streams up to 10 000 rows back as a CSV download. The 10k cap
+ * keeps the response under a couple of megabytes; reps wanting deeper
+ * history should narrow the filter or run multiple exports.
+ *
+ * Permission gate matches the read endpoint: `admin.view_audit_log`.
+ */
+export const GET = withAuth(
+  withPermission('admin', 'view_audit_log', async (req, ctx) => {
+    try {
+      const url = new URL(req.url);
+      const params = url.searchParams;
+      const parseDate = (v: string | null): Date | undefined => {
+        if (!v) return undefined;
+        const d = new Date(v);
+        return Number.isFinite(d.getTime()) ? d : undefined;
+      };
+
+      // Cap the export at 10 000 rows. Anyone needing deeper history
+      // can scroll through the paginated UI or narrow the date range.
+      const HARD_CAP = 10_000;
+
+      let collected: Awaited<ReturnType<typeof searchAuditLogs>>['rows'] = [];
+      let cursor: { createdAt: Date; id: string } | undefined;
+      // Run a small loop so we paginate through the cursor-based search
+      // service to fill up to HARD_CAP rows.
+      while (collected.length < HARD_CAP) {
+        const remaining = HARD_CAP - collected.length;
+        const page = await searchAuditLogs({
+          portId: ctx.portId,
+          q: params.get('q') ?? undefined,
+          userId: params.get('userId') ?? undefined,
+          action: params.get('action') ?? undefined,
+          entityType: params.get('entityType') ?? undefined,
+          entityId: params.get('entityId') ?? undefined,
+          severity: params.get('severity') ?? undefined,
+          source: params.get('source') ?? undefined,
+          from: parseDate(params.get('from')),
+          to: parseDate(params.get('to')),
+          limit: Math.min(remaining, 500),
+          cursor,
+        });
+        collected = collected.concat(page.rows);
+        if (!page.nextCursor) break;
+        cursor = page.nextCursor;
+      }
+
+      const csv = buildCsv(collected);
+      const filename = `audit-log-${new Date().toISOString().slice(0, 10)}.csv`;
+      return new NextResponse(csv, {
+        headers: {
+          'Content-Type': 'text/csv; charset=utf-8',
+          'Content-Disposition': `attachment; filename="${filename}"`,
+        },
+      });
+    } catch (error) {
+      return errorResponse(error);
+    }
+  }),
+);
+
+/**
+ * RFC 4180 CSV serializer. Escapes embedded quotes by doubling them and
+ * wraps any field containing comma / quote / newline in double-quotes.
+ * Trailing CRLF terminator per spec.
+ */
+function buildCsv(rows: Awaited<ReturnType<typeof searchAuditLogs>>['rows']): string {
+  const headers = [
+    'createdAt',
+    'id',
+    'portId',
+    'userId',
+    'action',
+    'entityType',
+    'entityId',
+    'severity',
+    'source',
+    'ipAddress',
+    'userAgent',
+    'metadata',
+    'oldValue',
+    'newValue',
+  ];
+
+  const escape = (v: unknown): string => {
+    if (v === null || v === undefined) return '';
+    const s = typeof v === 'object' ? JSON.stringify(v) : String(v);
+    if (/[",\n\r]/.test(s)) {
+      return `"${s.replace(/"/g, '""')}"`;
+    }
+    return s;
+  };
+
+  const lines = [headers.join(',')];
+  for (const r of rows) {
+    lines.push(
+      [
+        r.createdAt instanceof Date ? r.createdAt.toISOString() : r.createdAt,
+        r.id,
+        r.portId,
+        r.userId,
+        r.action,
+        r.entityType,
+        r.entityId,
+        r.severity,
+        r.source,
+        r.ipAddress,
+        r.userAgent,
+        r.metadata,
+        r.oldValue,
+        r.newValue,
+      ]
+        .map(escape)
+        .join(','),
+    );
+  }
+  return lines.join('\r\n') + '\r\n';
+}

src/app/api/v1/interests/[id]/timeline/route.ts

@@ -208,6 +208,77 @@ function buildAuditDescription(
   if (action === 'update' && newValue?.pipelineStage) {
     return `Stage changed to ${stageLabel(newValue.pipelineStage as string)}`;
   }
-  if (action === 'update') return 'Interest updated';
+  if (action === 'update') {
+    // §1.1: surface which field(s) changed instead of a generic
+    // "Interest updated". We have the new-value bag in audit_logs;
+    // human-friendly labels for the most common fields.
+    return describeUpdateDiff(newValue);
+  }
   return action;
 }
+
+/**
+ * Render a "leadCategory: hot_lead, source: website" style description from
+ * an audit log's newValue payload. Filters out audit-internal fields,
+ * passes through human-friendly labels for known fields, falls back to
+ * the raw key name when the field isn't in the catalog.
+ */
+function describeUpdateDiff(newValue: Record<string, unknown> | null): string {
+  if (!newValue) return 'Interest updated';
+
+  // Audit-internal / housekeeping fields skipped from the timeline copy.
+  const SKIP = new Set(['updatedAt', 'createdAt', 'id', 'portId']);
+
+  const FIELD_LABELS: Record<string, string> = {
+    leadCategory: 'lead category',
+    source: 'source',
+    assignedTo: 'owner',
+    yachtId: 'yacht',
+    berthId: 'primary berth',
+    eoiDocStatus: 'EOI status',
+    reservationDocStatus: 'reservation status',
+    contractDocStatus: 'contract status',
+    dateEoiSent: 'EOI sent date',
+    dateEoiSigned: 'EOI signed date',
+    dateReservationSigned: 'reservation signed date',
+    dateContractSent: 'contract sent date',
+    dateContractSigned: 'contract signed date',
+    depositExpectedAmount: 'expected deposit',
+    depositExpectedCurrency: 'deposit currency',
+    desiredLengthFt: 'desired length',
+    desiredWidthFt: 'desired width',
+    desiredDraftFt: 'desired draft',
+    desiredLengthM: 'desired length (m)',
+    desiredWidthM: 'desired width (m)',
+    desiredDraftM: 'desired draft (m)',
+    reminderEnabled: 'follow-up reminder',
+    reminderDays: 'reminder cadence',
+    reminderNote: 'reminder note',
+    outcome: 'outcome',
+  };
+
+  const changed: string[] = [];
+  for (const [key, value] of Object.entries(newValue)) {
+    if (SKIP.has(key)) continue;
+    if (key === 'pipelineStage') continue; // handled by the earlier branch
+    const label = FIELD_LABELS[key] ?? key;
+    const formatted = formatDiffValue(value);
+    changed.push(formatted ? `${label} → ${formatted}` : label);
+  }
+
+  if (changed.length === 0) return 'Interest updated';
+  if (changed.length === 1) return `Updated ${changed[0]}`;
+  if (changed.length <= 3) return `Updated ${changed.join(', ')}`;
+  return `Updated ${changed.slice(0, 3).join(', ')} and ${changed.length - 3} more`;
+}
+
+function formatDiffValue(v: unknown): string {
+  if (v === null || v === undefined) return 'cleared';
+  if (typeof v === 'boolean') return v ? 'on' : 'off';
+  if (typeof v === 'number') return String(v);
+  if (typeof v === 'string') {
+    // Truncate verbose strings so the timeline line stays one row.
+    return v.length > 40 ? `${v.slice(0, 37)}…` : v;
+  }
+  return '';
+}

src/app/api/v1/me/ports/route.ts

@@ -1,23 +1,42 @@
 import { NextResponse } from 'next/server';
+import { headers } from 'next/headers';
 import { eq } from 'drizzle-orm';
 
-import { withAuth } from '@/lib/api/helpers';
+import { auth } from '@/lib/auth';
 import { db } from '@/lib/db';
 import { ports as portsTable } from '@/lib/db/schema/ports';
 import { userPortRoles, userProfiles } from '@/lib/db/schema/users';
 import { errorResponse } from '@/lib/errors';
 
-// A17: bootstrap-friendly ports list for the calling user — sales-reps
-// and viewers can hit this without the super-admin gate that blocks
-// `/api/v1/admin/ports`. Returns only the ports the user actually has
-// access to (super-admin sees every active port).
-export const GET = withAuth(async (_req, ctx) => {
+/**
+ * Bootstrap-friendly ports list for the calling user.
+ *
+ * M-NEW-1: this endpoint INTENTIONALLY skips `withAuth`'s port-context
+ * requirement. Callers hit /me/ports specifically to LEARN which ports
+ * they have access to — they can't have selected one yet, so the
+ * X-Port-Id header is by definition absent on the first call. Pre-fix
+ * this meant non-super-admins got a 400 "Port context required" and
+ * the client had to special-case the response shape.
+ *
+ * Auth is still enforced (session check); permissions logic skipped
+ * because the endpoint exposes only IDs+slugs+names of ports the user
+ * is already a member of — same surface area as a `me` profile read.
+ */
+export async function GET() {
   try {
-    const profile = await db.query.userProfiles.findFirst({
-      where: eq(userProfiles.userId, ctx.userId),
-    });
+    const session = await auth.api.getSession({ headers: await headers() });
+    if (!session?.user) {
+      return NextResponse.json({ error: 'Authentication required' }, { status: 401 });
+    }
 
-    if (profile?.isSuperAdmin) {
+    const profile = await db.query.userProfiles.findFirst({
+      where: eq(userProfiles.userId, session.user.id),
+    });
+    if (!profile || !profile.isActive) {
+      return NextResponse.json({ error: 'Account disabled' }, { status: 403 });
+    }
+
+    if (profile.isSuperAdmin) {
       const all = await db.query.ports.findMany({
         where: eq(portsTable.isActive, true),
         orderBy: portsTable.name,
@@ -27,7 +46,7 @@ export const GET = withAuth(async (_req, ctx) => {
     }
 
     const memberships = await db.query.userPortRoles.findMany({
-      where: eq(userPortRoles.userId, ctx.userId),
+      where: eq(userPortRoles.userId, profile.userId),
       with: { port: { columns: { id: true, slug: true, name: true } } },
     });
     const data = memberships.map((m) => m.port);
@@ -35,4 +54,4 @@ export const GET = withAuth(async (_req, ctx) => {
   } catch (error) {
     return errorResponse(error);
   }
-});
+}

src/app/docs/deal-pulse/page.tsx

@@ -0,0 +1,145 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Deal Pulse & Heat — Port Nimara CRM',
+  description:
+    'How the deal pulse chip + heat score work: signals, calibration, and what to do when a deal goes cold.',
+};
+
+/**
+ * §7.1 — public explainer page for the Deal Pulse + Heat scoring model.
+ * Linked from the popover in `deal-pulse-chip.tsx` ("Full guide"). Kept
+ * intentionally text-heavy + jargon-free so a new sales rep can read
+ * once and internalize the model without bouncing back to the kanban.
+ *
+ * Public route (no auth) so external docs links and email signatures
+ * resolve cleanly. The route lives outside (dashboard) for that reason
+ * — middleware lets `/docs/...` through.
+ */
+export default function DealPulseDocsPage() {
+  return (
+    <div className="mx-auto max-w-3xl px-6 py-10 text-sm leading-relaxed text-foreground">
+      <header className="mb-8 space-y-2 border-b pb-6">
+        <p className="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+          Port Nimara CRM · Sales playbook
+        </p>
+        <h1 className="text-2xl font-semibold">Deal Pulse &amp; Heat</h1>
+        <p className="text-muted-foreground">
+          What the chip on every interest card actually means, how it&apos;s scored, and how to act
+          on it.
+        </p>
+      </header>
+
+      <section className="space-y-4">
+        <h2 className="text-lg font-semibold">The chip in one sentence</h2>
+        <p>
+          The colored chip on each interest is a fast read of{' '}
+          <strong>how hot the deal is right now</strong> based on what&apos;s been happening on it
+          lately — not a prediction, not an AI score, just a mechanical rollup of recent activity.
+        </p>
+      </section>
+
+      <section className="mt-8 space-y-4">
+        <h2 className="text-lg font-semibold">Levels</h2>
+        <dl className="space-y-3">
+          <div className="rounded-md border bg-rose-50 p-3">
+            <dt className="font-semibold text-rose-900">Hot</dt>
+            <dd className="text-rose-900/90">
+              Recent inbound contact, multiple touches in the last week, or a milestone (EOI sent,
+              deposit received) inside the last 7 days. Default-sort lists put these at the top.
+            </dd>
+          </div>
+          <div className="rounded-md border bg-amber-50 p-3">
+            <dt className="font-semibold text-amber-900">Warm</dt>
+            <dd className="text-amber-900/90">
+              Activity in the last 14–30 days. The deal isn&apos;t neglected but the cadence has
+              slowed — usually means a follow-up reminder is the right next action.
+            </dd>
+          </div>
+          <div className="rounded-md border bg-slate-100 p-3">
+            <dt className="font-semibold text-slate-700">Cold</dt>
+            <dd className="text-slate-700/90">
+              No movement in 30+ days. Time to either re-engage with intent or close the deal as
+              lost so the kanban stays honest.
+            </dd>
+          </div>
+        </dl>
+      </section>
+
+      <section className="mt-8 space-y-4">
+        <h2 className="text-lg font-semibold">What feeds the score</h2>
+        <ul className="list-disc space-y-2 pl-5">
+          <li>
+            <strong>Recency of last contact log entry.</strong> Inbound (client replied) counts more
+            than outbound (rep reached out).
+          </li>
+          <li>
+            <strong>Furthest pipeline stage reached.</strong> A deal at EOI scores higher than one
+            at Enquiry, all else equal.
+          </li>
+          <li>
+            <strong>Count of related interests on the same client.</strong> Volume signals intent.
+          </li>
+          <li>
+            <strong>Count of EOIs sent.</strong> Multiple EOIs = multiple berths under serious
+            consideration.
+          </li>
+          <li>
+            <strong>Time at current stage.</strong> Stagnation drags the score down even if other
+            signals look good — a deal stuck at Reservation for six weeks should not read hot.
+          </li>
+        </ul>
+        <p className="text-muted-foreground">
+          The exact weights live in <code className="text-xs">system_settings</code> under
+          <code className="text-xs"> heat_weight_*</code> keys and can be tuned per-port from the
+          admin Settings page.
+        </p>
+      </section>
+
+      <section className="mt-8 space-y-4">
+        <h2 className="text-lg font-semibold">What to do with each level</h2>
+        <ul className="list-disc space-y-2 pl-5">
+          <li>
+            <strong>Hot:</strong> Don&apos;t lose the momentum. Send the next document or schedule
+            the in-person visit while they&apos;re engaged.
+          </li>
+          <li>
+            <strong>Warm:</strong> Log a follow-up contact attempt; set a reminder if you&apos;re
+            waiting on them.
+          </li>
+          <li>
+            <strong>Cold:</strong> Either &quot;Reopen with a fresh hook&quot; (price drop, new
+            inventory, event invite) or close the deal so the pipeline reflects reality.
+          </li>
+        </ul>
+      </section>
+
+      <section className="mt-8 space-y-4">
+        <h2 className="text-lg font-semibold">FAQ</h2>
+        <details className="rounded-md border p-3">
+          <summary className="cursor-pointer font-medium">Does this use AI?</summary>
+          <p className="mt-2 text-muted-foreground">
+            No. It&apos;s a deterministic SQL rollup of contact logs, milestones, and stage
+            transitions. The same inputs always produce the same chip color.
+          </p>
+        </details>
+        <details className="rounded-md border p-3">
+          <summary className="cursor-pointer font-medium">
+            Can I override the chip on a specific deal?
+          </summary>
+          <p className="mt-2 text-muted-foreground">
+            Not directly — the chip is a read-only summary. To change it, change the inputs: log a
+            contact, advance a stage, or close the deal.
+          </p>
+        </details>
+        <details className="rounded-md border p-3">
+          <summary className="cursor-pointer font-medium">How often does it refresh?</summary>
+          <p className="mt-2 text-muted-foreground">
+            On every interest write. The kanban + list pages query a live materialized rollup, so
+            you should see the chip move within a few seconds of any update.
+          </p>
+        </details>
+      </section>
+    </div>
+  );
+}

src/components/admin/audit/audit-log-list.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState, useCallback, useMemo } from 'react';
 import { type ColumnDef } from '@tanstack/react-table';
 import { formatDistanceToNow } from 'date-fns';
-import { History, Search, X } from 'lucide-react';
+import { Download, History, Search, X } from 'lucide-react';
 import { toast } from 'sonner';
 
 import { DataTable } from '@/components/shared/data-table';
@@ -548,8 +548,31 @@ export function AuditLogList() {
           />
         </div>
 
+        {/* M-AU03: CSV export inherits the current filter set. The
+            endpoint streams up to 10 000 rows; reps wanting deeper
+            history narrow the filter first. */}
+        <Button
+          variant="outline"
+          size="sm"
+          className="ml-auto"
+          onClick={() => {
+            const url = new URL('/api/v1/admin/audit/export', window.location.origin);
+            if (debouncedSearch) url.searchParams.set('q', debouncedSearch);
+            if (entityType !== 'all') url.searchParams.set('entityType', entityType);
+            if (action !== 'all') url.searchParams.set('action', action);
+            if (severity !== 'all') url.searchParams.set('severity', severity);
+            if (source !== 'all') url.searchParams.set('source', source);
+            if (userId) url.searchParams.set('userId', userId);
+            if (dateFrom) url.searchParams.set('from', dateFrom);
+            if (dateTo) url.searchParams.set('to', dateTo);
+            window.location.href = url.toString();
+          }}
+        >
+          <Download className="mr-1.5 h-3 w-3" aria-hidden />
+          Export CSV
+        </Button>
         {hasActiveFilter ? (
-          <Button variant="ghost" size="sm" onClick={clearFilters} className="ml-auto">
+          <Button variant="ghost" size="sm" onClick={clearFilters}>
             <X className="mr-1.5 h-3 w-3" />
             Clear
           </Button>

src/components/documents/document-detail.tsx

@@ -5,7 +5,23 @@ import Link from 'next/link';
 import type { Route } from 'next';
 import { useRouter } from 'next/navigation';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { ArrowLeft, Bell, Download, Mail, Send, Trash2, UserPlus, X } from 'lucide-react';
+import {
+  ArrowLeft,
+  Bell,
+  CheckCircle2,
+  ChevronDown,
+  Clock,
+  Download,
+  Eye,
+  FileText,
+  Mail,
+  Send,
+  Trash2,
+  UserPlus,
+  X,
+  XCircle,
+} from 'lucide-react';
+import { format, formatDistanceToNowStrict } from 'date-fns';
 import { toast } from 'sonner';
 
 import { Button } from '@/components/ui/button';
@@ -15,7 +31,7 @@ import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
 import { useConfirmation } from '@/hooks/use-confirmation';
 import { apiFetch } from '@/lib/api/client';
 import { toastError } from '@/lib/api/toast-error';
-import { cleanSignerName } from '@/components/documents/signing-progress';
+import { SigningProgress } from '@/components/documents/signing-progress';
 import {
   Select,
   SelectContent,
@@ -76,12 +92,20 @@ interface DetailWatcher {
   addedAt: string;
 }
 
+interface DetailLinked {
+  interest: { id: string; clientName: string | null } | null;
+  client: { id: string; fullName: string } | null;
+  yacht: { id: string; name: string } | null;
+  company: { id: string; name: string } | null;
+}
+
 interface DetailResponse {
   data: {
     document: DetailDoc;
     signers: DetailSigner[];
     events: DetailEvent[];
     watchers: DetailWatcher[];
+    linked: DetailLinked;
   };
 }
 
@@ -98,12 +122,6 @@ const STATUS_PILL_MAP: Record<string, StatusPillStatus> = {
   declined: 'declined',
 };
 
-const SIGNER_PILL_MAP: Record<string, StatusPillStatus> = {
-  pending: 'pending',
-  signed: 'signed',
-  declined: 'declined',
-};
-
 interface DocumentDetailProps {
   documentId: string;
   portSlug: string;
@@ -111,7 +129,6 @@ interface DocumentDetailProps {
 
 export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
   const router = useRouter();
-  const queryClient = useQueryClient();
   const [isCancelling, setIsCancelling] = useState(false);
   const { confirm, dialog: confirmDialog } = useConfirmation();
 
@@ -162,36 +179,13 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
     );
   }
 
-  const { document: doc, signers, events, watchers } = data.data;
+  const { document: doc, signers, events, watchers, linked } = data.data;
 
-  const handleRemind = async (signerId: string) => {
-    try {
-      await apiFetch(`/api/v1/documents/${documentId}/remind`, {
-        method: 'POST',
-        body: { signerId },
-      });
-      toast.success('Reminder sent');
-      queryClient.invalidateQueries({ queryKey: ['document-detail', documentId] });
-    } catch (err) {
-      toastError(err);
-    }
-  };
-
-  // #67: state-aware action button. When a signer has no `invitedAt`
-  // they've never been mailed — fire the initial invitation (the same
-  // route the EOI tab uses; handles v2 distribute-or-self-heal).
-  const handleSendInvitation = async (signerId: string) => {
-    try {
-      await apiFetch(`/api/v1/documents/${documentId}/send-invitation`, {
-        method: 'POST',
-        body: { signerId },
-      });
-      toast.success('Invitation sent');
-      queryClient.invalidateQueries({ queryKey: ['document-detail', documentId] });
-    } catch (err) {
-      toastError(err);
-    }
-  };
+  // #67: signer-row "Send invitation" / "Send reminder" handlers used
+  // to live here on the doc-detail page directly. The Signers section
+  // now reuses <SigningProgress>, which owns those handlers internally
+  // (calls the same /remind and /send-invitation routes). The wrappers
+  // were intentionally removed in the doc-detail polish wave.
 
   const handleCancel = async () => {
     const ok = await confirm({
@@ -227,17 +221,47 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
   const isInFlight = ['sent', 'partially_signed'].includes(doc.status);
   const isComplete = ['completed', 'signed'].includes(doc.status);
 
-  const subjectLink = doc.reservationId
-    ? { href: `/${portSlug}/berth-reservations/${doc.reservationId}`, label: 'Reservation' }
-    : doc.interestId
-      ? { href: `/${portSlug}/interests/${doc.interestId}`, label: 'Interest' }
-      : doc.clientId
-        ? { href: `/${portSlug}/clients/${doc.clientId}`, label: 'Client' }
-        : doc.yachtId
-          ? { href: `/${portSlug}/yachts/${doc.yachtId}`, label: 'Yacht' }
-          : doc.companyId
-            ? { href: `/${portSlug}/companies/${doc.companyId}`, label: 'Company' }
-            : null;
+  // #67: linked-entity rows now show the entity TYPE + NAME (resolved
+  // server-side in getDocumentDetail) so the card reads "Interest —
+  // Matt Ciaccio" instead of "Interest →". Multiple linked entities
+  // render as a chip row; nothing renders when there's nothing to
+  // link.
+  const linkedRows: Array<{ href: string; label: string; sub: string | null }> = [];
+  if (doc.reservationId) {
+    linkedRows.push({
+      href: `/${portSlug}/berth-reservations/${doc.reservationId}`,
+      label: 'Reservation',
+      sub: null,
+    });
+  }
+  if (linked.interest) {
+    linkedRows.push({
+      href: `/${portSlug}/interests/${linked.interest.id}`,
+      label: 'Interest',
+      sub: linked.interest.clientName,
+    });
+  }
+  if (linked.client) {
+    linkedRows.push({
+      href: `/${portSlug}/clients/${linked.client.id}`,
+      label: 'Client',
+      sub: linked.client.fullName,
+    });
+  }
+  if (linked.yacht) {
+    linkedRows.push({
+      href: `/${portSlug}/yachts/${linked.yacht.id}`,
+      label: 'Yacht',
+      sub: linked.yacht.name,
+    });
+  }
+  if (linked.company) {
+    linkedRows.push({
+      href: `/${portSlug}/companies/${linked.company.id}`,
+      label: 'Company',
+      sub: linked.company.name,
+    });
+  }
 
   return (
     <div className="flex flex-col gap-4">
@@ -295,93 +319,35 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
             {signers.length === 0 ? (
               <p className="text-sm text-muted-foreground">No signers attached.</p>
             ) : (
-              <ul className="space-y-3">
-                {signers.map((signer, idx) => (
-                  <li
-                    key={signer.id}
-                    className="flex items-start gap-3 rounded-md border bg-white p-3 shadow-xs transition-colors hover:bg-muted/30"
-                  >
-                    <div
-                      className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${
-                        signer.status === 'signed'
-                          ? 'bg-success-bg text-success'
-                          : signer.status === 'declined'
-                            ? 'bg-error-bg text-error'
-                            : 'bg-slate-100 text-slate-600'
-                      }`}
-                    >
-                      {idx + 1}
-                    </div>
-                    <div className="min-w-0 flex-1">
-                      <div className="flex items-center justify-between gap-2">
-                        <div className="font-medium text-foreground">
-                          {/* #67 cleanup: strip `(was: …)` / `(placeholder)`
-                              email-redirect leak suffixes that the EOI tab
-                              already scrubs on its own SigningProgress card. */}
-                          {cleanSignerName(signer.signerName) || signer.signerEmail}
-                        </div>
-                        <StatusPill status={SIGNER_PILL_MAP[signer.status] ?? 'pending'}>
-                          {capFirst(signer.status)}
-                        </StatusPill>
-                      </div>
-                      <div className="text-xs text-muted-foreground">
-                        {signer.signerEmail} · {capFirst(signer.signerRole)}
-                      </div>
-                      <div className="mt-1 text-xs text-muted-foreground">
-                        {signer.signedAt
-                          ? `Signed ${new Date(signer.signedAt).toLocaleDateString('en-GB')}`
-                          : signer.invitedAt
-                            ? `Invited ${new Date(signer.invitedAt).toLocaleDateString('en-GB')}`
-                            : 'Not yet invited'}
-                      </div>
-                      {signer.status === 'pending' && doc.documensoId && isInFlight ? (
-                        <div className="mt-2 flex items-center gap-2">
-                          {/* #67 state-aware CTA: invited yet? remind. else: send. */}
-                          {signer.invitedAt ? (
-                            <Button
-                              size="sm"
-                              variant="outline"
-                              onClick={() => handleRemind(signer.id)}
-                            >
-                              <Bell className="mr-1.5 h-3 w-3" aria-hidden /> Send reminder
-                            </Button>
-                          ) : (
-                            <Button size="sm" onClick={() => handleSendInvitation(signer.id)}>
-                              <Send className="mr-1.5 h-3 w-3" aria-hidden /> Send invitation
-                            </Button>
-                          )}
-                          {signer.signingUrl ? (
-                            <button
-                              type="button"
-                              onClick={() => {
-                                navigator.clipboard.writeText(signer.signingUrl!);
-                                toast.success('Signing link copied');
-                              }}
-                              className="text-xs text-brand hover:underline"
-                            >
-                              Copy signing link
-                            </button>
-                          ) : null}
-                        </div>
-                      ) : null}
-                    </div>
-                  </li>
-                ))}
-              </ul>
+              // #67 visual parity: re-use the EOI tab's <SigningProgress>
+              // so the doc-detail card matches every other surface that
+              // shows signer state (cleaned names, status-tinted card,
+              // state-aware action button, signing-link copy, role chip).
+              <SigningProgress documentId={documentId} signers={signers} />
             )}
           </section>
 
-          {subjectLink ? (
+          {linkedRows.length > 0 ? (
             <section className="rounded-md border bg-white p-4">
               <h2 className="mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
-                Linked entity
+                Linked {linkedRows.length === 1 ? 'entity' : 'entities'}
               </h2>
-              <Link
-                href={subjectLink.href as Route}
-                className="text-sm font-medium text-brand hover:underline"
-              >
-                {subjectLink.label} →
-              </Link>
+              <div className="flex flex-wrap gap-2">
+                {linkedRows.map((row) => (
+                  <Link
+                    key={row.href}
+                    href={row.href as Route}
+                    className="inline-flex flex-col rounded-md border px-3 py-2 text-sm hover:bg-muted/50"
+                  >
+                    <span className="text-xs uppercase tracking-wide text-muted-foreground">
+                      {row.label}
+                    </span>
+                    <span className="font-medium text-brand">
+                      {row.sub ?? `Open ${row.label.toLowerCase()}`}
+                    </span>
+                  </Link>
+                ))}
+              </div>
             </section>
           ) : null}
         </div>
@@ -390,27 +356,7 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
         <div className="flex flex-col gap-4">
           <WatchersCard documentId={documentId} watchers={watchers} />
 
-          <section className="rounded-md border bg-white p-4">
-            <h2 className="mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
-              Activity
-            </h2>
-            {events.length === 0 ? (
-              <p className="text-xs text-muted-foreground">No events yet.</p>
-            ) : (
-              <ul className="space-y-2">
-                {events.slice(0, 12).map((e) => (
-                  <li key={e.id} className="text-xs">
-                    <div className="font-medium text-foreground">
-                      {e.eventType.replace(/_/g, ' ')}
-                    </div>
-                    <div className="text-muted-foreground">
-                      {new Date(e.createdAt).toLocaleString('en-GB')}
-                    </div>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </section>
+          <ActivityCard events={events} />
         </div>
       </div>
       {confirmDialog}
@@ -418,6 +364,114 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
   );
 }
 
+// #67 activity panel polish: per-event icons + actor-aware copy +
+// precise tooltip + reverse-chronological order. Same data the
+// previous flat list rendered, just legible.
+const EVENT_META: Record<
+  string,
+  { label: (data?: Record<string, unknown>) => string; icon: typeof Clock; tone: string }
+> = {
+  created: { label: () => 'Created', icon: FileText, tone: 'text-slate-500' },
+  sent: {
+    label: (d) => (d?.recipientEmail ? `Sent to ${d.recipientEmail}` : 'Sent for signing'),
+    icon: Send,
+    tone: 'text-sky-600',
+  },
+  viewed: {
+    label: (d) => (d?.recipientEmail ? `${d.recipientEmail} opened` : 'Opened'),
+    icon: Eye,
+    tone: 'text-amber-600',
+  },
+  signed: {
+    label: (d) => (d?.recipientEmail ? `${d.recipientEmail} signed` : 'Signed'),
+    icon: CheckCircle2,
+    tone: 'text-emerald-600',
+  },
+  reminder_sent: {
+    label: (d) => (d?.recipientEmail ? `Reminder → ${d.recipientEmail}` : 'Reminder sent'),
+    icon: Bell,
+    tone: 'text-amber-700',
+  },
+  completed: { label: () => 'All parties signed', icon: CheckCircle2, tone: 'text-emerald-700' },
+  rejected: {
+    label: (d) => (d?.recipientEmail ? `${d.recipientEmail} declined` : 'Declined'),
+    icon: XCircle,
+    tone: 'text-rose-600',
+  },
+  declined: {
+    label: (d) => (d?.recipientEmail ? `${d.recipientEmail} declined` : 'Declined'),
+    icon: XCircle,
+    tone: 'text-rose-600',
+  },
+  expired: { label: () => 'Expired', icon: Clock, tone: 'text-rose-500' },
+  cancelled: { label: () => 'Cancelled', icon: X, tone: 'text-slate-500' },
+  deleted: { label: () => 'Deleted', icon: Trash2, tone: 'text-slate-500' },
+};
+
+function ActivityCard({ events }: { events: DetailEvent[] }) {
+  const [showAll, setShowAll] = useState(false);
+  // Server returns oldest-first; reverse so most recent reads top of card.
+  const sorted = [...events].sort(
+    (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime(),
+  );
+  const visible = showAll ? sorted : sorted.slice(0, 8);
+
+  return (
+    <section className="rounded-md border bg-white p-4">
+      <h2 className="mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
+        Activity
+      </h2>
+      {sorted.length === 0 ? (
+        <p className="text-xs text-muted-foreground">No events yet.</p>
+      ) : (
+        <>
+          <ul className="space-y-2.5">
+            {visible.map((e) => {
+              const meta = EVENT_META[e.eventType] ?? {
+                label: () => e.eventType.replace(/_/g, ' '),
+                icon: Clock,
+                tone: 'text-muted-foreground',
+              };
+              const Icon = meta.icon;
+              const data = (e.eventData ?? {}) as Record<string, unknown>;
+              const label = meta.label(data);
+              const when = new Date(e.createdAt);
+              return (
+                <li key={e.id} className="flex items-start gap-2 text-xs">
+                  <Icon className={`mt-0.5 size-3.5 shrink-0 ${meta.tone}`} aria-hidden />
+                  <div className="min-w-0 flex-1">
+                    <div className="truncate font-medium text-foreground">{label}</div>
+                    <time
+                      dateTime={when.toISOString()}
+                      title={format(when, 'PPpp')}
+                      className="text-muted-foreground"
+                    >
+                      {formatDistanceToNowStrict(when, { addSuffix: true })}
+                    </time>
+                  </div>
+                </li>
+              );
+            })}
+          </ul>
+          {sorted.length > 8 ? (
+            <button
+              type="button"
+              onClick={() => setShowAll((v) => !v)}
+              className="mt-3 inline-flex items-center gap-1 text-xs text-brand hover:underline"
+            >
+              <ChevronDown
+                className={`size-3 transition-transform ${showAll ? 'rotate-180' : ''}`}
+                aria-hidden
+              />
+              {showAll ? 'Show fewer' : `Show all ${sorted.length} events`}
+            </button>
+          ) : null}
+        </>
+      )}
+    </section>
+  );
+}
+
 /**
  * #67 watcher Add UI. The watchers list previously displayed only
  * user-id stubs (truncated UUID) with a delete button and no way to

src/components/interests/interest-contact-log-tab.tsx

@@ -23,14 +23,19 @@ import { toast } from 'sonner';
 
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+// §2.1: contact-log compose surface migrated from Dialog to Sheet so it
+// matches the side-panel doctrine used by every other compose surface in
+// the app (ClientForm, InterestForm, YachtForm, EOI Generate). The
+// dialog name `ComposeDialog` is kept for git-blame continuity but the
+// component now renders <Sheet side="right">.
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -298,9 +303,13 @@ function EmptyState({ onAdd }: { onAdd: () => void }) {
   );
 }
 
-// ─── Compose / edit dialog ───────────────────────────────────────────────────
+// ─── Compose / edit sheet ───────────────────────────────────────────────────
 
-function ComposeDialog(props: {
+// Exported for §1.4 — interest-detail-header.tsx mounts this sheet
+// directly via a "Log contact" quick-action button (sibling to the
+// Email / Call / WhatsApp pills) so the rep doesn't have to navigate
+// to the Contact log tab first.
+export function ComposeDialog(props: {
   interestId: string;
   existing?: ContactLogEntry;
   open: boolean;
@@ -416,15 +425,15 @@ function ComposeDialogBody({
   });
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>{isEdit ? 'Edit contact log entry' : 'Log a contact'}</DialogTitle>
-          <DialogDescription>
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent side="right" className="w-3/4 sm:max-w-md overflow-y-auto">
+        <SheetHeader>
+          <SheetTitle>{isEdit ? 'Edit contact log entry' : 'Log a contact'}</SheetTitle>
+          <SheetDescription>
             Record the channel, the direction, and what was discussed. Optionally schedule a
             follow-up — a reminder will be created automatically.
-          </DialogDescription>
-        </DialogHeader>
+          </SheetDescription>
+        </SheetHeader>
 
         <div className="space-y-3 py-1">
           {/* Quick-template buttons. Tap one to seed the channel + direction
@@ -594,7 +603,7 @@ function ComposeDialogBody({
           </div>
         </div>
 
-        <DialogFooter>
+        <SheetFooter>
           <Button
             variant="outline"
             onClick={() => onOpenChange(false)}
@@ -608,9 +617,9 @@ function ComposeDialogBody({
           >
             {mutation.isPending ? 'Saving…' : isEdit ? 'Save changes' : 'Log contact'}
           </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
   );
 }
 

src/components/interests/interest-contract-tab.tsx

@@ -66,6 +66,8 @@ const STATUS_TONES: Record<DocumentStatus, string> = {
   completed: 'bg-emerald-100 text-emerald-700',
   expired: 'bg-rose-100 text-rose-700',
   cancelled: 'bg-slate-200 text-slate-600',
+  rejected: 'bg-rose-100 text-rose-700',
+  declined: 'bg-rose-100 text-rose-700',
 };
 
 const ACTIVE_STATUSES = DOCUMENT_STATUS_ACTIVE;

src/components/interests/interest-detail-header.tsx

@@ -11,10 +11,12 @@ import {
   XCircle,
   RefreshCcw,
   Mail,
+  MessageSquarePlus,
   Phone,
   AlarmClock,
   User,
 } from 'lucide-react';
+import { ComposeDialog as ContactLogComposeSheet } from '@/components/interests/interest-contact-log-tab';
 import { WhatsAppIcon } from '@/components/icons/whatsapp';
 import Link from 'next/link';
 
@@ -125,6 +127,10 @@ export function InterestDetailHeader({ portSlug, interest }: InterestDetailHeade
   const [editOpen, setEditOpen] = useState(false);
   const [archiveOpen, setArchiveOpen] = useState(false);
   const [outcomeDialog, setOutcomeDialog] = useState<null | 'won' | 'lost'>(null);
+  // §1.4: Quick log-contact button next to the Email/Call/WhatsApp pills.
+  // Opens the same Sheet the Contact log tab uses without forcing the rep
+  // to tab-navigate first.
+  const [logContactOpen, setLogContactOpen] = useState(false);
   // (Upload-paper-signed-EOI dialog moved to the EOI tab.)
 
   const isArchived = !!interest.archivedAt;
@@ -389,6 +395,16 @@ export function InterestDetailHeader({ portSlug, interest }: InterestDetailHeade
                     </a>
                   </Button>
                 ) : null}
+                <Button
+                  variant="outline"
+                  size="sm"
+                  className="h-8 gap-1.5 px-2.5 [&_svg]:size-3.5"
+                  onClick={() => setLogContactOpen(true)}
+                  aria-label="Log a contact for this interest"
+                >
+                  <MessageSquarePlus />
+                  Log contact
+                </Button>
               </div>
             ) : null}
           </div>
@@ -524,6 +540,12 @@ export function InterestDetailHeader({ portSlug, interest }: InterestDetailHeade
         }}
         isLoading={archiveMutation.isPending || restoreMutation.isPending}
       />
+
+      <ContactLogComposeSheet
+        interestId={interest.id}
+        open={logContactOpen}
+        onOpenChange={setLogContactOpen}
+      />
     </>
   );
 }

src/components/interests/interest-eoi-tab.tsx

@@ -76,6 +76,8 @@ const STATUS_TONES: Record<DocumentStatus, string> = {
   completed: 'bg-emerald-100 text-emerald-700',
   expired: 'bg-rose-100 text-rose-700',
   cancelled: 'bg-slate-200 text-slate-600',
+  rejected: 'bg-rose-100 text-rose-700',
+  declined: 'bg-rose-100 text-rose-700',
 };
 
 const ACTIVE_STATUSES = DOCUMENT_STATUS_ACTIVE;
@@ -247,8 +249,17 @@ function ActiveEoiCard({
     'document:signer:opened': [['documents', doc.id, 'signers']],
     'document:completed': [['documents', doc.id, 'signers'], ['documents']],
     'document:signer:rejected': [['documents', doc.id, 'signers'], ['documents']],
+    'document:rejected': [['documents', doc.id, 'signers'], ['documents']],
   });
 
+  // §4.13: surface the rejection callout in a high-visibility banner —
+  // status pill alone doesn't communicate that the doc is dead and the
+  // rep must take action.
+  const isRejected = doc.status === 'rejected' || doc.status === 'declined';
+  const rejectedSigner = isRejected
+    ? signers.find((s) => s.status === 'declined' || s.status === 'rejected')
+    : null;
+
   const remindAllMutation = useMutation({
     mutationFn: () => apiFetch(`/api/v1/documents/${doc.id}/remind`, { method: 'POST', body: {} }),
     onSuccess: () => {
@@ -259,7 +270,30 @@ function ActiveEoiCard({
   });
 
   return (
-    <section className="rounded-xl border bg-gradient-brand-soft p-5 shadow-xs">
+    <section
+      className={
+        isRejected
+          ? 'rounded-xl border border-rose-300 bg-rose-50 p-5 shadow-xs'
+          : 'rounded-xl border bg-gradient-brand-soft p-5 shadow-xs'
+      }
+    >
+      {isRejected ? (
+        <div className="mb-4 flex items-start gap-3 rounded-md border border-rose-300 bg-white p-3">
+          <AlertTriangle className="size-5 shrink-0 text-rose-600" aria-hidden />
+          <div className="min-w-0 flex-1 text-sm">
+            <p className="font-semibold text-rose-900">
+              EOI declined
+              {rejectedSigner
+                ? ` by ${rejectedSigner.signerName ?? rejectedSigner.signerEmail}`
+                : ''}
+            </p>
+            <p className="mt-0.5 text-rose-800">
+              The document is no longer valid. Cancel and regenerate, or reach out to the signer
+              before re-sending.
+            </p>
+          </div>
+        </div>
+      ) : null}
       <header className="flex items-start justify-between gap-3">
         <div className="min-w-0 flex-1 space-y-1">
           <div className="flex items-center gap-2 flex-wrap">

src/components/interests/interest-reservation-tab.tsx

@@ -66,6 +66,8 @@ const STATUS_TONES: Record<DocumentStatus, string> = {
   completed: 'bg-emerald-100 text-emerald-700',
   expired: 'bg-rose-100 text-rose-700',
   cancelled: 'bg-slate-200 text-slate-600',
+  rejected: 'bg-rose-100 text-rose-700',
+  declined: 'bg-rose-100 text-rose-700',
 };
 
 const ACTIVE_STATUSES = DOCUMENT_STATUS_ACTIVE;

src/components/interests/interest-tabs.tsx

@@ -49,6 +49,7 @@ import { InterestEoiTab } from '@/components/interests/interest-eoi-tab';
 import { InterestContactLogTab } from '@/components/interests/interest-contact-log-tab';
 import { QualificationChecklist } from '@/components/interests/qualification-checklist';
 import { PaymentsSection } from '@/components/interests/payments-section';
+import { StageGuidanceCard } from '@/components/interests/stage-guidance-card';
 import { SkipAheadBanner } from '@/components/interests/skip-ahead-banner';
 import { InterestBerthStatusBanner } from '@/components/interests/interest-berth-status-banner';
 import { InterestContractTab } from '@/components/interests/interest-contract-tab';
@@ -836,12 +837,20 @@ function OverviewTab({
           stage: no deposit is expected yet, so the empty card is just
           noise — the next-milestone card carries the actionable copy
           instead. */}
-      {showPaymentsSection && (
+      {showPaymentsSection ? (
         <PaymentsSection
           interestId={interestId}
           depositExpectedAmount={interest.depositExpectedAmount ?? null}
           depositExpectedCurrency={interest.depositExpectedCurrency ?? null}
         />
+      ) : (
+        // §7.2: replace the empty Payments slot with a stage-aware
+        // "next step" card on pre-reservation stages so the rep gets
+        // an actionable prompt instead of dead space.
+        <StageGuidanceCard
+          stage={interest.pipelineStage as PipelineStage}
+          hasLinkedBerth={(interest.linkedBerthCount ?? 0) > 0}
+        />
       )}
 
       {/* Sales-process milestones — phase-aware so the user only sees

src/components/interests/stage-guidance-card.tsx

@@ -0,0 +1,128 @@
+'use client';
+
+import { Sparkles, ArrowRight, Anchor, Send, ClipboardCheck, FileSignature } from 'lucide-react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import type { PipelineStage } from '@/lib/constants';
+
+interface StageGuidanceCardProps {
+  /** Current pipeline stage. Drives the per-stage copy + actions. */
+  stage: PipelineStage;
+  /** Callbacks for each shortcut action. Optional — if absent, the
+   *  corresponding button is hidden. */
+  onScrollToRecommender?: () => void;
+  onOpenEoiGenerate?: () => void;
+  onOpenQualification?: () => void;
+  /** True when berth_interest milestone is satisfied (≥1 linked berth);
+   *  used to hide the "Add a berth" prompt when the rep has already
+   *  done it. */
+  hasLinkedBerth?: boolean;
+}
+
+interface StageCopy {
+  title: string;
+  description: string;
+  next: string;
+  actionLabel?: string;
+  actionIcon?: typeof Anchor;
+  onAction?: 'recommender' | 'eoi' | 'qualification';
+}
+
+/**
+ * §7.2 — Stage-aware "what to do next" prompt that sits on the Overview
+ * tab in the spot the Payments section occupies post-reservation. Each
+ * pre-deposit stage gets a one-card prompt + a shortcut button that
+ * jumps the rep to the right surface.
+ *
+ * Replaces the previously-empty Payments slot on enquiry / qualified /
+ * nurturing / eoi stages with an actionable hint.
+ */
+function copyFor(stage: PipelineStage, ctx: { hasLinkedBerth?: boolean }): StageCopy | null {
+  switch (stage) {
+    case 'enquiry':
+      return {
+        title: 'Next: qualify the interest',
+        description: ctx.hasLinkedBerth
+          ? 'Confirm vessel details, walk the rep through the qualification checklist, then move to Qualified.'
+          : 'Link a berth (or capture desired dimensions) and run the qualification checklist before moving on.',
+        next: 'qualified',
+        actionLabel: ctx.hasLinkedBerth ? 'Open qualification checklist' : 'Recommend a berth',
+        actionIcon: ctx.hasLinkedBerth ? ClipboardCheck : Anchor,
+        onAction: ctx.hasLinkedBerth ? 'qualification' : 'recommender',
+      };
+    case 'qualified':
+      return {
+        title: 'Next: send the EOI',
+        description:
+          'Generate the Expression of Interest with all parties and send for signing. Auto-advances to EOI on send.',
+        next: 'eoi',
+        actionLabel: 'Generate EOI',
+        actionIcon: Send,
+        onAction: 'eoi',
+      };
+    case 'nurturing':
+      return {
+        title: 'Stay in touch',
+        description:
+          'Deal is in nurture — schedule a follow-up reminder or log a contact when the prospect re-engages, then move them back to Qualified.',
+        next: 'qualified',
+      };
+    case 'eoi':
+      return {
+        title: 'Waiting on signatures',
+        description:
+          'All signers will get a notification once each completes; the deal auto-advances to Reservation when everyone signs.',
+        next: 'reservation',
+      };
+    default:
+      // Reservation onwards have their own dedicated sections (Payments,
+      // Documents) so the guidance card doesn't render.
+      return null;
+  }
+}
+
+export function StageGuidanceCard({
+  stage,
+  onScrollToRecommender,
+  onOpenEoiGenerate,
+  onOpenQualification,
+  hasLinkedBerth,
+}: StageGuidanceCardProps) {
+  const copy = copyFor(stage, { hasLinkedBerth });
+  if (!copy) return null;
+
+  const ActionIcon = copy.actionIcon ?? FileSignature;
+  const action =
+    copy.onAction === 'recommender' && onScrollToRecommender
+      ? onScrollToRecommender
+      : copy.onAction === 'eoi' && onOpenEoiGenerate
+        ? onOpenEoiGenerate
+        : copy.onAction === 'qualification' && onOpenQualification
+          ? onOpenQualification
+          : null;
+
+  return (
+    <Card>
+      <CardHeader className="pb-2">
+        <CardTitle className="flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
+          <Sparkles className="h-3.5 w-3.5" aria-hidden />
+          Next step
+        </CardTitle>
+      </CardHeader>
+      <CardContent className="space-y-3">
+        <div>
+          <p className="text-sm font-medium text-foreground">{copy.title}</p>
+          <p className="mt-1 text-xs text-muted-foreground">{copy.description}</p>
+        </div>
+        {copy.actionLabel && action ? (
+          <Button size="sm" onClick={action} className="gap-1.5">
+            <ActionIcon className="h-3.5 w-3.5" aria-hidden />
+            {copy.actionLabel}
+            <ArrowRight className="h-3 w-3" aria-hidden />
+          </Button>
+        ) : null}
+      </CardContent>
+    </Card>
+  );
+}

src/lib/constants.ts

@@ -393,6 +393,11 @@ export const DOCUMENT_STATUSES = [
   'completed',
   'expired',
   'cancelled',
+  // Documenso writes both 'rejected' and 'declined' depending on which
+  // webhook path fires; we mirror that on the document row. Surface
+  // both so DocumentStatus checks against either spelling type-check.
+  'rejected',
+  'declined',
 ] as const;
 
 export type DocumentStatus = (typeof DOCUMENT_STATUSES)[number];

src/lib/db/migrations/0071_pg_trgm_search_indexes.sql

@@ -0,0 +1,48 @@
+-- M-P01: pg_trgm GIN indexes on the leading-wildcard ILIKE search
+-- columns used by `buildListQuery` (src/lib/db/query-builder.ts:67).
+--
+-- Without these, every `ILIKE '%term%'` predicate sequential-scans
+-- the entire table. The fix isn't to rewrite the SQL — Postgres will
+-- transparently use a `gin_trgm_ops` index for ILIKE patterns once
+-- one exists on the column.
+--
+-- The pg_trgm extension is a one-time install; CREATE EXTENSION IF NOT
+-- EXISTS is idempotent. Each CREATE INDEX CONCURRENTLY runs outside
+-- a transaction (the db-migrate runner detects CONCURRENTLY and
+-- splits the statement out of the wrapping tx).
+
+CREATE EXTENSION IF NOT EXISTS pg_trgm;
+--> statement-breakpoint
+
+-- ─── Clients ──────────────────────────────────────────────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_clients_full_name_trgm
+  ON clients USING gin (full_name gin_trgm_ops);
+--> statement-breakpoint
+
+-- ─── Yachts ──────────────────────────────────────────────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_yachts_name_trgm
+  ON yachts USING gin (name gin_trgm_ops);
+--> statement-breakpoint
+
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_yachts_builder_trgm
+  ON yachts USING gin (builder gin_trgm_ops);
+--> statement-breakpoint
+
+-- ─── Companies ───────────────────────────────────────────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_companies_name_trgm
+  ON companies USING gin (name gin_trgm_ops);
+--> statement-breakpoint
+
+-- ─── Berths ──────────────────────────────────────────────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_berths_mooring_number_trgm
+  ON berths USING gin (mooring_number gin_trgm_ops);
+--> statement-breakpoint
+
+-- ─── Residential clients (parallel client surface) ───────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_residential_clients_full_name_trgm
+  ON residential_clients USING gin (full_name gin_trgm_ops);
+--> statement-breakpoint
+
+-- ─── Tags (filter-bar autocomplete) ──────────────────────────────────────
+CREATE INDEX CONCURRENTLY IF NOT EXISTS idx_tags_name_trgm
+  ON tags USING gin (name gin_trgm_ops);

src/lib/labels/document-status.ts

@@ -19,7 +19,12 @@ export type DocumentStatus =
   | 'partially_signed'
   | 'completed'
   | 'expired'
-  | 'cancelled';
+  | 'cancelled'
+  // §4.13: Documenso writes 'rejected' (DOCUMENT_REJECTED webhook) and
+  // some legacy paths use 'declined' for the same outcome. Surface both
+  // so the rejection-banner check in interest-eoi-tab type-checks.
+  | 'rejected'
+  | 'declined';
 
 /**
  * Human label rendered in CRM UI (staff-facing). Use the portal-specific
@@ -34,6 +39,8 @@ export const DOCUMENT_STATUS_LABELS: Record<DocumentStatus, string> = {
   completed: 'Signed',
   expired: 'Expired',
   cancelled: 'Cancelled',
+  rejected: 'Declined',
+  declined: 'Declined',
 };
 
 /**
@@ -48,6 +55,8 @@ export const DOCUMENT_STATUS_LABELS_PORTAL: Record<DocumentStatus, string> = {
   completed: 'Signed',
   expired: 'Expired',
   cancelled: 'Cancelled',
+  rejected: 'Declined',
+  declined: 'Declined',
 };
 
 /**
@@ -62,6 +71,8 @@ export const DOCUMENT_STATUS_PILL: Record<DocumentStatus, StatusPillStatus> = {
   completed: 'completed',
   expired: 'expired',
   cancelled: 'cancelled',
+  rejected: 'rejected',
+  declined: 'declined',
 };
 
 /**

src/lib/services/documents.service.ts

@@ -1891,6 +1891,56 @@ export async function handleDocumentRejected(eventData: {
     documentId: doc.id,
     signerEmail: eventData.recipientEmail ?? null,
   });
+
+  // §4.13: rejection cascade. When any signer declines:
+  //   1. Notify the interest's assigned rep in-CRM (drives the EOI tab
+  //      banner via the realtime invalidation + the bell).
+  //   2. Audit-log so the timeline surfaces the rejection.
+  // Email cascade to the other signers is intentionally NOT fired —
+  // the legal flow is "this EOI is dead, regenerate"; messaging the
+  // co-signers would create noise. The rep handles outreach manually.
+  if (doc.interestId) {
+    const interest = await db.query.interests.findFirst({
+      where: and(eq(interests.id, doc.interestId), eq(interests.portId, doc.portId)),
+      columns: { assignedTo: true, clientId: true },
+    });
+    const targetUserId = interest?.assignedTo ?? null;
+    if (targetUserId) {
+      const { createNotification } = await import('@/lib/services/notifications.service');
+      void createNotification({
+        portId: doc.portId,
+        userId: targetUserId,
+        type: 'document_rejected',
+        title: 'EOI declined',
+        description: eventData.recipientEmail
+          ? `${eventData.recipientEmail} declined to sign — review and regenerate.`
+          : 'A signer declined the EOI — review and regenerate.',
+        link: `/interests/${doc.interestId}?tab=eoi`,
+        entityType: 'document',
+        entityId: doc.id,
+        dedupeKey: `document:${doc.id}:rejected`,
+      }).catch(() => {
+        // Notification failure shouldn't block the webhook handler.
+      });
+    }
+  }
+
+  // Audit verb so the rep's timeline surfaces the rejection with a
+  // distinct icon/copy rather than a generic document_event row.
+  const { createAuditLog } = await import('@/lib/audit');
+  void createAuditLog({
+    userId: 'system',
+    portId: doc.portId,
+    action: 'update',
+    entityType: 'document',
+    entityId: doc.id,
+    metadata: {
+      type: 'document_declined',
+      signerEmail: eventData.recipientEmail ?? null,
+    },
+    ipAddress: '',
+    userAgent: '',
+  });
 }
 
 export async function handleDocumentCancelled(eventData: {
@@ -1934,11 +1984,25 @@ export interface DocumentDetailWatcher {
   addedAt: Date;
 }
 
+/**
+ * #67 linked-entity resolution: resolve each polymorphic FK on the
+ * document to a human-readable name so the doc-detail "Linked entity"
+ * card can render "Interest — Matt Ciaccio" instead of "Interest →".
+ * Each side is null when the FK is null or the row was deleted.
+ */
+export interface DocumentDetailLinkedEntities {
+  interest: { id: string; clientName: string | null } | null;
+  client: { id: string; fullName: string } | null;
+  yacht: { id: string; name: string } | null;
+  company: { id: string; name: string } | null;
+}
+
 export interface DocumentDetail {
   document: typeof documents.$inferSelect;
   signers: (typeof documentSigners.$inferSelect)[];
   events: (typeof documentEvents.$inferSelect)[];
   watchers: DocumentDetailWatcher[];
+  linked: DocumentDetailLinkedEntities;
 }
 
 /**
@@ -1968,7 +2032,53 @@ export async function getDocumentDetail(id: string, portId: string): Promise<Doc
       .where(eq(documentWatchers.documentId, id)),
   ]);
 
-  return { document, signers, events, watchers };
+  // #67: resolve linked-entity names. Each helper does its own port
+  // check via the parent FK. Skipped when the FK is null. All four
+  // are parallel since they hit different tables.
+  const [interestRow, clientRow, yachtRow, companyRow] = await Promise.all([
+    document.interestId
+      ? db
+          .select({
+            id: interests.id,
+            clientId: interests.clientId,
+            clientName: clients.fullName,
+          })
+          .from(interests)
+          .leftJoin(clients, eq(clients.id, interests.clientId))
+          .where(and(eq(interests.id, document.interestId), eq(interests.portId, portId)))
+          .limit(1)
+          .then((rows) => rows[0] ?? null)
+      : Promise.resolve(null),
+    document.clientId
+      ? db.query.clients.findFirst({
+          where: and(eq(clients.id, document.clientId), eq(clients.portId, portId)),
+          columns: { id: true, fullName: true },
+        })
+      : Promise.resolve(undefined),
+    document.yachtId
+      ? db.query.yachts.findFirst({
+          where: and(eq(yachts.id, document.yachtId), eq(yachts.portId, portId)),
+          columns: { id: true, name: true },
+        })
+      : Promise.resolve(undefined),
+    document.companyId
+      ? db.query.companies.findFirst({
+          where: and(eq(companies.id, document.companyId), eq(companies.portId, portId)),
+          columns: { id: true, name: true },
+        })
+      : Promise.resolve(undefined),
+  ]);
+
+  const linked: DocumentDetailLinkedEntities = {
+    interest: interestRow
+      ? { id: interestRow.id, clientName: interestRow.clientName ?? null }
+      : null,
+    client: clientRow ? { id: clientRow.id, fullName: clientRow.fullName } : null,
+    yacht: yachtRow ? { id: yachtRow.id, name: yachtRow.name } : null,
+    company: companyRow ? { id: companyRow.id, name: companyRow.name } : null,
+  };
+
+  return { document, signers, events, watchers, linked };
 }
 
 /**

src/lib/services/receipt-scanner.ts

@@ -1,68 +0,0 @@
-import OpenAI from 'openai';
-import { logger } from '@/lib/logger';
-import { env } from '@/lib/env';
-
-// M-IN02: lazy-instantiate so a missing/invalid OPENAI_API_KEY doesn't
-// fail boot — the receipt-scan path is opt-in and only some ports
-// will have OCR configured. Cached after first construction so we
-// don't pay the cost on every scan.
-let openaiClient: OpenAI | null = null;
-function getOpenAI(): OpenAI {
-  if (!openaiClient) {
-    if (!env.OPENAI_API_KEY) {
-      throw new Error(
-        'OPENAI_API_KEY is not configured — receipt OCR is unavailable. Set the key in /admin/ai or .env.',
-      );
-    }
-    openaiClient = new OpenAI({ apiKey: env.OPENAI_API_KEY });
-  }
-  return openaiClient;
-}
-
-interface ScanResult {
-  establishment: string | null;
-  date: string | null;
-  amount: number | null;
-  currency: string | null;
-  lineItems: Array<{ description: string; amount: number }>;
-  confidence: number;
-}
-
-export async function scanReceipt(imageBuffer: Buffer, mimeType: string): Promise<ScanResult> {
-  try {
-    const base64 = imageBuffer.toString('base64');
-    const response = await getOpenAI().chat.completions.create({
-      model: 'gpt-4o',
-      messages: [
-        {
-          role: 'user',
-          content: [
-            {
-              type: 'text',
-              text: 'Extract receipt data as JSON: { establishment, date (ISO), amount (number), currency (3-letter code), lineItems: [{ description, amount }], confidence (0-1) }. Return ONLY valid JSON.',
-            },
-            {
-              type: 'image_url',
-              image_url: { url: `data:${mimeType};base64,${base64}` },
-            },
-          ],
-        },
-      ],
-      max_tokens: 1000,
-    });
-
-    const content = response.choices[0]?.message?.content ?? '{}';
-    const cleaned = content.replace(/```json\n?|\n?```/g, '').trim();
-    return JSON.parse(cleaned) as ScanResult;
-  } catch (err) {
-    logger.error({ err }, 'Receipt scan failed');
-    return {
-      establishment: null,
-      date: null,
-      amount: null,
-      currency: null,
-      lineItems: [],
-      confidence: 0,
-    };
-  }
-}

src/proxy.ts

@@ -63,6 +63,10 @@ const PUBLIC_PATHS: string[] = [
   '/setup',
   '/api/v1/bootstrap/',
   '/scan',
+  // §7.1: public sales-playbook docs (deal pulse, etc) so the "Full
+  // guide" link inside the in-app popover is reachable without a
+  // session — and shareable to external collaborators.
+  '/docs/',
   // M-R01: portal allowlist narrowed from blanket `/portal/` to the
   // unauthenticated entry-point routes only. Other `/portal/*` paths
   // now flow through the middleware backstop below which redirects to