@elabs-ai/components-ai 4.1.0 → 5.0.0

package/dist/chunk-BHUVISIY.js

@@ -0,0 +1,221 @@
+"use client";
+import {
+  EMPTY_CELL,
+  badgeToneForValue,
+  compareCellValues,
+  formatCellValue,
+  isEmptyCell,
+  isNumericFormat,
+  normalizeTableSpec
+} from "./chunk-DWJDJLPU.js";
+
+// src/message-table.tsx
+import { forwardRef, useId, useMemo, useState } from "react";
+import { ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react";
+import {
+  Badge,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MessageTableFallback = forwardRef(
+  function MessageTableFallback2({ message = "This table could not be displayed.", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          // Sole structural cue is the border (no fill) — reads in every theme,
+          // incl. themes where surface-muted ≈ background. border-strong is
+          // contrast-guaranteed vs the background.
+          "flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: message
+      }
+    );
+  }
+);
+var MessageTable = forwardRef(function MessageTable2({
+  spec,
+  sortable = false,
+  sort: sortProp,
+  defaultSort = null,
+  onSortChange,
+  maxRows,
+  renderCell,
+  isStreaming,
+  streaming = false,
+  className,
+  ...props
+}, ref) {
+  const resolvedStreaming = isStreaming ?? streaming;
+  const { t } = useLocale();
+  const reactId = useId();
+  const isControlled = sortProp !== void 0;
+  const [internalSort, setInternalSort] = useState(defaultSort);
+  const resolvedSort = isControlled ? sortProp : internalSort;
+  const result = normalizeTableSpec(spec);
+  const normalized = result.ok ? result.spec : null;
+  const sortedRows = useMemo(() => {
+    if (!normalized || !resolvedSort) return normalized?.rows ?? [];
+    const column = normalized.columns.find((c) => c.key === resolvedSort.key);
+    if (!column) return normalized.rows;
+    const direction = resolvedSort.direction === "asc" ? 1 : -1;
+    return [...normalized.rows].sort(
+      (a, b) => direction * compareCellValues(a[column.key], b[column.key], column.format)
+    );
+  }, [normalized, resolvedSort]);
+  if (!result.ok) {
+    return /* @__PURE__ */ jsx(MessageTableFallback, { ref, message: result.reason, className, ...props });
+  }
+  const { columns, title, emptyText } = result.spec;
+  if (columns.length === 0) {
+    if (resolvedStreaming) {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: "Loading table\u2026" }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "flex flex-col gap-2 rounded-md border border-border p-3",
+            children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
+            ]
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      MessageTableFallback,
+      {
+        ref,
+        message: "This table has no columns to display.",
+        className,
+        ...props
+      }
+    );
+  }
+  const total = sortedRows.length;
+  const cappedRows = maxRows !== void 0 && maxRows >= 0 ? sortedRows.slice(0, maxRows) : sortedRows;
+  const truncatedCount = total - cappedRows.length;
+  const titleId = title ? `${reactId}-title` : void 0;
+  const setSort = (next) => {
+    if (!isControlled) setInternalSort(next);
+    onSortChange?.(next);
+  };
+  const toggleSort = (column) => {
+    if (resolvedSort?.key === column.key) {
+      setSort({ key: column.key, direction: resolvedSort.direction === "asc" ? "desc" : "asc" });
+    } else {
+      setSort({ key: column.key, direction: "asc" });
+    }
+  };
+  const renderCellContent = (column, row, rowIndex) => {
+    const value = row[column.key];
+    if (renderCell) {
+      const overridden = renderCell({ value, column, row, rowIndex });
+      if (overridden !== void 0) return overridden;
+    }
+    if (isEmptyCell(value)) {
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: EMPTY_CELL });
+    }
+    if (column.format === "badge") {
+      return /* @__PURE__ */ jsx(Badge, { variant: badgeToneForValue(value), children: String(value) });
+    }
+    return formatCellValue(value, column.format);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+    title && /* @__PURE__ */ jsx("p", { id: titleId, className: "mb-1 text-body font-semibold text-foreground text-balance", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+      resolvedStreaming && cappedRows.length === 0 && /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: "Loading table\u2026" }),
+      /* @__PURE__ */ jsxs(
+        Table,
+        {
+          "aria-labelledby": titleId,
+          "aria-label": title ? void 0 : t("ai.messageTable.label"),
+          "aria-busy": resolvedStreaming && cappedRows.length === 0 || void 0,
+          children: [
+            truncatedCount > 0 && /* @__PURE__ */ jsxs(TableCaption, { className: "mb-2 mt-3 px-3 text-caption", children: [
+              "Showing ",
+              cappedRows.length,
+              " of ",
+              total,
+              " rows"
+            ] }),
+            /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => {
+              const numeric = isNumericFormat(column.format);
+              const active = resolvedSort?.key === column.key;
+              const ariaSort = active ? resolvedSort?.direction === "asc" ? "ascending" : "descending" : sortable ? "none" : void 0;
+              const label = column.label ?? column.key;
+              return /* @__PURE__ */ jsx(
+                TableHead,
+                {
+                  scope: "col",
+                  "aria-sort": ariaSort,
+                  className: cn(numeric && "text-end"),
+                  children: sortable ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => toggleSort(column),
+                      className: cn(
+                        "inline-flex items-center gap-1 rounded-sm font-medium",
+                        "focus-ring",
+                        "hover:text-foreground transition-colors duration-fast ease-standard motion-reduce:transition-none",
+                        numeric && "flex-row-reverse"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { children: label }),
+                        active ? resolvedSort?.direction === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { "aria-hidden": "true", className: "size-3.5 opacity-50" })
+                      ]
+                    }
+                  ) : label
+                },
+                column.key
+              );
+            }) }) }),
+            /* @__PURE__ */ jsx(TableBody, { children: cappedRows.length === 0 && resolvedStreaming ? [0, 1, 2].map((i) => /* @__PURE__ */ jsx(TableRow, { "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, column.key)) }, `skeleton-${i}`)) : cappedRows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                colSpan: columns.length,
+                className: "py-6 text-center text-muted-foreground",
+                children: emptyText ?? "No rows to display"
+              }
+            ) }) : cappedRows.map((row, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => {
+              const numeric = isNumericFormat(column.format);
+              return /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  className: cn(numeric && "text-end tabular-nums"),
+                  children: renderCellContent(column, row, rowIndex)
+                },
+                column.key
+              );
+            }) }, rowIndex)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+
+export {
+  MessageTableFallback,
+  MessageTable
+};
+//# sourceMappingURL=chunk-BHUVISIY.js.map

package/dist/chunk-BHUVISIY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message-table.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MessageTable — a model-emittable data table rendered inside a chat message.\n *\n * The model emits a serializable, column-oriented `TableSpec` (see\n * `message-table-spec.ts`); MessageTable renders a lightweight table (NOT the\n * app-chrome `@elabs-ai/components-data` DataTable — this is message content).\n *\n * Design bar (mirrors AutoChart):\n * - Spec-driven, zod-validated; the model never chooses the look.\n * - Never throws. A malformed spec → `MessageTableFallback`; an unknown format\n *   falls back to text; a missing cell renders an em-dash.\n * - Streaming-tolerant. Half-arrived columns/rows are dropped or render\n *   progressively; a spec with columns but no rows yet shows skeleton rows.\n * - Tokens only; numeric columns are end-aligned + `tabular-nums`.\n * - Optional client-side sort (controlled OR uncontrolled) and an optional\n *   per-cell `renderCell` override for consumer composition.\n *\n * Composes the `@elabs-ai/components-ui` `Table` primitive.\n */\n\nimport { forwardRef, useId, useMemo, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport {\n  Badge,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\nimport {\n  badgeToneForValue,\n  compareCellValues,\n  EMPTY_CELL,\n  formatCellValue,\n  isEmptyCell,\n  isNumericFormat,\n  normalizeTableSpec,\n  type ColumnSpec,\n  type TableRowData,\n  type TableSpec,\n} from \"./message-table-spec\";\n\n// ─── Sort ─────────────────────────────────────────────────────────────────────\n\nexport interface TableSort {\n  /** The sorted column's key. */\n  key: string;\n  direction: \"asc\" | \"desc\";\n}\n\n/** Per-cell render override — return `undefined` to fall back to default rendering. */\nexport type RenderCell = (args: {\n  value: unknown;\n  column: ColumnSpec;\n  row: TableRowData;\n  rowIndex: number;\n}) => ReactNode;\n\n// ─── Fallback ─────────────────────────────────────────────────────────────────\n\nexport interface MessageTableFallbackProps extends HTMLAttributes<HTMLDivElement> {\n  /** Short human reason the table could not render. */\n  message?: string;\n}\n\n/** Shown when the spec is unusable. Mirrors `ChartFallback` semantics. */\nexport const MessageTableFallback = forwardRef<HTMLDivElement, MessageTableFallbackProps>(\n  function MessageTableFallback(\n    { message = \"This table could not be displayed.\", className, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          // Sole structural cue is the border (no fill) — reads in every theme,\n          // incl. themes where surface-muted ≈ background. border-strong is\n          // contrast-guaranteed vs the background.\n          \"flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        {message}\n      </div>\n    );\n  },\n);\n\n// ─── MessageTable ─────────────────────────────────────────────────────────────\n\nexport interface MessageTableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** The serializable table specification produced by an LLM tool-call. */\n  spec: TableSpec | unknown;\n  /** Enable click-to-sort column headers. @default false */\n  sortable?: boolean;\n  /** Controlled sort. When provided, `onSortChange` is the only way to update it. */\n  sort?: TableSort | null;\n  /** Uncontrolled initial sort. */\n  defaultSort?: TableSort | null;\n  /** Called with the next sort (or `null`) when a header is clicked. */\n  onSortChange?: (sort: TableSort | null) => void;\n  /** Cap the number of rendered rows; shows a \"Showing N of M rows\" notice. */\n  maxRows?: number;\n  /** Per-cell render override for custom composition. */\n  renderCell?: RenderCell;\n  /** The spec is still streaming (columns-but-no-rows shows skeleton rows). */\n  isStreaming?: boolean;\n  /** @deprecated Use `isStreaming`. */\n  streaming?: boolean;\n}\n\n/**\n * MessageTable — renders a `TableSpec` as a lightweight message-body table.\n *\n * Intentionally bare: no toolbar, no expand chrome. Growing one here would be\n * `ChartFrame` re-implemented inside this package.\n *\n * **To make it expandable, wrap it in `ExpandDialog`**\n * (`@elabs-ai/components-ui`) — the shared two-pane expand surface,\n * the same one a chart opens. Do NOT hand-roll a lightbox or a full-screen\n * breakout; four of those already existed before the component was shared, and\n * each one taught users a different meaning for the same button.\n *\n * The context pane for a table is its SHAPE, not statistics: row count,\n * \"showing N of M\", column count, each column's declared `format`. A\n * model-emitted table's numerics may already be formatted strings, so min/max/avg\n * over them is wrong more often than right.\n */\nexport const MessageTable = forwardRef<HTMLDivElement, MessageTableProps>(function MessageTable(\n  {\n    spec,\n    sortable = false,\n    sort: sortProp,\n    defaultSort = null,\n    onSortChange,\n    maxRows,\n    renderCell,\n    isStreaming,\n    streaming = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const resolvedStreaming = isStreaming ?? streaming;\n  const { t } = useLocale();\n  const reactId = useId();\n  const isControlled = sortProp !== undefined;\n  const [internalSort, setInternalSort] = useState<TableSort | null>(defaultSort);\n  const resolvedSort = isControlled ? (sortProp as TableSort | null) : internalSort;\n\n  const result = normalizeTableSpec(spec);\n\n  const normalized = result.ok ? result.spec : null;\n\n  const sortedRows = useMemo<TableRowData[]>(() => {\n    if (!normalized || !resolvedSort) return normalized?.rows ?? [];\n    const column = normalized.columns.find((c) => c.key === resolvedSort.key);\n    if (!column) return normalized.rows;\n    const direction = resolvedSort.direction === \"asc\" ? 1 : -1;\n    return [...normalized.rows].sort(\n      (a, b) => direction * compareCellValues(a[column.key], b[column.key], column.format),\n    );\n  }, [normalized, resolvedSort]);\n\n  if (!result.ok) {\n    return (\n      <MessageTableFallback ref={ref} message={result.reason} className={className} {...props} />\n    );\n  }\n\n  const { columns, title, emptyText } = result.spec;\n\n  // No columns: skeleton while streaming, otherwise a fallback.\n  if (columns.length === 0) {\n    if (resolvedStreaming) {\n      return (\n        <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            Loading table…\n          </span>\n          <div\n            aria-hidden=\"true\"\n            className=\"flex flex-col gap-2 rounded-md border border-border p-3\"\n          >\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      );\n    }\n    return (\n      <MessageTableFallback\n        ref={ref}\n        message=\"This table has no columns to display.\"\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  const total = sortedRows.length;\n  const cappedRows =\n    maxRows !== undefined && maxRows >= 0 ? sortedRows.slice(0, maxRows) : sortedRows;\n  const truncatedCount = total - cappedRows.length;\n\n  const titleId = title ? `${reactId}-title` : undefined;\n\n  const setSort = (next: TableSort | null) => {\n    if (!isControlled) setInternalSort(next);\n    onSortChange?.(next);\n  };\n\n  const toggleSort = (column: ColumnSpec) => {\n    if (resolvedSort?.key === column.key) {\n      setSort({ key: column.key, direction: resolvedSort.direction === \"asc\" ? \"desc\" : \"asc\" });\n    } else {\n      setSort({ key: column.key, direction: \"asc\" });\n    }\n  };\n\n  const renderCellContent = (\n    column: ColumnSpec,\n    row: TableRowData,\n    rowIndex: number,\n  ): ReactNode => {\n    const value = row[column.key];\n    if (renderCell) {\n      const overridden = renderCell({ value, column, row, rowIndex });\n      if (overridden !== undefined) return overridden;\n    }\n    if (isEmptyCell(value)) {\n      return <span className=\"text-muted-foreground\">{EMPTY_CELL}</span>;\n    }\n    if (column.format === \"badge\") {\n      return <Badge variant={badgeToneForValue(value)}>{String(value)}</Badge>;\n    }\n    return formatCellValue(value, column.format);\n  };\n\n  return (\n    <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n      {title && (\n        <p id={titleId} className=\"mb-1 text-body font-semibold text-foreground text-balance\">\n          {title}\n        </p>\n      )}\n      <div className=\"overflow-hidden rounded-md border border-border\">\n        {resolvedStreaming && cappedRows.length === 0 && (\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            Loading table…\n          </span>\n        )}\n        <Table\n          aria-labelledby={titleId}\n          aria-label={title ? undefined : t(\"ai.messageTable.label\")}\n          aria-busy={(resolvedStreaming && cappedRows.length === 0) || undefined}\n        >\n          {truncatedCount > 0 && (\n            <TableCaption className=\"mb-2 mt-3 px-3 text-caption\">\n              Showing {cappedRows.length} of {total} rows\n            </TableCaption>\n          )}\n          <TableHeader>\n            <TableRow>\n              {columns.map((column) => {\n                const numeric = isNumericFormat(column.format);\n                const active = resolvedSort?.key === column.key;\n                const ariaSort = active\n                  ? resolvedSort?.direction === \"asc\"\n                    ? \"ascending\"\n                    : \"descending\"\n                  : sortable\n                    ? \"none\"\n                    : undefined;\n                const label = column.label ?? column.key;\n                return (\n                  <TableHead\n                    key={column.key}\n                    scope=\"col\"\n                    aria-sort={ariaSort}\n                    className={cn(numeric && \"text-end\")}\n                  >\n                    {sortable ? (\n                      <button\n                        type=\"button\"\n                        onClick={() => toggleSort(column)}\n                        className={cn(\n                          \"inline-flex items-center gap-1 rounded-sm font-medium\",\n                          \"focus-ring\",\n                          \"hover:text-foreground transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n                          numeric && \"flex-row-reverse\",\n                        )}\n                      >\n                        <span>{label}</span>\n                        {active ? (\n                          resolvedSort?.direction === \"asc\" ? (\n                            <ChevronUp aria-hidden=\"true\" className=\"size-3.5\" />\n                          ) : (\n                            <ChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown aria-hidden=\"true\" className=\"size-3.5 opacity-50\" />\n                        )}\n                      </button>\n                    ) : (\n                      label\n                    )}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {cappedRows.length === 0 && resolvedStreaming ? (\n              [0, 1, 2].map((i) => (\n                <TableRow key={`skeleton-${i}`} aria-hidden=\"true\">\n                  {columns.map((column) => (\n                    <TableCell key={column.key}>\n                      <Skeleton className=\"h-4 w-full\" />\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : cappedRows.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"py-6 text-center text-muted-foreground\"\n                >\n                  {emptyText ?? \"No rows to display\"}\n                </TableCell>\n              </TableRow>\n            ) : (\n              cappedRows.map((row, rowIndex) => (\n                <TableRow key={rowIndex}>\n                  {columns.map((column) => {\n                    const numeric = isNumericFormat(column.format);\n                    return (\n                      <TableCell\n                        key={column.key}\n                        className={cn(numeric && \"text-end tabular-nums\")}\n                      >\n                        {renderCellContent(column, row, rowIndex)}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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","names":["MessageTableFallback","MessageTable"]}

package/dist/chunk-BM2LWERA.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  A2UI_COMMON_PROPS,
+  A2UI_VERSION
+} from "./chunk-4XRNIZMG.js";
+
+// src/a2ui/core/schema.ts
+var A2UI_SURFACE_SCHEMA_ID = "https://github.com/mreimitz/elabs-components/packages/ai/schemas/a2ui-surface.v1.schema.json";
+function propSchema(p) {
+  const base = {};
+  if (p.description) base.description = p.description;
+  if (p.default !== void 0) base.default = p.default;
+  if (p.enum) return { ...base, enum: p.enum };
+  switch (p.type) {
+    case "string":
+    case "number":
+    case "boolean":
+    case "array":
+    case "object":
+      return { ...base, type: p.type };
+    case "node":
+      return {
+        ...base,
+        anyOf: [
+          { type: "string" },
+          { type: "number" },
+          { $ref: "#/$defs/element" },
+          { type: "array", items: { $ref: "#/$defs/node" } }
+        ]
+      };
+    default:
+      return base;
+  }
+}
+function elementSchema(type, entry) {
+  const props = entry.builtin ? entry.props : { ...A2UI_COMMON_PROPS, ...entry.props };
+  const required = Object.entries(entry.props).filter(([, p]) => p.required).map(([name]) => name);
+  const properties = {
+    type: { const: type },
+    id: { type: "string" },
+    props: {
+      type: "object",
+      properties: Object.fromEntries(Object.entries(props).map(([n, p]) => [n, propSchema(p)])),
+      ...required.length ? { required } : {},
+      additionalProperties: false
+    },
+    on: {
+      type: "object",
+      properties: Object.fromEntries(
+        Object.keys(entry.events).map((ev) => [ev, { $ref: "#/$defs/action" }])
+      ),
+      additionalProperties: false
+    }
+  };
+  if (entry.children) properties.children = { type: "array", items: { $ref: "#/$defs/node" } };
+  return {
+    type: "object",
+    ...entry.summary ? { description: entry.summary } : {},
+    properties,
+    required: required.length ? ["type", "props"] : ["type"],
+    additionalProperties: false
+  };
+}
+function buildA2uiSurfaceSchema(catalog) {
+  const types = Object.keys(catalog).sort();
+  return {
+    $schema: "https://json-schema.org/draft/2020-12/schema",
+    $id: A2UI_SURFACE_SCHEMA_ID,
+    title: "A2UI surface v1 (brand-ui)",
+    description: "An agent-designed screen as data: a tree of brand-ui catalog nodes. Every `type` is a catalog entry, props are checked per type, and `on` binds catalog events to host actions. Text is a plain string child.",
+    type: "object",
+    properties: {
+      a2ui: { const: A2UI_VERSION },
+      title: { type: "string", description: "Accessible name of the surface region." },
+      root: { $ref: "#/$defs/node" }
+    },
+    required: ["a2ui", "root"],
+    additionalProperties: false,
+    $defs: {
+      action: {
+        type: "object",
+        properties: {
+          name: { type: "string", minLength: 1, description: "The host-side verb." },
+          payload: { description: "Free JSON attached to the action." }
+        },
+        required: ["name"],
+        additionalProperties: false
+      },
+      node: { anyOf: [{ type: "string" }, { $ref: "#/$defs/element" }] },
+      element: { oneOf: types.map((t) => ({ $ref: `#/$defs/${t}` })) },
+      ...Object.fromEntries(types.map((t) => [t, elementSchema(t, catalog[t])]))
+    }
+  };
+}
+
+export {
+  A2UI_SURFACE_SCHEMA_ID,
+  buildA2uiSurfaceSchema
+};
+//# sourceMappingURL=chunk-BM2LWERA.js.map

package/dist/chunk-BM2LWERA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/core/schema.ts"],"sourcesContent":["/**\n * schema.ts — the A2UI surface as a JSON Schema (draft 2020-12), built from the\n * catalog so editors, structured-output modes and JSON-Schema validators see the\n * SAME contract `validateA2uiSurface` enforces. Published as\n * `@elabs-ai/components-ai/a2ui/schema.json` and printed by `brand-ui a2ui schema`.\n */\nimport {\n  A2UI_COMMON_PROPS,\n  A2UI_VERSION,\n  type A2uiCatalogSchema,\n  type A2uiCatalogTypeSchema,\n  type A2uiPropSchema,\n} from \"./spec\";\n\nexport const A2UI_SURFACE_SCHEMA_ID =\n  \"https://github.com/mreimitz/elabs-components/packages/ai/schemas/a2ui-surface.v1.schema.json\";\n\ntype JsonSchema = Record<string, unknown>;\n\nfunction propSchema(p: A2uiPropSchema): JsonSchema {\n  const base: JsonSchema = {};\n  if (p.description) base.description = p.description;\n  if (p.default !== undefined) base.default = p.default;\n  if (p.enum) return { ...base, enum: p.enum };\n  switch (p.type) {\n    case \"string\":\n    case \"number\":\n    case \"boolean\":\n    case \"array\":\n    case \"object\":\n      return { ...base, type: p.type };\n    case \"node\":\n      return {\n        ...base,\n        anyOf: [\n          { type: \"string\" },\n          { type: \"number\" },\n          { $ref: \"#/$defs/element\" },\n          { type: \"array\", items: { $ref: \"#/$defs/node\" } },\n        ],\n      };\n    default:\n      return base;\n  }\n}\n\nfunction elementSchema(type: string, entry: A2uiCatalogTypeSchema): JsonSchema {\n  const props = entry.builtin ? entry.props : { ...A2UI_COMMON_PROPS, ...entry.props };\n  const required = Object.entries(entry.props)\n    .filter(([, p]) => p.required)\n    .map(([name]) => name);\n  const properties: JsonSchema = {\n    type: { const: type },\n    id: { type: \"string\" },\n    props: {\n      type: \"object\",\n      properties: Object.fromEntries(Object.entries(props).map(([n, p]) => [n, propSchema(p)])),\n      ...(required.length ? { required } : {}),\n      additionalProperties: false,\n    },\n    on: {\n      type: \"object\",\n      properties: Object.fromEntries(\n        Object.keys(entry.events).map((ev) => [ev, { $ref: \"#/$defs/action\" }]),\n      ),\n      additionalProperties: false,\n    },\n  };\n  if (entry.children) properties.children = { type: \"array\", items: { $ref: \"#/$defs/node\" } };\n  return {\n    type: \"object\",\n    ...(entry.summary ? { description: entry.summary } : {}),\n    properties,\n    required: required.length ? [\"type\", \"props\"] : [\"type\"],\n    additionalProperties: false,\n  };\n}\n\n/** Build the JSON Schema document for `catalog`. Deterministic: sorted types. */\nexport function buildA2uiSurfaceSchema(catalog: A2uiCatalogSchema): JsonSchema {\n  const types = Object.keys(catalog).sort();\n  return {\n    $schema: \"https://json-schema.org/draft/2020-12/schema\",\n    $id: A2UI_SURFACE_SCHEMA_ID,\n    title: \"A2UI surface v1 (brand-ui)\",\n    description:\n      \"An agent-designed screen as data: a tree of brand-ui catalog nodes. Every `type` is a catalog entry, props are checked per type, and `on` binds catalog events to host actions. Text is a plain string child.\",\n    type: \"object\",\n    properties: {\n      a2ui: { const: A2UI_VERSION },\n      title: { type: \"string\", description: \"Accessible name of the surface region.\" },\n      root: { $ref: \"#/$defs/node\" },\n    },\n    required: [\"a2ui\", \"root\"],\n    additionalProperties: false,\n    $defs: {\n      action: {\n        type: \"object\",\n        properties: {\n          name: { type: \"string\", minLength: 1, description: \"The host-side verb.\" },\n          payload: { description: \"Free JSON attached to the action.\" },\n        },\n        required: [\"name\"],\n        additionalProperties: false,\n      },\n      node: { anyOf: [{ type: \"string\" }, { $ref: \"#/$defs/element\" }] },\n      element: { oneOf: types.map((t) => ({ $ref: `#/$defs/${t}` })) },\n      ...Object.fromEntries(types.map((t) => [t, elementSchema(t, catalog[t]!)])),\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-CMOYXNPJ.js

@@ -0,0 +1,211 @@
+"use client";
+
+// src/inline-citation.tsx
+import { Badge } from "@elabs-ai/components-ui";
+import { Carousel, CarouselContent, CarouselItem } from "@elabs-ai/components-ui";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { ArrowLeftIcon, ArrowRightIcon, BadgeCheckIcon } from "lucide-react";
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var InlineCitation = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("group inline items-center gap-1", className), ...props });
+var InlineCitationText = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("transition-colors group-hover:bg-accent", className), ...props });
+var InlineCitationCard = (props) => /* @__PURE__ */ jsx(HoverCard, { closeDelay: 0, openDelay: 0, ...props });
+var hostnameOrRaw = (value) => {
+  try {
+    return new URL(value).hostname || value;
+  } catch {
+    return value;
+  }
+};
+var inlineCitationSourceLabel = (source) => {
+  if (typeof source === "string") {
+    return hostnameOrRaw(source);
+  }
+  return source.label || (source.url ? hostnameOrRaw(source.url) : source.id || "unknown");
+};
+var InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  Badge,
+  {
+    className: cn(
+      "ms-1 rounded-full border-success/40 bg-success/10 text-success-text",
+      className
+    ),
+    variant: "outline",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(BadgeCheckIcon, { "aria-hidden": "true", className: "size-3" }),
+      sources[0] ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        inlineCitationSourceLabel(sources[0]),
+        " ",
+        sources.length > 1 && `+${sources.length - 1}`
+      ] }) : "unknown"
+    ]
+  }
+) });
+var EvidenceChip = InlineCitationCardTrigger;
+var InlineCitationCardBody = ({ className, ...props }) => /* @__PURE__ */ jsx(HoverCardContent, { className: cn("relative w-80 p-0", className), ...props });
+var CarouselApiContext = createContext(void 0);
+var useCarouselApi = () => {
+  const context = useContext(CarouselApiContext);
+  return context;
+};
+var InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}) => {
+  const [api, setApi] = useState();
+  return /* @__PURE__ */ jsx(CarouselApiContext.Provider, { value: api, children: /* @__PURE__ */ jsx(Carousel, { className: cn("w-full", className), setApi, ...props, children }) });
+};
+var InlineCitationCarouselContent = (props) => /* @__PURE__ */ jsx(CarouselContent, { ...props });
+var InlineCitationCarouselItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(CarouselItem, { className: cn("w-full space-y-2 p-4 ps-8", className), ...props });
+var InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
+      className
+    ),
+    ...props
+  }
+);
+var InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}) => {
+  const api = useCarouselApi();
+  const [current, setCurrent] = useState(0);
+  const [count, setCount] = useState(0);
+  const syncState = useCallback(() => {
+    if (!api) {
+      return;
+    }
+    setCount(api.scrollSnapList().length);
+    setCurrent(api.selectedScrollSnap() + 1);
+  }, [api]);
+  useEffect(() => {
+    if (!api) {
+      return;
+    }
+    syncState();
+    api.on("select", syncState);
+    return () => {
+      api.off("select", syncState);
+    };
+  }, [api, syncState]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-meta",
+        className
+      ),
+      ...props,
+      children: children ?? `${current}/${count}`
+    }
+  );
+};
+var InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const api = useCarouselApi();
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollPrev();
+    }
+  }, [api]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": t("previous"),
+      className: cn("shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4 text-muted-foreground", "data-rtl-flip": true })
+    }
+  );
+};
+var InlineCitationCarouselNext = ({
+  className,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const api = useCarouselApi();
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollNext();
+    }
+  }, [api]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": t("next"),
+      className: cn("shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-4 text-muted-foreground", "data-rtl-flip": true })
+    }
+  );
+};
+var InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), ...props, children: [
+  title && /* @__PURE__ */ jsx("h4", { className: "truncate font-medium text-body leading-tight", children: title }),
+  url && /* @__PURE__ */ jsx("p", { className: "truncate break-all text-muted-foreground text-meta", children: url }),
+  description && /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-muted-foreground text-body leading-relaxed", children: description }),
+  children
+] });
+var InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "blockquote",
+  {
+    className: cn("border-muted border-s-2 ps-3 text-muted-foreground text-body italic", className),
+    ...props,
+    children
+  }
+);
+
+export {
+  InlineCitation,
+  InlineCitationText,
+  InlineCitationCard,
+  inlineCitationSourceLabel,
+  InlineCitationCardTrigger,
+  EvidenceChip,
+  InlineCitationCardBody,
+  InlineCitationCarousel,
+  InlineCitationCarouselContent,
+  InlineCitationCarouselItem,
+  InlineCitationCarouselHeader,
+  InlineCitationCarouselIndex,
+  InlineCitationCarouselPrev,
+  InlineCitationCarouselNext,
+  InlineCitationSource,
+  InlineCitationQuote
+};
+//# sourceMappingURL=chunk-CMOYXNPJ.js.map

package/dist/chunk-CMOYXNPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/inline-citation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Badge } from \"@elabs-ai/components-ui\";\nimport type { CarouselApi } from \"@elabs-ai/components-ui\";\nimport { Carousel, CarouselContent, CarouselItem } from \"@elabs-ai/components-ui\";\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport { ArrowLeftIcon, ArrowRightIcon, BadgeCheckIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useCallback, useContext, useEffect, useState } from \"react\";\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({ className, ...props }: InlineCitationProps) => (\n  <span className={cn(\"group inline items-center gap-1\", className)} {...props} />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({ className, ...props }: InlineCitationTextProps) => (\n  <span className={cn(\"transition-colors group-hover:bg-accent\", className)} {...props} />\n);\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\n/**\n * A cited source: a bare string — a URL, or any opaque id / human label — or a\n * labelled object.\n *\n * Non-URL sources are first-class. An agent citing a warehouse table, a document\n * id, an uploaded file or a wiki page has no hostname to show, and must not have\n * to synthesize a fake URL to satisfy the chip.\n */\nexport type InlineCitationSourceRef =\n  | string\n  | {\n      /** Opaque identifier, shown when there is no `label` and no `url`. */\n      id?: string;\n      /** Human-readable label — wins over any hostname derived from `url`. */\n      label?: string;\n      /** Optional link; its hostname is the fallback label. */\n      url?: string;\n    };\n\n/** The URL's hostname when `value` parses as one, else `value` itself. Never throws. */\nconst hostnameOrRaw = (value: string): string => {\n  try {\n    return new URL(value).hostname || value;\n  } catch {\n    return value;\n  }\n};\n\n/**\n * The chip label for a source ref. Exported so consumers can render the same\n * label elsewhere (a footnote list, a tooltip) without re-deriving the rules.\n */\nexport const inlineCitationSourceLabel = (source: InlineCitationSourceRef): string => {\n  if (typeof source === \"string\") {\n    return hostnameOrRaw(source);\n  }\n  // `||` not `??` — an upstream field that is present but EMPTY (`label: \"\"`)\n  // must still fall through, or the chip renders with no label at all.\n  return source.label || (source.url ? hostnameOrRaw(source.url) : source.id || \"unknown\");\n};\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: InlineCitationSourceRef[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      // The 08 §C.1 evidence channel: the green wash marks \"grounded\" — green\n      // is reserved for evidence/answer/favourable (research 11 §B.4).\n      className={cn(\n        \"ms-1 rounded-full border-success/40 bg-success/10 text-success-text\",\n        className,\n      )}\n      variant=\"outline\"\n      {...props}\n    >\n      <BadgeCheckIcon aria-hidden=\"true\" className=\"size-3\" />\n      {sources[0] ? (\n        <>\n          {inlineCitationSourceLabel(sources[0])} {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type EvidenceChipProps = InlineCitationCardTriggerProps;\n\n/**\n * EvidenceChip — the named front door for the inline evidence interaction\n * (research 11 §B.4): the re-skinned `InlineCitationCardTrigger` (green\n * \"grounded\" wash). Use inside an `InlineCitationCard` (HoverCard) — it reuses\n * the citation carousel wholesale; it is not a new primitive.\n */\nexport const EvidenceChip = InlineCitationCardTrigger;\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({ className, ...props }: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  const context = useContext(CarouselApiContext);\n  return context;\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (props: InlineCitationCarouselContentProps) => (\n  <CarouselContent {...props} />\n);\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem className={cn(\"w-full space-y-2 p-4 ps-8\", className)} {...props} />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-meta\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const { t } = useLocale();\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label={t(\"previous\")}\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" data-rtl-flip />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const { t } = useLocale();\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label={t(\"next\")}\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" data-rtl-flip />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && <h4 className=\"truncate font-medium text-body leading-tight\">{title}</h4>}\n    {url && <p className=\"truncate break-all text-muted-foreground text-meta\">{url}</p>}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-body leading-relaxed\">{description}</p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\"border-muted border-s-2 ps-3 text-muted-foreground text-body italic\", className)}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n"],"mappings":"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","names":[]}