@open-mercato/ui 0.5.1-develop.3036.f02c281f23 → 0.5.1-develop.3045.b4b3320cc2

package/dist/ai/ChatPaneTabs.js

@@ -0,0 +1,251 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Clock, Pencil, Plus, X } from "lucide-react";
+import { IconButton } from "../primitives/icon-button.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  defaultSessionLabel,
+  useAiChatSessions
+} from "./AiChatSessions.js";
+function ChatPaneTabs({ agentId, className }) {
+  const t = useT();
+  const sessions = useAiChatSessions();
+  const open = sessions.getOpenSessions(agentId);
+  const closed = sessions.getClosedSessions(agentId);
+  const active = sessions.getActiveSession(agentId);
+  const [historyOpen, setHistoryOpen] = React.useState(false);
+  const [renamingId, setRenamingId] = React.useState(null);
+  const [draftName, setDraftName] = React.useState("");
+  const startRename = (session) => {
+    setRenamingId(session.id);
+    setDraftName(session.name ?? "");
+  };
+  const commitRename = () => {
+    if (!renamingId) return;
+    sessions.renameSession(renamingId, draftName);
+    setRenamingId(null);
+  };
+  const cancelRename = () => {
+    setRenamingId(null);
+    setDraftName("");
+  };
+  return (
+    // Outer wrapper does NOT scroll; only the inner tabs row does. The
+    // `+` button and the history dropdown live OUTSIDE that scroll area
+    // so the dropdown's absolute positioning isn't clipped by the
+    // strip's `overflow-x-auto` (which CSS resolves to `overflow-y:auto`
+    // too once one axis is non-`visible`, making any absolutely-
+    // positioned child get cut off at the strip's bottom edge).
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex items-center gap-1 px-2 pt-2 text-sm", className),
+        "data-ai-chat-tabs": "",
+        role: "tablist",
+        "aria-label": "Chat sessions",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto",
+              "data-ai-chat-tabs-scroll": "",
+              children: open.length === 0 ? /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs text-muted-foreground", "data-ai-chat-tabs-empty": "", children: t("ai_assistant.chat.tabs.noSessions", "No sessions") }) : open.map((session) => {
+                const isActive = active?.id === session.id;
+                const isRenaming = renamingId === session.id;
+                const label = defaultSessionLabel(session);
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    role: "tab",
+                    "aria-selected": isActive,
+                    "data-ai-chat-tab-id": session.id,
+                    "data-active": isActive ? "true" : "false",
+                    className: cn(
+                      "group flex max-w-[12rem] shrink-0 items-center gap-1 rounded-t-md border-b-2 px-2 py-1",
+                      isActive ? "border-primary bg-background text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
+                    ),
+                    children: [
+                      isRenaming ? /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          autoFocus: true,
+                          type: "text",
+                          value: draftName,
+                          onChange: (event) => setDraftName(event.target.value),
+                          onBlur: commitRename,
+                          onKeyDown: (event) => {
+                            if (event.key === "Enter") {
+                              event.preventDefault();
+                              commitRename();
+                            } else if (event.key === "Escape") {
+                              event.preventDefault();
+                              cancelRename();
+                            }
+                          },
+                          className: "h-6 max-w-[10rem] rounded border border-input bg-background px-1 text-xs outline-none focus:ring-2 focus:ring-ring/40",
+                          "data-ai-chat-tab-rename-input": ""
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => sessions.setActiveSession(session.id),
+                          onDoubleClick: () => startRename(session),
+                          title: label,
+                          className: "truncate text-xs font-medium",
+                          children: label
+                        }
+                      ),
+                      !isRenaming && isActive ? /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "xs",
+                          "aria-label": t("ai_assistant.chat.tabs.rename", "Rename"),
+                          title: t("ai_assistant.chat.tabs.rename", "Rename"),
+                          className: "opacity-60 hover:opacity-100",
+                          onClick: () => startRename(session),
+                          "data-ai-chat-tab-rename": "",
+                          children: /* @__PURE__ */ jsx(Pencil, { className: "size-3" })
+                        }
+                      ) : null,
+                      /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "xs",
+                          "aria-label": t("ai_assistant.chat.tabs.close", "Close"),
+                          title: t("ai_assistant.chat.tabs.close", "Close"),
+                          className: cn(
+                            "transition-opacity",
+                            isActive ? "opacity-60 hover:opacity-100" : "opacity-50 hover:opacity-100"
+                          ),
+                          "data-active": isActive ? "true" : "false",
+                          onMouseDown: (event) => {
+                            event.stopPropagation();
+                          },
+                          onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            sessions.closeSession(session.id);
+                          },
+                          "data-ai-chat-tab-close": "",
+                          children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                        }
+                      )
+                    ]
+                  },
+                  session.id
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              "aria-label": t("ai_assistant.chat.tabs.newSession", "New session"),
+              title: t("ai_assistant.chat.tabs.newSession", "New session"),
+              onClick: () => sessions.createSession(agentId),
+              "data-ai-chat-new-session": "",
+              className: "shrink-0",
+              children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            HistoryDropdown,
+            {
+              open: historyOpen,
+              onOpenChange: setHistoryOpen,
+              closed,
+              onPick: (sessionId) => {
+                sessions.reopenSession(sessionId);
+                setHistoryOpen(false);
+              }
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function HistoryDropdown({ open, onOpenChange, closed, onPick }) {
+  const t = useT();
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const onDown = (event) => {
+      const root = containerRef.current;
+      if (!root) return;
+      if (event.target instanceof Node && root.contains(event.target)) return;
+      onOpenChange(false);
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape") onOpenChange(false);
+    };
+    window.addEventListener("mousedown", onDown);
+    window.addEventListener("touchstart", onDown, { passive: true });
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("mousedown", onDown);
+      window.removeEventListener("touchstart", onDown);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open, onOpenChange]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative shrink-0", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        "aria-label": t("ai_assistant.chat.tabs.recentSessions", "Recent sessions"),
+        title: t("ai_assistant.chat.tabs.recentSessions", "Recent sessions"),
+        "data-ai-chat-history-trigger": "",
+        "aria-expanded": open,
+        onClick: () => onOpenChange(!open),
+        children: /* @__PURE__ */ jsx(Clock, { className: "size-4" })
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute right-0 top-full mt-2 w-72 max-h-[60vh] overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        style: { zIndex: 2147483e3 },
+        "data-ai-chat-history-panel": "",
+        role: "menu",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("ai_assistant.chat.tabs.recentSessions", "Recent sessions") }),
+          closed.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-3 text-xs text-muted-foreground", "data-ai-chat-history-empty": "", children: t("ai_assistant.chat.tabs.noPreviousSessions", "No previous sessions yet.") }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: closed.map((session) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onClick: () => onPick(session.id),
+              className: "flex w-full items-center justify-between 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",
+              "data-ai-chat-history-item": session.id,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: defaultSessionLabel(session) }),
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(session.lastUsedAt).toLocaleDateString(void 0, {
+                  month: "short",
+                  day: "numeric"
+                }) })
+              ]
+            },
+            session.id
+          )) })
+        ]
+      }
+    ) : null
+  ] });
+}
+export {
+  ChatPaneTabs
+};
+//# sourceMappingURL=ChatPaneTabs.js.map

package/dist/ai/ChatPaneTabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ai/ChatPaneTabs.tsx"],
+  "sourcesContent": ["\"use client\"\n\n/**\n * Tab strip rendered above an `<AiChat>` surface (dock panel, dialog sheet).\n *\n * Each tab is a session for the same agent. The strip provides:\n *   - tab switching (click)\n *   - inline rename (double-click on the active tab title or pencil icon)\n *   - close (X on hover)\n *   - new session (`+`)\n *   - history dropdown (clock icon \u2192 recent closed sessions; click reopens)\n *\n * The component is purely UI \u2014 state lives in `AiChatSessionsProvider`.\n */\n\nimport * as React from 'react'\nimport { Clock, Pencil, Plus, X } from 'lucide-react'\nimport { IconButton } from '../primitives/icon-button'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  defaultSessionLabel,\n  useAiChatSessions,\n  type AiChatSession,\n} from './AiChatSessions'\n\nexport interface ChatPaneTabsProps {\n  agentId: string\n  className?: string\n}\n\nexport function ChatPaneTabs({ agentId, className }: ChatPaneTabsProps) {\n  const t = useT()\n  const sessions = useAiChatSessions()\n  const open = sessions.getOpenSessions(agentId)\n  const closed = sessions.getClosedSessions(agentId)\n  const active = sessions.getActiveSession(agentId)\n\n  const [historyOpen, setHistoryOpen] = React.useState(false)\n  const [renamingId, setRenamingId] = React.useState<string | null>(null)\n  const [draftName, setDraftName] = React.useState('')\n\n  const startRename = (session: AiChatSession) => {\n    setRenamingId(session.id)\n    // Pre-fill with the current name only \u2014 never the date fallback. If\n    // we pre-filled with the formatted date, blurring without typing\n    // would persist that date string as the session name, and creating\n    // a new tab a minute later would \"leak\" the old tab's date label\n    // onto every other unnamed tab.\n    setDraftName(session.name ?? '')\n  }\n\n  const commitRename = () => {\n    if (!renamingId) return\n    sessions.renameSession(renamingId, draftName)\n    setRenamingId(null)\n  }\n\n  const cancelRename = () => {\n    setRenamingId(null)\n    setDraftName('')\n  }\n\n  return (\n    // Outer wrapper does NOT scroll; only the inner tabs row does. The\n    // `+` button and the history dropdown live OUTSIDE that scroll area\n    // so the dropdown's absolute positioning isn't clipped by the\n    // strip's `overflow-x-auto` (which CSS resolves to `overflow-y:auto`\n    // too once one axis is non-`visible`, making any absolutely-\n    // positioned child get cut off at the strip's bottom edge).\n    <div\n      className={cn('flex items-center gap-1 px-2 pt-2 text-sm', className)}\n      data-ai-chat-tabs=\"\"\n      role=\"tablist\"\n      aria-label=\"Chat sessions\"\n    >\n      <div\n        className=\"flex min-w-0 flex-1 items-center gap-1 overflow-x-auto\"\n        data-ai-chat-tabs-scroll=\"\"\n      >\n      {open.length === 0 ? (\n        <span className=\"px-2 py-1 text-xs text-muted-foreground\" data-ai-chat-tabs-empty=\"\">\n          {t('ai_assistant.chat.tabs.noSessions', 'No sessions')}\n        </span>\n      ) : (\n        open.map((session) => {\n          const isActive = active?.id === session.id\n          const isRenaming = renamingId === session.id\n          const label = defaultSessionLabel(session)\n          return (\n            <div\n              key={session.id}\n              role=\"tab\"\n              aria-selected={isActive}\n              data-ai-chat-tab-id={session.id}\n              data-active={isActive ? 'true' : 'false'}\n              className={cn(\n                'group flex max-w-[12rem] shrink-0 items-center gap-1 rounded-t-md border-b-2 px-2 py-1',\n                isActive\n                  ? 'border-primary bg-background text-foreground'\n                  : 'border-transparent text-muted-foreground hover:text-foreground',\n              )}\n            >\n              {isRenaming ? (\n                <input\n                  autoFocus\n                  type=\"text\"\n                  value={draftName}\n                  onChange={(event) => setDraftName(event.target.value)}\n                  onBlur={commitRename}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter') {\n                      event.preventDefault()\n                      commitRename()\n                    } else if (event.key === 'Escape') {\n                      event.preventDefault()\n                      cancelRename()\n                    }\n                  }}\n                  className=\"h-6 max-w-[10rem] rounded border border-input bg-background px-1 text-xs outline-none focus:ring-2 focus:ring-ring/40\"\n                  data-ai-chat-tab-rename-input=\"\"\n                />\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={() => sessions.setActiveSession(session.id)}\n                  onDoubleClick={() => startRename(session)}\n                  title={label}\n                  className=\"truncate text-xs font-medium\"\n                >\n                  {label}\n                </button>\n              )}\n              {!isRenaming && isActive ? (\n                <IconButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"xs\"\n                  aria-label={t('ai_assistant.chat.tabs.rename', 'Rename')}\n                  title={t('ai_assistant.chat.tabs.rename', 'Rename')}\n                  className=\"opacity-60 hover:opacity-100\"\n                  onClick={() => startRename(session)}\n                  data-ai-chat-tab-rename=\"\"\n                >\n                  <Pencil className=\"size-3\" />\n                </IconButton>\n              ) : null}\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"xs\"\n                aria-label={t('ai_assistant.chat.tabs.close', 'Close')}\n                title={t('ai_assistant.chat.tabs.close', 'Close')}\n                // Always rendered visible (a previous opacity-0 default\n                // hid the X on non-hover and made the active-tab close\n                // button look unreachable). Closing the very last open\n                // tab is fine \u2014 `ensureSession` in the chat body's\n                // effect immediately mints a fresh empty tab so the user\n                // never sees an empty pane.\n                className={cn(\n                  'transition-opacity',\n                  isActive ? 'opacity-60 hover:opacity-100' : 'opacity-50 hover:opacity-100',\n                )}\n                data-active={isActive ? 'true' : 'false'}\n                onMouseDown={(event) => {\n                  // Prevent the parent tab button's blur logic / focus\n                  // shift from racing the close click on the active tab.\n                  event.stopPropagation()\n                }}\n                onClick={(event) => {\n                  event.preventDefault()\n                  event.stopPropagation()\n                  sessions.closeSession(session.id)\n                }}\n                data-ai-chat-tab-close=\"\"\n              >\n                <X className=\"size-3\" />\n              </IconButton>\n            </div>\n          )\n        })\n      )}\n      </div>\n      <IconButton\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-label={t('ai_assistant.chat.tabs.newSession', 'New session')}\n        title={t('ai_assistant.chat.tabs.newSession', 'New session')}\n        onClick={() => sessions.createSession(agentId)}\n        data-ai-chat-new-session=\"\"\n        className=\"shrink-0\"\n      >\n        <Plus className=\"size-4\" />\n      </IconButton>\n      <HistoryDropdown\n        open={historyOpen}\n        onOpenChange={setHistoryOpen}\n        closed={closed}\n        onPick={(sessionId) => {\n          sessions.reopenSession(sessionId)\n          setHistoryOpen(false)\n        }}\n      />\n    </div>\n  )\n}\n\ninterface HistoryDropdownProps {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  closed: AiChatSession[]\n  onPick: (sessionId: string) => void\n}\n\n/**\n * Plain absolutely-positioned dropdown for the recent-sessions list.\n * Bypasses the Radix Popover primitive on purpose \u2014 every chat surface\n * (dock panel, customers/catalog/launcher dialog) creates its own stacking\n * context, and the Radix Portal'd PopoverContent kept ending up either\n * behind the dialog or pushed off the visible area on tall sheets. A\n * direct `position: absolute` child of the trigger button anchors the\n * dropdown to the icon, inherits the surface's stacking context, and is\n * predictable across the dock + every dialog host without z-index hacks.\n */\nfunction HistoryDropdown({ open, onOpenChange, closed, onPick }: HistoryDropdownProps) {\n  const t = useT()\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    const onDown = (event: MouseEvent | TouchEvent) => {\n      const root = containerRef.current\n      if (!root) return\n      if (event.target instanceof Node && root.contains(event.target)) return\n      onOpenChange(false)\n    }\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') onOpenChange(false)\n    }\n    window.addEventListener('mousedown', onDown)\n    window.addEventListener('touchstart', onDown, { passive: true })\n    window.addEventListener('keydown', onKey)\n    return () => {\n      window.removeEventListener('mousedown', onDown)\n      window.removeEventListener('touchstart', onDown)\n      window.removeEventListener('keydown', onKey)\n    }\n  }, [open, onOpenChange])\n\n  return (\n    <div ref={containerRef} className=\"relative shrink-0\">\n      <IconButton\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-label={t('ai_assistant.chat.tabs.recentSessions', 'Recent sessions')}\n        title={t('ai_assistant.chat.tabs.recentSessions', 'Recent sessions')}\n        data-ai-chat-history-trigger=\"\"\n        aria-expanded={open}\n        onClick={() => onOpenChange(!open)}\n      >\n        <Clock className=\"size-4\" />\n      </IconButton>\n      {open ? (\n        <div\n          className=\"absolute right-0 top-full mt-2 w-72 max-h-[60vh] overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          // Inline z-index so the dropdown sits above any host surface\n          // (chat dialog at z-[70], dock panel, modal overlays). Inline\n          // beats Tailwind JIT for arbitrary high values.\n          style={{ zIndex: 2147483000 }}\n          data-ai-chat-history-panel=\"\"\n          role=\"menu\"\n        >\n          <div className=\"px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n            {t('ai_assistant.chat.tabs.recentSessions', 'Recent sessions')}\n          </div>\n          {closed.length === 0 ? (\n            <div className=\"px-3 py-3 text-xs text-muted-foreground\" data-ai-chat-history-empty=\"\">\n              {t('ai_assistant.chat.tabs.noPreviousSessions', 'No previous sessions yet.')}\n            </div>\n          ) : (\n            <div className=\"flex flex-col gap-0.5\">\n              {closed.map((session) => (\n                <button\n                  key={session.id}\n                  type=\"button\"\n                  role=\"menuitem\"\n                  onClick={() => onPick(session.id)}\n                  className=\"flex w-full items-center justify-between 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                  data-ai-chat-history-item={session.id}\n                >\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {defaultSessionLabel(session)}\n                  </span>\n                  <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                    {new Date(session.lastUsedAt).toLocaleDateString(undefined, {\n                      month: 'short',\n                      day: 'numeric',\n                    })}\n                  </span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiFQ,cASI,YATJ;AAlER,YAAY,WAAW;AACvB,SAAS,OAAO,QAAQ,MAAM,SAAS;AACvC,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAOA,SAAS,aAAa,EAAE,SAAS,UAAU,GAAsB;AACtE,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,kBAAkB;AACnC,QAAM,OAAO,SAAS,gBAAgB,OAAO;AAC7C,QAAM,SAAS,SAAS,kBAAkB,OAAO;AACjD,QAAM,SAAS,SAAS,iBAAiB,OAAO;AAEhD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,EAAE;AAEnD,QAAM,cAAc,CAAC,YAA2B;AAC9C,kBAAc,QAAQ,EAAE;AAMxB,iBAAa,QAAQ,QAAQ,EAAE;AAAA,EACjC;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,WAAY;AACjB,aAAS,cAAc,YAAY,SAAS;AAC5C,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,eAAe,MAAM;AACzB,kBAAc,IAAI;AAClB,iBAAa,EAAE;AAAA,EACjB;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,6CAA6C,SAAS;AAAA,QACpE,qBAAkB;AAAA,QAClB,MAAK;AAAA,QACL,cAAW;AAAA,QAEX;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,4BAAyB;AAAA,cAE1B,eAAK,WAAW,IACf,oBAAC,UAAK,WAAU,2CAA0C,2BAAwB,IAC/E,YAAE,qCAAqC,aAAa,GACvD,IAEA,KAAK,IAAI,CAAC,YAAY;AACpB,sBAAM,WAAW,QAAQ,OAAO,QAAQ;AACxC,sBAAM,aAAa,eAAe,QAAQ;AAC1C,sBAAM,QAAQ,oBAAoB,OAAO;AACzC,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,iBAAe;AAAA,oBACf,uBAAqB,QAAQ;AAAA,oBAC7B,eAAa,WAAW,SAAS;AAAA,oBACjC,WAAW;AAAA,sBACT;AAAA,sBACA,WACI,iDACA;AAAA,oBACN;AAAA,oBAEC;AAAA,mCACC;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAS;AAAA,0BACT,MAAK;AAAA,0BACL,OAAO;AAAA,0BACP,UAAU,CAAC,UAAU,aAAa,MAAM,OAAO,KAAK;AAAA,0BACpD,QAAQ;AAAA,0BACR,WAAW,CAAC,UAAU;AACpB,gCAAI,MAAM,QAAQ,SAAS;AACzB,oCAAM,eAAe;AACrB,2CAAa;AAAA,4BACf,WAAW,MAAM,QAAQ,UAAU;AACjC,oCAAM,eAAe;AACrB,2CAAa;AAAA,4BACf;AAAA,0BACF;AAAA,0BACA,WAAU;AAAA,0BACV,iCAA8B;AAAA;AAAA,sBAChC,IAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,MAAM,SAAS,iBAAiB,QAAQ,EAAE;AAAA,0BACnD,eAAe,MAAM,YAAY,OAAO;AAAA,0BACxC,OAAO;AAAA,0BACP,WAAU;AAAA,0BAET;AAAA;AAAA,sBACH;AAAA,sBAED,CAAC,cAAc,WACd;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,cAAY,EAAE,iCAAiC,QAAQ;AAAA,0BACvD,OAAO,EAAE,iCAAiC,QAAQ;AAAA,0BAClD,WAAU;AAAA,0BACV,SAAS,MAAM,YAAY,OAAO;AAAA,0BAClC,2BAAwB;AAAA,0BAExB,8BAAC,UAAO,WAAU,UAAS;AAAA;AAAA,sBAC7B,IACE;AAAA,sBACJ;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,cAAY,EAAE,gCAAgC,OAAO;AAAA,0BACrD,OAAO,EAAE,gCAAgC,OAAO;AAAA,0BAOhD,WAAW;AAAA,4BACT;AAAA,4BACA,WAAW,iCAAiC;AAAA,0BAC9C;AAAA,0BACA,eAAa,WAAW,SAAS;AAAA,0BACjC,aAAa,CAAC,UAAU;AAGtB,kCAAM,gBAAgB;AAAA,0BACxB;AAAA,0BACA,SAAS,CAAC,UAAU;AAClB,kCAAM,eAAe;AACrB,kCAAM,gBAAgB;AACtB,qCAAS,aAAa,QAAQ,EAAE;AAAA,0BAClC;AAAA,0BACA,0BAAuB;AAAA,0BAEvB,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,sBACxB;AAAA;AAAA;AAAA,kBAtFK,QAAQ;AAAA,gBAuFf;AAAA,cAEJ,CAAC;AAAA;AAAA,UAEH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAY,EAAE,qCAAqC,aAAa;AAAA,cAChE,OAAO,EAAE,qCAAqC,aAAa;AAAA,cAC3D,SAAS,MAAM,SAAS,cAAc,OAAO;AAAA,cAC7C,4BAAyB;AAAA,cACzB,WAAU;AAAA,cAEV,8BAAC,QAAK,WAAU,UAAS;AAAA;AAAA,UAC3B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,cAAc;AAAA,cACd;AAAA,cACA,QAAQ,CAAC,cAAc;AACrB,yBAAS,cAAc,SAAS;AAChC,+BAAe,KAAK;AAAA,cACtB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAmBA,SAAS,gBAAgB,EAAE,MAAM,cAAc,QAAQ,OAAO,GAAyB;AACrF,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,MAAM,OAA8B,IAAI;AAE7D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,CAAC,UAAmC;AACjD,YAAM,OAAO,aAAa;AAC1B,UAAI,CAAC,KAAM;AACX,UAAI,MAAM,kBAAkB,QAAQ,KAAK,SAAS,MAAM,MAAM,EAAG;AACjE,mBAAa,KAAK;AAAA,IACpB;AACA,UAAM,QAAQ,CAAC,UAAyB;AACtC,UAAI,MAAM,QAAQ,SAAU,cAAa,KAAK;AAAA,IAChD;AACA,WAAO,iBAAiB,aAAa,MAAM;AAC3C,WAAO,iBAAiB,cAAc,QAAQ,EAAE,SAAS,KAAK,CAAC;AAC/D,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,MAAM;AAC9C,aAAO,oBAAoB,cAAc,MAAM;AAC/C,aAAO,oBAAoB,WAAW,KAAK;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,SACE,qBAAC,SAAI,KAAK,cAAc,WAAU,qBAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAY,EAAE,yCAAyC,iBAAiB;AAAA,QACxE,OAAO,EAAE,yCAAyC,iBAAiB;AAAA,QACnE,gCAA6B;AAAA,QAC7B,iBAAe;AAAA,QACf,SAAS,MAAM,aAAa,CAAC,IAAI;AAAA,QAEjC,8BAAC,SAAM,WAAU,UAAS;AAAA;AAAA,IAC5B;AAAA,IACC,OACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAIV,OAAO,EAAE,QAAQ,UAAW;AAAA,QAC5B,8BAA2B;AAAA,QAC3B,MAAK;AAAA,QAEL;AAAA,8BAAC,SAAI,WAAU,oFACZ,YAAE,yCAAyC,iBAAiB,GAC/D;AAAA,UACC,OAAO,WAAW,IACjB,oBAAC,SAAI,WAAU,2CAA0C,8BAA2B,IACjF,YAAE,6CAA6C,2BAA2B,GAC7E,IAEA,oBAAC,SAAI,WAAU,yBACZ,iBAAO,IAAI,CAAC,YACX;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,MAAM,OAAO,QAAQ,EAAE;AAAA,cAChC,WAAU;AAAA,cACV,6BAA2B,QAAQ;AAAA,cAEnC;AAAA,oCAAC,UAAK,WAAU,2BACb,8BAAoB,OAAO,GAC9B;AAAA,gBACA,oBAAC,UAAK,WAAU,8CACb,cAAI,KAAK,QAAQ,UAAU,EAAE,mBAAmB,QAAW;AAAA,kBAC1D,OAAO;AAAA,kBACP,KAAK;AAAA,gBACP,CAAC,GACH;AAAA;AAAA;AAAA,YAfK,QAAQ;AAAA,UAgBf,CACD,GACH;AAAA;AAAA;AAAA,IAEJ,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/ai/index.js

@@ -0,0 +1,115 @@
+import { AiChat } from "./AiChat.js";
+import {
+  AiAssistantLauncher
+} from "./AiAssistantLauncher.js";
+import {
+  AiDockProvider,
+  useAiDock
+} from "./AiDock.js";
+import {
+  AiChatSessionsProvider,
+  useAiChatSessions,
+  defaultSessionLabel
+} from "./AiChatSessions.js";
+import { ChatPaneTabs } from "./ChatPaneTabs.js";
+import {
+  useAiChat
+} from "./useAiChat.js";
+import {
+  useAiShortcuts
+} from "./useAiShortcuts.js";
+import {
+  registerAiUiPart,
+  resolveAiUiPart,
+  unregisterAiUiPart,
+  resetAiUiPartRegistryForTests,
+  listAiUiParts,
+  createAiUiPartRegistry,
+  defaultAiUiPartRegistry,
+  RESERVED_AI_UI_PART_IDS,
+  isReservedAiUiPartId
+} from "./ui-part-registry.js";
+import { PendingPhase3Placeholder } from "./ui-parts/pending-phase3-placeholder.js";
+import {
+  MutationPreviewCard,
+  FieldDiffCard,
+  ConfirmationCard,
+  MutationResultCard,
+  AI_MUTATION_APPROVAL_CARDS,
+  useAiPendingActionPolling,
+  confirmPendingAction,
+  cancelPendingAction
+} from "./parts/index.js";
+import {
+  uploadAttachmentsForChat
+} from "./upload-adapter.js";
+import {
+  RecordCard,
+  DealCard,
+  PersonCard,
+  CompanyCard,
+  ProductCard,
+  ActivityCard,
+  RecordCardShell,
+  KeyValueList,
+  TagRow,
+  statusToTagVariant,
+  registerRecordCardUiParts,
+  RECORD_CARD_COMPONENT_IDS
+} from "./records/index.js";
+import {
+  AiMessageContent,
+  parseAiContentSegments,
+  RECORD_CARD_FENCE_INFO_PREFIX
+} from "./AiMessageContent.js";
+import {
+  useAiChatUpload
+} from "./useAiChatUpload.js";
+export {
+  AI_MUTATION_APPROVAL_CARDS,
+  ActivityCard,
+  AiAssistantLauncher,
+  AiChat,
+  AiChatSessionsProvider,
+  AiDockProvider,
+  AiMessageContent,
+  ChatPaneTabs,
+  CompanyCard,
+  ConfirmationCard,
+  DealCard,
+  FieldDiffCard,
+  KeyValueList,
+  MutationPreviewCard,
+  MutationResultCard,
+  PendingPhase3Placeholder,
+  PersonCard,
+  ProductCard,
+  RECORD_CARD_COMPONENT_IDS,
+  RECORD_CARD_FENCE_INFO_PREFIX,
+  RESERVED_AI_UI_PART_IDS,
+  RecordCard,
+  RecordCardShell,
+  TagRow,
+  cancelPendingAction,
+  confirmPendingAction,
+  createAiUiPartRegistry,
+  defaultAiUiPartRegistry,
+  defaultSessionLabel,
+  isReservedAiUiPartId,
+  listAiUiParts,
+  parseAiContentSegments,
+  registerAiUiPart,
+  registerRecordCardUiParts,
+  resetAiUiPartRegistryForTests,
+  resolveAiUiPart,
+  statusToTagVariant,
+  unregisterAiUiPart,
+  uploadAttachmentsForChat,
+  useAiChat,
+  useAiChatSessions,
+  useAiChatUpload,
+  useAiDock,
+  useAiPendingActionPolling,
+  useAiShortcuts
+};
+//# sourceMappingURL=index.js.map

package/dist/ai/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ai/index.ts"],
+  "sourcesContent": ["export { AiChat, type AiChatProps, type AiChatDebugTool, type AiChatDebugPromptSection } from './AiChat'\nexport {\n  AiAssistantLauncher,\n  type AiAssistantLauncherAgent,\n  type AiAssistantLauncherProps,\n} from './AiAssistantLauncher'\nexport {\n  AiDockProvider,\n  useAiDock,\n  type AiDockedAssistant,\n} from './AiDock'\nexport {\n  AiChatSessionsProvider,\n  useAiChatSessions,\n  defaultSessionLabel,\n  type AiChatSession,\n} from './AiChatSessions'\nexport { ChatPaneTabs } from './ChatPaneTabs'\nexport {\n  useAiChat,\n  type AiChatMessage,\n  type AiChatToolCallSnapshot,\n  type AiChatMessageFile,\n  type AiChatErrorEnvelope,\n  type UseAiChatInput,\n  type UseAiChatResult,\n} from './useAiChat'\nexport {\n  useAiShortcuts,\n  type UseAiShortcutsOptions,\n  type UseAiShortcutsResult,\n} from './useAiShortcuts'\nexport {\n  registerAiUiPart,\n  resolveAiUiPart,\n  unregisterAiUiPart,\n  resetAiUiPartRegistryForTests,\n  listAiUiParts,\n  createAiUiPartRegistry,\n  defaultAiUiPartRegistry,\n  RESERVED_AI_UI_PART_IDS,\n  isReservedAiUiPartId,\n  type AiUiPartComponent,\n  type AiUiPartComponentId,\n  type AiUiPartProps,\n  type AiUiPartRegistry,\n  type AiUiPartRegistryEntry,\n  type CreateAiUiPartRegistryOptions,\n  type ReservedAiUiPartId,\n} from './ui-part-registry'\nexport { PendingPhase3Placeholder } from './ui-parts/pending-phase3-placeholder'\nexport {\n  MutationPreviewCard,\n  FieldDiffCard,\n  ConfirmationCard,\n  MutationResultCard,\n  AI_MUTATION_APPROVAL_CARDS,\n  useAiPendingActionPolling,\n  confirmPendingAction,\n  cancelPendingAction,\n  type UseAiPendingActionPollingOptions,\n  type UseAiPendingActionPollingResult,\n  type PendingActionMutationOk,\n  type PendingActionMutationError,\n  type PendingActionMutationResult,\n  type AiPendingActionCardAction,\n  type AiPendingActionCardStatus,\n  type AiPendingActionCardFieldDiff,\n  type AiPendingActionCardRecordDiff,\n  type AiPendingActionCardFailedRecord,\n  type AiPendingActionCardExecutionResult,\n} from './parts'\nexport {\n  uploadAttachmentsForChat,\n  type UploadAttachmentsForChatOptions,\n  type UploadAttachmentsForChatResult,\n  type UploadedAttachment,\n  type UploadFailure,\n  type UploadFailureReason,\n} from './upload-adapter'\nexport {\n  RecordCard,\n  DealCard,\n  PersonCard,\n  CompanyCard,\n  ProductCard,\n  ActivityCard,\n  RecordCardShell,\n  KeyValueList,\n  TagRow,\n  statusToTagVariant,\n  type RecordCardProps,\n  type RecordCardShellProps,\n  type KeyValueListItem,\n  type DealCardProps,\n  type PersonCardProps,\n  type CompanyCardProps,\n  type ProductCardProps,\n  type ActivityCardProps,\n  type RecordCardKind,\n  type RecordCardPayload,\n  type RecordCardBaseProps,\n  type DealRecordPayload,\n  type PersonRecordPayload,\n  type CompanyRecordPayload,\n  type ProductRecordPayload,\n  type ActivityRecordPayload,\n  registerRecordCardUiParts,\n  RECORD_CARD_COMPONENT_IDS,\n  type RecordCardComponentId,\n} from './records'\nexport {\n  AiMessageContent,\n  parseAiContentSegments,\n  RECORD_CARD_FENCE_INFO_PREFIX,\n  type AiMessageContentSegment,\n  type AiMessageContentProps,\n} from './AiMessageContent'\nexport {\n  useAiChatUpload,\n  type UseAiChatUploadOptions,\n  type UseAiChatUploadState,\n  type AiChatUploadFileState,\n  type AiChatUploadFileStatus,\n} from './useAiChatUpload'\n"],
+  "mappings": "AAAA,SAAS,cAAqF;AAC9F;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,OAOK;AACP;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAQK;AACP,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAYK;AACP;AAAA,EACE;AAAA,OAMK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAiBA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,OAKK;",
+  "names": []
+}

package/dist/ai/parts/ConfirmationCard.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertTriangle, Loader2 } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Alert, AlertDescription, AlertTitle } from "../../primitives/alert.js";
+import { Button } from "../../primitives/button.js";
+import { Spinner } from "../../primitives/spinner.js";
+import { useAiShortcuts } from "../useAiShortcuts.js";
+import { cancelPendingAction } from "./pending-action-api.js";
+import { useAiPendingActionPolling } from "./useAiPendingActionPolling.js";
+import { MutationResultCard } from "./MutationResultCard.js";
+function ConfirmationCard(props) {
+  const t = useT();
+  const pendingActionId = props.pendingActionId ?? "";
+  const payload = props.payload ?? {};
+  const injected = props.initialAction ?? payload.pendingAction ?? null;
+  const { action, status, refresh } = useAiPendingActionPolling({
+    pendingActionId,
+    endpoint: props.endpoint,
+    disabled: !pendingActionId
+  });
+  const effectiveAction = action ?? injected ?? null;
+  const effectiveStatus = effectiveAction?.status ?? status;
+  const [isCancelling, setIsCancelling] = React.useState(false);
+  const [localError, setLocalError] = React.useState(
+    payload.confirmError ? { code: payload.confirmError.code, message: payload.confirmError.message, extra: payload.confirmError.extra } : null
+  );
+  const canCancel = !isCancelling && (effectiveStatus === "pending" || effectiveStatus === "confirmed" || effectiveStatus == null);
+  const handleCancel = React.useCallback(async () => {
+    if (!canCancel) return;
+    if (props.onCancel) {
+      await props.onCancel();
+      return;
+    }
+    if (!pendingActionId) return;
+    setIsCancelling(true);
+    try {
+      const result = await cancelPendingAction(pendingActionId, {
+        endpoint: props.endpoint
+      });
+      if (!result.ok) {
+        setLocalError({
+          code: result.error.code,
+          message: result.error.message,
+          extra: result.error.extra
+        });
+      }
+      await refresh();
+    } finally {
+      setIsCancelling(false);
+    }
+  }, [canCancel, pendingActionId, props, refresh]);
+  const { handleKeyDown } = useAiShortcuts({
+    onCancel: () => {
+      void handleCancel();
+    },
+    enabled: canCancel
+  });
+  const executionError = effectiveAction?.executionResult?.error;
+  if (effectiveStatus === "confirmed" || effectiveStatus === "failed" || effectiveStatus === "cancelled" || effectiveStatus === "expired" || executionError) {
+    return /* @__PURE__ */ jsx(
+      MutationResultCard,
+      {
+        componentId: "mutation-result-card",
+        pendingActionId,
+        initialAction: effectiveAction ?? void 0,
+        endpoint: props.endpoint
+      }
+    );
+  }
+  const summary = effectiveAction?.sideEffectsSummary ?? payload.sideEffectsSummary ?? t(
+    "ai_assistant.chat.mutation_cards.confirmation.defaultSummary",
+    "Applying the requested changes..."
+  );
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-md border border-border bg-muted/30 p-4 text-sm outline-none",
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      "data-ai-confirmation-card": true,
+      "data-ai-confirmation-status": effectiveStatus ?? "pending",
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "mt-0.5" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t(
+              "ai_assistant.chat.mutation_cards.confirmation.title",
+              "Applying action..."
+            ) }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: summary })
+          ] })
+        ] }),
+        localError ? /* @__PURE__ */ jsx(ConfirmationErrorAlert, { error: localError }) : null,
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center justify-end gap-2", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              void handleCancel();
+            },
+            disabled: !canCancel,
+            "data-ai-confirmation-cancel": true,
+            children: [
+              isCancelling ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : null,
+              /* @__PURE__ */ jsx("span", { children: t("ai_assistant.chat.mutation_cards.confirmation.cancel", "Cancel") })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ConfirmationErrorAlert({
+  error
+}) {
+  const t = useT();
+  const code = error.code ?? "unknown";
+  if (code === "stale_version") {
+    const failedRecords = Array.isArray(error.extra?.failedRecords) ? error.extra?.failedRecords : [];
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        variant: "warning",
+        className: "mt-3",
+        "data-ai-confirmation-error": "stale_version",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: t(
+            "ai_assistant.chat.mutation_cards.confirmation.staleVersionTitle",
+            "Re-propose required"
+          ) }),
+          /* @__PURE__ */ jsxs(AlertDescription, { children: [
+            /* @__PURE__ */ jsx("p", { children: t(
+              "ai_assistant.chat.mutation_cards.confirmation.staleVersionBody",
+              "One or more records changed since this preview was generated. Ask the assistant to re-propose the change."
+            ) }),
+            failedRecords.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-2 list-disc pl-5 text-xs", children: failedRecords.map((record, idx) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                "data-ai-confirmation-stale-record": record.recordId ?? "",
+                children: /* @__PURE__ */ jsx("span", { className: "font-mono", children: record.recordId ?? "\u2014" })
+              },
+              `${record.recordId ?? idx}`
+            )) }) : null
+          ] })
+        ]
+      }
+    );
+  }
+  if (code === "schema_drift") {
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        variant: "warning",
+        className: "mt-3",
+        "data-ai-confirmation-error": "schema_drift",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: t(
+            "ai_assistant.chat.mutation_cards.confirmation.schemaDriftTitle",
+            "Schema changed"
+          ) }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: t(
+            "ai_assistant.chat.mutation_cards.confirmation.schemaDriftBody",
+            "The tool signature changed since this preview was generated. Ask the assistant to re-propose the change."
+          ) })
+        ]
+      }
+    );
+  }
+  if (code === "invalid_status") {
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        variant: "warning",
+        className: "mt-3",
+        "data-ai-confirmation-error": "invalid_status",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: t(
+            "ai_assistant.chat.mutation_cards.confirmation.invalidStatusTitle",
+            "Action already resolved"
+          ) }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: t(
+            "ai_assistant.chat.mutation_cards.confirmation.invalidStatusBody",
+            "This action has already been confirmed, cancelled, or executed."
+          ) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-3", "data-ai-confirmation-error": code, children: [
+    /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4", "aria-hidden": true }),
+    /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.chat.mutation_cards.confirmation.errorTitle", "Confirm failed") }),
+    /* @__PURE__ */ jsxs(AlertDescription, { children: [
+      /* @__PURE__ */ jsx("span", { className: "mr-2 font-mono text-xs", children: code }),
+      /* @__PURE__ */ jsx("span", { children: error.message })
+    ] })
+  ] });
+}
+var ConfirmationCard_default = ConfirmationCard;
+export {
+  ConfirmationCard,
+  ConfirmationCard_default as default
+};
+//# sourceMappingURL=ConfirmationCard.js.map