@open-mercato/core 0.6.4-develop.4199.1.86677441c2 → 0.6.4-develop.4210.1.d412061cfe

package/dist/modules/attachments/components/AttachmentContentPreview.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/attachments/components/AttachmentContentPreview.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { PluggableList } from 'unified'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\ntype Props = {\n  content?: string | null\n  maxLength?: number\n  emptyLabel?: string\n  showMoreLabel?: string\n  showLessLabel?: string\n  sourceLabel?: string\n  previewLabel?: string\n}\n\nexport function AttachmentContentPreview({\n  content,\n  maxLength = 480,\n  emptyLabel = 'No text extracted',\n  showMoreLabel = 'Show more',\n  showLessLabel = 'Show less',\n  sourceLabel = 'Source',\n  previewLabel = 'Preview',\n}: Props) {\n  const [expanded, setExpanded] = React.useState(false)\n  const [tab, setTab] = React.useState<'source' | 'preview'>('source')\n  const text = (content ?? '').trim()\n  const markdownPlugins = React.useMemo<PluggableList>(() => [remarkGfm], [])\n\n  // ARIA IDs for accessibility\n  const sourceTabId = 'attachment-content-preview-tab-source'\n  const previewTabId = 'attachment-content-preview-tab-preview'\n  const sourcePanelId = 'attachment-content-preview-panel-source'\n  const previewPanelId = 'attachment-content-preview-panel-preview'\n\n  if (!text) {\n    return <div className=\"text-xs text-muted-foreground italic\">{emptyLabel}</div>\n  }\n\n  const shouldTruncate = !expanded && text.length > maxLength\n  const display = tab === 'source' && shouldTruncate ? `${text.slice(0, maxLength)}\u2026` : text\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Tab Navigation */}\n      <div className=\"border-b border-border\">\n        <nav className=\"flex items-center gap-4 text-xs\" role=\"tablist\" aria-label=\"Content preview mode\">\n          <button\n            type=\"button\"\n            id={sourceTabId}\n            role=\"tab\"\n            aria-selected={tab === 'source'}\n            aria-controls={sourcePanelId}\n            className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${\n              tab === 'source'\n                ? 'border-primary text-foreground'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setTab('source')}\n          >\n            {sourceLabel}\n          </button>\n          <button\n            type=\"button\"\n            id={previewTabId}\n            role=\"tab\"\n            aria-selected={tab === 'preview'}\n            aria-controls={previewPanelId}\n            className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${\n              tab === 'preview'\n                ? 'border-primary text-foreground'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setTab('preview')}\n          >\n            {previewLabel}\n          </button>\n        </nav>\n      </div>\n\n      {/* Tab Panels */}\n      {tab === 'source' ? (\n        <div\n          role=\"tabpanel\"\n          id={sourcePanelId}\n          aria-labelledby={sourceTabId}\n          data-testid=\"attachment-content-preview\"\n          className=\"whitespace-pre-wrap text-sm text-muted-foreground\"\n        >\n          {display}\n        </div>\n      ) : (\n        <div\n          role=\"tabpanel\"\n          id={previewPanelId}\n          aria-labelledby={previewTabId}\n          data-testid=\"markdown-preview\"\n          className=\"text-sm text-muted-foreground [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs\"\n        >\n          <ReactMarkdown remarkPlugins={markdownPlugins}>{text}</ReactMarkdown>\n        </div>\n      )}\n\n      {/* Show More/Less Button (only on source tab) */}\n      {tab === 'source' && text.length > maxLength ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-auto px-0 py-1 text-xs\"\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel}\n        </Button>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": "AAqCW,cAUH,YAVG;AArCX,YAAY,WAAW;AACvB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AAEtB,SAAS,cAAc;AAYhB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AACjB,GAAU;AACR,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAA+B,QAAQ;AACnE,QAAM,QAAQ,WAAW,IAAI,KAAK;AAClC,QAAM,kBAAkB,MAAM,QAAuB,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;AAG1E,QAAM,cAAc;AACpB,QAAM,eAAe;AACrB,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;AAEvB,MAAI,CAAC,MAAM;AACT,WAAO,oBAAC,SAAI,WAAU,wCAAwC,sBAAW;AAAA,EAC3E;AAEA,QAAM,iBAAiB,CAAC,YAAY,KAAK,SAAS;AAClD,QAAM,UAAU,QAAQ,YAAY,iBAAiB,GAAG,KAAK,MAAM,GAAG,SAAS,CAAC,WAAM;AAEtF,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,SAAI,WAAU,0BACb,+BAAC,SAAI,WAAU,mCAAkC,MAAK,WAAU,cAAW,wBACzE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,iBAAe,QAAQ;AAAA,UACvB,iBAAe;AAAA,UACf,WAAW,6DACT,QAAQ,WACJ,mCACA,gEACN;AAAA,UACA,SAAS,MAAM,OAAO,QAAQ;AAAA,UAE7B;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,iBAAe,QAAQ;AAAA,UACvB,iBAAe;AAAA,UACf,WAAW,6DACT,QAAQ,YACJ,mCACA,gEACN;AAAA,UACA,SAAS,MAAM,OAAO,SAAS;AAAA,UAE9B;AAAA;AAAA,MACH;AAAA,OACF,GACF;AAAA,IAGC,QAAQ,WACP;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,mBAAiB;AAAA,QACjB,eAAY;AAAA,QACZ,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,mBAAiB;AAAA,QACjB,eAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,iBAAc,eAAe,iBAAkB,gBAAK;AAAA;AAAA,IACvD;AAAA,IAID,QAAQ,YAAY,KAAK,SAAS,YACjC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,QAEzC,qBAAW,gBAAgB;AAAA;AAAA,IAC9B,IACE;AAAA,KACN;AAEJ;",
+  "sourcesContent": ["import * as React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { PluggableList } from 'unified'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\ntype Props = {\n  content?: string | null\n  maxLength?: number\n  emptyLabel?: string\n  showMoreLabel?: string\n  showLessLabel?: string\n  sourceLabel?: string\n  previewLabel?: string\n}\n\nexport function AttachmentContentPreview({\n  content,\n  maxLength = 480,\n  emptyLabel = 'No text extracted',\n  showMoreLabel = 'Show more',\n  showLessLabel = 'Show less',\n  sourceLabel = 'Source',\n  previewLabel = 'Preview',\n}: Props) {\n  const [expanded, setExpanded] = React.useState(false)\n  const [tab, setTab] = React.useState<'source' | 'preview'>('source')\n  const text = (content ?? '').trim()\n  const markdownPlugins = React.useMemo<PluggableList>(() => [remarkGfm], [])\n\n  // ARIA IDs for accessibility\n  const sourceTabId = 'attachment-content-preview-tab-source'\n  const previewTabId = 'attachment-content-preview-tab-preview'\n  const sourcePanelId = 'attachment-content-preview-panel-source'\n  const previewPanelId = 'attachment-content-preview-panel-preview'\n\n  if (!text) {\n    return <div className=\"text-xs text-muted-foreground italic\">{emptyLabel}</div>\n  }\n\n  const shouldTruncate = !expanded && text.length > maxLength\n  const display = tab === 'source' && shouldTruncate ? `${text.slice(0, maxLength)}\u2026` : text\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Tab Navigation */}\n      <div className=\"border-b border-border\">\n        <nav className=\"flex items-center gap-4 text-xs\" role=\"tablist\" aria-label=\"Content preview mode\">\n          <button\n            type=\"button\"\n            id={sourceTabId}\n            role=\"tab\"\n            aria-selected={tab === 'source'}\n            aria-controls={sourcePanelId}\n            className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${\n              tab === 'source'\n                ? 'border-accent-indigo text-foreground'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setTab('source')}\n          >\n            {sourceLabel}\n          </button>\n          <button\n            type=\"button\"\n            id={previewTabId}\n            role=\"tab\"\n            aria-selected={tab === 'preview'}\n            aria-controls={previewPanelId}\n            className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${\n              tab === 'preview'\n                ? 'border-accent-indigo text-foreground'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setTab('preview')}\n          >\n            {previewLabel}\n          </button>\n        </nav>\n      </div>\n\n      {/* Tab Panels */}\n      {tab === 'source' ? (\n        <div\n          role=\"tabpanel\"\n          id={sourcePanelId}\n          aria-labelledby={sourceTabId}\n          data-testid=\"attachment-content-preview\"\n          className=\"whitespace-pre-wrap text-sm text-muted-foreground\"\n        >\n          {display}\n        </div>\n      ) : (\n        <div\n          role=\"tabpanel\"\n          id={previewPanelId}\n          aria-labelledby={previewTabId}\n          data-testid=\"markdown-preview\"\n          className=\"text-sm text-muted-foreground [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs\"\n        >\n          <ReactMarkdown remarkPlugins={markdownPlugins}>{text}</ReactMarkdown>\n        </div>\n      )}\n\n      {/* Show More/Less Button (only on source tab) */}\n      {tab === 'source' && text.length > maxLength ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-auto px-0 py-1 text-xs\"\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel}\n        </Button>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "AAqCW,cAUH,YAVG;AArCX,YAAY,WAAW;AACvB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AAEtB,SAAS,cAAc;AAYhB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AACjB,GAAU;AACR,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAA+B,QAAQ;AACnE,QAAM,QAAQ,WAAW,IAAI,KAAK;AAClC,QAAM,kBAAkB,MAAM,QAAuB,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;AAG1E,QAAM,cAAc;AACpB,QAAM,eAAe;AACrB,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;AAEvB,MAAI,CAAC,MAAM;AACT,WAAO,oBAAC,SAAI,WAAU,wCAAwC,sBAAW;AAAA,EAC3E;AAEA,QAAM,iBAAiB,CAAC,YAAY,KAAK,SAAS;AAClD,QAAM,UAAU,QAAQ,YAAY,iBAAiB,GAAG,KAAK,MAAM,GAAG,SAAS,CAAC,WAAM;AAEtF,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,SAAI,WAAU,0BACb,+BAAC,SAAI,WAAU,mCAAkC,MAAK,WAAU,cAAW,wBACzE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,iBAAe,QAAQ;AAAA,UACvB,iBAAe;AAAA,UACf,WAAW,6DACT,QAAQ,WACJ,yCACA,gEACN;AAAA,UACA,SAAS,MAAM,OAAO,QAAQ;AAAA,UAE7B;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,iBAAe,QAAQ;AAAA,UACvB,iBAAe;AAAA,UACf,WAAW,6DACT,QAAQ,YACJ,yCACA,gEACN;AAAA,UACA,SAAS,MAAM,OAAO,SAAS;AAAA,UAE9B;AAAA;AAAA,MACH;AAAA,OACF,GACF;AAAA,IAGC,QAAQ,WACP;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,mBAAiB;AAAA,QACjB,eAAY;AAAA,QACZ,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,mBAAiB;AAAA,QACjB,eAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,iBAAc,eAAe,iBAAkB,gBAAK;AAAA;AAAA,IACvD;AAAA,IAID,QAAQ,YAAY,KAAK,SAAS,YACjC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,QAEzC,qBAAW,gBAAgB;AAAA;AAAA,IAC9B,IACE;AAAA,KACN;AAEJ;",
   "names": []
 }

package/dist/modules/audit_logs/backend/audit-logs/page.js

@@ -144,7 +144,7 @@ function AuditLogsPage() {
           type: "button",
           role: "tab",
           "aria-selected": tab === "actions",
-          className: `relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === "actions" ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+          className: `relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === "actions" ? "border-accent-indigo text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
           onClick: () => setTab("actions"),
           children: t("audit_logs.actions.title")
         }
@@ -155,13 +155,13 @@ function AuditLogsPage() {
           type: "button",
           role: "tab",
           "aria-selected": tab === "access",
-          className: `relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === "access" ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+          className: `relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === "access" ? "border-accent-indigo text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
           onClick: () => setTab("access"),
           children: t("audit_logs.access.title")
         }
       )
     ] }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "mb-4 rounded-md border border-red-300 bg-red-50 p-3 text-sm text-red-700", children: error }),
+    error && /* @__PURE__ */ jsx("div", { className: "mb-4 rounded-md border border-status-error-border bg-status-error-bg p-3 text-sm text-status-error-text", children: error }),
     tab === "actions" && /* @__PURE__ */ jsx(
       AuditLogsActions,
       {

package/dist/modules/audit_logs/backend/audit-logs/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/audit_logs/backend/audit-logs/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ActionLogItem } from '../../components/AuditLogsActions'\nimport { AuditLogsActions } from '../../components/AuditLogsActions'\nimport type { AccessLogItem } from '../../components/AccessLogsTable'\nimport { AccessLogsTable } from '../../components/AccessLogsTable'\n\ntype ActionLogResponse = {\n  items: ActionLogItem[]\n  canViewTenant: boolean\n  page: number\n  pageSize: number\n  total: number\n  totalPages: number\n}\n\ntype AccessLogResponse = {\n  items: AccessLogItem[]\n  canViewTenant: boolean\n  page: number\n  pageSize: number\n  total: number\n  totalPages: number\n}\n\ntype TabOption = 'actions' | 'access'\n\nconst DEFAULT_PAGE_SIZE = 50\n\nexport default function AuditLogsPage() {\n  const t = useT()\n  const [tab, setTab] = React.useState<TabOption>('actions')\n  const [actions, setActions] = React.useState<ActionLogItem[]>([])\n  const [accessLogs, setAccessLogs] = React.useState<AccessLogItem[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [undoableOnly, setUndoableOnly] = React.useState(false)\n  const [actionsPage, setActionsPage] = React.useState(1)\n  const [actionsPageSize, setActionsPageSize] = React.useState(DEFAULT_PAGE_SIZE)\n  const [actionsTotal, setActionsTotal] = React.useState(0)\n  const [actionsTotalPages, setActionsTotalPages] = React.useState(1)\n  const actionsPageSizeRef = React.useRef(DEFAULT_PAGE_SIZE)\n  const [accessPage, setAccessPage] = React.useState(1)\n  const [accessPageSize, setAccessPageSize] = React.useState(DEFAULT_PAGE_SIZE)\n  const [accessTotal, setAccessTotal] = React.useState(0)\n  const [accessTotalPages, setAccessTotalPages] = React.useState(1)\n  const accessPageSizeRef = React.useRef(DEFAULT_PAGE_SIZE)\n\n  const fetchActions = React.useCallback(async (page: number, pageSize: number) => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (undoableOnly) params.set('undoableOnly', 'true')\n    return readApiResultOrThrow<ActionLogResponse>(\n      `/api/audit_logs/audit-logs/actions?${params.toString()}`,\n      undefined,\n      { errorMessage: t('audit_logs.error.load') },\n    )\n  }, [undoableOnly, t])\n\n  const fetchAccess = React.useCallback(async (page: number, pageSize: number) => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    return readApiResultOrThrow<AccessLogResponse>(\n      `/api/audit_logs/audit-logs/access?${params.toString()}`,\n      undefined,\n      { errorMessage: t('audit_logs.error.load') },\n    )\n  }, [t])\n\n  const loadAll = React.useCallback(async (\n    actionPage: number, actionPageSize: number,\n    accessPageNum: number, accessPageSizeNum: number,\n  ) => {\n    const [actionsRes, accessRes] = await Promise.all([\n      fetchActions(actionPage, actionPageSize),\n      fetchAccess(accessPageNum, accessPageSizeNum),\n    ])\n    setActions(actionsRes.items ?? [])\n    setActionsPage(actionsRes.page ?? actionPage)\n    setActionsPageSize((prev) => {\n      const resolved = actionsRes.pageSize ?? actionPageSize\n      actionsPageSizeRef.current = resolved\n      return resolved === prev ? prev : resolved\n    })\n    setActionsTotal(actionsRes.total ?? (actionsRes.items?.length ?? 0))\n    setActionsTotalPages(actionsRes.totalPages ?? 1)\n    setAccessLogs(accessRes.items ?? [])\n    const resolvedPage = accessRes.page ?? accessPageNum\n    const resolvedPageSize = accessRes.pageSize ?? accessPageSizeNum\n    const resolvedTotal = accessRes.total ?? (accessRes.items?.length ?? 0)\n    const resolvedTotalPages = accessRes.totalPages ?? Math.max(1, Math.ceil((resolvedTotal || 0) / (resolvedPageSize || 1)))\n    setAccessPage(resolvedPage)\n    setAccessPageSize((prev) => {\n      if (resolvedPageSize === prev) {\n        accessPageSizeRef.current = prev\n        return prev\n      }\n      accessPageSizeRef.current = resolvedPageSize\n      return resolvedPageSize\n    })\n    setAccessTotal(resolvedTotal)\n    setAccessTotalPages(resolvedTotalPages)\n  }, [fetchActions, fetchAccess])\n\n  const loadWithState = React.useCallback(async (\n    actionPage: number, actionPageSize: number,\n    accessPageNum: number, accessPageSizeNum: number,\n  ) => {\n    setLoading(true)\n    setError(null)\n    try {\n      await loadAll(actionPage, actionPageSize, accessPageNum, accessPageSizeNum)\n    } catch (err) {\n      console.error('Failed to load audit logs', err)\n      setError(t('audit_logs.error.load'))\n    } finally {\n      setLoading(false)\n    }\n  }, [loadAll, t])\n\n  React.useEffect(() => {\n    setActionsPage(1)\n    setAccessPage(1)\n    void loadWithState(1, actionsPageSizeRef.current, 1, accessPageSizeRef.current)\n  }, [loadWithState, undoableOnly])\n\n  const renderRefreshButton = React.useCallback(() => (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => void loadWithState(actionsPage, actionsPageSize, accessPage, accessPageSize)}\n      disabled={loading}\n    >\n      {loading ? t('audit_logs.common.refreshing') : t('audit_logs.common.refresh')}\n    </Button>\n  ), [loadWithState, actionsPage, actionsPageSize, accessPage, accessPageSize, loading, t])\n\n  const handleUndoError = React.useCallback(() => {\n    setError(t('audit_logs.error.undo'))\n  }, [t])\n  const handleRedoError = React.useCallback(() => {\n    setError(t('audit_logs.error.redo'))\n  }, [t])\n\n  const handleActionsPageChange = React.useCallback((nextPage: number) => {\n    const totalPages = actionsTotalPages || 1\n    const normalized = Math.max(1, Math.min(nextPage, totalPages))\n    void loadWithState(normalized, actionsPageSizeRef.current, accessPage, accessPageSizeRef.current)\n  }, [actionsTotalPages, loadWithState, accessPage])\n\n  const handleAccessPageChange = React.useCallback((nextPage: number) => {\n    const totalPages = accessTotalPages || 1\n    const normalized = Math.max(1, Math.min(nextPage, totalPages))\n    void loadWithState(actionsPage, actionsPageSizeRef.current, normalized, accessPageSizeRef.current)\n  }, [accessTotalPages, loadWithState, actionsPage])\n\n  const headerExtras = (\n    <>\n      {renderRefreshButton()}\n      <label className=\"flex items-center gap-2 rounded border border-transparent px-2 py-1 text-sm text-muted-foreground\">\n        <span>{t('audit_logs.filters.undoable_only')}</span>\n        <input\n          type=\"checkbox\"\n          className=\"h-4 w-4 rounded border border-input\"\n          checked={undoableOnly}\n          onChange={(e) => setUndoableOnly(e.target.checked)}\n        />\n      </label>\n    </>\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 border-b border-border\">\n      <nav className=\"flex items-center gap-6 text-sm\" role=\"tablist\" aria-label={t('audit_logs.tabs.label')}>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={tab === 'actions'}\n              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'actions' ? 'border-primary text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}\n              onClick={() => setTab('actions')}\n            >\n              {t('audit_logs.actions.title')}\n            </button>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={tab === 'access'}\n              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'access' ? 'border-primary text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}\n              onClick={() => setTab('access')}\n            >\n              {t('audit_logs.access.title')}\n            </button>\n          </nav>\n        </div>\n\n        {error && <div className=\"mb-4 rounded-md border border-red-300 bg-red-50 p-3 text-sm text-red-700\">{error}</div>}\n\n        {tab === 'actions' && (\n          <AuditLogsActions\n            items={actions}\n            onRefresh={() => loadWithState(actionsPage, actionsPageSize, accessPage, accessPageSize)}\n            isLoading={loading}\n            headerExtras={headerExtras}\n            onUndoError={handleUndoError}\n            onRedoError={handleRedoError}\n            pagination={{\n              page: actionsPage,\n              pageSize: actionsPageSize,\n              total: actionsTotal,\n              totalPages: actionsTotalPages,\n              onPageChange: handleActionsPageChange,\n            }}\n          />\n        )}\n\n        {tab === 'access' && (\n          <AccessLogsTable\n            items={accessLogs}\n            isLoading={loading}\n            actions={renderRefreshButton()}\n            pagination={{\n              page: accessPage,\n              pageSize: accessPageSize,\n              total: accessTotal,\n              totalPages: accessTotalPages,\n              onPageChange: handleAccessPageChange,\n            }}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ActionLogItem } from '../../components/AuditLogsActions'\nimport { AuditLogsActions } from '../../components/AuditLogsActions'\nimport type { AccessLogItem } from '../../components/AccessLogsTable'\nimport { AccessLogsTable } from '../../components/AccessLogsTable'\n\ntype ActionLogResponse = {\n  items: ActionLogItem[]\n  canViewTenant: boolean\n  page: number\n  pageSize: number\n  total: number\n  totalPages: number\n}\n\ntype AccessLogResponse = {\n  items: AccessLogItem[]\n  canViewTenant: boolean\n  page: number\n  pageSize: number\n  total: number\n  totalPages: number\n}\n\ntype TabOption = 'actions' | 'access'\n\nconst DEFAULT_PAGE_SIZE = 50\n\nexport default function AuditLogsPage() {\n  const t = useT()\n  const [tab, setTab] = React.useState<TabOption>('actions')\n  const [actions, setActions] = React.useState<ActionLogItem[]>([])\n  const [accessLogs, setAccessLogs] = React.useState<AccessLogItem[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [undoableOnly, setUndoableOnly] = React.useState(false)\n  const [actionsPage, setActionsPage] = React.useState(1)\n  const [actionsPageSize, setActionsPageSize] = React.useState(DEFAULT_PAGE_SIZE)\n  const [actionsTotal, setActionsTotal] = React.useState(0)\n  const [actionsTotalPages, setActionsTotalPages] = React.useState(1)\n  const actionsPageSizeRef = React.useRef(DEFAULT_PAGE_SIZE)\n  const [accessPage, setAccessPage] = React.useState(1)\n  const [accessPageSize, setAccessPageSize] = React.useState(DEFAULT_PAGE_SIZE)\n  const [accessTotal, setAccessTotal] = React.useState(0)\n  const [accessTotalPages, setAccessTotalPages] = React.useState(1)\n  const accessPageSizeRef = React.useRef(DEFAULT_PAGE_SIZE)\n\n  const fetchActions = React.useCallback(async (page: number, pageSize: number) => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (undoableOnly) params.set('undoableOnly', 'true')\n    return readApiResultOrThrow<ActionLogResponse>(\n      `/api/audit_logs/audit-logs/actions?${params.toString()}`,\n      undefined,\n      { errorMessage: t('audit_logs.error.load') },\n    )\n  }, [undoableOnly, t])\n\n  const fetchAccess = React.useCallback(async (page: number, pageSize: number) => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    return readApiResultOrThrow<AccessLogResponse>(\n      `/api/audit_logs/audit-logs/access?${params.toString()}`,\n      undefined,\n      { errorMessage: t('audit_logs.error.load') },\n    )\n  }, [t])\n\n  const loadAll = React.useCallback(async (\n    actionPage: number, actionPageSize: number,\n    accessPageNum: number, accessPageSizeNum: number,\n  ) => {\n    const [actionsRes, accessRes] = await Promise.all([\n      fetchActions(actionPage, actionPageSize),\n      fetchAccess(accessPageNum, accessPageSizeNum),\n    ])\n    setActions(actionsRes.items ?? [])\n    setActionsPage(actionsRes.page ?? actionPage)\n    setActionsPageSize((prev) => {\n      const resolved = actionsRes.pageSize ?? actionPageSize\n      actionsPageSizeRef.current = resolved\n      return resolved === prev ? prev : resolved\n    })\n    setActionsTotal(actionsRes.total ?? (actionsRes.items?.length ?? 0))\n    setActionsTotalPages(actionsRes.totalPages ?? 1)\n    setAccessLogs(accessRes.items ?? [])\n    const resolvedPage = accessRes.page ?? accessPageNum\n    const resolvedPageSize = accessRes.pageSize ?? accessPageSizeNum\n    const resolvedTotal = accessRes.total ?? (accessRes.items?.length ?? 0)\n    const resolvedTotalPages = accessRes.totalPages ?? Math.max(1, Math.ceil((resolvedTotal || 0) / (resolvedPageSize || 1)))\n    setAccessPage(resolvedPage)\n    setAccessPageSize((prev) => {\n      if (resolvedPageSize === prev) {\n        accessPageSizeRef.current = prev\n        return prev\n      }\n      accessPageSizeRef.current = resolvedPageSize\n      return resolvedPageSize\n    })\n    setAccessTotal(resolvedTotal)\n    setAccessTotalPages(resolvedTotalPages)\n  }, [fetchActions, fetchAccess])\n\n  const loadWithState = React.useCallback(async (\n    actionPage: number, actionPageSize: number,\n    accessPageNum: number, accessPageSizeNum: number,\n  ) => {\n    setLoading(true)\n    setError(null)\n    try {\n      await loadAll(actionPage, actionPageSize, accessPageNum, accessPageSizeNum)\n    } catch (err) {\n      console.error('Failed to load audit logs', err)\n      setError(t('audit_logs.error.load'))\n    } finally {\n      setLoading(false)\n    }\n  }, [loadAll, t])\n\n  React.useEffect(() => {\n    setActionsPage(1)\n    setAccessPage(1)\n    void loadWithState(1, actionsPageSizeRef.current, 1, accessPageSizeRef.current)\n  }, [loadWithState, undoableOnly])\n\n  const renderRefreshButton = React.useCallback(() => (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => void loadWithState(actionsPage, actionsPageSize, accessPage, accessPageSize)}\n      disabled={loading}\n    >\n      {loading ? t('audit_logs.common.refreshing') : t('audit_logs.common.refresh')}\n    </Button>\n  ), [loadWithState, actionsPage, actionsPageSize, accessPage, accessPageSize, loading, t])\n\n  const handleUndoError = React.useCallback(() => {\n    setError(t('audit_logs.error.undo'))\n  }, [t])\n  const handleRedoError = React.useCallback(() => {\n    setError(t('audit_logs.error.redo'))\n  }, [t])\n\n  const handleActionsPageChange = React.useCallback((nextPage: number) => {\n    const totalPages = actionsTotalPages || 1\n    const normalized = Math.max(1, Math.min(nextPage, totalPages))\n    void loadWithState(normalized, actionsPageSizeRef.current, accessPage, accessPageSizeRef.current)\n  }, [actionsTotalPages, loadWithState, accessPage])\n\n  const handleAccessPageChange = React.useCallback((nextPage: number) => {\n    const totalPages = accessTotalPages || 1\n    const normalized = Math.max(1, Math.min(nextPage, totalPages))\n    void loadWithState(actionsPage, actionsPageSizeRef.current, normalized, accessPageSizeRef.current)\n  }, [accessTotalPages, loadWithState, actionsPage])\n\n  const headerExtras = (\n    <>\n      {renderRefreshButton()}\n      <label className=\"flex items-center gap-2 rounded border border-transparent px-2 py-1 text-sm text-muted-foreground\">\n        <span>{t('audit_logs.filters.undoable_only')}</span>\n        <input\n          type=\"checkbox\"\n          className=\"h-4 w-4 rounded border border-input\"\n          checked={undoableOnly}\n          onChange={(e) => setUndoableOnly(e.target.checked)}\n        />\n      </label>\n    </>\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 border-b border-border\">\n      <nav className=\"flex items-center gap-6 text-sm\" role=\"tablist\" aria-label={t('audit_logs.tabs.label')}>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={tab === 'actions'}\n              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'actions' ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}\n              onClick={() => setTab('actions')}\n            >\n              {t('audit_logs.actions.title')}\n            </button>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={tab === 'access'}\n              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'access' ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}\n              onClick={() => setTab('access')}\n            >\n              {t('audit_logs.access.title')}\n            </button>\n          </nav>\n        </div>\n\n        {error && <div className=\"mb-4 rounded-md border border-status-error-border bg-status-error-bg p-3 text-sm text-status-error-text\">{error}</div>}\n\n        {tab === 'actions' && (\n          <AuditLogsActions\n            items={actions}\n            onRefresh={() => loadWithState(actionsPage, actionsPageSize, accessPage, accessPageSize)}\n            isLoading={loading}\n            headerExtras={headerExtras}\n            onUndoError={handleUndoError}\n            onRedoError={handleRedoError}\n            pagination={{\n              page: actionsPage,\n              pageSize: actionsPageSize,\n              total: actionsTotal,\n              totalPages: actionsTotalPages,\n              onPageChange: handleActionsPageChange,\n            }}\n          />\n        )}\n\n        {tab === 'access' && (\n          <AccessLogsTable\n            items={accessLogs}\n            isLoading={loading}\n            actions={renderRefreshButton()}\n            pagination={{\n              page: accessPage,\n              pageSize: accessPageSize,\n              total: accessTotal,\n              totalPages: accessTotalPages,\n              onPageChange: handleAccessPageChange,\n            }}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.js

@@ -10,6 +10,7 @@ import { ChatPaneTabs } from "@open-mercato/ui/ai/ChatPaneTabs";
 import "../../../components/CatalogStatsCard.js";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { ButtonGroup } from "@open-mercato/ui/primitives/button-group";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import {
   Dialog,
@@ -279,7 +280,7 @@ function MerchandisingAssistantSheet({
     "Choose an AI assistant"
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center", className), children: [
+    /* @__PURE__ */ jsxs(ButtonGroup, { className, children: [
       /* @__PURE__ */ jsxs(
         Button,
         {
@@ -289,10 +290,7 @@ function MerchandisingAssistantSheet({
           "data-ai-merchandising-trigger": "",
           "aria-label": triggerLabel,
           title: triggerLabel,
-          className: cn(
-            "relative",
-            agents.length > 1 && "rounded-r-none border-r-0"
-          ),
+          className: "relative",
           children: [
             /* @__PURE__ */ jsx(AiIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx("span", { children: labelText }),
@@ -313,10 +311,8 @@ function MerchandisingAssistantSheet({
           {
             type: "button",
             variant: "outline",
-            size: "lg",
             "aria-label": moreAgentsLabel,
             title: moreAgentsLabel,
-            className: "rounded-l-none",
             "data-ai-merchandising-picker": "",
             children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": true })
           }

package/dist/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.tsx"],
-  "sourcesContent": ["\"use client\"\n\n/**\n * MerchandisingAssistantSheet \u2014 Step 4.9 (Spec \u00A710 D18).\n *\n * Embeds `<AiChat agent=\"catalog.merchandising_assistant\" pageContext={...} />`\n * in a right-side sheet (built on the shared Dialog primitive because\n * `packages/ui` does not ship a dedicated Sheet/Drawer primitive in\n * Phase 2). The trigger is a button rendered in the products-list page\n * header.\n *\n * Phase 2 is strictly read-only: the sheet shows proposals (structured\n * output), but the mutation tools (`catalog.update_product`,\n * `catalog.bulk_update_products`, `catalog.apply_attribute_extraction`,\n * `catalog.update_product_media_descriptions`) are intentionally NOT in\n * the agent whitelist. Phase 5.14 introduces those via the pending-action\n * contract.\n *\n * pageContext follows spec \u00A710.1 exactly:\n *\n *   {\n *     view: 'catalog.products.list',\n *     recordType: null,\n *     recordId: string,                      // \"\" or comma-separated UUIDs\n *     extra: {\n *       filter: { categoryId, priceRange, tags, status },\n *       totalMatching: number,\n *       selectedCount: number,\n *     }\n *   }\n */\n\nimport * as React from 'react'\nimport { Boxes, ChevronDown, FileText, Package, PanelRightOpen, PenLine, Tags, TrendingUp } from 'lucide-react'\nimport { AiChat, type AiChatSuggestion, type AiChatContextItem } from '@open-mercato/ui/ai/AiChat'\nimport { AiIcon } from '@open-mercato/ui/ai/AiIcon'\nimport { useAiDock } from '@open-mercato/ui/ai/AiDock'\nimport { useAiChatSessions } from '@open-mercato/ui/ai/AiChatSessions'\nimport { ChatPaneTabs } from '@open-mercato/ui/ai/ChatPaneTabs'\n// Side-effect import: registers the `catalog.stats-card` UI part on the\n// global registry the first time this client bundle loads. Tools that\n// emit `{ uiPart: { componentId: 'catalog.stats-card' } }` envelopes\n// (catalog.show_stats today; user-defined tools tomorrow) automatically\n// resolve to the card without dispatcher changes.\nimport '../../../components/CatalogStatsCard'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport interface MerchandisingPageContextFilter {\n  categoryId: string | null\n  priceRange: { min?: number; max?: number } | null\n  tags: string[]\n  status: string | null\n}\n\nexport interface MerchandisingPageContext {\n  view: 'catalog.products.list'\n  entityType?: 'catalog.products.list'\n  recordType: null\n  recordId: string\n  extra: {\n    filter: MerchandisingPageContextFilter\n    totalMatching: number\n    selectedCount: number\n  }\n}\n\nexport interface MerchandisingAssistantSheetProps {\n  /** Selection-aware page context, built by the products list host. */\n  pageContext: MerchandisingPageContext\n  /** When false (feature-gated by the host), the sheet renders nothing. */\n  enabled?: boolean\n  className?: string\n}\n\nexport const MERCHANDISING_AGENT_ID = 'catalog.merchandising_assistant'\n\nfunction useMerchandisingSuggestions(\n  hasSelection: boolean,\n  selectedCount: number,\n): AiChatSuggestion[] {\n  const t = useT()\n  return React.useMemo(() => {\n    if (hasSelection) {\n      return [\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.draftDescriptions',\n            'Draft product descriptions for selected items',\n          ),\n          prompt: `Draft compelling product descriptions for my ${selectedCount} selected products`,\n          icon: <PenLine className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.extractAttributes',\n            'Extract attributes from descriptions',\n          ),\n          prompt: `Extract structured attributes from the descriptions of my ${selectedCount} selected products`,\n          icon: <Tags className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.titleVariants',\n            'Generate title variants for SEO',\n          ),\n          prompt: `Generate SEO-optimized title variants for my ${selectedCount} selected products`,\n          icon: <FileText className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.priceAdjustments',\n            'Suggest price adjustments',\n          ),\n          prompt: `Analyze and suggest price adjustments for my ${selectedCount} selected products`,\n          icon: <TrendingUp className=\"size-4\" />,\n        },\n      ]\n    }\n    return [\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.showStats',\n          'Show catalog overview',\n        ),\n        // Triggers the `catalog.show_stats` tool, which returns the inline\n        // catalog-stats UI part (live counts of products, active products,\n        // categories, tags). Demo entry-point for the dynamic UI-part path.\n        prompt: 'Show me a quick catalog overview using the stats card.',\n        icon: <Boxes className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.browseProducts',\n          'Show me an overview of my product catalog',\n        ),\n        prompt: 'Give me an overview of my product catalog \u2014 categories, total products, and pricing ranges',\n        icon: <Package className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.findMissingDescriptions',\n          'Find products with missing descriptions',\n        ),\n        prompt: 'Find products that are missing descriptions or have very short descriptions',\n        icon: <PenLine className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.analyzeAttributes',\n          'Analyze attribute coverage',\n        ),\n        prompt: 'Analyze which products have incomplete attribute data',\n        icon: <Tags className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.pricingOverview',\n          'Show pricing distribution',\n        ),\n        prompt: 'Show me the pricing distribution across categories',\n        icon: <TrendingUp className=\"size-4\" />,\n      },\n    ]\n  }, [hasSelection, selectedCount, t])\n}\n\nfunction useContextItems(pageContext: MerchandisingPageContext): AiChatContextItem[] {\n  const t = useT()\n  return React.useMemo(() => {\n    const items: AiChatContextItem[] = []\n    const { selectedCount, totalMatching, filter } = pageContext.extra\n    if (selectedCount > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.selectedProducts',\n          '{count} products selected',\n        ).replace('{count}', String(selectedCount)),\n      })\n    } else if (totalMatching > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.matchingProducts',\n          '{count} products in view',\n        ).replace('{count}', String(totalMatching)),\n      })\n    }\n    if (filter.categoryId) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.filteredByCategory', 'Filtered by category'),\n        detail: filter.categoryId,\n      })\n    }\n    if (filter.status) {\n      items.push({ label: filter.status })\n    }\n    if (filter.tags.length > 0) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.tags', '{count} tags').replace(\n          '{count}',\n          String(filter.tags.length),\n        ),\n      })\n    }\n    return items\n  }, [pageContext, t])\n}\n\ninterface MerchandisingAgentDescriptor {\n  id: string\n  label: string\n  description: string\n  icon: React.ReactNode\n}\n\ninterface AgentsResponse {\n  agents?: Array<{\n    id?: string | null\n  }>\n}\n\ninterface MerchandisingAgentsState {\n  agents: MerchandisingAgentDescriptor[]\n  loaded: boolean\n}\n\nfunction useMerchandisingAgents(): MerchandisingAgentsState {\n  const t = useT()\n  const [accessibleAgentIds, setAccessibleAgentIds] = React.useState<Set<string> | null>(null)\n  const declaredAgents = React.useMemo(\n    () => [\n      {\n        id: MERCHANDISING_AGENT_ID,\n        label: t(\n          'catalog.merchandising_assistant.agents.merchandising.label',\n          'Merchandising Assistant',\n        ),\n        description: t(\n          'catalog.merchandising_assistant.agents.merchandising.description',\n          'Draft copy, normalize attributes, and propose price changes for the current selection.',\n        ),\n        icon: <AiIcon className=\"size-4\" />,\n      },\n    ],\n    [t],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    apiCall<AgentsResponse>('/api/ai_assistant/ai/agents', {\n      credentials: 'same-origin',\n      headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' },\n    })\n      .then((call) => {\n        if (cancelled) return\n        if (!call.ok || !call.result || !Array.isArray(call.result.agents)) {\n          setAccessibleAgentIds(new Set())\n          return\n        }\n        setAccessibleAgentIds(\n          new Set(\n            call.result.agents\n              .map((agent) => agent?.id)\n              .filter((id): id is string => typeof id === 'string' && id.length > 0),\n          ),\n        )\n      })\n      .catch(() => {\n        if (!cancelled) setAccessibleAgentIds(new Set())\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  return React.useMemo(\n    () => ({\n      agents:\n        accessibleAgentIds === null\n          ? []\n          : declaredAgents.filter((agent) => accessibleAgentIds.has(agent.id)),\n      loaded: accessibleAgentIds !== null,\n    }),\n    [accessibleAgentIds, declaredAgents],\n  )\n}\n\nexport function MerchandisingAssistantSheet({\n  pageContext,\n  enabled = true,\n  className,\n}: MerchandisingAssistantSheetProps): React.ReactElement | null {\n  const t = useT()\n  const dock = useAiDock()\n  const [open, setOpen] = React.useState(false)\n  const [popoverOpen, setPopoverOpen] = React.useState(false)\n  const [activeAgent, setActiveAgent] = React.useState<string>(MERCHANDISING_AGENT_ID)\n  const [lastAgent, setLastAgent] = React.useState<string | null>(null)\n\n  const selectedCount = pageContext.extra.selectedCount\n  const hasSelection = selectedCount > 0\n  const suggestions = useMerchandisingSuggestions(hasSelection, selectedCount)\n  const contextItems = useContextItems(pageContext)\n  const { agents, loaded: agentsLoaded } = useMerchandisingAgents()\n\n  if (!enabled || !agentsLoaded || agents.length === 0) return null\n\n  const openAgent = (agentId: string) => {\n    setActiveAgent(agentId)\n    setLastAgent(agentId)\n    setPopoverOpen(false)\n    if (dock.state.assistant?.agent === agentId) {\n      dock.dock(dock.state.assistant)\n      setOpen(false)\n      return\n    }\n    setOpen(true)\n  }\n\n  const handleSelectAgent = (agentId: string) => {\n    openAgent(agentId)\n  }\n\n  const handleMainTriggerClick = () => {\n    if (agents.length === 1) {\n      openAgent(agents[0].id)\n      return\n    }\n    if (lastAgent && agents.some((a) => a.id === lastAgent)) {\n      openAgent(lastAgent)\n      return\n    }\n    setPopoverOpen(true)\n  }\n\n  const handleDock = () => {\n    const agent = agents.find((a) => a.id === activeAgent) ?? agents[0]\n    if (!agent) return\n    dock.dock({\n      agent: agent.id,\n      label: agent.label,\n      description: t('catalog.merchandising_assistant.dock.subtitle', 'Catalog'),\n      pageContext: pageContext as unknown as Record<string, unknown>,\n      placeholder: t(\n        'catalog.merchandising_assistant.sheet.composerPlaceholder',\n        'Ask for descriptions, attributes, titles, or price ideas...',\n      ),\n      suggestions,\n      contextItems,\n      welcomeTitle: t(\n        'catalog.merchandising_assistant.sheet.welcomeTitle',\n        'Merchandising Assistant',\n      ),\n      welcomeDescription: hasSelection\n        ? t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n            'Ready to work with your {count} selected products. Try one of these:',\n          ).replace('{count}', String(selectedCount))\n        : t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n            'Select products for targeted actions, or explore your catalog:',\n          ),\n    })\n    setOpen(false)\n  }\n\n  const triggerLabel = t(\n    'catalog.merchandising_assistant.trigger.ariaLabel',\n    'Open AI merchandising assistant',\n  )\n  const labelText = t('catalog.merchandising_assistant.trigger.label', 'AI')\n  const moreAgentsLabel = t(\n    'catalog.merchandising_assistant.trigger.moreAgentsAriaLabel',\n    'Choose an AI assistant',\n  )\n\n  return (\n    <>\n      <div className={cn('inline-flex items-center', className)}>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleMainTriggerClick}\n          data-ai-merchandising-trigger=\"\"\n          aria-label={triggerLabel}\n          title={triggerLabel}\n          className={cn(\n            'relative',\n            agents.length > 1 && 'rounded-r-none border-r-0',\n          )}\n        >\n          <AiIcon className=\"size-4\" />\n          <span>{labelText}</span>\n          {hasSelection ? (\n            <span\n              className=\"absolute -top-1 -right-1 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground\"\n              data-ai-merchandising-selected-count={selectedCount}\n            >\n              {selectedCount}\n            </span>\n          ) : null}\n        </Button>\n        {agents.length > 1 ? (\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n            <PopoverTrigger asChild>\n              <IconButton\n                type=\"button\"\n                variant=\"outline\"\n                size=\"lg\"\n                aria-label={moreAgentsLabel}\n                title={moreAgentsLabel}\n                className=\"rounded-l-none\"\n                data-ai-merchandising-picker=\"\"\n              >\n                <ChevronDown className=\"size-4\" aria-hidden />\n              </IconButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-72 p-1\">\n              <div className=\"px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('catalog.merchandising_assistant.popover.heading', 'AI assistants')}\n              </div>\n              <div className=\"flex flex-col gap-0.5\">\n                {agents.map((agent) => (\n                  <button\n                    key={agent.id}\n                    type=\"button\"\n                    onClick={() => handleSelectAgent(agent.id)}\n                    data-ai-merchandising-agent-option={agent.id}\n                    className=\"flex items-start gap-2 rounded-sm px-2 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none\"\n                  >\n                    <span className=\"mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-secondary text-secondary-foreground\">\n                      {agent.icon}\n                    </span>\n                    <span className=\"flex-1 min-w-0\">\n                      <span className=\"block font-medium leading-tight\">{agent.label}</span>\n                      <span className=\"block text-xs text-muted-foreground leading-snug\">\n                        {agent.description}\n                      </span>\n                    </span>\n                  </button>\n                ))}\n              </div>\n            </PopoverContent>\n          </Popover>\n        ) : null}\n      </div>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          className={cn(\n            // Mobile: full-screen sheet. Desktop (\u2265sm): right-anchored side sheet.\n            // The Dialog primitive applies a centering transform at the\n            // sm breakpoint; each piece (`top`, `left`, transform, inset)\n            // must be overridden at the same breakpoint or the panel\n            // renders half off the viewport.\n            'top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 max-w-none w-screen h-svh max-h-svh rounded-none',\n            'sm:top-0 sm:bottom-0 sm:right-0 sm:left-auto sm:translate-x-0 sm:translate-y-0',\n            'sm:max-w-xl sm:w-[36rem] sm:rounded-l-2xl sm:h-screen sm:max-h-screen',\n            'flex flex-col gap-3 p-4 z-[70]',\n          )}\n          data-ai-merchandising-sheet=\"\"\n        >\n          <DialogHeader>\n            <div className=\"flex items-center gap-3 pr-8\">\n              {/* Dock button lives on the LEFT \u2014 the Dialog primitive\n                  auto-renders an X close button absolutely positioned in\n                  the top-right corner, so anything we drop in the header's\n                  right side visually collides with it. Mobile hides the\n                  dock entirely (the side panel is desktop-only). */}\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                title={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                onClick={handleDock}\n                data-ai-merchandising-dock=\"\"\n                className=\"hidden lg:inline-flex shrink-0\"\n              >\n                <PanelRightOpen className=\"size-4\" aria-hidden />\n              </IconButton>\n              <DialogTitle className=\"flex-1 min-w-0 truncate\">\n                {t('catalog.merchandising_assistant.sheet.title', 'Catalog merchandising assistant')}\n              </DialogTitle>\n              {hasSelection ? (\n                <span\n                  className=\"shrink-0 inline-flex items-center rounded-full border border-border bg-secondary px-2 py-0.5 text-xs text-secondary-foreground\"\n                  data-ai-merchandising-selection-pill=\"\"\n                  data-ai-merchandising-selected-count={selectedCount}\n                >\n                  {t(\n                    'catalog.merchandising_assistant.sheet.selectionPill',\n                    'Acting on {count} products',\n                  ).replace('{count}', String(selectedCount))}\n                </span>\n              ) : null}\n            </div>\n            <DialogDescription>\n              {hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.descriptionWithSelection',\n                    'Working with {count} selected products. Ask for descriptions, attribute extraction, title suggestions, or pricing analysis.',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.description',\n                    'Your AI merchandising copilot. Select products from the list for targeted actions, or explore your full catalog.',\n                  )}\n            </DialogDescription>\n          </DialogHeader>\n          <MerchandisingChatBody\n            activeAgent={activeAgent}\n            pageContext={pageContext}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            hasSelection={hasSelection}\n            selectedCount={selectedCount}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\ninterface MerchandisingChatBodyProps {\n  activeAgent: string\n  pageContext: MerchandisingPageContext\n  suggestions: AiChatSuggestion[]\n  contextItems: AiChatContextItem[]\n  hasSelection: boolean\n  selectedCount: number\n}\n\nfunction MerchandisingChatBody({\n  activeAgent,\n  pageContext,\n  suggestions,\n  contextItems,\n  hasSelection,\n  selectedCount,\n}: MerchandisingChatBodyProps) {\n  const t = useT()\n  const sessions = useAiChatSessions()\n  const session = sessions.getActiveSession(activeAgent)\n\n  React.useEffect(() => {\n    if (!session) sessions.ensureSession(activeAgent)\n  }, [activeAgent, session, sessions])\n\n  return (\n    <>\n      <ChatPaneTabs agentId={activeAgent} className=\"border-b\" />\n      <div className=\"min-h-0 flex-1\" data-ai-merchandising-chat-container=\"\">\n        {session ? (\n          <AiChat\n            key={session.id}\n            agent={activeAgent}\n            conversationId={session.conversationId}\n            pageContext={pageContext as unknown as Record<string, unknown>}\n            className=\"h-full\"\n            placeholder={t(\n              'catalog.merchandising_assistant.sheet.composerPlaceholder',\n              'Ask for descriptions, attributes, titles, or price ideas...',\n            )}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            welcomeTitle={t(\n              'catalog.merchandising_assistant.sheet.welcomeTitle',\n              'Merchandising Assistant',\n            )}\n            welcomeDescription={\n              hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n                    'Ready to work with your {count} selected products. Try one of these:',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n                    'Select products for targeted actions, or explore your catalog:',\n                  )\n            }\n          />\n        ) : null}\n      </div>\n    </>\n  )\n}\n\nexport default MerchandisingAssistantSheet\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\n/**\n * MerchandisingAssistantSheet \u2014 Step 4.9 (Spec \u00A710 D18).\n *\n * Embeds `<AiChat agent=\"catalog.merchandising_assistant\" pageContext={...} />`\n * in a right-side sheet (built on the shared Dialog primitive because\n * `packages/ui` does not ship a dedicated Sheet/Drawer primitive in\n * Phase 2). The trigger is a button rendered in the products-list page\n * header.\n *\n * Phase 2 is strictly read-only: the sheet shows proposals (structured\n * output), but the mutation tools (`catalog.update_product`,\n * `catalog.bulk_update_products`, `catalog.apply_attribute_extraction`,\n * `catalog.update_product_media_descriptions`) are intentionally NOT in\n * the agent whitelist. Phase 5.14 introduces those via the pending-action\n * contract.\n *\n * pageContext follows spec \u00A710.1 exactly:\n *\n *   {\n *     view: 'catalog.products.list',\n *     recordType: null,\n *     recordId: string,                      // \"\" or comma-separated UUIDs\n *     extra: {\n *       filter: { categoryId, priceRange, tags, status },\n *       totalMatching: number,\n *       selectedCount: number,\n *     }\n *   }\n */\n\nimport * as React from 'react'\nimport { Boxes, ChevronDown, FileText, Package, PanelRightOpen, PenLine, Tags, TrendingUp } from 'lucide-react'\nimport { AiChat, type AiChatSuggestion, type AiChatContextItem } from '@open-mercato/ui/ai/AiChat'\nimport { AiIcon } from '@open-mercato/ui/ai/AiIcon'\nimport { useAiDock } from '@open-mercato/ui/ai/AiDock'\nimport { useAiChatSessions } from '@open-mercato/ui/ai/AiChatSessions'\nimport { ChatPaneTabs } from '@open-mercato/ui/ai/ChatPaneTabs'\n// Side-effect import: registers the `catalog.stats-card` UI part on the\n// global registry the first time this client bundle loads. Tools that\n// emit `{ uiPart: { componentId: 'catalog.stats-card' } }` envelopes\n// (catalog.show_stats today; user-defined tools tomorrow) automatically\n// resolve to the card without dispatcher changes.\nimport '../../../components/CatalogStatsCard'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ButtonGroup } from '@open-mercato/ui/primitives/button-group'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport interface MerchandisingPageContextFilter {\n  categoryId: string | null\n  priceRange: { min?: number; max?: number } | null\n  tags: string[]\n  status: string | null\n}\n\nexport interface MerchandisingPageContext {\n  view: 'catalog.products.list'\n  entityType?: 'catalog.products.list'\n  recordType: null\n  recordId: string\n  extra: {\n    filter: MerchandisingPageContextFilter\n    totalMatching: number\n    selectedCount: number\n  }\n}\n\nexport interface MerchandisingAssistantSheetProps {\n  /** Selection-aware page context, built by the products list host. */\n  pageContext: MerchandisingPageContext\n  /** When false (feature-gated by the host), the sheet renders nothing. */\n  enabled?: boolean\n  className?: string\n}\n\nexport const MERCHANDISING_AGENT_ID = 'catalog.merchandising_assistant'\n\nfunction useMerchandisingSuggestions(\n  hasSelection: boolean,\n  selectedCount: number,\n): AiChatSuggestion[] {\n  const t = useT()\n  return React.useMemo(() => {\n    if (hasSelection) {\n      return [\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.draftDescriptions',\n            'Draft product descriptions for selected items',\n          ),\n          prompt: `Draft compelling product descriptions for my ${selectedCount} selected products`,\n          icon: <PenLine className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.extractAttributes',\n            'Extract attributes from descriptions',\n          ),\n          prompt: `Extract structured attributes from the descriptions of my ${selectedCount} selected products`,\n          icon: <Tags className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.titleVariants',\n            'Generate title variants for SEO',\n          ),\n          prompt: `Generate SEO-optimized title variants for my ${selectedCount} selected products`,\n          icon: <FileText className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.priceAdjustments',\n            'Suggest price adjustments',\n          ),\n          prompt: `Analyze and suggest price adjustments for my ${selectedCount} selected products`,\n          icon: <TrendingUp className=\"size-4\" />,\n        },\n      ]\n    }\n    return [\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.showStats',\n          'Show catalog overview',\n        ),\n        // Triggers the `catalog.show_stats` tool, which returns the inline\n        // catalog-stats UI part (live counts of products, active products,\n        // categories, tags). Demo entry-point for the dynamic UI-part path.\n        prompt: 'Show me a quick catalog overview using the stats card.',\n        icon: <Boxes className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.browseProducts',\n          'Show me an overview of my product catalog',\n        ),\n        prompt: 'Give me an overview of my product catalog \u2014 categories, total products, and pricing ranges',\n        icon: <Package className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.findMissingDescriptions',\n          'Find products with missing descriptions',\n        ),\n        prompt: 'Find products that are missing descriptions or have very short descriptions',\n        icon: <PenLine className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.analyzeAttributes',\n          'Analyze attribute coverage',\n        ),\n        prompt: 'Analyze which products have incomplete attribute data',\n        icon: <Tags className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.pricingOverview',\n          'Show pricing distribution',\n        ),\n        prompt: 'Show me the pricing distribution across categories',\n        icon: <TrendingUp className=\"size-4\" />,\n      },\n    ]\n  }, [hasSelection, selectedCount, t])\n}\n\nfunction useContextItems(pageContext: MerchandisingPageContext): AiChatContextItem[] {\n  const t = useT()\n  return React.useMemo(() => {\n    const items: AiChatContextItem[] = []\n    const { selectedCount, totalMatching, filter } = pageContext.extra\n    if (selectedCount > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.selectedProducts',\n          '{count} products selected',\n        ).replace('{count}', String(selectedCount)),\n      })\n    } else if (totalMatching > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.matchingProducts',\n          '{count} products in view',\n        ).replace('{count}', String(totalMatching)),\n      })\n    }\n    if (filter.categoryId) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.filteredByCategory', 'Filtered by category'),\n        detail: filter.categoryId,\n      })\n    }\n    if (filter.status) {\n      items.push({ label: filter.status })\n    }\n    if (filter.tags.length > 0) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.tags', '{count} tags').replace(\n          '{count}',\n          String(filter.tags.length),\n        ),\n      })\n    }\n    return items\n  }, [pageContext, t])\n}\n\ninterface MerchandisingAgentDescriptor {\n  id: string\n  label: string\n  description: string\n  icon: React.ReactNode\n}\n\ninterface AgentsResponse {\n  agents?: Array<{\n    id?: string | null\n  }>\n}\n\ninterface MerchandisingAgentsState {\n  agents: MerchandisingAgentDescriptor[]\n  loaded: boolean\n}\n\nfunction useMerchandisingAgents(): MerchandisingAgentsState {\n  const t = useT()\n  const [accessibleAgentIds, setAccessibleAgentIds] = React.useState<Set<string> | null>(null)\n  const declaredAgents = React.useMemo(\n    () => [\n      {\n        id: MERCHANDISING_AGENT_ID,\n        label: t(\n          'catalog.merchandising_assistant.agents.merchandising.label',\n          'Merchandising Assistant',\n        ),\n        description: t(\n          'catalog.merchandising_assistant.agents.merchandising.description',\n          'Draft copy, normalize attributes, and propose price changes for the current selection.',\n        ),\n        icon: <AiIcon className=\"size-4\" />,\n      },\n    ],\n    [t],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    apiCall<AgentsResponse>('/api/ai_assistant/ai/agents', {\n      credentials: 'same-origin',\n      headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' },\n    })\n      .then((call) => {\n        if (cancelled) return\n        if (!call.ok || !call.result || !Array.isArray(call.result.agents)) {\n          setAccessibleAgentIds(new Set())\n          return\n        }\n        setAccessibleAgentIds(\n          new Set(\n            call.result.agents\n              .map((agent) => agent?.id)\n              .filter((id): id is string => typeof id === 'string' && id.length > 0),\n          ),\n        )\n      })\n      .catch(() => {\n        if (!cancelled) setAccessibleAgentIds(new Set())\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  return React.useMemo(\n    () => ({\n      agents:\n        accessibleAgentIds === null\n          ? []\n          : declaredAgents.filter((agent) => accessibleAgentIds.has(agent.id)),\n      loaded: accessibleAgentIds !== null,\n    }),\n    [accessibleAgentIds, declaredAgents],\n  )\n}\n\nexport function MerchandisingAssistantSheet({\n  pageContext,\n  enabled = true,\n  className,\n}: MerchandisingAssistantSheetProps): React.ReactElement | null {\n  const t = useT()\n  const dock = useAiDock()\n  const [open, setOpen] = React.useState(false)\n  const [popoverOpen, setPopoverOpen] = React.useState(false)\n  const [activeAgent, setActiveAgent] = React.useState<string>(MERCHANDISING_AGENT_ID)\n  const [lastAgent, setLastAgent] = React.useState<string | null>(null)\n\n  const selectedCount = pageContext.extra.selectedCount\n  const hasSelection = selectedCount > 0\n  const suggestions = useMerchandisingSuggestions(hasSelection, selectedCount)\n  const contextItems = useContextItems(pageContext)\n  const { agents, loaded: agentsLoaded } = useMerchandisingAgents()\n\n  if (!enabled || !agentsLoaded || agents.length === 0) return null\n\n  const openAgent = (agentId: string) => {\n    setActiveAgent(agentId)\n    setLastAgent(agentId)\n    setPopoverOpen(false)\n    if (dock.state.assistant?.agent === agentId) {\n      dock.dock(dock.state.assistant)\n      setOpen(false)\n      return\n    }\n    setOpen(true)\n  }\n\n  const handleSelectAgent = (agentId: string) => {\n    openAgent(agentId)\n  }\n\n  const handleMainTriggerClick = () => {\n    if (agents.length === 1) {\n      openAgent(agents[0].id)\n      return\n    }\n    if (lastAgent && agents.some((a) => a.id === lastAgent)) {\n      openAgent(lastAgent)\n      return\n    }\n    setPopoverOpen(true)\n  }\n\n  const handleDock = () => {\n    const agent = agents.find((a) => a.id === activeAgent) ?? agents[0]\n    if (!agent) return\n    dock.dock({\n      agent: agent.id,\n      label: agent.label,\n      description: t('catalog.merchandising_assistant.dock.subtitle', 'Catalog'),\n      pageContext: pageContext as unknown as Record<string, unknown>,\n      placeholder: t(\n        'catalog.merchandising_assistant.sheet.composerPlaceholder',\n        'Ask for descriptions, attributes, titles, or price ideas...',\n      ),\n      suggestions,\n      contextItems,\n      welcomeTitle: t(\n        'catalog.merchandising_assistant.sheet.welcomeTitle',\n        'Merchandising Assistant',\n      ),\n      welcomeDescription: hasSelection\n        ? t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n            'Ready to work with your {count} selected products. Try one of these:',\n          ).replace('{count}', String(selectedCount))\n        : t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n            'Select products for targeted actions, or explore your catalog:',\n          ),\n    })\n    setOpen(false)\n  }\n\n  const triggerLabel = t(\n    'catalog.merchandising_assistant.trigger.ariaLabel',\n    'Open AI merchandising assistant',\n  )\n  const labelText = t('catalog.merchandising_assistant.trigger.label', 'AI')\n  const moreAgentsLabel = t(\n    'catalog.merchandising_assistant.trigger.moreAgentsAriaLabel',\n    'Choose an AI assistant',\n  )\n\n  return (\n    <>\n      <ButtonGroup className={className}>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleMainTriggerClick}\n          data-ai-merchandising-trigger=\"\"\n          aria-label={triggerLabel}\n          title={triggerLabel}\n          className=\"relative\"\n        >\n          <AiIcon className=\"size-4\" />\n          <span>{labelText}</span>\n          {hasSelection ? (\n            <span\n              className=\"absolute -top-1 -right-1 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground\"\n              data-ai-merchandising-selected-count={selectedCount}\n            >\n              {selectedCount}\n            </span>\n          ) : null}\n        </Button>\n        {agents.length > 1 ? (\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n            <PopoverTrigger asChild>\n              <IconButton\n                type=\"button\"\n                variant=\"outline\"\n                aria-label={moreAgentsLabel}\n                title={moreAgentsLabel}\n                data-ai-merchandising-picker=\"\"\n              >\n                <ChevronDown className=\"size-4\" aria-hidden />\n              </IconButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-72 p-1\">\n              <div className=\"px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('catalog.merchandising_assistant.popover.heading', 'AI assistants')}\n              </div>\n              <div className=\"flex flex-col gap-0.5\">\n                {agents.map((agent) => (\n                  <button\n                    key={agent.id}\n                    type=\"button\"\n                    onClick={() => handleSelectAgent(agent.id)}\n                    data-ai-merchandising-agent-option={agent.id}\n                    className=\"flex items-start gap-2 rounded-sm px-2 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none\"\n                  >\n                    <span className=\"mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-secondary text-secondary-foreground\">\n                      {agent.icon}\n                    </span>\n                    <span className=\"flex-1 min-w-0\">\n                      <span className=\"block font-medium leading-tight\">{agent.label}</span>\n                      <span className=\"block text-xs text-muted-foreground leading-snug\">\n                        {agent.description}\n                      </span>\n                    </span>\n                  </button>\n                ))}\n              </div>\n            </PopoverContent>\n          </Popover>\n        ) : null}\n      </ButtonGroup>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          className={cn(\n            // Mobile: full-screen sheet. Desktop (\u2265sm): right-anchored side sheet.\n            // The Dialog primitive applies a centering transform at the\n            // sm breakpoint; each piece (`top`, `left`, transform, inset)\n            // must be overridden at the same breakpoint or the panel\n            // renders half off the viewport.\n            'top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 max-w-none w-screen h-svh max-h-svh rounded-none',\n            'sm:top-0 sm:bottom-0 sm:right-0 sm:left-auto sm:translate-x-0 sm:translate-y-0',\n            'sm:max-w-xl sm:w-[36rem] sm:rounded-l-2xl sm:h-screen sm:max-h-screen',\n            'flex flex-col gap-3 p-4 z-[70]',\n          )}\n          data-ai-merchandising-sheet=\"\"\n        >\n          <DialogHeader>\n            <div className=\"flex items-center gap-3 pr-8\">\n              {/* Dock button lives on the LEFT \u2014 the Dialog primitive\n                  auto-renders an X close button absolutely positioned in\n                  the top-right corner, so anything we drop in the header's\n                  right side visually collides with it. Mobile hides the\n                  dock entirely (the side panel is desktop-only). */}\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                title={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                onClick={handleDock}\n                data-ai-merchandising-dock=\"\"\n                className=\"hidden lg:inline-flex shrink-0\"\n              >\n                <PanelRightOpen className=\"size-4\" aria-hidden />\n              </IconButton>\n              <DialogTitle className=\"flex-1 min-w-0 truncate\">\n                {t('catalog.merchandising_assistant.sheet.title', 'Catalog merchandising assistant')}\n              </DialogTitle>\n              {hasSelection ? (\n                <span\n                  className=\"shrink-0 inline-flex items-center rounded-full border border-border bg-secondary px-2 py-0.5 text-xs text-secondary-foreground\"\n                  data-ai-merchandising-selection-pill=\"\"\n                  data-ai-merchandising-selected-count={selectedCount}\n                >\n                  {t(\n                    'catalog.merchandising_assistant.sheet.selectionPill',\n                    'Acting on {count} products',\n                  ).replace('{count}', String(selectedCount))}\n                </span>\n              ) : null}\n            </div>\n            <DialogDescription>\n              {hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.descriptionWithSelection',\n                    'Working with {count} selected products. Ask for descriptions, attribute extraction, title suggestions, or pricing analysis.',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.description',\n                    'Your AI merchandising copilot. Select products from the list for targeted actions, or explore your full catalog.',\n                  )}\n            </DialogDescription>\n          </DialogHeader>\n          <MerchandisingChatBody\n            activeAgent={activeAgent}\n            pageContext={pageContext}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            hasSelection={hasSelection}\n            selectedCount={selectedCount}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\ninterface MerchandisingChatBodyProps {\n  activeAgent: string\n  pageContext: MerchandisingPageContext\n  suggestions: AiChatSuggestion[]\n  contextItems: AiChatContextItem[]\n  hasSelection: boolean\n  selectedCount: number\n}\n\nfunction MerchandisingChatBody({\n  activeAgent,\n  pageContext,\n  suggestions,\n  contextItems,\n  hasSelection,\n  selectedCount,\n}: MerchandisingChatBodyProps) {\n  const t = useT()\n  const sessions = useAiChatSessions()\n  const session = sessions.getActiveSession(activeAgent)\n\n  React.useEffect(() => {\n    if (!session) sessions.ensureSession(activeAgent)\n  }, [activeAgent, session, sessions])\n\n  return (\n    <>\n      <ChatPaneTabs agentId={activeAgent} className=\"border-b\" />\n      <div className=\"min-h-0 flex-1\" data-ai-merchandising-chat-container=\"\">\n        {session ? (\n          <AiChat\n            key={session.id}\n            agent={activeAgent}\n            conversationId={session.conversationId}\n            pageContext={pageContext as unknown as Record<string, unknown>}\n            className=\"h-full\"\n            placeholder={t(\n              'catalog.merchandising_assistant.sheet.composerPlaceholder',\n              'Ask for descriptions, attributes, titles, or price ideas...',\n            )}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            welcomeTitle={t(\n              'catalog.merchandising_assistant.sheet.welcomeTitle',\n              'Merchandising Assistant',\n            )}\n            welcomeDescription={\n              hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n                    'Ready to work with your {count} selected products. Try one of these:',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n                    'Select products for targeted actions, or explore your catalog:',\n                  )\n            }\n          />\n        ) : null}\n      </div>\n    </>\n  )\n}\n\nexport default MerchandisingAssistantSheet\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Calendar, Check, ExternalLink, ListTodo, Mail, MoreHorizontal, Phone, StickyNote, Users } from "lucide-react";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -9,7 +10,6 @@ import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { ActivityAiActions } from "./ActivityAiActions.js";
-import { getInitials } from "./utils.js";
 const TYPE_ICONS = {
   call: Phone,
   email: Mail,
@@ -157,7 +157,7 @@ function ActivityCard({ activity, onOpen, onChanged, runMutation }) {
           /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(ActivityAiActions, { activityType: activity.interactionType }) }),
           snippet ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: snippet }) : null,
           /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground", children: getInitials(actorLabel) }),
+            /* @__PURE__ */ jsx(Avatar, { label: actorLabel, size: "xs", variant: "monochrome" }),
             /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: actorLabel }),
             target && direction ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx("span", { children: "\xB7" }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, Check, ExternalLink, ListTodo, Mail, MoreHorizontal, Phone, StickyNote, Users } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { InteractionSummary } from './types'\nimport { ActivityAiActions } from './ActivityAiActions'\nimport { getInitials } from './utils'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityCardProps = {\n  activity: InteractionSummary\n  onOpen?: (activity: InteractionSummary) => void\n  /** Called after a successful mark-done so the parent can refresh the timeline. */\n  onChanged?: () => void\n  /**\n   * Optional guarded-mutation runner. When provided, mutations route through the parent's\n   * `useGuardedMutation` so retry-last-mutation and the global injection contract apply.\n   * When omitted, mutations run directly via `apiCallOrThrow` (e.g. read-only contexts\n   * or jest unit tests that don't supply a guarded runner).\n   */\n  runMutation?: GuardedMutationRunner\n}\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n  task: ListTodo,\n}\n\nfunction formatDayLabel(value: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  const now = new Date()\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()\n  const day = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime()\n  const diffDays = Math.round((today - day) / 86400000)\n  if (diffDays === 0) return t('customers.timeline.date.today', 'today')\n  if (diffDays === 1) return t('customers.timeline.date.yesterday', 'yesterday')\n  return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n}\n\nfunction formatTimeLabel(value: string): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction trimSnippet(value: string | null | undefined): string | null {\n  const normalized = value?.trim()\n  if (!normalized) return null\n  if (normalized.length <= 200) return normalized\n  return `${normalized.slice(0, 197)}...`\n}\n\nfunction resolveTarget(activity: InteractionSummary): string | null {\n  const participant = activity.participants?.find((item) => item.name || item.email)\n  if (participant?.name) return participant.name\n  if (participant?.email) return participant.email\n  if (activity.customer?.displayName) return activity.customer.displayName\n  return null\n}\n\nexport function ActivityCard({ activity, onOpen, onChanged, runMutation }: ActivityCardProps) {\n  const t = useT()\n  const timestamp = activity.occurredAt ?? activity.scheduledAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType] ?? StickyNote\n  const titleBase = activity.title ?? activity.body ?? activity.interactionType\n  const title = activity.duration ? `${titleBase} (${activity.duration} min)` : titleBase\n  const snippet = trimSnippet(activity.body && activity.title ? activity.body : activity.body ?? null)\n  const actorLabel = activity.authorName ?? activity.authorEmail ?? t('customers.changelog.user.system', 'System')\n  const target = resolveTarget(activity)\n  const direction = activity.interactionType === 'email'\n    ? t('customers.activityLog.direction.to', 'to')\n    : activity.interactionType === 'call' || activity.interactionType === 'meeting'\n      ? t('customers.activityLog.direction.with', 'with')\n      : ''\n  const showExternalLink = Boolean(activity._integrations && Object.keys(activity._integrations).length > 0)\n  const [markingDone, setMarkingDone] = React.useState(false)\n\n  const handleMarkDone = React.useCallback(async () => {\n    if (markingDone) return\n    setMarkingDone(true)\n    try {\n      const operation = () =>\n        apiCallOrThrow('/api/customers/interactions/complete', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: activity.id, occurredAt: new Date().toISOString() }),\n        })\n      if (runMutation) {\n        await runMutation(operation, {\n          id: activity.id,\n          status: 'done',\n          operation: 'completeActivity',\n        })\n      } else {\n        await operation()\n      }\n      flash(t('customers.activities.actions.markDoneSuccess', 'Activity marked done'), 'success')\n      onChanged?.()\n    } catch (err) {\n      console.warn('[customers.activityCard] mark done failed', activity.id, err)\n      flash(t('customers.activities.actions.markDoneError', 'Could not mark activity as done'), 'error')\n    } finally {\n      setMarkingDone(false)\n    }\n  }, [activity.id, markingDone, onChanged, runMutation, t])\n\n  return (\n    <div\n      className={cn(\n        'grid gap-3',\n        onOpen ? 'cursor-pointer' : '',\n      )}\n      style={{ gridTemplateColumns: '64px 36px minmax(0,1fr)' }}\n      onClick={() => onOpen?.(activity)}\n      role={onOpen ? 'button' : undefined}\n      tabIndex={onOpen ? 0 : undefined}\n      onKeyDown={onOpen ? (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault()\n          onOpen(activity)\n        }\n      } : undefined}\n    >\n      <div className=\"pt-1 text-xs text-muted-foreground\">\n        <div className=\"font-semibold text-foreground\">{formatDayLabel(timestamp, t)}</div>\n        <div>{formatTimeLabel(timestamp)}</div>\n      </div>\n\n      <div className=\"flex size-9 items-center justify-center rounded-lg bg-muted/80\">\n        <TypeIcon className=\"size-4 text-muted-foreground\" />\n      </div>\n\n      <div className=\"rounded-xl border bg-card px-4 py-3 shadow-sm\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-1.5\">\n              <h4 className=\"truncate text-sm font-semibold text-foreground\">{title}</h4>\n              {showExternalLink ? <ExternalLink className=\"size-3.5 text-muted-foreground\" /> : null}\n            </div>\n            {activity.location ? (\n              <div className=\"mt-1 flex items-center gap-1 text-xs text-muted-foreground\">\n                <Calendar className=\"size-3.5\" />\n                <span className=\"truncate\">{activity.location}</span>\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"flex items-center gap-1.5\">\n            {activity.status === 'planned' ? (\n              <Button\n                type=\"button\"\n                variant=\"default\"\n                size=\"sm\"\n                disabled={markingDone}\n                onClick={(event) => {\n                  event.stopPropagation()\n                  void handleMarkDone()\n                }}\n              >\n                <Check className=\"size-3.5\" />\n                {t('customers.activities.actions.markDone', 'Mark done')}\n              </Button>\n            ) : null}\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('customers.timeline.more', 'More')}\n              onClick={(event) => {\n                event.stopPropagation()\n                onOpen?.(activity)\n              }}\n            >\n              <MoreHorizontal className=\"size-4\" />\n            </IconButton>\n          </div>\n        </div>\n\n        <div className=\"mt-2\">\n          <ActivityAiActions activityType={activity.interactionType} />\n        </div>\n\n        {snippet ? (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{snippet}</p>\n        ) : null}\n\n        <div className=\"mt-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"inline-flex size-5 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n            {getInitials(actorLabel)}\n          </span>\n          <span className=\"font-medium text-foreground\">{actorLabel}</span>\n          {target && direction ? (\n            <>\n              <span>\u00B7</span>\n              <span>{direction}</span>\n              <span className=\"text-foreground\">{target}</span>\n            </>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ActivityCard\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, Check, ExternalLink, ListTodo, Mail, MoreHorizontal, Phone, StickyNote, Users } from 'lucide-react'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { InteractionSummary } from './types'\nimport { ActivityAiActions } from './ActivityAiActions'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityCardProps = {\n  activity: InteractionSummary\n  onOpen?: (activity: InteractionSummary) => void\n  /** Called after a successful mark-done so the parent can refresh the timeline. */\n  onChanged?: () => void\n  /**\n   * Optional guarded-mutation runner. When provided, mutations route through the parent's\n   * `useGuardedMutation` so retry-last-mutation and the global injection contract apply.\n   * When omitted, mutations run directly via `apiCallOrThrow` (e.g. read-only contexts\n   * or jest unit tests that don't supply a guarded runner).\n   */\n  runMutation?: GuardedMutationRunner\n}\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n  task: ListTodo,\n}\n\nfunction formatDayLabel(value: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  const now = new Date()\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()\n  const day = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime()\n  const diffDays = Math.round((today - day) / 86400000)\n  if (diffDays === 0) return t('customers.timeline.date.today', 'today')\n  if (diffDays === 1) return t('customers.timeline.date.yesterday', 'yesterday')\n  return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n}\n\nfunction formatTimeLabel(value: string): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction trimSnippet(value: string | null | undefined): string | null {\n  const normalized = value?.trim()\n  if (!normalized) return null\n  if (normalized.length <= 200) return normalized\n  return `${normalized.slice(0, 197)}...`\n}\n\nfunction resolveTarget(activity: InteractionSummary): string | null {\n  const participant = activity.participants?.find((item) => item.name || item.email)\n  if (participant?.name) return participant.name\n  if (participant?.email) return participant.email\n  if (activity.customer?.displayName) return activity.customer.displayName\n  return null\n}\n\nexport function ActivityCard({ activity, onOpen, onChanged, runMutation }: ActivityCardProps) {\n  const t = useT()\n  const timestamp = activity.occurredAt ?? activity.scheduledAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType] ?? StickyNote\n  const titleBase = activity.title ?? activity.body ?? activity.interactionType\n  const title = activity.duration ? `${titleBase} (${activity.duration} min)` : titleBase\n  const snippet = trimSnippet(activity.body && activity.title ? activity.body : activity.body ?? null)\n  const actorLabel = activity.authorName ?? activity.authorEmail ?? t('customers.changelog.user.system', 'System')\n  const target = resolveTarget(activity)\n  const direction = activity.interactionType === 'email'\n    ? t('customers.activityLog.direction.to', 'to')\n    : activity.interactionType === 'call' || activity.interactionType === 'meeting'\n      ? t('customers.activityLog.direction.with', 'with')\n      : ''\n  const showExternalLink = Boolean(activity._integrations && Object.keys(activity._integrations).length > 0)\n  const [markingDone, setMarkingDone] = React.useState(false)\n\n  const handleMarkDone = React.useCallback(async () => {\n    if (markingDone) return\n    setMarkingDone(true)\n    try {\n      const operation = () =>\n        apiCallOrThrow('/api/customers/interactions/complete', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: activity.id, occurredAt: new Date().toISOString() }),\n        })\n      if (runMutation) {\n        await runMutation(operation, {\n          id: activity.id,\n          status: 'done',\n          operation: 'completeActivity',\n        })\n      } else {\n        await operation()\n      }\n      flash(t('customers.activities.actions.markDoneSuccess', 'Activity marked done'), 'success')\n      onChanged?.()\n    } catch (err) {\n      console.warn('[customers.activityCard] mark done failed', activity.id, err)\n      flash(t('customers.activities.actions.markDoneError', 'Could not mark activity as done'), 'error')\n    } finally {\n      setMarkingDone(false)\n    }\n  }, [activity.id, markingDone, onChanged, runMutation, t])\n\n  return (\n    <div\n      className={cn(\n        'grid gap-3',\n        onOpen ? 'cursor-pointer' : '',\n      )}\n      style={{ gridTemplateColumns: '64px 36px minmax(0,1fr)' }}\n      onClick={() => onOpen?.(activity)}\n      role={onOpen ? 'button' : undefined}\n      tabIndex={onOpen ? 0 : undefined}\n      onKeyDown={onOpen ? (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault()\n          onOpen(activity)\n        }\n      } : undefined}\n    >\n      <div className=\"pt-1 text-xs text-muted-foreground\">\n        <div className=\"font-semibold text-foreground\">{formatDayLabel(timestamp, t)}</div>\n        <div>{formatTimeLabel(timestamp)}</div>\n      </div>\n\n      <div className=\"flex size-9 items-center justify-center rounded-lg bg-muted/80\">\n        <TypeIcon className=\"size-4 text-muted-foreground\" />\n      </div>\n\n      <div className=\"rounded-xl border bg-card px-4 py-3 shadow-sm\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-1.5\">\n              <h4 className=\"truncate text-sm font-semibold text-foreground\">{title}</h4>\n              {showExternalLink ? <ExternalLink className=\"size-3.5 text-muted-foreground\" /> : null}\n            </div>\n            {activity.location ? (\n              <div className=\"mt-1 flex items-center gap-1 text-xs text-muted-foreground\">\n                <Calendar className=\"size-3.5\" />\n                <span className=\"truncate\">{activity.location}</span>\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"flex items-center gap-1.5\">\n            {activity.status === 'planned' ? (\n              <Button\n                type=\"button\"\n                variant=\"default\"\n                size=\"sm\"\n                disabled={markingDone}\n                onClick={(event) => {\n                  event.stopPropagation()\n                  void handleMarkDone()\n                }}\n              >\n                <Check className=\"size-3.5\" />\n                {t('customers.activities.actions.markDone', 'Mark done')}\n              </Button>\n            ) : null}\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('customers.timeline.more', 'More')}\n              onClick={(event) => {\n                event.stopPropagation()\n                onOpen?.(activity)\n              }}\n            >\n              <MoreHorizontal className=\"size-4\" />\n            </IconButton>\n          </div>\n        </div>\n\n        <div className=\"mt-2\">\n          <ActivityAiActions activityType={activity.interactionType} />\n        </div>\n\n        {snippet ? (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{snippet}</p>\n        ) : null}\n\n        <div className=\"mt-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n          <Avatar label={actorLabel} size=\"xs\" variant=\"monochrome\" />\n          <span className=\"font-medium text-foreground\">{actorLabel}</span>\n          {target && direction ? (\n            <>\n              <span>\u00B7</span>\n              <span>{direction}</span>\n              <span className=\"text-foreground\">{target}</span>\n            </>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ActivityCard\n"],
+  "mappings": ";AAyIM,SAmEM,UAlEJ,KADF;AAvIN,YAAY,WAAW;AACvB,SAAS,UAAU,OAAO,cAAc,UAAU,MAAM,gBAAgB,OAAO,YAAY,aAAa;AACxG,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,SAAS,yBAAyB;AAqBlC,MAAM,aAA0E;AAAA,EAC9E,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;AAEA,SAAS,eAAe,OAAe,GAAoC;AACzE,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,QAAQ,IAAI,KAAK,IAAI,YAAY,GAAG,IAAI,SAAS,GAAG,IAAI,QAAQ,CAAC,EAAE,QAAQ;AACjF,QAAM,MAAM,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC,EAAE,QAAQ;AAClF,QAAM,WAAW,KAAK,OAAO,QAAQ,OAAO,KAAQ;AACpD,MAAI,aAAa,EAAG,QAAO,EAAE,iCAAiC,OAAO;AACrE,MAAI,aAAa,EAAG,QAAO,EAAE,qCAAqC,WAAW;AAC7E,SAAO,KAAK,mBAAmB,QAAW,EAAE,KAAK,WAAW,OAAO,QAAQ,CAAC;AAC9E;AAEA,SAAS,gBAAgB,OAAuB;AAC9C,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,KAAK,mBAAmB,QAAW,EAAE,MAAM,WAAW,QAAQ,UAAU,CAAC;AAClF;AAEA,SAAS,YAAY,OAAiD;AACpE,QAAM,aAAa,OAAO,KAAK;AAC/B,MAAI,CAAC,WAAY,QAAO;AACxB,MAAI,WAAW,UAAU,IAAK,QAAO;AACrC,SAAO,GAAG,WAAW,MAAM,GAAG,GAAG,CAAC;AACpC;AAEA,SAAS,cAAc,UAA6C;AAClE,QAAM,cAAc,SAAS,cAAc,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK,KAAK;AACjF,MAAI,aAAa,KAAM,QAAO,YAAY;AAC1C,MAAI,aAAa,MAAO,QAAO,YAAY;AAC3C,MAAI,SAAS,UAAU,YAAa,QAAO,SAAS,SAAS;AAC7D,SAAO;AACT;AAEO,SAAS,aAAa,EAAE,UAAU,QAAQ,WAAW,YAAY,GAAsB;AAC5F,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,SAAS,cAAc,SAAS,eAAe,SAAS;AAC1E,QAAM,WAAW,WAAW,SAAS,eAAe,KAAK;AACzD,QAAM,YAAY,SAAS,SAAS,SAAS,QAAQ,SAAS;AAC9D,QAAM,QAAQ,SAAS,WAAW,GAAG,SAAS,KAAK,SAAS,QAAQ,UAAU;AAC9E,QAAM,UAAU,YAAY,SAAS,QAAQ,SAAS,QAAQ,SAAS,OAAO,SAAS,QAAQ,IAAI;AACnG,QAAM,aAAa,SAAS,cAAc,SAAS,eAAe,EAAE,mCAAmC,QAAQ;AAC/G,QAAM,SAAS,cAAc,QAAQ;AACrC,QAAM,YAAY,SAAS,oBAAoB,UAC3C,EAAE,sCAAsC,IAAI,IAC5C,SAAS,oBAAoB,UAAU,SAAS,oBAAoB,YAClE,EAAE,wCAAwC,MAAM,IAChD;AACN,QAAM,mBAAmB,QAAQ,SAAS,iBAAiB,OAAO,KAAK,SAAS,aAAa,EAAE,SAAS,CAAC;AACzG,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAE1D,QAAM,iBAAiB,MAAM,YAAY,YAAY;AACnD,QAAI,YAAa;AACjB,mBAAe,IAAI;AACnB,QAAI;AACF,YAAM,YAAY,MAChB,eAAe,wCAAwC;AAAA,QACrD,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,IAAI,SAAS,IAAI,aAAY,oBAAI,KAAK,GAAE,YAAY,EAAE,CAAC;AAAA,MAChF,CAAC;AACH,UAAI,aAAa;AACf,cAAM,YAAY,WAAW;AAAA,UAC3B,IAAI,SAAS;AAAA,UACb,QAAQ;AAAA,UACR,WAAW;AAAA,QACb,CAAC;AAAA,MACH,OAAO;AACL,cAAM,UAAU;AAAA,MAClB;AACA,YAAM,EAAE,gDAAgD,sBAAsB,GAAG,SAAS;AAC1F,kBAAY;AAAA,IACd,SAAS,KAAK;AACZ,cAAQ,KAAK,6CAA6C,SAAS,IAAI,GAAG;AAC1E,YAAM,EAAE,8CAA8C,iCAAiC,GAAG,OAAO;AAAA,IACnG,UAAE;AACA,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,SAAS,IAAI,aAAa,WAAW,aAAa,CAAC,CAAC;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,mBAAmB;AAAA,MAC9B;AAAA,MACA,OAAO,EAAE,qBAAqB,0BAA0B;AAAA,MACxD,SAAS,MAAM,SAAS,QAAQ;AAAA,MAChC,MAAM,SAAS,WAAW;AAAA,MAC1B,UAAU,SAAS,IAAI;AAAA,MACvB,WAAW,SAAS,CAAC,UAAU;AAC7B,YAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,gBAAM,eAAe;AACrB,iBAAO,QAAQ;AAAA,QACjB;AAAA,MACF,IAAI;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,sCACb;AAAA,8BAAC,SAAI,WAAU,iCAAiC,yBAAe,WAAW,CAAC,GAAE;AAAA,UAC7E,oBAAC,SAAK,0BAAgB,SAAS,GAAE;AAAA,WACnC;AAAA,QAEA,oBAAC,SAAI,WAAU,kEACb,8BAAC,YAAS,WAAU,gCAA+B,GACrD;AAAA,QAEA,qBAAC,SAAI,WAAU,iDACb;AAAA,+BAAC,SAAI,WAAU,0CACb;AAAA,iCAAC,SAAI,WAAU,WACb;AAAA,mCAAC,SAAI,WAAU,6BACb;AAAA,oCAAC,QAAG,WAAU,kDAAkD,iBAAM;AAAA,gBACrE,mBAAmB,oBAAC,gBAAa,WAAU,kCAAiC,IAAK;AAAA,iBACpF;AAAA,cACC,SAAS,WACR,qBAAC,SAAI,WAAU,8DACb;AAAA,oCAAC,YAAS,WAAU,YAAW;AAAA,gBAC/B,oBAAC,UAAK,WAAU,YAAY,mBAAS,UAAS;AAAA,iBAChD,IACE;AAAA,eACN;AAAA,YAEA,qBAAC,SAAI,WAAU,6BACZ;AAAA,uBAAS,WAAW,YACnB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,SAAS,CAAC,UAAU;AAClB,0BAAM,gBAAgB;AACtB,yBAAK,eAAe;AAAA,kBACtB;AAAA,kBAEA;AAAA,wCAAC,SAAM,WAAU,YAAW;AAAA,oBAC3B,EAAE,yCAAyC,WAAW;AAAA;AAAA;AAAA,cACzD,IACE;AAAA,cACJ;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,cAAY,EAAE,2BAA2B,MAAM;AAAA,kBAC/C,SAAS,CAAC,UAAU;AAClB,0BAAM,gBAAgB;AACtB,6BAAS,QAAQ;AAAA,kBACnB;AAAA,kBAEA,8BAAC,kBAAe,WAAU,UAAS;AAAA;AAAA,cACrC;AAAA,eACF;AAAA,aACF;AAAA,UAEA,oBAAC,SAAI,WAAU,QACb,8BAAC,qBAAkB,cAAc,SAAS,iBAAiB,GAC7D;AAAA,UAEC,UACC,oBAAC,OAAE,WAAU,sCAAsC,mBAAQ,IACzD;AAAA,UAEJ,qBAAC,SAAI,WAAU,0EACb;AAAA,gCAAC,UAAO,OAAO,YAAY,MAAK,MAAK,SAAQ,cAAa;AAAA,YAC1D,oBAAC,UAAK,WAAU,+BAA+B,sBAAW;AAAA,YACzD,UAAU,YACT,iCACE;AAAA,kCAAC,UAAK,kBAAC;AAAA,cACP,oBAAC,UAAM,qBAAU;AAAA,cACjB,oBAAC,UAAK,WAAU,mBAAmB,kBAAO;AAAA,eAC5C,IACE;AAAA,aACN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -3,7 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
 import { Search, Check, CheckCheck, Settings2 } from "lucide-react";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
 import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { StepIndicator } from "@open-mercato/ui/primitives/step-indicator";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Badge } from "@open-mercato/ui/primitives/badge";
@@ -16,7 +18,6 @@ import {
   DialogTitle
 } from "@open-mercato/ui/primitives/dialog";
 import { fetchAssignableStaffMembersPage } from "./assignableStaff.js";
-import { getInitials } from "./utils.js";
 const MANAGE_ROLE_TYPES_HREF = "/backend/config/customers";
 const ASSIGNABLE_STAFF_PAGE_SIZE = 24;
 function AssignRoleDialog({
@@ -231,7 +232,14 @@ function AssignRoleDialog({
   const previewCard = selectedUser && selectedRole ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/70 bg-muted/30 px-4 py-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-overline font-semibold uppercase tracking-[0.12em] text-muted-foreground", children: t("customers.roles.dialog.preview", "Assignment preview") }),
     /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-background text-sm font-semibold text-foreground", children: getInitials(selectedUser.displayName) }),
+      /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          label: selectedUser.displayName,
+          size: "lg",
+          className: "bg-background text-foreground"
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm font-semibold text-foreground", children: [
           /* @__PURE__ */ jsx("span", { children: selectedUser.displayName }),
@@ -274,34 +282,29 @@ function AssignRoleDialog({
                 name: entityName
               }) })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "border-b border-border/70 px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3 text-xs", children: [
-              /* @__PURE__ */ jsx(
-                StepBadge,
-                {
-                  step: 1,
-                  currentStep: step,
-                  label: t("customers.roles.dialog.step1", "Role type")
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "h-px w-10 bg-border" }),
-              /* @__PURE__ */ jsx(
-                StepBadge,
-                {
-                  step: 2,
-                  currentStep: step,
-                  label: t("customers.roles.dialog.step2", "Select person")
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "h-px w-10 bg-border" }),
-              /* @__PURE__ */ jsx(
-                StepBadge,
-                {
-                  step: 3,
-                  currentStep: step,
-                  label: t("customers.roles.dialog.step3", "Confirm")
-                }
-              )
-            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: "border-b border-border/70 px-6 py-4", children: /* @__PURE__ */ jsx(
+              StepIndicator,
+              {
+                className: "justify-center",
+                steps: [
+                  {
+                    id: "1",
+                    label: t("customers.roles.dialog.step1", "Role type"),
+                    status: step > 1 ? "complete" : step === 1 ? "current" : "pending"
+                  },
+                  {
+                    id: "2",
+                    label: t("customers.roles.dialog.step2", "Select person"),
+                    status: step > 2 ? "complete" : step === 2 ? "current" : "pending"
+                  },
+                  {
+                    id: "3",
+                    label: t("customers.roles.dialog.step3", "Confirm"),
+                    status: step === 3 ? "current" : "pending"
+                  }
+                ]
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-6 py-5", children: [
               step === 1 ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                 /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/30 px-4 py-4", children: [
@@ -453,7 +456,7 @@ function AssignRoleDialog({
                         onClick: () => setSelectedUser(user),
                         className: `h-auto flex w-full items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors ${isSelected ? "border-foreground bg-background shadow-sm" : "border-border/70 bg-background hover:bg-accent/40"}`,
                         children: [
-                          /* @__PURE__ */ jsx("div", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-foreground", children: getInitials(user.displayName) }),
+                          /* @__PURE__ */ jsx(Avatar, { label: user.displayName, size: "lg", variant: "monochrome" }),
                           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                             /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                               /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: user.displayName }),
@@ -546,24 +549,6 @@ function AssignRoleDialog({
     }
   );
 }
-function StepBadge({
-  step,
-  currentStep,
-  label
-}) {
-  const isComplete = currentStep > step;
-  const isCurrent = currentStep === step;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: `flex size-5 items-center justify-center rounded-full border text-xs font-semibold ${isComplete || isCurrent ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground"}`,
-        children: isComplete ? /* @__PURE__ */ jsx(Check, { className: "size-3" }) : step
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: isCurrent ? "font-semibold text-foreground" : "text-muted-foreground", children: label })
-  ] });
-}
 export {
   AssignRoleDialog
 };