@open-mercato/core 0.6.5-develop.4384.1.ce2ec6eaaa → 0.6.5-develop.4393.1.de282b5dfd

package/dist/modules/customers/components/detail/PersonDetailTabs.js

@@ -6,6 +6,7 @@ import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
   SquareCheckBig,
+  Mail,
   Briefcase,
   Building2,
   Check,
@@ -13,7 +14,7 @@ import {
   Paperclip,
   Plus
 } from "lucide-react";
-const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "deals", "companies", "tasks", "changelog", "files"]);
+const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "emails", "deals", "companies", "tasks", "changelog", "files"]);
 function resolveLegacyTab(tab) {
   if (!tab) return "activities";
   return SUPPORTED_TAB_IDS.has(tab) ? tab : "activities";
@@ -46,6 +47,11 @@ function PersonDetailTabs({
         icon: /* @__PURE__ */ jsx(SquareCheckBig, { className: "size-4" }),
         badge: /* @__PURE__ */ jsx(CountBadge, { count: activitiesCount })
       },
+      {
+        id: "emails",
+        label: t("customers.people.detail.tabs.emails", "Emails"),
+        icon: /* @__PURE__ */ jsx(Mail, { className: "size-4" })
+      },
       {
         id: "deals",
         label: t("customers.people.detail.tabs.deals", "Deals"),

package/dist/modules/customers/components/detail/PersonDetailTabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  SquareCheckBig,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'deals'\n  | 'companies'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'deals', 'companies', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex flex-1 gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex flex-1 gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/PersonEmailThreadsTab.js

@@ -0,0 +1,366 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Mail } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  EmailThreadsPanel,
+  mergeOptimisticEmailThreads
+} from "@open-mercato/ui/backend/messages";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useAppEvent } from "@open-mercato/ui/backend/injection/useAppEvent";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  ComposeEmailDialog
+} from "./ComposeEmailDialog.js";
+const CONTEXT_ID = "customers-person-email-threads";
+const MAX_REFERENCES = 40;
+const BACKGROUND_POLL_MS = 2e4;
+const BURST_INTERVAL_MS = 3e3;
+const BURST_DURATION_MS = 36e3;
+function resolveReplyRecipient(thread, fallback) {
+  for (let i = thread.messages.length - 1; i >= 0; i -= 1) {
+    const message = thread.messages[i];
+    if (message.direction === "inbound" && message.fromEmail) return message.fromEmail;
+  }
+  return thread.participants[0] ?? fallback;
+}
+function buildReplyState(thread, fallbackRecipient) {
+  const last = thread.messages[thread.messages.length - 1];
+  if (!last) return null;
+  const recipient = resolveReplyRecipient(thread, fallbackRecipient);
+  const references = Array.from(
+    /* @__PURE__ */ new Set([...last.references ?? [], ...last.rfcMessageId ? [last.rfcMessageId] : []])
+  ).slice(-MAX_REFERENCES);
+  const baseSubject = thread.subject ?? "";
+  const subject = /^re:/i.test(baseSubject) ? baseSubject : `Re: ${baseSubject}`.trim();
+  return {
+    inReplyTo: last.rfcMessageId ?? void 0,
+    references: references.length > 0 ? references : void 0,
+    to: recipient ? [recipient] : [],
+    subject,
+    parentMessageId: last.messageId ?? void 0
+  };
+}
+function readEventMessageId(event) {
+  const payload = event?.payload;
+  const messageId = payload?.messageId;
+  return typeof messageId === "string" ? messageId : null;
+}
+function PersonEmailThreadsTab({ personId, defaultRecipient }) {
+  const t = useT();
+  const [threads, setThreads] = React.useState([]);
+  const [optimistic, setOptimistic] = React.useState([]);
+  const [channels, setChannels] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const [replyTo, setReplyTo] = React.useState(null);
+  const burstTimer = React.useRef(null);
+  const channelsRef = React.useRef([]);
+  channelsRef.current = channels;
+  const optimisticRef = React.useRef([]);
+  optimisticRef.current = optimistic;
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const loadThreads = React.useCallback(
+    async (opts) => {
+      if (opts?.showLoading) setLoading(true);
+      try {
+        const response = await apiCall(
+          `/api/customers/people/${encodeURIComponent(personId)}/email-threads`,
+          // Background poll: degrade silently on an expired session instead of
+          // hijacking the whole page with a login redirect.
+          { method: "GET", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+        );
+        if (!response.ok) {
+          const err = response.result;
+          throw new Error(err?.error ?? t("customers.email.threads.loadFailed", "Failed to load emails"));
+        }
+        setThreads(Array.isArray(response.result?.threads) ? response.result.threads : []);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : t("customers.email.threads.loadFailed", "Failed to load emails"));
+      } finally {
+        if (opts?.showLoading) setLoading(false);
+      }
+    },
+    [personId, t]
+  );
+  const loadChannels = React.useCallback(async () => {
+    try {
+      const response = await apiCall(
+        "/api/communication_channels/me/channels",
+        { method: "GET", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+      );
+      const items = Array.isArray(response.result?.items) ? response.result.items : [];
+      const connected = items.filter(
+        (item) => item !== null && typeof item === "object" && item.status === "connected"
+      );
+      setChannels(connected);
+    } catch {
+      setChannels([]);
+    }
+  }, []);
+  const triggerSync = React.useCallback(async () => {
+    await Promise.allSettled(
+      channelsRef.current.map((channel) => {
+        const channelId = channel.id;
+        if (!channelId) return Promise.resolve();
+        return apiCall(
+          `/api/communication_channels/channels/${encodeURIComponent(channelId)}/poll-now`,
+          { method: "POST", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+        );
+      })
+    );
+  }, []);
+  const startBurst = React.useCallback(() => {
+    if (burstTimer.current) clearInterval(burstTimer.current);
+    const startedAt = Date.now();
+    burstTimer.current = setInterval(() => {
+      if (Date.now() - startedAt > BURST_DURATION_MS) {
+        if (burstTimer.current) {
+          clearInterval(burstTimer.current);
+          burstTimer.current = null;
+        }
+        return;
+      }
+      void loadThreads();
+    }, BURST_INTERVAL_MS);
+  }, [loadThreads]);
+  const buildOptimisticMessage = React.useCallback(
+    (clientId, messageId, values, status) => {
+      const channel = channelsRef.current.find(
+        (c) => c.id === values.userChannelId
+      );
+      return {
+        id: `optimistic:${clientId}`,
+        messageId,
+        rfcMessageId: null,
+        references: values.references ?? [],
+        direction: "outbound",
+        fromName: null,
+        fromEmail: channel?.externalIdentifier ?? null,
+        to: values.to,
+        cc: values.cc ?? [],
+        subject: values.subject,
+        bodyText: values.body,
+        sentAt: (/* @__PURE__ */ new Date()).toISOString(),
+        providerKey: channel?.providerKey ?? null,
+        status
+      };
+    },
+    []
+  );
+  const sendEmail = React.useCallback(
+    async (values) => {
+      const operation = async () => {
+        const response = await apiCall(
+          `/api/customers/people/${encodeURIComponent(personId)}/emails`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(values)
+          }
+        );
+        if (!response.ok) {
+          const err = response.result;
+          throw new Error(err?.error ?? t("customers.email.errors.sendFailed", "Send failed"));
+        }
+        return {
+          messageId: response.result?.messageId ?? null,
+          threadId: response.result?.threadId ?? null
+        };
+      };
+      const result = await runMutation({
+        operation,
+        context: {
+          formId: CONTEXT_ID,
+          resourceKind: "customers.person",
+          resourceId: personId,
+          retryLastMutation
+        },
+        mutationPayload: values
+      });
+      return result ?? { messageId: null, threadId: null };
+    },
+    [personId, runMutation, retryLastMutation, t]
+  );
+  const setMessageStatus = React.useCallback(
+    (matcher, patch) => {
+      setOptimistic(
+        (prev) => prev.map(
+          (entry) => matcher(entry) ? { ...entry, message: { ...entry.message, ...patch } } : entry
+        )
+      );
+    },
+    []
+  );
+  React.useEffect(() => {
+    void loadThreads({ showLoading: true });
+    void loadChannels();
+  }, [loadThreads, loadChannels]);
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      void loadThreads();
+    }, BACKGROUND_POLL_MS);
+    return () => clearInterval(id);
+  }, [loadThreads]);
+  React.useEffect(() => () => {
+    if (burstTimer.current) clearInterval(burstTimer.current);
+  }, []);
+  React.useEffect(() => {
+    setOptimistic((prev) => {
+      if (prev.length === 0) return prev;
+      const serverIds = /* @__PURE__ */ new Set();
+      for (const thread of threads) {
+        for (const message of thread.messages) {
+          if (message.messageId) serverIds.add(message.messageId);
+        }
+      }
+      const next = prev.filter((entry) => !(entry.message.messageId && serverIds.has(entry.message.messageId)));
+      return next.length === prev.length ? prev : next;
+    });
+  }, [threads]);
+  useAppEvent("customers.email.linked", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent("messages.message.sent", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent("communication_channels.message.received", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent(
+    "communication_channels.message.sent",
+    (event) => {
+      const messageId = readEventMessageId(event);
+      if (messageId) setMessageStatus((e) => e.message.messageId === messageId, { status: "sent" });
+      void loadThreads();
+    },
+    [setMessageStatus, loadThreads]
+  );
+  useAppEvent(
+    "communication_channels.message.delivery_failed",
+    (event) => {
+      const messageId = readEventMessageId(event);
+      if (messageId) {
+        setMessageStatus((e) => e.message.messageId === messageId, {
+          status: "failed",
+          statusError: t("customers.email.errors.deliveryFailed", "Delivery failed \u2014 not sent")
+        });
+      }
+    },
+    [setMessageStatus, t]
+  );
+  const onComposeNew = React.useCallback(() => {
+    setReplyTo(null);
+    setDialogOpen(true);
+  }, []);
+  const onReply = React.useCallback(
+    (thread) => {
+      setReplyTo(buildReplyState(thread, defaultRecipient ?? null));
+      setDialogOpen(true);
+    },
+    [defaultRecipient]
+  );
+  const onSend = React.useCallback(
+    async (values) => {
+      const { messageId, threadId } = await sendEmail(values);
+      flash(t("customers.email.compose.sent", "Email sent"), "success");
+      if (messageId) {
+        const clientId = crypto.randomUUID();
+        const message = buildOptimisticMessage(clientId, messageId, values, "sending");
+        setOptimistic((prev) => [
+          ...prev,
+          { clientId, threadKey: threadId ?? `optimistic:${clientId}`, values, message }
+        ]);
+      }
+      startBurst();
+      return { messageId };
+    },
+    [sendEmail, t, buildOptimisticMessage, startBurst]
+  );
+  const onRetry = React.useCallback(
+    async (message) => {
+      const entry = optimisticRef.current.find((e) => e.message.id === message.id);
+      if (!entry) return;
+      setMessageStatus((e) => e.message.id === message.id, { status: "sending", statusError: null });
+      try {
+        const { messageId } = await sendEmail(entry.values);
+        setMessageStatus((e) => e.message.id === message.id, { messageId, status: "sending" });
+        startBurst();
+      } catch (err) {
+        setMessageStatus((e) => e.message.id === message.id, {
+          status: "failed",
+          statusError: err instanceof Error ? err.message : t("customers.email.errors.sendFailed", "Send failed")
+        });
+      }
+    },
+    [sendEmail, setMessageStatus, startBurst, t]
+  );
+  const onRefresh = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      await triggerSync();
+      await loadThreads();
+    } finally {
+      setLoading(false);
+    }
+    startBurst();
+  }, [triggerSync, loadThreads, startBurst]);
+  const mergedThreads = React.useMemo(
+    () => mergeOptimisticEmailThreads(
+      threads,
+      optimistic.map((entry) => ({ ...entry.message, threadKey: entry.threadKey }))
+    ),
+    [threads, optimistic]
+  );
+  const canCompose = channels.length > 0;
+  const composeDisabledHint = /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", className: "gap-2", children: /* @__PURE__ */ jsxs(Link, { href: "/backend/profile/communication-channels", children: [
+    /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+    t("customers.email.compose.noChannel.cta", "Connect your mailbox")
+  ] }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      EmailThreadsPanel,
+      {
+        threads: mergedThreads,
+        loading,
+        error,
+        canCompose,
+        composeDisabledHint,
+        onComposeNew,
+        onReply,
+        onRefresh: () => {
+          void onRefresh();
+        },
+        onRetry: (message) => {
+          void onRetry(message);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ComposeEmailDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: setDialogOpen,
+        defaultRecipient,
+        channels,
+        replyTo,
+        onSend
+      }
+    )
+  ] });
+}
+var PersonEmailThreadsTab_default = PersonEmailThreadsTab;
+export {
+  PersonEmailThreadsTab,
+  PersonEmailThreadsTab_default as default
+};
+//# sourceMappingURL=PersonEmailThreadsTab.js.map

package/dist/modules/customers/components/detail/PersonEmailThreadsTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/PersonEmailThreadsTab.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Mail } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  EmailThreadsPanel,\n  mergeOptimisticEmailThreads,\n  type EmailThread,\n  type EmailThreadMessage,\n  type EmailThreadMessageStatus,\n} from '@open-mercato/ui/backend/messages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  ComposeEmailDialog,\n  type ComposeEmailChannel,\n  type ComposeEmailValues,\n} from './ComposeEmailDialog'\n\ntype PersonEmailThreadsTabProps = {\n  personId: string\n  defaultRecipient?: string | null\n}\n\nconst CONTEXT_ID = 'customers-person-email-threads'\nconst MAX_REFERENCES = 40\n// Background heartbeat so inbound replies (fetched by the IMAP/push poll and\n// linked asynchronously) surface without a manual page reload.\nconst BACKGROUND_POLL_MS = 20000\n// After a send or a manual refresh, outbound delivery + CRM linking happen on a\n// queue worker \u2014 poll more aggressively for a short window to catch the new\n// message as soon as it lands, then fall back to the background heartbeat.\nconst BURST_INTERVAL_MS = 3000\nconst BURST_DURATION_MS = 36000\n\ntype ReplyState = {\n  inReplyTo?: string\n  references?: string[]\n  to: string[]\n  cc?: string[]\n  subject: string\n  parentMessageId?: string\n} | null\n\n/** A client-side outbound message shown immediately, before the worker confirms delivery. */\ntype OptimisticSend = {\n  clientId: string\n  threadKey: string\n  /** Stored so a failed send can be retried with the same payload. */\n  values: ComposeEmailValues\n  message: EmailThreadMessage\n}\n\n/** Picks the external address to reply to: latest inbound sender, else a known participant. */\nfunction resolveReplyRecipient(thread: EmailThread, fallback: string | null): string | null {\n  for (let i = thread.messages.length - 1; i >= 0; i -= 1) {\n    const message = thread.messages[i]\n    if (message.direction === 'inbound' && message.fromEmail) return message.fromEmail\n  }\n  return thread.participants[0] ?? fallback\n}\n\nfunction buildReplyState(thread: EmailThread, fallbackRecipient: string | null): ReplyState {\n  const last = thread.messages[thread.messages.length - 1]\n  if (!last) return null\n  const recipient = resolveReplyRecipient(thread, fallbackRecipient)\n  const references = Array.from(\n    new Set([...(last.references ?? []), ...(last.rfcMessageId ? [last.rfcMessageId] : [])]),\n  ).slice(-MAX_REFERENCES)\n  const baseSubject = thread.subject ?? ''\n  const subject = /^re:/i.test(baseSubject) ? baseSubject : `Re: ${baseSubject}`.trim()\n  return {\n    inReplyTo: last.rfcMessageId ?? undefined,\n    references: references.length > 0 ? references : undefined,\n    to: recipient ? [recipient] : [],\n    subject,\n    parentMessageId: last.messageId ?? undefined,\n  }\n}\n\n/** Read the Open Mercato `messageId` off a delivery event payload, if present. */\nfunction readEventMessageId(event: unknown): string | null {\n  const payload = (event as { payload?: unknown } | undefined)?.payload\n  const messageId = (payload as { messageId?: unknown } | undefined)?.messageId\n  return typeof messageId === 'string' ? messageId : null\n}\n\nexport function PersonEmailThreadsTab({ personId, defaultRecipient }: PersonEmailThreadsTabProps) {\n  const t = useT()\n  const [threads, setThreads] = React.useState<EmailThread[]>([])\n  const [optimistic, setOptimistic] = React.useState<OptimisticSend[]>([])\n  const [channels, setChannels] = React.useState<ComposeEmailChannel[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const [replyTo, setReplyTo] = React.useState<ReplyState>(null)\n  const burstTimer = React.useRef<ReturnType<typeof setInterval> | null>(null)\n  const channelsRef = React.useRef<ComposeEmailChannel[]>([])\n  channelsRef.current = channels\n  const optimisticRef = React.useRef<OptimisticSend[]>([])\n  optimisticRef.current = optimistic\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  // `showLoading` drives the panel spinner; background/burst polls run silently\n  // so they never flicker the already-rendered thread list.\n  const loadThreads = React.useCallback(\n    async (opts?: { showLoading?: boolean }) => {\n      if (opts?.showLoading) setLoading(true)\n      try {\n        const response = await apiCall<{ threads?: EmailThread[] }>(\n          `/api/customers/people/${encodeURIComponent(personId)}/email-threads`,\n          // Background poll: degrade silently on an expired session instead of\n          // hijacking the whole page with a login redirect.\n          { method: 'GET', headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' } },\n        )\n        if (!response.ok) {\n          const err = response.result as { error?: string } | null\n          throw new Error(err?.error ?? t('customers.email.threads.loadFailed', 'Failed to load emails'))\n        }\n        setThreads(Array.isArray(response.result?.threads) ? response.result!.threads! : [])\n        setError(null)\n      } catch (err) {\n        setError(err instanceof Error ? err.message : t('customers.email.threads.loadFailed', 'Failed to load emails'))\n      } finally {\n        if (opts?.showLoading) setLoading(false)\n      }\n    },\n    [personId, t],\n  )\n\n  const loadChannels = React.useCallback(async () => {\n    try {\n      const response = await apiCall<{ items?: unknown[] }>(\n        '/api/communication_channels/me/channels',\n        { method: 'GET', headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' } },\n      )\n      const items: unknown[] = Array.isArray(response.result?.items) ? response.result!.items! : []\n      const connected = items.filter(\n        (item) =>\n          item !== null &&\n          typeof item === 'object' &&\n          (item as Record<string, unknown>).status === 'connected',\n      ) as ComposeEmailChannel[]\n      setChannels(connected)\n    } catch {\n      setChannels([])\n    }\n  }, [])\n\n  // Poll every connected mailbox now (fetches new mail server-side). Inbound\n  // ingest + CRM linking happen on workers, so callers should burst-poll after.\n  const triggerSync = React.useCallback(async () => {\n    await Promise.allSettled(\n      channelsRef.current.map((channel) => {\n        const channelId = (channel as { id?: string }).id\n        if (!channelId) return Promise.resolve()\n        return apiCall(\n          `/api/communication_channels/channels/${encodeURIComponent(channelId)}/poll-now`,\n          { method: 'POST', headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' } },\n        )\n      }),\n    )\n  }, [])\n\n  const startBurst = React.useCallback(() => {\n    if (burstTimer.current) clearInterval(burstTimer.current)\n    const startedAt = Date.now()\n    burstTimer.current = setInterval(() => {\n      if (Date.now() - startedAt > BURST_DURATION_MS) {\n        if (burstTimer.current) {\n          clearInterval(burstTimer.current)\n          burstTimer.current = null\n        }\n        return\n      }\n      void loadThreads()\n    }, BURST_INTERVAL_MS)\n  }, [loadThreads])\n\n  // Build the optimistic message rendered immediately after a send, deriving the\n  // sender address/provider from the channel the user composed from.\n  const buildOptimisticMessage = React.useCallback(\n    (\n      clientId: string,\n      messageId: string | null,\n      values: ComposeEmailValues,\n      status: EmailThreadMessageStatus,\n    ): EmailThreadMessage => {\n      const channel = channelsRef.current.find(\n        (c) => (c as { id?: string }).id === values.userChannelId,\n      ) as { externalIdentifier?: string | null; providerKey?: string | null } | undefined\n      return {\n        id: `optimistic:${clientId}`,\n        messageId,\n        rfcMessageId: null,\n        references: values.references ?? [],\n        direction: 'outbound',\n        fromName: null,\n        fromEmail: channel?.externalIdentifier ?? null,\n        to: values.to,\n        cc: values.cc ?? [],\n        subject: values.subject,\n        bodyText: values.body,\n        sentAt: new Date().toISOString(),\n        providerKey: channel?.providerKey ?? null,\n        status,\n      }\n    },\n    [],\n  )\n\n  // Wrap the send through the mutation guard so record-lock/conflict handling and\n  // retry flows run; shared by the initial send and the failure-retry path.\n  const sendEmail = React.useCallback(\n    async (values: ComposeEmailValues): Promise<{ messageId: string | null; threadId: string | null }> => {\n      const operation = async () => {\n        const response = await apiCall<{ messageId?: string; threadId?: string }>(\n          `/api/customers/people/${encodeURIComponent(personId)}/emails`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(values),\n          },\n        )\n        if (!response.ok) {\n          const err = response.result as { error?: string } | null\n          throw new Error(err?.error ?? t('customers.email.errors.sendFailed', 'Send failed'))\n        }\n        return {\n          messageId: response.result?.messageId ?? null,\n          threadId: response.result?.threadId ?? null,\n        }\n      }\n      const result = await runMutation({\n        operation,\n        context: {\n          formId: CONTEXT_ID,\n          resourceKind: 'customers.person',\n          resourceId: personId,\n          retryLastMutation,\n        },\n        mutationPayload: values as unknown as Record<string, unknown>,\n      })\n      return result ?? { messageId: null, threadId: null }\n    },\n    [personId, runMutation, retryLastMutation, t],\n  )\n\n  const setMessageStatus = React.useCallback(\n    (matcher: (entry: OptimisticSend) => boolean, patch: Partial<EmailThreadMessage>) => {\n      setOptimistic((prev) =>\n        prev.map((entry) =>\n          matcher(entry) ? { ...entry, message: { ...entry.message, ...patch } } : entry,\n        ),\n      )\n    },\n    [],\n  )\n\n  // Initial load.\n  React.useEffect(() => {\n    void loadThreads({ showLoading: true })\n    void loadChannels()\n  }, [loadThreads, loadChannels])\n\n  // Background heartbeat \u2014 surfaces inbound replies without a page reload.\n  React.useEffect(() => {\n    const id = setInterval(() => { void loadThreads() }, BACKGROUND_POLL_MS)\n    return () => clearInterval(id)\n  }, [loadThreads])\n\n  // Clean up the burst timer on unmount.\n  React.useEffect(() => () => {\n    if (burstTimer.current) clearInterval(burstTimer.current)\n  }, [])\n\n  // Drop optimistic placeholders once the server thread set includes the real,\n  // linked message (deduped by messageId) so we never show it twice.\n  React.useEffect(() => {\n    setOptimistic((prev) => {\n      if (prev.length === 0) return prev\n      const serverIds = new Set<string>()\n      for (const thread of threads) {\n        for (const message of thread.messages) {\n          if (message.messageId) serverIds.add(message.messageId)\n        }\n      }\n      const next = prev.filter((entry) => !(entry.message.messageId && serverIds.has(entry.message.messageId)))\n      return next.length === prev.length ? prev : next\n    })\n  }, [threads])\n\n  // Live reconciliation via the DOM event bridge; polling above is the fallback.\n  useAppEvent('customers.email.linked', () => { void loadThreads() }, [loadThreads])\n  useAppEvent('messages.message.sent', () => { void loadThreads() }, [loadThreads])\n  useAppEvent('communication_channels.message.received', () => { void loadThreads() }, [loadThreads])\n  // Outbound delivery succeeded: flip the placeholder to \"sent\", then refetch so\n  // the real linked message replaces it once the linking subscriber has run.\n  useAppEvent(\n    'communication_channels.message.sent',\n    (event) => {\n      const messageId = readEventMessageId(event)\n      if (messageId) setMessageStatus((e) => e.message.messageId === messageId, { status: 'sent' })\n      void loadThreads()\n    },\n    [setMessageStatus, loadThreads],\n  )\n  // Outbound delivery failed: surface the failure inline with a Retry affordance.\n  useAppEvent(\n    'communication_channels.message.delivery_failed',\n    (event) => {\n      const messageId = readEventMessageId(event)\n      if (messageId) {\n        setMessageStatus((e) => e.message.messageId === messageId, {\n          status: 'failed',\n          statusError: t('customers.email.errors.deliveryFailed', 'Delivery failed \u2014 not sent'),\n        })\n      }\n    },\n    [setMessageStatus, t],\n  )\n\n  const onComposeNew = React.useCallback(() => {\n    setReplyTo(null)\n    setDialogOpen(true)\n  }, [])\n\n  const onReply = React.useCallback(\n    (thread: EmailThread) => {\n      setReplyTo(buildReplyState(thread, defaultRecipient ?? null))\n      setDialogOpen(true)\n    },\n    [defaultRecipient],\n  )\n\n  const onSend = React.useCallback(\n    async (values: ComposeEmailValues) => {\n      const { messageId, threadId } = await sendEmail(values)\n      flash(t('customers.email.compose.sent', 'Email sent'), 'success')\n      // Show the message immediately in a \"sending\" state. It reconciles to\n      // \"sent\" (or \"failed\" + Retry) via the delivery events above, and is\n      // replaced by the server record once the worker links it. Requires a\n      // messageId so reconciliation can dedupe; otherwise fall back to polling.\n      if (messageId) {\n        const clientId = crypto.randomUUID()\n        const message = buildOptimisticMessage(clientId, messageId, values, 'sending')\n        setOptimistic((prev) => [\n          ...prev,\n          { clientId, threadKey: threadId ?? `optimistic:${clientId}`, values, message },\n        ])\n      }\n      startBurst()\n      return { messageId }\n    },\n    [sendEmail, t, buildOptimisticMessage, startBurst],\n  )\n\n  const onRetry = React.useCallback(\n    async (message: EmailThreadMessage) => {\n      const entry = optimisticRef.current.find((e) => e.message.id === message.id)\n      if (!entry) return\n      setMessageStatus((e) => e.message.id === message.id, { status: 'sending', statusError: null })\n      try {\n        const { messageId } = await sendEmail(entry.values)\n        // Re-point the placeholder at the new message id so reconciliation works.\n        setMessageStatus((e) => e.message.id === message.id, { messageId, status: 'sending' })\n        startBurst()\n      } catch (err) {\n        setMessageStatus((e) => e.message.id === message.id, {\n          status: 'failed',\n          statusError: err instanceof Error ? err.message : t('customers.email.errors.sendFailed', 'Send failed'),\n        })\n      }\n    },\n    [sendEmail, setMessageStatus, startBurst, t],\n  )\n\n  const onRefresh = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      await triggerSync()\n      await loadThreads()\n    } finally {\n      setLoading(false)\n    }\n    startBurst()\n  }, [triggerSync, loadThreads, startBurst])\n\n  const mergedThreads = React.useMemo(\n    () =>\n      mergeOptimisticEmailThreads(\n        threads,\n        optimistic.map((entry) => ({ ...entry.message, threadKey: entry.threadKey })),\n      ),\n    [threads, optimistic],\n  )\n\n  const canCompose = channels.length > 0\n\n  const composeDisabledHint = (\n    <Button asChild variant=\"outline\" size=\"sm\" className=\"gap-2\">\n      <Link href=\"/backend/profile/communication-channels\">\n        <Mail className=\"h-4 w-4\" />\n        {t('customers.email.compose.noChannel.cta', 'Connect your mailbox')}\n      </Link>\n    </Button>\n  )\n\n  return (\n    <>\n      <EmailThreadsPanel\n        threads={mergedThreads}\n        loading={loading}\n        error={error}\n        canCompose={canCompose}\n        composeDisabledHint={composeDisabledHint}\n        onComposeNew={onComposeNew}\n        onReply={onReply}\n        onRefresh={() => { void onRefresh() }}\n        onRetry={(message) => { void onRetry(message) }}\n      />\n      <ComposeEmailDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        defaultRecipient={defaultRecipient}\n        channels={channels}\n        replyTo={replyTo}\n        onSend={onSend}\n      />\n    </>\n  )\n}\n\nexport default PersonEmailThreadsTab\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/data/enrichers.js

@@ -15,6 +15,11 @@ function parseDate(value) {
 function diffDays(from, to) {
   return Math.floor((to.getTime() - from.getTime()) / DAY_MS);
 }
+function stringArrayOrNull(value) {
+  if (!Array.isArray(value)) return null;
+  const strings = value.filter((entry) => typeof entry === "string");
+  return strings.length > 0 ? strings : null;
+}
 async function fetchOpenInteractionCounts(db, dealIds, organizationId, tenantId) {
   const map = /* @__PURE__ */ new Map();
   if (dealIds.size === 0) return map;
@@ -126,9 +131,135 @@ const dealPipelineEnricher = {
     }));
   }
 };
-const enrichers = [dealPipelineEnricher];
+const privateEmailCountEnricher = {
+  id: "customers.private-email-count",
+  targetEntity: "customers.person",
+  features: ["customers.people.view"],
+  priority: 30,
+  timeout: 1500,
+  fallback: { _privateEmailCount: 0 },
+  critical: false,
+  async enrichOne(record, context) {
+    const enriched = await this.enrichMany([record], context);
+    return enriched[0];
+  },
+  async enrichMany(records, context) {
+    if (records.length === 0) return records;
+    const db = resolveKyselyClient(context.em);
+    if (!db) {
+      return records.map((record) => ({ ...record, _privateEmailCount: 0 }));
+    }
+    const userId = context.userId;
+    if (!userId || userId.startsWith("api_key:")) {
+      return records.map((record) => ({ ...record, _privateEmailCount: 0 }));
+    }
+    const personIds = records.map((r) => r.id).filter((id) => typeof id === "string" && id.length > 0);
+    if (personIds.length === 0) {
+      return records.map((record) => ({ ...record, _privateEmailCount: 0 }));
+    }
+    const rows = await db.selectFrom("customer_interactions").select(["entity_id"]).select((eb) => eb.fn.countAll().as("count")).where("tenant_id", "=", context.tenantId).where("organization_id", "=", context.organizationId).where("interaction_type", "=", "email").where("visibility", "=", "private").where("deleted_at", "is", null).where("entity_id", "in", personIds).where("author_user_id", "!=", userId).groupBy("entity_id").execute();
+    const countMap = /* @__PURE__ */ new Map();
+    for (const row of rows) {
+      const personId = typeof row.entity_id === "string" ? row.entity_id : null;
+      if (!personId) continue;
+      const count = typeof row.count === "number" ? row.count : Number(row.count);
+      if (Number.isFinite(count)) countMap.set(personId, count);
+    }
+    return records.map((record) => ({
+      ...record,
+      _privateEmailCount: countMap.get(record.id) ?? 0
+    }));
+  }
+};
+const interactionEmailCardEnricher = {
+  id: "customers.interaction-email-card",
+  // Must match the entity ID passed to applyResponseEnrichers in the interactions
+  // GET route (api/interactions/route.ts line 539): 'customers.interaction'.
+  targetEntity: "customers.interaction",
+  features: ["customers.interactions.view"],
+  priority: 25,
+  timeout: 1500,
+  fallback: {},
+  critical: false,
+  async enrichOne(record, ctx) {
+    const results = await this.enrichMany([record], ctx);
+    return results[0];
+  },
+  async enrichMany(records, ctx) {
+    if (records.length === 0) return records;
+    const emailRecords = records.filter(
+      (r) => r.interactionType === "email" && typeof r.externalMessageId === "string" && r.externalMessageId.length > 0
+    );
+    if (emailRecords.length === 0) return records;
+    const linkIds = Array.from(
+      new Set(emailRecords.map((r) => r.externalMessageId))
+    );
+    const kysely = resolveKyselyClient(ctx.em);
+    if (!kysely) {
+      return records;
+    }
+    let linkRows;
+    try {
+      linkRows = await kysely.selectFrom("message_channel_links").select(["id", "channel_metadata"]).where("tenant_id", "=", ctx.tenantId).where(
+        (eb) => eb.or([
+          eb("organization_id", "=", ctx.organizationId),
+          eb("organization_id", "is", null)
+        ])
+      ).where("id", "in", linkIds).execute();
+    } catch {
+      return records;
+    }
+    const byLinkId = /* @__PURE__ */ new Map();
+    for (const row of linkRows) {
+      const meta = row.channel_metadata ?? {};
+      const fields = {
+        externalMessageId: row.id,
+        rfcMessageId: typeof meta.messageId === "string" ? meta.messageId : null,
+        fromAddress: typeof meta.from === "string" ? meta.from : null,
+        toAddresses: stringArrayOrNull(meta.to),
+        ccAddresses: stringArrayOrNull(meta.cc),
+        // bcc is intentionally NOT surfaced: BCC recipients are blind by design,
+        // so exposing them to every teammate who can view a shared email would
+        // leak the blind-copy list. Keep it out of the enriched response.
+        subject: typeof meta.subject === "string" ? meta.subject : null,
+        inReplyTo: typeof meta.inReplyTo === "string" ? meta.inReplyTo : null,
+        references: stringArrayOrNull(meta.references)
+      };
+      byLinkId.set(row.id, fields);
+    }
+    const currentUserId = ctx.userId;
+    return records.map((r) => {
+      if (r.interactionType !== "email" || typeof r.externalMessageId !== "string" || r.externalMessageId.length === 0) {
+        return r;
+      }
+      const fields = byLinkId.get(r.externalMessageId);
+      if (!fields) return r;
+      const visibility = r.visibility === "private" || r.visibility === "shared" ? r.visibility : null;
+      const authorUserId = typeof r.authorUserId === "string" ? r.authorUserId : null;
+      const isAuthor = Boolean(currentUserId && authorUserId && authorUserId === currentUserId);
+      if (visibility === "private" && !isAuthor) {
+        return r;
+      }
+      const existingIntegrations = r._integrations ?? {};
+      return {
+        ...r,
+        _integrations: {
+          ...existingIntegrations,
+          email: {
+            ...fields,
+            currentVisibility: visibility,
+            isAuthor
+          }
+        }
+      };
+    });
+  }
+};
+const enrichers = [dealPipelineEnricher, privateEmailCountEnricher, interactionEmailCardEnricher];
 export {
   buildPipelineState,
-  enrichers
+  enrichers,
+  interactionEmailCardEnricher,
+  privateEmailCountEnricher
 };
 //# sourceMappingURL=enrichers.js.map