@elabs-ai/components-ai 4.2.0 → 5.0.0

package/dist/chunk-S3ISPW3A.js

@@ -0,0 +1,28 @@
+"use client";
+
+// src/_lazy-engine-boundary.tsx
+import { Component } from "react";
+var LazyEngineBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error: { value: error } };
+  }
+  componentDidCatch(error, info) {
+    console.error(
+      "[@elabs-ai/components-ai] a lazy engine failed to load:",
+      error,
+      info.componentStack
+    );
+  }
+  render() {
+    if (this.state.error) {
+      return this.props.renderMissing(this.state.error.value);
+    }
+    return this.props.children;
+  }
+};
+
+export {
+  LazyEngineBoundary
+};
+//# sourceMappingURL=chunk-S3ISPW3A.js.map

package/dist/chunk-S3ISPW3A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/_lazy-engine-boundary.tsx"],"sourcesContent":["\"use client\";\n\nimport { Component, type ErrorInfo, type ReactNode } from \"react\";\n\nexport interface LazyEngineBoundaryProps {\n  children: ReactNode;\n  /**\n   * Called once a wrapped `lazy()` import rejects (an optional peer that is\n   * not installed, or any other load-time failure). Return what to render in\n   * its place — the boundary owns no default visual, since the right\n   * stand-in differs by surface (an orb placeholder for `Persona`, `null`\n   * for an `AudioPlayer` sub-control).\n   */\n  renderMissing: (error: unknown) => ReactNode;\n}\n\ninterface LazyEngineBoundaryState {\n  // Wrapped in an object so `{ value: undefined }` (a boundary that caught\n  // an error whose value happens to be `undefined`) is distinguishable from\n  // \"nothing caught yet\" (`error: null`).\n  error: { value: unknown } | null;\n}\n\n/**\n * Catches a `React.lazy()` load failure — an optional peer dependency that is\n * not installed (issue #33), or any other dynamic-import rejection — and\n * renders a caller-supplied fallback instead of unmounting the tree.\n *\n * `Suspense` alone does not do this: it only covers the PENDING state. A\n * REJECTED lazy import throws during render, and with no boundary above it\n * that throw propagates to the nearest ancestor boundary React DOES find —\n * by default, the whole app. This is the one place in `@elabs-ai/components-ai`\n * that needs a real render-phase error boundary; Mermaid and the interactive\n * terminal fail via an awaited promise instead (Streamdown's `errorComponent`\n * and a `.catch()` on the mount effect, respectively), which don't need one.\n */\nexport class LazyEngineBoundary extends Component<\n  LazyEngineBoundaryProps,\n  LazyEngineBoundaryState\n> {\n  override state: LazyEngineBoundaryState = { error: null };\n\n  static getDerivedStateFromError(error: unknown): LazyEngineBoundaryState {\n    return { error: { value: error } };\n  }\n\n  override componentDidCatch(error: unknown, info: ErrorInfo): void {\n    console.error(\n      \"[@elabs-ai/components-ai] a lazy engine failed to load:\",\n      error,\n      info.componentStack,\n    );\n  }\n\n  override render(): ReactNode {\n    if (this.state.error) {\n      return this.props.renderMissing(this.state.error.value);\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiD;AAkCnD,IAAM,qBAAN,cAAiC,UAGtC;AAAA,EACS,QAAiC,EAAE,OAAO,KAAK;AAAA,EAExD,OAAO,yBAAyB,OAAyC;AACvE,WAAO,EAAE,OAAO,EAAE,OAAO,MAAM,EAAE;AAAA,EACnC;AAAA,EAES,kBAAkB,OAAgB,MAAuB;AAChE,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EAES,SAAoB;AAC3B,QAAI,KAAK,MAAM,OAAO;AACpB,aAAO,KAAK,MAAM,cAAc,KAAK,MAAM,MAAM,KAAK;AAAA,IACxD;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/chunk-SEVN656N.js

@@ -0,0 +1,36 @@
+"use client";
+
+// src/_mermaid-error-panel.tsx
+import { Button, StatePanel, isModuleNotFoundMessage, useLocale } from "@elabs-ai/components-ui";
+import { EyeOffIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function MermaidErrorPanel({ error, retry }) {
+  const { t } = useLocale();
+  if (isModuleNotFoundMessage(error)) {
+    const feature = t("ai.mermaid.feature");
+    return /* @__PURE__ */ jsx("div", { className: "my-4", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx(
+      StatePanel,
+      {
+        kind: "empty",
+        className: "border-solid",
+        icon: /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": "true" }),
+        title: t("ai.error.engineMissing", { feature }),
+        description: t("ai.error.engineMissingBody", { feature, packages: "mermaid" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "my-4", children: /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "error",
+      title: t("ai.mermaid.renderError"),
+      description: error,
+      actions: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: retry, children: t("ai.error.retry") })
+    }
+  ) });
+}
+
+export {
+  MermaidErrorPanel
+};
+//# sourceMappingURL=chunk-SEVN656N.js.map

package/dist/chunk-SEVN656N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/_mermaid-error-panel.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The `errorComponent` Streamdown renders in place of a Mermaid diagram that\n * failed (issue #33). Streamdown hands back the render failure as a plain\n * STRING (`MermaidErrorComponentProps.error`, already reduced from whatever\n * was thrown), so this distinguishes two different failures by matching that\n * string rather than the original error object:\n *\n * - **The optional `mermaid` peer is not installed.** This is a CAPABILITY\n *   GAP, not something wrong with the diagram or the app — the same class as\n *   `@elabs-ai/components-viewer`'s `parser-missing`\n *   (@.claude/rules/viewer-components.md \"A capability gap is not a\n *   failure\"). Renders the neutral `StatePanel kind=\"empty\"`, naming the\n *   package to install, announced `role=\"status\"`, with no retry action\n *   (re-installing a dependency does not happen by clicking a button in the\n *   page).\n * - **Anything else is a genuine render/syntax failure** — a real error, so\n *   it gets `StatePanel kind=\"error\"` (`role=\"alert\"`, set internally by\n *   `StatePanel`) wired to Streamdown's own `retry()`, which increments the\n *   render attempt and re-runs the diagram.\n */\nimport { Button, StatePanel, isModuleNotFoundMessage, useLocale } from \"@elabs-ai/components-ui\";\nimport { EyeOffIcon } from \"lucide-react\";\n\nexport interface MermaidErrorPanelProps {\n  chart: string;\n  error: string;\n  retry: () => void;\n}\n\nexport function MermaidErrorPanel({ error, retry }: MermaidErrorPanelProps) {\n  const { t } = useLocale();\n\n  if (isModuleNotFoundMessage(error)) {\n    const feature = t(\"ai.mermaid.feature\");\n    return (\n      <div className=\"my-4\" role=\"status\" aria-live=\"polite\">\n        <StatePanel\n          kind=\"empty\"\n          // A dashed edge invites a drop; this panel accepts nothing. Solid —\n          // mirrors `@elabs-ai/components-viewer`'s `FileViewerError`.\n          className=\"border-solid\"\n          icon={<EyeOffIcon aria-hidden=\"true\" />}\n          title={t(\"ai.error.engineMissing\", { feature })}\n          description={t(\"ai.error.engineMissingBody\", { feature, packages: \"mermaid\" })}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"my-4\">\n      <StatePanel\n        kind=\"error\"\n        title={t(\"ai.mermaid.renderError\")}\n        description={error}\n        actions={\n          <Button size=\"sm\" variant=\"outline\" onClick={retry}>\n            {t(\"ai.error.retry\")}\n          </Button>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAsBA,SAAS,QAAQ,YAAY,yBAAyB,iBAAiB;AACvE,SAAS,kBAAkB;AAoBX;AAZT,SAAS,kBAAkB,EAAE,OAAO,MAAM,GAA2B;AAC1E,QAAM,EAAE,EAAE,IAAI,UAAU;AAExB,MAAI,wBAAwB,KAAK,GAAG;AAClC,UAAM,UAAU,EAAE,oBAAoB;AACtC,WACE,oBAAC,SAAI,WAAU,QAAO,MAAK,UAAS,aAAU,UAC5C;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAGL,WAAU;AAAA,QACV,MAAM,oBAAC,cAAW,eAAY,QAAO;AAAA,QACrC,OAAO,EAAE,0BAA0B,EAAE,QAAQ,CAAC;AAAA,QAC9C,aAAa,EAAE,8BAA8B,EAAE,SAAS,UAAU,UAAU,CAAC;AAAA;AAAA,IAC/E,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,QACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,aAAa;AAAA,MACb,SACE,oBAAC,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,OAC1C,YAAE,gBAAgB,GACrB;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}

package/dist/chunk-SKVG672B.js

@@ -0,0 +1,64 @@
+"use client";
+
+// src/a2ui/core/complete-json.ts
+function completeJson(text) {
+  const stack = [];
+  let inString = false;
+  let escaped = false;
+  let lastGood = 0;
+  let lastNonWs = "";
+  for (let i = 0; i < text.length; i++) {
+    const ch = text[i];
+    if (inString) {
+      if (escaped) escaped = false;
+      else if (ch === "\\") escaped = true;
+      else if (ch === '"') {
+        inString = false;
+        lastNonWs = ch;
+        lastGood = i + 1;
+      }
+      continue;
+    }
+    if (ch === '"') {
+      inString = true;
+      continue;
+    }
+    if (ch === "{" || ch === "[") stack.push(ch === "{" ? "}" : "]");
+    else if (ch === "}" || ch === "]") stack.pop();
+    if (!/\s/.test(ch)) {
+      lastNonWs = ch;
+      lastGood = i + 1;
+    }
+  }
+  let out = text;
+  if (inString) {
+    const top = stack[stack.length - 1];
+    if (top === "}" && (lastNonWs === "{" || lastNonWs === ",")) out = text.slice(0, lastGood);
+    else out = escaped ? `${text.slice(0, -1)}"` : `${text}"`;
+    lastNonWs = out.trimEnd().slice(-1);
+  }
+  out = out.trimEnd();
+  if (lastNonWs === ",") out = out.slice(0, -1);
+  else if (lastNonWs === ":") out = `${out}null`;
+  else if (lastNonWs === '"' && stack[stack.length - 1] === "}") {
+    const m = /(?:^|[{,])\s*"(?:[^"\\]|\\.)*"$/.exec(out);
+    if (m) out = out.slice(0, m.index + (out[m.index] === "{" || out[m.index] === "," ? 1 : 0));
+  }
+  out = out.replace(/,\s*$/, "");
+  return out + stack.reverse().join("");
+}
+function parseSurfaceJson(text, partial = false) {
+  const trimmed = text.trim();
+  if (!trimmed) return null;
+  try {
+    return JSON.parse(partial ? completeJson(trimmed) : trimmed);
+  } catch {
+    return null;
+  }
+}
+
+export {
+  completeJson,
+  parseSurfaceJson
+};
+//# sourceMappingURL=chunk-SKVG672B.js.map

package/dist/chunk-SKVG672B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/core/complete-json.ts"],"sourcesContent":["/**\n * complete-json.ts — close a PARTIAL JSON document so a streaming surface can be\n * parsed and drawn before the model has finished (the A2UI counterpart of\n * `JSXPreview`'s `completeJsxTag`).\n *\n * Strategy: one linear scan tracking the bracket stack, string state and escape\n * state; then (1) close an open string, (2) drop a dangling `,` or supply `null`\n * for a dangling `\"key\":`, (3) close every open bracket in reverse. The result is\n * always syntactically valid JSON for any prefix of a valid document that has\n * passed its first `{`. Semantic gaps (a half-typed prop value, a node without\n * its `type` yet) are the validator's business — the renderer prunes what does\n * not validate while streaming and keeps the last good tree.\n */\nexport function completeJson(text: string): string {\n  const stack: string[] = [];\n  let inString = false;\n  let escaped = false;\n  // Index just after the last STRUCTURALLY complete token, so a half-typed key\n  // (`{\"ty`) can be cut rather than closed into `{\"ty\":null}`.\n  let lastGood = 0;\n  let lastNonWs = \"\";\n\n  for (let i = 0; i < text.length; i++) {\n    const ch = text[i] as string;\n    if (inString) {\n      if (escaped) escaped = false;\n      else if (ch === \"\\\\\") escaped = true;\n      else if (ch === '\"') {\n        inString = false;\n        lastNonWs = ch;\n        lastGood = i + 1;\n      }\n      continue;\n    }\n    if (ch === '\"') {\n      inString = true;\n      continue;\n    }\n    if (ch === \"{\" || ch === \"[\") stack.push(ch === \"{\" ? \"}\" : \"]\");\n    else if (ch === \"}\" || ch === \"]\") stack.pop();\n    if (!/\\s/.test(ch)) {\n      lastNonWs = ch;\n      lastGood = i + 1;\n    }\n  }\n\n  let out = text;\n  if (inString) {\n    // Inside a value string → close it. Inside a KEY (the string follows `{` or\n    // `,` inside an object) → cut it: a key without a value is not renderable.\n    const top = stack[stack.length - 1];\n    if (top === \"}\" && (lastNonWs === \"{\" || lastNonWs === \",\")) out = text.slice(0, lastGood);\n    else out = escaped ? `${text.slice(0, -1)}\"` : `${text}\"`;\n    lastNonWs = out.trimEnd().slice(-1);\n  }\n  out = out.trimEnd();\n  if (lastNonWs === \",\") out = out.slice(0, -1);\n  else if (lastNonWs === \":\") out = `${out}null`;\n  // A `\"key\"` with no colon yet (`{\"type\"`) is also unfinished — cut it.\n  else if (lastNonWs === '\"' && stack[stack.length - 1] === \"}\") {\n    const m = /(?:^|[{,])\\s*\"(?:[^\"\\\\]|\\\\.)*\"$/.exec(out);\n    if (m) out = out.slice(0, m.index + (out[m.index] === \"{\" || out[m.index] === \",\" ? 1 : 0));\n  }\n  out = out.replace(/,\\s*$/, \"\");\n  return out + stack.reverse().join(\"\");\n}\n\n/**\n * Parse `text`, completing it first when `partial`. Returns `null` (never throws)\n * when even the completed text is not JSON — the caller treats that as \"no tree\n * yet\".\n */\nexport function parseSurfaceJson(text: string, partial = false): unknown | null {\n  const trimmed = text.trim();\n  if (!trimmed) return null;\n  try {\n    return JSON.parse(partial ? completeJson(trimmed) : trimmed);\n  } catch {\n    return null;\n  }\n}\n"],"mappings":";;;AAaO,SAAS,aAAa,MAAsB;AACjD,QAAM,QAAkB,CAAC;AACzB,MAAI,WAAW;AACf,MAAI,UAAU;AAGd,MAAI,WAAW;AACf,MAAI,YAAY;AAEhB,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,KAAK,KAAK,CAAC;AACjB,QAAI,UAAU;AACZ,UAAI,QAAS,WAAU;AAAA,eACd,OAAO,KAAM,WAAU;AAAA,eACvB,OAAO,KAAK;AACnB,mBAAW;AACX,oBAAY;AACZ,mBAAW,IAAI;AAAA,MACjB;AACA;AAAA,IACF;AACA,QAAI,OAAO,KAAK;AACd,iBAAW;AACX;AAAA,IACF;AACA,QAAI,OAAO,OAAO,OAAO,IAAK,OAAM,KAAK,OAAO,MAAM,MAAM,GAAG;AAAA,aACtD,OAAO,OAAO,OAAO,IAAK,OAAM,IAAI;AAC7C,QAAI,CAAC,KAAK,KAAK,EAAE,GAAG;AAClB,kBAAY;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,MAAM;AACV,MAAI,UAAU;AAGZ,UAAM,MAAM,MAAM,MAAM,SAAS,CAAC;AAClC,QAAI,QAAQ,QAAQ,cAAc,OAAO,cAAc,KAAM,OAAM,KAAK,MAAM,GAAG,QAAQ;AAAA,QACpF,OAAM,UAAU,GAAG,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM,GAAG,IAAI;AACtD,gBAAY,IAAI,QAAQ,EAAE,MAAM,EAAE;AAAA,EACpC;AACA,QAAM,IAAI,QAAQ;AAClB,MAAI,cAAc,IAAK,OAAM,IAAI,MAAM,GAAG,EAAE;AAAA,WACnC,cAAc,IAAK,OAAM,GAAG,GAAG;AAAA,WAE/B,cAAc,OAAO,MAAM,MAAM,SAAS,CAAC,MAAM,KAAK;AAC7D,UAAM,IAAI,kCAAkC,KAAK,GAAG;AACpD,QAAI,EAAG,OAAM,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,EAAE,KAAK,MAAM,OAAO,IAAI,EAAE,KAAK,MAAM,MAAM,IAAI,EAAE;AAAA,EAC5F;AACA,QAAM,IAAI,QAAQ,SAAS,EAAE;AAC7B,SAAO,MAAM,MAAM,QAAQ,EAAE,KAAK,EAAE;AACtC;AAOO,SAAS,iBAAiB,MAAc,UAAU,OAAuB;AAC9E,QAAM,UAAU,KAAK,KAAK;AAC1B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;AACF,WAAO,KAAK,MAAM,UAAU,aAAa,OAAO,IAAI,OAAO;AAAA,EAC7D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/chunk-SPQIU7GA.js

@@ -0,0 +1,236 @@
+"use client";
+import {
+  parseSurfaceJson
+} from "./chunk-SKVG672B.js";
+import {
+  invalidNodePaths,
+  isA2uiElement,
+  validateA2uiSurface
+} from "./chunk-7FD5CZEU.js";
+import {
+  catalogSchema,
+  uiCatalog
+} from "./chunk-XNBKO32Y.js";
+
+// src/a2ui/a2ui-surface.tsx
+import { Skeleton, useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { AlertCircle } from "lucide-react";
+import { createElement, forwardRef, memo, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GAP = {
+  none: "gap-0",
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6"
+};
+var ALIGN = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+};
+var JUSTIFY = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between"
+};
+var COLUMNS = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+};
+function builtinClass(type, props) {
+  const gap = GAP[String(props.gap ?? "md")] ?? GAP.md;
+  if (type === "Grid") {
+    return cn("grid", COLUMNS[Number(props.columns ?? 2)] ?? COLUMNS[2], gap);
+  }
+  return cn(
+    "flex min-w-0",
+    props.direction === "row" ? "flex-row" : "flex-col",
+    props.wrap ? "flex-wrap" : "",
+    ALIGN[String(props.align ?? "stretch")],
+    JUSTIFY[String(props.justify ?? "start")],
+    gap
+  );
+}
+var isEvent = (v) => typeof v === "object" && v !== null && "nativeEvent" in v && "target" in v;
+function eventValue(args) {
+  const first = args[0];
+  if (isEvent(first)) {
+    const target = first.target;
+    if (target && typeof target.type === "string" && target.type === "checkbox")
+      return target.checked;
+    return target && "value" in target ? target.value : void 0;
+  }
+  return first;
+}
+function renderPropValue(value, path, ctx) {
+  if (Array.isArray(value) && value.some(isA2uiElement)) {
+    return value.map((item, i) => renderNode(item, `${path}[${i}]`, ctx));
+  }
+  if (isA2uiElement(value)) return renderNode(value, path, ctx);
+  return value;
+}
+function renderNode(node, path, ctx) {
+  if (typeof node === "string" || typeof node === "number") return node;
+  if (ctx.invalid.has(path)) return null;
+  const entry = ctx.catalog[node.type];
+  if (!entry) return null;
+  const props = {};
+  for (const [name, value] of Object.entries(node.props ?? {})) {
+    const schema = entry.schema.props[name];
+    props[name] = schema?.type === "node" ? renderPropValue(value, `${path}.props.${name}`, ctx) : value;
+  }
+  for (const [event, action] of Object.entries(node.on ?? {})) {
+    const handlerName = entry.schema.events[event];
+    if (!handlerName) continue;
+    props[handlerName] = (...args) => {
+      const value = event === "click" ? void 0 : eventValue(args);
+      ctx.onAction?.(action, { event, value, node, path });
+    };
+  }
+  const children = entry.schema.children ? (node.children ?? []).map((child, i) => renderNode(child, `${path}.children[${i}]`, ctx)) : void 0;
+  const key = path;
+  const dataAttrs = {
+    "data-a2ui-type": node.type,
+    ...node.id ? { "data-a2ui-id": node.id } : {}
+  };
+  if (entry.schema.builtin) {
+    return createElement(
+      "div",
+      { key, className: builtinClass(node.type, props), ...dataAttrs },
+      ...children ?? []
+    );
+  }
+  return createElement(
+    entry.component,
+    { key, ...props, ...dataAttrs },
+    ...children ?? []
+  );
+}
+var SurfaceTree = memo(function SurfaceTree2({
+  spec,
+  catalog,
+  invalid,
+  onAction
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: renderNode(spec.root, "root", { catalog, invalid, onAction }) });
+});
+var A2uiSurface = forwardRef(function A2uiSurface2({
+  surface,
+  catalog = uiCatalog,
+  onAction,
+  isStreaming = false,
+  loading = false,
+  onError,
+  skeleton,
+  className,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const schema = useMemo(() => catalogSchema(catalog), [catalog]);
+  const parsed = useMemo(() => {
+    if (loading || surface == null) return { value: null, incomplete: false };
+    if (typeof surface !== "string") return { value: surface, incomplete: false };
+    const complete = parseSurfaceJson(surface, false);
+    if (complete !== null) return { value: complete, incomplete: false };
+    const partial = parseSurfaceJson(surface, true);
+    return { value: partial, incomplete: surface.trim() !== "" };
+  }, [surface, loading]);
+  const validation = useMemo(
+    () => parsed.value === null ? null : validateA2uiSurface(parsed.value, schema),
+    [parsed.value, schema]
+  );
+  const pending = loading || isStreaming || parsed.incomplete;
+  const empty = surface == null || typeof surface === "string" && surface.trim() === "";
+  const invalid = useMemo(
+    () => validation && !validation.ok && pending ? invalidNodePaths(validation.errors) : /* @__PURE__ */ new Set(),
+    [validation, pending]
+  );
+  const drawable = validation?.spec && (validation.ok || pending && !invalid.has("root")) ? validation.spec : null;
+  const lastGoodRef = useRef(null);
+  if (drawable) lastGoodRef.current = drawable;
+  const shown = drawable ?? (pending ? lastGoodRef.current : null);
+  const [hasRendered, setHasRendered] = useState(false);
+  useEffect(() => {
+    if (shown && !hasRendered) setHasRendered(true);
+  }, [shown, hasRendered]);
+  const status = loading ? "pending" : empty ? hasRendered ? "ready" : "idle" : pending ? "pending" : validation && !validation.ok ? "error" : "ready";
+  const reportedRef = useRef(null);
+  useEffect(() => {
+    if (status !== "error" || !validation || validation.ok) return;
+    const key = JSON.stringify(validation.errors);
+    if (reportedRef.current === key) return;
+    reportedRef.current = key;
+    onError?.(validation.errors);
+  }, [status, validation, onError]);
+  const showSkeleton = status === "pending" && !shown;
+  const title = shown?.title;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "a2ui-surface",
+      "data-status": status,
+      className: cn("relative min-w-0", className),
+      ...title ? { role: "group", "aria-label": title } : {},
+      ...props,
+      children: [
+        showSkeleton ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "a2ui-surface-skeleton",
+            role: "status",
+            "aria-live": "polite",
+            className: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ai.a2ui.loading") }),
+              skeleton ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-1/3" }),
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-16" }),
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-16" }),
+                  /* @__PURE__ */ jsx(Skeleton, { className: "h-16" })
+                ] }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full" })
+              ] })
+            ]
+          }
+        ) : null,
+        shown ? /* @__PURE__ */ jsx(SurfaceTree, { spec: shown, catalog, invalid, onAction }) : null,
+        status === "error" && validation && !validation.ok ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "a2ui-surface-error",
+            role: "alert",
+            className: "flex gap-2 rounded-md bg-destructive/10 p-3 text-body text-destructive-text",
+            children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("ai.a2ui.invalid") }),
+                /* @__PURE__ */ jsxs("ul", { className: "space-y-0.5 text-caption", children: [
+                  validation.errors.slice(0, 8).map((e) => /* @__PURE__ */ jsxs("li", { className: "break-words", children: [
+                    /* @__PURE__ */ jsx("code", { className: "text-code", children: e.path || "root" }),
+                    " \u2014 ",
+                    e.message
+                  ] }, `${e.path}:${e.code}`)),
+                  validation.errors.length > 8 ? /* @__PURE__ */ jsx("li", { children: t("ai.a2ui.moreErrors", { count: validation.errors.length - 8 }) }) : null
+                ] })
+              ] })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+A2uiSurface.displayName = "A2uiSurface";
+
+export {
+  A2uiSurface
+};
+//# sourceMappingURL=chunk-SPQIU7GA.js.map

package/dist/chunk-SPQIU7GA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/a2ui-surface.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * A2uiSurface — render an agent-DESIGNED screen from data (D2's safe generative\n * path). The agent emits an `A2uiSurfaceSpec` (JSON: a tree of catalog nodes);\n * this component validates it against the catalog and draws it with the real\n * components — never `eval`, never arbitrary tags, never agent styling.\n *\n * Readiness follows the house model (loading-states): `loading` → skeleton;\n * `isStreaming` (or a string surface that is still incomplete JSON) → build up,\n * pruning only the nodes that do not validate YET and suppressing errors; a\n * settled surface that fails validation → `role=\"alert\"` with every problem and\n * `onError`. Interaction is data too: a node's `on.<event>` names a host action\n * that arrives at `onAction` — the app decides what \"approve\" means (D5).\n */\nimport { Skeleton, useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { AlertCircle } from \"lucide-react\";\nimport type { ComponentProps, ReactNode, SyntheticEvent } from \"react\";\nimport { createElement, forwardRef, memo, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { completeJson, parseSurfaceJson } from \"./core/complete-json\";\nimport type {\n  A2uiAction,\n  A2uiElement,\n  A2uiError,\n  A2uiNode,\n  A2uiPropValue,\n  A2uiSurfaceSpec,\n} from \"./core/spec\";\nimport { invalidNodePaths, isA2uiElement, validateA2uiSurface } from \"./core/validate\";\nimport { catalogSchema, uiCatalog, type A2uiCatalog } from \"./ui-catalog\";\n\nexport type A2uiSurfaceStatus = \"idle\" | \"pending\" | \"ready\" | \"error\";\n\n/** What `onAction` receives besides the action the agent named. */\nexport interface A2uiActionContext {\n  /** The catalog event that fired (`click`, `change`, …). */\n  event: string;\n  /** The control's value for `change` events (text, checked, selected value…). */\n  value?: unknown;\n  /** The node that carried the binding, and its path in the spec. */\n  node: A2uiElement;\n  path: string;\n}\n\nexport type A2uiActionHandler = (action: A2uiAction, context: A2uiActionContext) => void;\n\nexport type A2uiSurfaceProps = Omit<ComponentProps<\"div\">, \"children\" | \"onError\"> & {\n  /** The agent's surface: a parsed spec, or its JSON text (may be a streaming prefix). */\n  surface: A2uiSurfaceSpec | string | null | undefined;\n  /** Which types render, and how. Defaults to the shipped `uiCatalog`. */\n  catalog?: A2uiCatalog;\n  /** Receives every `on.<event>` binding the user triggers. */\n  onAction?: A2uiActionHandler;\n  /** Content is arriving incrementally — build up, suppress transient errors. */\n  isStreaming?: boolean;\n  /** No surface yet (fetch-then-show) — forces the skeleton. */\n  loading?: boolean;\n  /** Fires once per settled, invalid surface with the validation errors. */\n  onError?: (errors: A2uiError[]) => void;\n  /** Replace the default skeleton (shown before the first paint while pending). */\n  skeleton?: ReactNode;\n};\n\n// ---------------------------------------------------------------------------\n// Builtins — the two layout nodes the surface draws itself, on tokens only.\n// ---------------------------------------------------------------------------\nconst GAP: Record<string, string> = {\n  none: \"gap-0\",\n  xs: \"gap-1\",\n  sm: \"gap-2\",\n  md: \"gap-4\",\n  lg: \"gap-6\",\n};\nconst ALIGN: Record<string, string> = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n};\nconst JUSTIFY: Record<string, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n};\nconst COLUMNS: Record<number, string> = {\n  1: \"grid-cols-1\",\n  2: \"grid-cols-1 sm:grid-cols-2\",\n  3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4\",\n};\n\nfunction builtinClass(type: string, props: Record<string, unknown>): string {\n  const gap = GAP[String(props.gap ?? \"md\")] ?? GAP.md;\n  if (type === \"Grid\") {\n    return cn(\"grid\", COLUMNS[Number(props.columns ?? 2)] ?? COLUMNS[2], gap);\n  }\n  return cn(\n    \"flex min-w-0\",\n    props.direction === \"row\" ? \"flex-row\" : \"flex-col\",\n    props.wrap ? \"flex-wrap\" : \"\",\n    ALIGN[String(props.align ?? \"stretch\")],\n    JUSTIFY[String(props.justify ?? \"start\")],\n    gap,\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Tree rendering\n// ---------------------------------------------------------------------------\ninterface RenderCtx {\n  catalog: A2uiCatalog;\n  invalid: Set<string>;\n  onAction?: A2uiActionHandler;\n}\n\nconst isEvent = (v: unknown): v is SyntheticEvent =>\n  typeof v === \"object\" && v !== null && \"nativeEvent\" in v && \"target\" in v;\n\n/** The value a `change`-style handler carries: the control's value, or the handler's first arg. */\nfunction eventValue(args: unknown[]): unknown {\n  const first = args[0];\n  if (isEvent(first)) {\n    const target = first.target as HTMLInputElement | null;\n    if (target && typeof target.type === \"string\" && target.type === \"checkbox\")\n      return target.checked;\n    return target && \"value\" in target ? target.value : undefined;\n  }\n  return first;\n}\n\nfunction renderPropValue(value: A2uiPropValue, path: string, ctx: RenderCtx): unknown {\n  if (Array.isArray(value) && value.some(isA2uiElement)) {\n    return value.map((item, i) => renderNode(item as A2uiNode, `${path}[${i}]`, ctx));\n  }\n  if (isA2uiElement(value)) return renderNode(value, path, ctx);\n  return value;\n}\n\nfunction renderNode(node: A2uiNode, path: string, ctx: RenderCtx): ReactNode {\n  if (typeof node === \"string\" || typeof node === \"number\") return node;\n  if (ctx.invalid.has(path)) return null;\n  const entry = ctx.catalog[node.type];\n  if (!entry) return null;\n  const props: Record<string, unknown> = {};\n  for (const [name, value] of Object.entries(node.props ?? {})) {\n    const schema = entry.schema.props[name];\n    props[name] =\n      schema?.type === \"node\" ? renderPropValue(value, `${path}.props.${name}`, ctx) : value;\n  }\n  for (const [event, action] of Object.entries(node.on ?? {})) {\n    const handlerName = entry.schema.events[event];\n    if (!handlerName) continue;\n    props[handlerName] = (...args: unknown[]) => {\n      // A control's value travels only with `change`-style events; a click\n      // carries no value (a button's `target.value` is an empty string).\n      const value = event === \"click\" ? undefined : eventValue(args);\n      ctx.onAction?.(action, { event, value, node, path });\n    };\n  }\n  const children = entry.schema.children\n    ? (node.children ?? []).map((child, i) => renderNode(child, `${path}.children[${i}]`, ctx))\n    : undefined;\n  const key = path;\n  const dataAttrs = {\n    \"data-a2ui-type\": node.type,\n    ...(node.id ? { \"data-a2ui-id\": node.id } : {}),\n  };\n  if (entry.schema.builtin) {\n    return createElement(\n      \"div\",\n      { key, className: builtinClass(node.type, props), ...dataAttrs },\n      ...(children ?? []),\n    );\n  }\n  return createElement(\n    entry.component as never,\n    { key, ...props, ...dataAttrs },\n    ...(children ?? []),\n  );\n}\n\n/** A memoised subtree so a streaming parent re-render does not redraw settled siblings. */\nconst SurfaceTree = memo(function SurfaceTree({\n  spec,\n  catalog,\n  invalid,\n  onAction,\n}: {\n  spec: A2uiSurfaceSpec;\n  catalog: A2uiCatalog;\n  invalid: Set<string>;\n  onAction?: A2uiActionHandler;\n}) {\n  return <>{renderNode(spec.root, \"root\", { catalog, invalid, onAction })}</>;\n});\n\n// ---------------------------------------------------------------------------\n// The surface\n// ---------------------------------------------------------------------------\nexport const A2uiSurface = forwardRef<HTMLDivElement, A2uiSurfaceProps>(function A2uiSurface(\n  {\n    surface,\n    catalog = uiCatalog,\n    onAction,\n    isStreaming = false,\n    loading = false,\n    onError,\n    skeleton,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const schema = useMemo(() => catalogSchema(catalog), [catalog]);\n\n  // Parse (completing a streaming prefix), then validate. A string that is not\n  // yet valid JSON even after completion is \"incomplete\", not invalid.\n  const parsed = useMemo(() => {\n    if (loading || surface == null) return { value: null, incomplete: false };\n    if (typeof surface !== \"string\") return { value: surface, incomplete: false };\n    const complete = parseSurfaceJson(surface, false);\n    if (complete !== null) return { value: complete, incomplete: false };\n    const partial = parseSurfaceJson(surface, true);\n    return { value: partial, incomplete: surface.trim() !== \"\" };\n  }, [surface, loading]);\n\n  const validation = useMemo(\n    () => (parsed.value === null ? null : validateA2uiSurface(parsed.value, schema)),\n    [parsed.value, schema],\n  );\n\n  const pending = loading || isStreaming || parsed.incomplete;\n  const empty = surface == null || (typeof surface === \"string\" && surface.trim() === \"\");\n\n  // While pending, prune the failing subtrees and draw the rest; a settled\n  // surface is all-or-nothing.\n  const invalid = useMemo(\n    () =>\n      validation && !validation.ok && pending\n        ? invalidNodePaths(validation.errors)\n        : new Set<string>(),\n    [validation, pending],\n  );\n  const drawable =\n    validation?.spec && (validation.ok || (pending && !invalid.has(\"root\")))\n      ? validation.spec\n      : null;\n\n  // The last tree that painted, so an unparsable streaming chunk (mid-token) or\n  // a momentarily root-invalid prefix keeps the previous frame on screen.\n  const lastGoodRef = useRef<A2uiSurfaceSpec | null>(null);\n  if (drawable) lastGoodRef.current = drawable;\n  const shown = drawable ?? (pending ? lastGoodRef.current : null);\n  const [hasRendered, setHasRendered] = useState(false);\n  useEffect(() => {\n    if (shown && !hasRendered) setHasRendered(true);\n  }, [shown, hasRendered]);\n\n  const status: A2uiSurfaceStatus = loading\n    ? \"pending\"\n    : empty\n      ? hasRendered\n        ? \"ready\"\n        : \"idle\"\n      : pending\n        ? \"pending\"\n        : validation && !validation.ok\n          ? \"error\"\n          : \"ready\";\n\n  // Terminal errors only — once per settled, invalid surface.\n  // Keyed by the error LIST, not the input's identity, so a parent re-render\n  // that passes an equal object literal does not report the same failure twice.\n  const reportedRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (status !== \"error\" || !validation || validation.ok) return;\n    const key = JSON.stringify(validation.errors);\n    if (reportedRef.current === key) return;\n    reportedRef.current = key;\n    onError?.(validation.errors);\n  }, [status, validation, onError]);\n\n  const showSkeleton = status === \"pending\" && !shown;\n  const title = shown?.title;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"a2ui-surface\"\n      data-status={status}\n      className={cn(\"relative min-w-0\", className)}\n      {...(title ? { role: \"group\", \"aria-label\": title } : {})}\n      {...props}\n    >\n      {showSkeleton ? (\n        <div\n          data-slot=\"a2ui-surface-skeleton\"\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"space-y-2\"\n        >\n          <span className=\"sr-only\">{t(\"ai.a2ui.loading\")}</span>\n          {skeleton ?? (\n            <>\n              <Skeleton className=\"h-6 w-1/3\" />\n              <div className=\"grid grid-cols-3 gap-2\">\n                <Skeleton className=\"h-16\" />\n                <Skeleton className=\"h-16\" />\n                <Skeleton className=\"h-16\" />\n              </div>\n              <Skeleton className=\"h-24 w-full\" />\n            </>\n          )}\n        </div>\n      ) : null}\n      {shown ? (\n        <SurfaceTree spec={shown} catalog={catalog} invalid={invalid} onAction={onAction} />\n      ) : null}\n      {status === \"error\" && validation && !validation.ok ? (\n        <div\n          data-slot=\"a2ui-surface-error\"\n          role=\"alert\"\n          // The status wash is the one separation gesture (surface-separation);\n          // `-text` is the AA ink rung on a wash (status-rung).\n          className=\"flex gap-2 rounded-md bg-destructive/10 p-3 text-body text-destructive-text\"\n        >\n          <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n          <div className=\"min-w-0 space-y-1\">\n            <p className=\"font-medium\">{t(\"ai.a2ui.invalid\")}</p>\n            <ul className=\"space-y-0.5 text-caption\">\n              {validation.errors.slice(0, 8).map((e) => (\n                <li key={`${e.path}:${e.code}`} className=\"break-words\">\n                  <code className=\"text-code\">{e.path || \"root\"}</code> — {e.message}\n                </li>\n              ))}\n              {validation.errors.length > 8 ? (\n                <li>{t(\"ai.a2ui.moreErrors\", { count: validation.errors.length - 8 })}</li>\n              ) : null}\n            </ul>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nA2uiSurface.displayName = \"A2uiSurface\";\n\n/** Re-exported so a host can pre-complete a streaming prefix itself (e.g. for a raw-JSON view). */\nexport { completeJson };\n"],"mappings":"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","names":["SurfaceTree","A2uiSurface"]}