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

package/dist/ai/parts/ConfirmationCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/parts/ConfirmationCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, Loader2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Alert, AlertDescription, AlertTitle } from '../../primitives/alert'\nimport { Button } from '../../primitives/button'\nimport { Spinner } from '../../primitives/spinner'\nimport { useAiShortcuts } from '../useAiShortcuts'\nimport type { AiUiPartProps } from '../ui-part-registry'\nimport { cancelPendingAction } from './pending-action-api'\nimport { useAiPendingActionPolling } from './useAiPendingActionPolling'\nimport { MutationResultCard } from './MutationResultCard'\nimport type { AiPendingActionCardAction } from './types'\n\n/**\n * Confirmation / in-flight card rendered after the user clicks `Confirm` on\n * the preview card. Shows a spinner + the side-effects summary while the\n * server runs the re-check contract and executes the wrapped tool.\n *\n * The user can race the confirm by clicking Cancel \u2014 but only while the\n * server has not yet flipped the row to `executing`. The polling hook\n * drives the disable logic.\n *\n * Surfaces structured error envelopes from the confirm route: 412\n * `stale_version` (records changed since preview) and 412 `schema_drift`\n * (tool input schema changed) render targeted alerts with the specific\n * recovery copy. Keyboard: `Escape` triggers Cancel; `Cmd/Ctrl+Enter` is\n * intentionally inert (the user already confirmed).\n *\n * Terminal states flip this card into a {@link MutationResultCard} render\n * so the chat transcript does not need two separate cards for confirmed\n * vs pending.\n */\nexport interface ConfirmationCardPayload {\n  sideEffectsSummary?: string | null\n  pendingAction?: AiPendingActionCardAction\n  confirmError?: {\n    status: number\n    code?: string\n    message: string\n    extra?: Record<string, unknown>\n  }\n}\n\nexport interface ConfirmationCardProps extends AiUiPartProps {\n  /** Optional override for tests \u2014 bypasses the polling fetch. */\n  initialAction?: AiPendingActionCardAction\n  /** Endpoint override (tests). */\n  endpoint?: string\n  /** Optional cancel handler override (tests). */\n  onCancel?: () => Promise<void> | void\n}\n\nexport function ConfirmationCard(props: ConfirmationCardProps) {\n  const t = useT()\n  const pendingActionId = props.pendingActionId ?? ''\n  const payload = (props.payload as ConfirmationCardPayload | undefined) ?? {}\n  const injected = props.initialAction ?? payload.pendingAction ?? null\n\n  const { action, status, refresh } = useAiPendingActionPolling({\n    pendingActionId,\n    endpoint: props.endpoint,\n    disabled: !pendingActionId,\n  })\n\n  const effectiveAction = action ?? injected ?? null\n  const effectiveStatus = effectiveAction?.status ?? status\n\n  const [isCancelling, setIsCancelling] = React.useState(false)\n  const [localError, setLocalError] = React.useState<{\n    code?: string\n    message: string\n    extra?: Record<string, unknown>\n  } | null>(\n    payload.confirmError\n      ? { code: payload.confirmError.code, message: payload.confirmError.message, extra: payload.confirmError.extra }\n      : null,\n  )\n\n  const canCancel =\n    !isCancelling &&\n    (effectiveStatus === 'pending' || effectiveStatus === 'confirmed' || effectiveStatus == null)\n\n  const handleCancel = React.useCallback(async () => {\n    if (!canCancel) return\n    if (props.onCancel) {\n      await props.onCancel()\n      return\n    }\n    if (!pendingActionId) return\n    setIsCancelling(true)\n    try {\n      const result = await cancelPendingAction(pendingActionId, {\n        endpoint: props.endpoint,\n      })\n      if (!result.ok) {\n        setLocalError({\n          code: result.error.code,\n          message: result.error.message,\n          extra: result.error.extra,\n        })\n      }\n      await refresh()\n    } finally {\n      setIsCancelling(false)\n    }\n  }, [canCancel, pendingActionId, props, refresh])\n\n  const { handleKeyDown } = useAiShortcuts({\n    onCancel: () => {\n      void handleCancel()\n    },\n    enabled: canCancel,\n  })\n\n  // Terminal states \u2014 hand off to the result card renderer. Also short-\n  // circuit when the dispatcher has already populated an\n  // `executionResult.error`: the row may not have transitioned out of\n  // `executing` in the latest polling snapshot, but the handler error is\n  // authoritative, and leaving the spinner up while a known error is\n  // available is exactly the \"stalled at processing\" symptom the user\n  // reported. Surface the error card immediately.\n  const executionError = effectiveAction?.executionResult?.error\n  if (\n    effectiveStatus === 'confirmed' ||\n    effectiveStatus === 'failed' ||\n    effectiveStatus === 'cancelled' ||\n    effectiveStatus === 'expired' ||\n    executionError\n  ) {\n    return (\n      <MutationResultCard\n        componentId=\"mutation-result-card\"\n        pendingActionId={pendingActionId}\n        initialAction={effectiveAction ?? undefined}\n        endpoint={props.endpoint}\n      />\n    )\n  }\n\n  const summary =\n    effectiveAction?.sideEffectsSummary ??\n    payload.sideEffectsSummary ??\n    t(\n      'ai_assistant.chat.mutation_cards.confirmation.defaultSummary',\n      'Applying the requested changes...',\n    )\n\n  return (\n    <section\n      className=\"rounded-md border border-border bg-muted/30 p-4 text-sm outline-none\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      data-ai-confirmation-card\n      data-ai-confirmation-status={effectiveStatus ?? 'pending'}\n      aria-busy\n    >\n      <div className=\"flex items-start gap-3\">\n        <Spinner size=\"sm\" className=\"mt-0.5\" />\n        <div className=\"flex-1\">\n          <h4 className=\"text-sm font-semibold\">\n            {t(\n              'ai_assistant.chat.mutation_cards.confirmation.title',\n              'Applying action...',\n            )}\n          </h4>\n          <p className=\"mt-1 text-sm text-muted-foreground\">{summary}</p>\n        </div>\n      </div>\n\n      {localError ? (\n        <ConfirmationErrorAlert error={localError} />\n      ) : null}\n\n      <div className=\"mt-3 flex items-center justify-end gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => {\n            void handleCancel()\n          }}\n          disabled={!canCancel}\n          data-ai-confirmation-cancel\n        >\n          {isCancelling ? (\n            <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n          ) : null}\n          <span>\n            {t('ai_assistant.chat.mutation_cards.confirmation.cancel', 'Cancel')}\n          </span>\n        </Button>\n      </div>\n    </section>\n  )\n}\n\nfunction ConfirmationErrorAlert({\n  error,\n}: {\n  error: { code?: string; message: string; extra?: Record<string, unknown> }\n}) {\n  const t = useT()\n  const code = error.code ?? 'unknown'\n\n  if (code === 'stale_version') {\n    const failedRecords = Array.isArray(error.extra?.failedRecords)\n      ? (error.extra?.failedRecords as Array<{ recordId?: string }>)\n      : []\n    return (\n      <Alert\n        variant=\"warning\"\n        className=\"mt-3\"\n        data-ai-confirmation-error=\"stale_version\"\n      >\n        <AlertTriangle className=\"size-4\" aria-hidden />\n        <AlertTitle>\n          {t(\n            'ai_assistant.chat.mutation_cards.confirmation.staleVersionTitle',\n            'Re-propose required',\n          )}\n        </AlertTitle>\n        <AlertDescription>\n          <p>\n            {t(\n              'ai_assistant.chat.mutation_cards.confirmation.staleVersionBody',\n              'One or more records changed since this preview was generated. Ask the assistant to re-propose the change.',\n            )}\n          </p>\n          {failedRecords.length > 0 ? (\n            <ul className=\"mt-2 list-disc pl-5 text-xs\">\n              {failedRecords.map((record, idx) => (\n                <li\n                  key={`${record.recordId ?? idx}`}\n                  data-ai-confirmation-stale-record={record.recordId ?? ''}\n                >\n                  <span className=\"font-mono\">{record.recordId ?? '\u2014'}</span>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  if (code === 'schema_drift') {\n    return (\n      <Alert\n        variant=\"warning\"\n        className=\"mt-3\"\n        data-ai-confirmation-error=\"schema_drift\"\n      >\n        <AlertTriangle className=\"size-4\" aria-hidden />\n        <AlertTitle>\n          {t(\n            'ai_assistant.chat.mutation_cards.confirmation.schemaDriftTitle',\n            'Schema changed',\n          )}\n        </AlertTitle>\n        <AlertDescription>\n          {t(\n            'ai_assistant.chat.mutation_cards.confirmation.schemaDriftBody',\n            'The tool signature changed since this preview was generated. Ask the assistant to re-propose the change.',\n          )}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  if (code === 'invalid_status') {\n    return (\n      <Alert\n        variant=\"warning\"\n        className=\"mt-3\"\n        data-ai-confirmation-error=\"invalid_status\"\n      >\n        <AlertTriangle className=\"size-4\" aria-hidden />\n        <AlertTitle>\n          {t(\n            'ai_assistant.chat.mutation_cards.confirmation.invalidStatusTitle',\n            'Action already resolved',\n          )}\n        </AlertTitle>\n        <AlertDescription>\n          {t(\n            'ai_assistant.chat.mutation_cards.confirmation.invalidStatusBody',\n            'This action has already been confirmed, cancelled, or executed.',\n          )}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <Alert variant=\"destructive\" className=\"mt-3\" data-ai-confirmation-error={code}>\n      <AlertTriangle className=\"size-4\" aria-hidden />\n      <AlertTitle>\n        {t('ai_assistant.chat.mutation_cards.confirmation.errorTitle', 'Confirm failed')}\n      </AlertTitle>\n      <AlertDescription>\n        <span className=\"mr-2 font-mono text-xs\">{code}</span>\n        <span>{error.message}</span>\n      </AlertDescription>\n    </Alert>\n  )\n}\n\nexport default ConfirmationCard\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/ai/parts/FieldDiffCard.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Alert, AlertDescription } from "../../primitives/alert.js";
+function formatValue(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function DiffRow({ entry }) {
+  const before = formatValue(entry.before);
+  const after = formatValue(entry.after);
+  return /* @__PURE__ */ jsxs("tr", { className: "border-b border-border last:border-b-0", "data-ai-field-diff-row": true, children: [
+    /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-4 text-xs font-mono text-muted-foreground align-top", children: entry.field }),
+    /* @__PURE__ */ jsx(
+      "td",
+      {
+        className: "py-1.5 pr-4 text-sm align-top text-status-warning-text",
+        "data-ai-field-diff-before": true,
+        children: /* @__PURE__ */ jsx("span", { className: "line-through break-all", children: before || "\u2014" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "td",
+      {
+        className: "py-1.5 text-sm align-top text-status-success-text",
+        "data-ai-field-diff-after": true,
+        children: /* @__PURE__ */ jsx("span", { className: "font-medium break-all", children: after || "\u2014" })
+      }
+    )
+  ] });
+}
+function DiffTable({ rows, fieldHeader, beforeHeader, afterHeader }) {
+  return /* @__PURE__ */ jsxs("table", { className: "w-full", "data-ai-field-diff-table": true, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsx("th", { className: "py-1 pr-4 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: fieldHeader }),
+      /* @__PURE__ */ jsx("th", { className: "py-1 pr-4 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: beforeHeader }),
+      /* @__PURE__ */ jsx("th", { className: "py-1 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: afterHeader })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((entry, idx) => /* @__PURE__ */ jsx(DiffRow, { entry }, `${entry.field}-${idx}`)) })
+  ] });
+}
+function FieldDiffCard({ fieldDiff, records }) {
+  const t = useT();
+  const fieldHeader = t(
+    "ai_assistant.chat.mutation_cards.diff.fieldHeader",
+    "Field"
+  );
+  const beforeHeader = t(
+    "ai_assistant.chat.mutation_cards.diff.beforeHeader",
+    "Before"
+  );
+  const afterHeader = t(
+    "ai_assistant.chat.mutation_cards.diff.afterHeader",
+    "After"
+  );
+  const batch = Array.isArray(records) && records.length > 0 ? records : null;
+  const flat = Array.isArray(fieldDiff) ? fieldDiff : [];
+  if (batch) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", "data-ai-field-diff-mode": "batch", children: batch.map((record) => /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-md border border-border bg-background p-3",
+        "data-ai-field-diff-record": record.recordId,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "mb-2 flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: record.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-muted-foreground", children: record.entityType })
+          ] }),
+          record.fieldDiff.length > 0 ? /* @__PURE__ */ jsx(
+            DiffTable,
+            {
+              rows: record.fieldDiff,
+              fieldHeader,
+              beforeHeader,
+              afterHeader
+            }
+          ) : /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
+            /* @__PURE__ */ jsx(Info, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: t(
+              "ai_assistant.chat.mutation_cards.diff.empty",
+              "No field changes for this record."
+            ) })
+          ] })
+        ]
+      },
+      record.recordId
+    )) });
+  }
+  if (flat.length === 0) {
+    return /* @__PURE__ */ jsxs(Alert, { variant: "info", "data-ai-field-diff-mode": "empty", children: [
+      /* @__PURE__ */ jsx(Info, { className: "size-4", "aria-hidden": true }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: t(
+        "ai_assistant.chat.mutation_cards.diff.empty",
+        "No field changes for this record."
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { "data-ai-field-diff-mode": "flat", children: /* @__PURE__ */ jsx(
+    DiffTable,
+    {
+      rows: flat,
+      fieldHeader,
+      beforeHeader,
+      afterHeader
+    }
+  ) });
+}
+var FieldDiffCard_default = FieldDiffCard;
+export {
+  FieldDiffCard,
+  FieldDiffCard_default as default
+};
+//# sourceMappingURL=FieldDiffCard.js.map

package/dist/ai/parts/FieldDiffCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/parts/FieldDiffCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Info } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Alert, AlertDescription } from '../../primitives/alert'\nimport type {\n  AiPendingActionCardFieldDiff,\n  AiPendingActionCardRecordDiff,\n} from './types'\n\n/**\n * Presentational card rendering a `fieldDiff` list in compact three-column\n * form (field | before | after) with DS-compliant semantic-token colors.\n * Accepts either a flat `fieldDiff[]` (single-record preview) or grouped\n * `records[]` (batch preview) \u2014 when both are supplied, `records` wins,\n * matching the server-side `AiPendingAction` contract (spec \u00A78 rule 2).\n */\nexport interface FieldDiffCardProps {\n  fieldDiff?: AiPendingActionCardFieldDiff[] | null\n  records?: AiPendingActionCardRecordDiff[] | null\n  /** Optional forwarded componentId for the registry renderer. */\n  componentId?: string\n}\n\nfunction formatValue(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string') return value\n  try {\n    return JSON.stringify(value)\n  } catch {\n    return String(value)\n  }\n}\n\nfunction DiffRow({ entry }: { entry: AiPendingActionCardFieldDiff }) {\n  const before = formatValue(entry.before)\n  const after = formatValue(entry.after)\n  return (\n    <tr className=\"border-b border-border last:border-b-0\" data-ai-field-diff-row>\n      <td className=\"py-1.5 pr-4 text-xs font-mono text-muted-foreground align-top\">\n        {entry.field}\n      </td>\n      <td\n        className=\"py-1.5 pr-4 text-sm align-top text-status-warning-text\"\n        data-ai-field-diff-before\n      >\n        <span className=\"line-through break-all\">{before || '\u2014'}</span>\n      </td>\n      <td\n        className=\"py-1.5 text-sm align-top text-status-success-text\"\n        data-ai-field-diff-after\n      >\n        <span className=\"font-medium break-all\">{after || '\u2014'}</span>\n      </td>\n    </tr>\n  )\n}\n\nfunction DiffTable({ rows, fieldHeader, beforeHeader, afterHeader }: {\n  rows: AiPendingActionCardFieldDiff[]\n  fieldHeader: string\n  beforeHeader: string\n  afterHeader: string\n}) {\n  return (\n    <table className=\"w-full\" data-ai-field-diff-table>\n      <thead>\n        <tr className=\"border-b border-border\">\n          <th className=\"py-1 pr-4 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            {fieldHeader}\n          </th>\n          <th className=\"py-1 pr-4 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            {beforeHeader}\n          </th>\n          <th className=\"py-1 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            {afterHeader}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((entry, idx) => (\n          <DiffRow key={`${entry.field}-${idx}`} entry={entry} />\n        ))}\n      </tbody>\n    </table>\n  )\n}\n\nexport function FieldDiffCard({ fieldDiff, records }: FieldDiffCardProps) {\n  const t = useT()\n  const fieldHeader = t(\n    'ai_assistant.chat.mutation_cards.diff.fieldHeader',\n    'Field',\n  )\n  const beforeHeader = t(\n    'ai_assistant.chat.mutation_cards.diff.beforeHeader',\n    'Before',\n  )\n  const afterHeader = t(\n    'ai_assistant.chat.mutation_cards.diff.afterHeader',\n    'After',\n  )\n\n  const batch = Array.isArray(records) && records.length > 0 ? records : null\n  const flat = Array.isArray(fieldDiff) ? fieldDiff : []\n\n  if (batch) {\n    return (\n      <div className=\"flex flex-col gap-3\" data-ai-field-diff-mode=\"batch\">\n        {batch.map((record) => (\n          <section\n            key={record.recordId}\n            className=\"rounded-md border border-border bg-background p-3\"\n            data-ai-field-diff-record={record.recordId}\n          >\n            <header className=\"mb-2 flex items-baseline justify-between gap-2\">\n              <h4 className=\"text-sm font-semibold\">{record.label}</h4>\n              <span className=\"text-xs font-mono text-muted-foreground\">\n                {record.entityType}\n              </span>\n            </header>\n            {record.fieldDiff.length > 0 ? (\n              <DiffTable\n                rows={record.fieldDiff}\n                fieldHeader={fieldHeader}\n                beforeHeader={beforeHeader}\n                afterHeader={afterHeader}\n              />\n            ) : (\n              <Alert variant=\"info\">\n                <Info className=\"size-4\" aria-hidden />\n                <AlertDescription>\n                  {t(\n                    'ai_assistant.chat.mutation_cards.diff.empty',\n                    'No field changes for this record.',\n                  )}\n                </AlertDescription>\n              </Alert>\n            )}\n          </section>\n        ))}\n      </div>\n    )\n  }\n\n  if (flat.length === 0) {\n    return (\n      <Alert variant=\"info\" data-ai-field-diff-mode=\"empty\">\n        <Info className=\"size-4\" aria-hidden />\n        <AlertDescription>\n          {t(\n            'ai_assistant.chat.mutation_cards.diff.empty',\n            'No field changes for this record.',\n          )}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <div data-ai-field-diff-mode=\"flat\">\n      <DiffTable\n        rows={flat}\n        fieldHeader={fieldHeader}\n        beforeHeader={beforeHeader}\n        afterHeader={afterHeader}\n      />\n    </div>\n  )\n}\n\nexport default FieldDiffCard\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/ai/parts/MutationPreviewCard.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, Eye, ShieldAlert } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../primitives/button.js";
+import { useAiShortcuts } from "../useAiShortcuts.js";
+import { confirmPendingAction, cancelPendingAction } from "./pending-action-api.js";
+import { useAiPendingActionPolling } from "./useAiPendingActionPolling.js";
+import { FieldDiffCard } from "./FieldDiffCard.js";
+import { ConfirmationCard } from "./ConfirmationCard.js";
+import { MutationResultCard } from "./MutationResultCard.js";
+function summarizeBatch(records) {
+  const labels = records.slice(0, 3).map((record) => record.label);
+  return { count: records.length, labels };
+}
+function MutationPreviewCard(props) {
+  const t = useT();
+  const pendingActionId = props.pendingActionId ?? "";
+  const payload = props.payload ?? {};
+  const injected = props.initialAction ?? payload.pendingAction ?? null;
+  const { action: polled, refresh } = useAiPendingActionPolling({
+    pendingActionId,
+    endpoint: props.endpoint,
+    disabled: !pendingActionId
+  });
+  const action = polled ?? injected;
+  const [expanded, setExpanded] = React.useState(false);
+  const [phase, setPhase] = React.useState("preview");
+  const [confirmError, setConfirmError] = React.useState(null);
+  const handleConfirm = React.useCallback(async () => {
+    if (!pendingActionId) return;
+    if (phase !== "preview") return;
+    setPhase("confirming");
+    setConfirmError(null);
+    const result = await confirmPendingAction(pendingActionId, {
+      endpoint: props.endpoint
+    });
+    if (!result.ok) {
+      setConfirmError(result.error);
+      setPhase("preview");
+      await refresh();
+      return;
+    }
+    const handlerError = result.data?.mutationResult?.error;
+    if (result.data?.ok === false || handlerError) {
+      const mappedCode = typeof handlerError?.code === "string" && handlerError.code.length > 0 ? handlerError.code : "execution_failed";
+      setConfirmError({
+        status: 200,
+        code: mappedCode,
+        message: handlerError?.message ?? t(
+          "ai_assistant.chat.mutation_cards.preview.handlerError",
+          "The mutation handler reported an error. Review the details and re-propose if needed."
+        )
+      });
+    }
+    await refresh();
+  }, [pendingActionId, phase, props.endpoint, refresh, t]);
+  const handleCancel = React.useCallback(async () => {
+    if (!pendingActionId) return;
+    const result = await cancelPendingAction(pendingActionId, {
+      endpoint: props.endpoint
+    });
+    if (!result.ok) {
+      setConfirmError(result.error);
+    }
+    await refresh();
+  }, [pendingActionId, props.endpoint, refresh]);
+  const currentStatus = action?.status ?? null;
+  const executionError = action?.executionResult?.error;
+  const isTerminal = currentStatus === "confirmed" || currentStatus === "failed" || currentStatus === "cancelled" || currentStatus === "expired" || Boolean(executionError);
+  const { handleKeyDown } = useAiShortcuts({
+    onSubmit: () => {
+      void handleConfirm();
+    },
+    onCancel: () => {
+      void handleCancel();
+    },
+    enabled: phase === "preview" && !isTerminal
+  });
+  if (isTerminal && action) {
+    return /* @__PURE__ */ jsx(
+      MutationResultCard,
+      {
+        componentId: "mutation-result-card",
+        pendingActionId,
+        initialAction: action,
+        endpoint: props.endpoint
+      }
+    );
+  }
+  if (phase === "confirming") {
+    return /* @__PURE__ */ jsx(
+      ConfirmationCard,
+      {
+        componentId: "confirmation-card",
+        pendingActionId,
+        initialAction: action ?? void 0,
+        endpoint: props.endpoint,
+        payload: {
+          sideEffectsSummary: action?.sideEffectsSummary ?? null,
+          pendingAction: action ?? void 0,
+          confirmError: confirmError ?? void 0
+        }
+      }
+    );
+  }
+  const batch = Array.isArray(action?.records) && action.records.length > 0 ? action.records : null;
+  const summary = batch ? summarizeBatch(batch) : null;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-md border border-border bg-background p-4 text-sm outline-none",
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      "data-ai-mutation-preview": true,
+      "data-ai-mutation-preview-mode": batch ? "batch" : "single",
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "flex items-start justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx(ShieldAlert, { className: "mt-0.5 size-4 text-status-warning-icon", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t(
+              "ai_assistant.chat.mutation_cards.preview.title",
+              "Review proposed changes"
+            ) }),
+            action?.sideEffectsSummary ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: action.sideEffectsSummary }) : null
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3", "data-ai-mutation-preview-body": true, children: summary ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "rounded-md border border-border bg-muted/30 p-3 text-sm",
+            "data-ai-mutation-preview-batch-summary": true,
+            children: [
+              /* @__PURE__ */ jsxs("p", { className: "font-medium", children: [
+                t(
+                  "ai_assistant.chat.mutation_cards.preview.batchSummary",
+                  "Batch update"
+                ),
+                ": ",
+                /* @__PURE__ */ jsx("span", { "data-ai-mutation-preview-count": true, children: summary.count }),
+                " ",
+                /* @__PURE__ */ jsx("span", { children: t(
+                  "ai_assistant.chat.mutation_cards.preview.batchRecords",
+                  "records"
+                ) })
+              ] }),
+              summary.labels.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+                summary.labels.join(", "),
+                summary.count > summary.labels.length ? ` +${summary.count - summary.labels.length}` : ""
+              ] }) : null
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(FieldDiffCard, { fieldDiff: action?.fieldDiff ?? null }) }),
+        expanded ? /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-border bg-muted/20 p-3", "data-ai-mutation-preview-details": true, children: /* @__PURE__ */ jsx(
+          FieldDiffCard,
+          {
+            fieldDiff: action?.fieldDiff ?? null,
+            records: action?.records ?? null
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setExpanded((value) => !value),
+              "data-ai-mutation-preview-review": true,
+              children: [
+                /* @__PURE__ */ jsx(Eye, { className: "size-4", "aria-hidden": true }),
+                /* @__PURE__ */ jsx("span", { children: t(
+                  "ai_assistant.chat.mutation_cards.preview.reviewDetails",
+                  "Review details"
+                ) }),
+                /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    className: `size-4 transition-transform ${expanded ? "rotate-180" : ""}`,
+                    "aria-hidden": true
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => {
+                  void handleCancel();
+                },
+                "data-ai-mutation-preview-cancel": true,
+                children: t("ai_assistant.chat.mutation_cards.preview.cancel", "Cancel")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                onClick: () => {
+                  void handleConfirm();
+                },
+                "data-ai-mutation-preview-confirm": true,
+                children: t("ai_assistant.chat.mutation_cards.preview.confirm", "Confirm")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var MutationPreviewCard_default = MutationPreviewCard;
+export {
+  MutationPreviewCard,
+  MutationPreviewCard_default as default
+};
+//# sourceMappingURL=MutationPreviewCard.js.map

package/dist/ai/parts/MutationPreviewCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/parts/MutationPreviewCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown, Eye, ShieldAlert } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { useAiShortcuts } from '../useAiShortcuts'\nimport type { AiUiPartProps } from '../ui-part-registry'\nimport { confirmPendingAction, cancelPendingAction } from './pending-action-api'\nimport { useAiPendingActionPolling } from './useAiPendingActionPolling'\nimport { FieldDiffCard } from './FieldDiffCard'\nimport { ConfirmationCard } from './ConfirmationCard'\nimport { MutationResultCard } from './MutationResultCard'\nimport type { AiPendingActionCardAction } from './types'\n\n/**\n * Mutation-approval preview card. Rendered by the server-emitted\n * `mutation-preview-card` UI part (spec \u00A79.2).\n *\n * Responsibilities:\n * - Fetch the current pending-action row via the shared polling hook so the\n *   card recovers state on page reload (reconnect behavior).\n * - Render the top-level `fieldDiff` OR a per-record `records[]` summary\n *   with a drill-in link.\n * - Provide `Confirm` / `Cancel` / `Review Details` actions with shared\n *   keyboard shortcuts (`Cmd/Ctrl+Enter` \u2192 confirm, `Escape` \u2192 cancel).\n * - Flip to the {@link ConfirmationCard} once the user confirms, and\n *   further to the {@link MutationResultCard} once the row becomes\n *   terminal.\n */\nexport interface MutationPreviewCardPayload {\n  /** Optional server-serialized pending action snapshot for the initial render. */\n  pendingAction?: AiPendingActionCardAction\n}\n\nexport interface MutationPreviewCardProps extends AiUiPartProps {\n  /** Optional injected action for tests \u2014 bypasses the polling fetch. */\n  initialAction?: AiPendingActionCardAction\n  /** Endpoint base override for tests. */\n  endpoint?: string\n}\n\nfunction summarizeBatch(\n  records: NonNullable<AiPendingActionCardAction['records']>,\n): { count: number; labels: string[] } {\n  const labels = records.slice(0, 3).map((record) => record.label)\n  return { count: records.length, labels }\n}\n\nexport function MutationPreviewCard(props: MutationPreviewCardProps) {\n  const t = useT()\n  const pendingActionId = props.pendingActionId ?? ''\n  const payload = (props.payload as MutationPreviewCardPayload | undefined) ?? {}\n  const injected = props.initialAction ?? payload.pendingAction ?? null\n\n  const { action: polled, refresh } = useAiPendingActionPolling({\n    pendingActionId,\n    endpoint: props.endpoint,\n    disabled: !pendingActionId,\n  })\n  const action = polled ?? injected\n\n  const [expanded, setExpanded] = React.useState(false)\n  const [phase, setPhase] = React.useState<'preview' | 'confirming'>('preview')\n  const [confirmError, setConfirmError] = React.useState<{\n    status: number\n    code?: string\n    message: string\n    extra?: Record<string, unknown>\n  } | null>(null)\n\n  const handleConfirm = React.useCallback(async () => {\n    if (!pendingActionId) return\n    if (phase !== 'preview') return\n    setPhase('confirming')\n    setConfirmError(null)\n    const result = await confirmPendingAction(pendingActionId, {\n      endpoint: props.endpoint,\n    })\n    if (!result.ok) {\n      // Network / timeout / 4xx / 5xx \u2014 surface the envelope and rewind the\n      // card to the preview phase so the operator can read the error,\n      // edit the proposal upstream, or retry.\n      setConfirmError(result.error)\n      setPhase('preview')\n      await refresh()\n      return\n    }\n    // HTTP 200 path. The dispatcher returns `ok: false` AND a populated\n    // `mutationResult.error` when the wrapped tool handler failed inside\n    // the confirm route \u2014 the row is already in a terminal state but the\n    // overall HTTP call succeeded. Treat that as a confirm error too so\n    // the alert renders inline instead of leaving the card on the\n    // generic \"applying\u2026\" spinner forever.\n    const handlerError = result.data?.mutationResult?.error\n    if (result.data?.ok === false || handlerError) {\n      const mappedCode =\n        typeof handlerError?.code === 'string' && handlerError.code.length > 0\n          ? handlerError.code\n          : 'execution_failed'\n      setConfirmError({\n        status: 200,\n        code: mappedCode,\n        message:\n          handlerError?.message ??\n          t(\n            'ai_assistant.chat.mutation_cards.preview.handlerError',\n            'The mutation handler reported an error. Review the details and re-propose if needed.',\n          ),\n      })\n    }\n    await refresh()\n  }, [pendingActionId, phase, props.endpoint, refresh, t])\n\n  const handleCancel = React.useCallback(async () => {\n    if (!pendingActionId) return\n    const result = await cancelPendingAction(pendingActionId, {\n      endpoint: props.endpoint,\n    })\n    if (!result.ok) {\n      setConfirmError(result.error)\n    }\n    await refresh()\n  }, [pendingActionId, props.endpoint, refresh])\n\n  const currentStatus = action?.status ?? null\n  const executionError = action?.executionResult?.error\n  // Treat any captured handler error as terminal too \u2014 the dispatcher\n  // sometimes returns the action before the row has fully transitioned\n  // out of `executing`, and we must never leave the spinner masking a\n  // real failure. The MutationResultCard's failure path renders the\n  // error envelope as long as `executionResult.error` is set.\n  const isTerminal =\n    currentStatus === 'confirmed' ||\n    currentStatus === 'failed' ||\n    currentStatus === 'cancelled' ||\n    currentStatus === 'expired' ||\n    Boolean(executionError)\n\n  const { handleKeyDown } = useAiShortcuts({\n    onSubmit: () => {\n      void handleConfirm()\n    },\n    onCancel: () => {\n      void handleCancel()\n    },\n    enabled: phase === 'preview' && !isTerminal,\n  })\n\n  // Terminal \u2014 short-circuit into the result card.\n  if (isTerminal && action) {\n    return (\n      <MutationResultCard\n        componentId=\"mutation-result-card\"\n        pendingActionId={pendingActionId}\n        initialAction={action}\n        endpoint={props.endpoint}\n      />\n    )\n  }\n\n  // Confirming \u2014 flip to the spinner card. Propagate the confirmError so\n  // the user sees the structured envelope even though the confirm call has\n  // already resolved.\n  if (phase === 'confirming') {\n    return (\n      <ConfirmationCard\n        componentId=\"confirmation-card\"\n        pendingActionId={pendingActionId}\n        initialAction={action ?? undefined}\n        endpoint={props.endpoint}\n        payload={{\n          sideEffectsSummary: action?.sideEffectsSummary ?? null,\n          pendingAction: action ?? undefined,\n          confirmError: confirmError ?? undefined,\n        }}\n      />\n    )\n  }\n\n  const batch = Array.isArray(action?.records) && action!.records!.length > 0 ? action!.records! : null\n  const summary = batch ? summarizeBatch(batch) : null\n\n  return (\n    <section\n      className=\"rounded-md border border-border bg-background p-4 text-sm outline-none\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      data-ai-mutation-preview\n      data-ai-mutation-preview-mode={batch ? 'batch' : 'single'}\n    >\n      <header className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-start gap-2\">\n          <ShieldAlert className=\"mt-0.5 size-4 text-status-warning-icon\" aria-hidden />\n          <div>\n            <h4 className=\"text-sm font-semibold\">\n              {t(\n                'ai_assistant.chat.mutation_cards.preview.title',\n                'Review proposed changes',\n              )}\n            </h4>\n            {action?.sideEffectsSummary ? (\n              <p className=\"mt-1 text-sm text-muted-foreground\">\n                {action.sideEffectsSummary}\n              </p>\n            ) : null}\n          </div>\n        </div>\n      </header>\n\n      <div className=\"mt-3\" data-ai-mutation-preview-body>\n        {summary ? (\n          <div\n            className=\"rounded-md border border-border bg-muted/30 p-3 text-sm\"\n            data-ai-mutation-preview-batch-summary\n          >\n            <p className=\"font-medium\">\n              {t(\n                'ai_assistant.chat.mutation_cards.preview.batchSummary',\n                'Batch update',\n              )}\n              {': '}\n              <span data-ai-mutation-preview-count>{summary.count}</span>{' '}\n              <span>\n                {t(\n                  'ai_assistant.chat.mutation_cards.preview.batchRecords',\n                  'records',\n                )}\n              </span>\n            </p>\n            {summary.labels.length > 0 ? (\n              <p className=\"mt-1 text-xs text-muted-foreground\">\n                {summary.labels.join(', ')}\n                {summary.count > summary.labels.length\n                  ? ` +${summary.count - summary.labels.length}`\n                  : ''}\n              </p>\n            ) : null}\n          </div>\n        ) : (\n          <FieldDiffCard fieldDiff={action?.fieldDiff ?? null} />\n        )}\n      </div>\n\n      {expanded ? (\n        <div className=\"mt-3 rounded-md border border-border bg-muted/20 p-3\" data-ai-mutation-preview-details>\n          <FieldDiffCard\n            fieldDiff={action?.fieldDiff ?? null}\n            records={action?.records ?? null}\n          />\n        </div>\n      ) : null}\n\n      <div className=\"mt-3 flex items-center justify-between gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded((value) => !value)}\n          data-ai-mutation-preview-review\n        >\n          <Eye className=\"size-4\" aria-hidden />\n          <span>\n            {t(\n              'ai_assistant.chat.mutation_cards.preview.reviewDetails',\n              'Review details',\n            )}\n          </span>\n          <ChevronDown\n            className={`size-4 transition-transform ${expanded ? 'rotate-180' : ''}`}\n            aria-hidden\n          />\n        </Button>\n        <div className=\"flex items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => {\n              void handleCancel()\n            }}\n            data-ai-mutation-preview-cancel\n          >\n            {t('ai_assistant.chat.mutation_cards.preview.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => {\n              void handleConfirm()\n            }}\n            data-ai-mutation-preview-confirm\n          >\n            {t('ai_assistant.chat.mutation_cards.preview.confirm', 'Confirm')}\n          </Button>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default MutationPreviewCard\n"],
+  "mappings": "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",
+  "names": []
+}