@agent-native/core 0.39.2 → 0.40.0

package/dist/client/blocks/AiEditableField.d.ts

@@ -0,0 +1,8 @@
+import type { BlockAiFieldActionProps, BlockRenderContext } from "./types.js";
+export declare function AiEditableFieldLabel({ htmlFor, label, ctx, action, }: {
+    htmlFor: string;
+    label: string;
+    ctx: BlockRenderContext;
+    action?: Omit<BlockAiFieldActionProps, "fieldLabel">;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AiEditableField.d.ts.map

package/dist/client/blocks/AiEditableField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiEditableField.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/AiEditableField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE9E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,GACP,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,kBAAkB,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,YAAY,CAAC,CAAC;CACtD,2CAiBA"}

package/dist/client/blocks/AiEditableField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AiEditableFieldLabel({ htmlFor, label, ctx, action, }) {
+    return (_jsxs("div", { className: "sticky top-0 z-10 flex items-center justify-between gap-3 bg-background/95 py-1 backdrop-blur supports-[backdrop-filter]:bg-background/80", children: [_jsx("label", { htmlFor: htmlFor, className: "text-xs font-semibold text-muted-foreground", children: label }), action
+                ? ctx.renderAiFieldAction?.({
+                    ...action,
+                    fieldLabel: label,
+                })
+                : null] }));
+}
+//# sourceMappingURL=AiEditableField.js.map

package/dist/client/blocks/AiEditableField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiEditableField.js","sourceRoot":"","sources":["../../../src/client/blocks/AiEditableField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,GAMP;IACC,OAAO,CACL,eAAK,SAAS,EAAC,2IAA2I,aACxJ,gBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6CAA6C,YAEtD,KAAK,GACA,EACP,MAAM;gBACL,CAAC,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;oBACxB,GAAG,MAAM;oBACT,UAAU,EAAE,KAAK;iBAClB,CAAC;gBACJ,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { BlockAiFieldActionProps, BlockRenderContext } from \"./types.js\";\n\nexport function AiEditableFieldLabel({\n  htmlFor,\n  label,\n  ctx,\n  action,\n}: {\n  htmlFor: string;\n  label: string;\n  ctx: BlockRenderContext;\n  action?: Omit<BlockAiFieldActionProps, \"fieldLabel\">;\n}) {\n  return (\n    <div className=\"sticky top-0 z-10 flex items-center justify-between gap-3 bg-background/95 py-1 backdrop-blur supports-[backdrop-filter]:bg-background/80\">\n      <label\n        htmlFor={htmlFor}\n        className=\"text-xs font-semibold text-muted-foreground\"\n      >\n        {label}\n      </label>\n      {action\n        ? ctx.renderAiFieldAction?.({\n            ...action,\n            fieldLabel: label,\n          })\n        : null}\n    </div>\n  );\n}\n"]}

package/dist/client/blocks/BlockView.d.ts

@@ -1,11 +1,11 @@
-import type { BlockSpec, BlockRenderContext } from "./types.js";
+import type { BlockDataChangeMeta, BlockSpec, BlockRenderContext } from "./types.js";
 /**
  * Resolve a spec's effective edit surface. Defaults to `"inline"` when the block
  * ships a custom `Edit` (its author built direct-manipulation editing), else
  * `"panel"` — an auto-form block is a property form, which reads best behind a
  * corner edit button. An explicit `spec.editSurface` always wins.
  */
-export declare function blockEditSurface(spec: BlockSpec<any>): "inline" | "panel";
+export declare function blockEditSurface(spec: BlockSpec<any>): "inline" | "panel" | "container";
 /**
  * Render one registered block. In read mode (or when the spec is inline-only and
  * not editing) it renders the spec's `Read`. In edit mode for a `block`-placed
@@ -29,7 +29,7 @@ export declare function BlockView({ spec, block, editing, editable, onChange, ct
     /** Whether this specific block allows editing (block.editable !== false). */
     editable?: boolean;
     /** Commit a new `data` value for the block. */
-    onChange?: (nextData: unknown) => void;
+    onChange?: (nextData: unknown, meta?: BlockDataChangeMeta) => void;
     ctx: BlockRenderContext;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BlockView.d.ts.map

package/dist/client/blocks/BlockView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockView.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGhE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,OAAO,CAEzE;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAe,EACf,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,GAAG,EAAE,kBAAkB,CAAC;CACzB,2CAsEA"}
+{"version":3,"file":"BlockView.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAGpB;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,GACnB,QAAQ,GAAG,OAAO,GAAG,WAAW,CAElC;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAe,EACf,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnE,GAAG,EAAE,kBAAkB,CAAC;CACzB,2CA0FA"}

package/dist/client/blocks/BlockView.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { IconPencil } from "@tabler/icons-react";
 import { SchemaBlockEditor } from "./SchemaBlockEditor.js";
 /**
@@ -21,21 +22,32 @@ export function blockEditSurface(spec) {
  * recognizes a block type — the legacy switch handles unregistered types.
  */
 export function BlockView({ spec, block, editing, editable = true, onChange, ctx, }) {
+    const [panelHovered, setPanelHovered] = useState(false);
     const Read = spec.Read;
     const readNode = (_jsx(Read, { data: block.data, blockId: block.id, title: block.title, summary: block.summary, ctx: ctx }));
     const canEdit = editing && editable && spec.placement.includes("block") && !!onChange;
     if (!canEdit)
         return readNode;
-    const commit = (nextData) => onChange?.(nextData);
+    const commit = (nextData, meta) => onChange?.(nextData, meta);
+    const updatePanelHover = (event) => {
+        const target = event.target;
+        setPanelHovered(target instanceof HTMLElement &&
+            target.closest(".an-block-panel") === event.currentTarget);
+    };
     const Edit = spec.Edit;
     const formNode = Edit ? (_jsx(Edit, { data: block.data, onChange: commit, editable: true, blockId: block.id, title: block.title, summary: block.summary, ctx: ctx })) : (_jsx(SchemaBlockEditor, { data: block.data, onChange: commit, schema: spec.schema, editable: true, blockId: block.id, ctx: ctx }));
     // Panel mode: show the rendered block with a corner edit button that opens the
     // form in the app-provided panel (popover). Falls back to inline editing when
     // the app hasn't wired `renderEditSurface`.
     if (blockEditSurface(spec) === "panel" && ctx.renderEditSurface) {
-        return (_jsxs("div", { className: "an-block-panel group relative", children: [readNode, _jsx("div", { className: "an-block-panel__edit absolute right-2 top-2 z-10", children: ctx.renderEditSurface({
+        return (_jsxs("div", { className: "an-block-panel relative", onMouseEnter: updatePanelHover, onMouseMove: updatePanelHover, onMouseLeave: () => setPanelHovered(false), children: [readNode, _jsx("div", { className: "an-block-panel__edit absolute right-2 top-2 z-10", children: ctx.renderEditSurface({
                         title: spec.label,
-                        trigger: (_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Edit ${spec.label}`, className: "an-block-edit-trigger flex size-7 items-center justify-center rounded-md border border-border bg-background/80 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconPencil, { className: "size-4" }) })),
+                        blockId: block.id,
+                        blockType: spec.type,
+                        blockTitle: block.title,
+                        blockSummary: block.summary,
+                        blockData: block.data,
+                        trigger: (_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Edit ${spec.label}`, className: "an-block-edit-trigger flex size-7 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[visible=true]:opacity-100", "data-visible": panelHovered, children: _jsx(IconPencil, { className: "size-4" }) })),
                         children: formNode,
                     }) })] }));
     }

package/dist/client/blocks/BlockView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockView.js","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAoB;IACnD,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAC9D,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,GAAG,GAWJ;IACC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;IACvB,MAAM,QAAQ,GAAG,CACf,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IAEF,MAAM,OAAO,GACX,OAAO,IAAI,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAExE,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,MAAM,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;IAE3D,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;IACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,QACR,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,QACR,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IAEF,+EAA+E;IAC/E,8EAA8E;IAC9E,4CAA4C;IAC5C,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,OAAO,IAAI,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC3C,QAAQ,EACT,cAAK,SAAS,EAAC,kDAAkD,YAC9D,GAAG,CAAC,iBAAiB,CAAC;wBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,OAAO,EAAE,CACP,iBACE,IAAI,EAAC,QAAQ,+CAED,QAAQ,IAAI,CAAC,KAAK,EAAE,EAChC,SAAS,EAAC,kRAAkR,YAE5R,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC1B,CACV;wBACD,QAAQ,EAAE,QAAQ;qBACnB,CAAC,GACE,IACF,CACP,CAAC;IACJ,CAAC;IAED,qCAAqC;IACrC,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import { IconPencil } from \"@tabler/icons-react\";\nimport type { BlockSpec, BlockRenderContext } from \"./types.js\";\nimport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n/**\n * Resolve a spec's effective edit surface. Defaults to `\"inline\"` when the block\n * ships a custom `Edit` (its author built direct-manipulation editing), else\n * `\"panel\"` — an auto-form block is a property form, which reads best behind a\n * corner edit button. An explicit `spec.editSurface` always wins.\n */\nexport function blockEditSurface(spec: BlockSpec<any>): \"inline\" | \"panel\" {\n  return spec.editSurface ?? (spec.Edit ? \"inline\" : \"panel\");\n}\n\n/**\n * Render one registered block. In read mode (or when the spec is inline-only and\n * not editing) it renders the spec's `Read`. In edit mode for a `block`-placed\n * spec it renders the editor — either inline (the spec's `Edit` or the\n * schema-driven {@link SchemaBlockEditor}) or, for `editSurface: \"panel\"` blocks,\n * the rendered `Read` plus a corner edit button that opens that editor in the\n * app-provided panel ({@link BlockRenderContext.renderEditSurface}, e.g. a\n * popover). This is what the app renderer delegates to once the registry\n * recognizes a block type — the legacy switch handles unregistered types.\n */\nexport function BlockView({\n  spec,\n  block,\n  editing,\n  editable = true,\n  onChange,\n  ctx,\n}: {\n  spec: BlockSpec<any>;\n  block: { id: string; title?: string; summary?: string; data: unknown };\n  /** Whether the document is in an editable/edit state. */\n  editing: boolean;\n  /** Whether this specific block allows editing (block.editable !== false). */\n  editable?: boolean;\n  /** Commit a new `data` value for the block. */\n  onChange?: (nextData: unknown) => void;\n  ctx: BlockRenderContext;\n}) {\n  const Read = spec.Read;\n  const readNode = (\n    <Read\n      data={block.data}\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  );\n\n  const canEdit =\n    editing && editable && spec.placement.includes(\"block\") && !!onChange;\n\n  if (!canEdit) return readNode;\n\n  const commit = (nextData: unknown) => onChange?.(nextData);\n\n  const Edit = spec.Edit;\n  const formNode = Edit ? (\n    <Edit\n      data={block.data}\n      onChange={commit}\n      editable\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  ) : (\n    <SchemaBlockEditor\n      data={block.data}\n      onChange={commit}\n      schema={spec.schema}\n      editable\n      blockId={block.id}\n      ctx={ctx}\n    />\n  );\n\n  // Panel mode: show the rendered block with a corner edit button that opens the\n  // form in the app-provided panel (popover). Falls back to inline editing when\n  // the app hasn't wired `renderEditSurface`.\n  if (blockEditSurface(spec) === \"panel\" && ctx.renderEditSurface) {\n    return (\n      <div className=\"an-block-panel group relative\">\n        {readNode}\n        <div className=\"an-block-panel__edit absolute right-2 top-2 z-10\">\n          {ctx.renderEditSurface({\n            title: spec.label,\n            trigger: (\n              <button\n                type=\"button\"\n                data-plan-interactive\n                aria-label={`Edit ${spec.label}`}\n                className=\"an-block-edit-trigger flex size-7 items-center justify-center rounded-md border border-border bg-background/80 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100\"\n              >\n                <IconPencil className=\"size-4\" />\n              </button>\n            ),\n            children: formNode,\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Inline mode (direct manipulation).\n  return formNode;\n}\n"]}
+{"version":3,"file":"BlockView.js","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type MouseEvent as ReactMouseEvent } from \"react\";\nimport { IconPencil } from \"@tabler/icons-react\";\nimport type {\n  BlockDataChangeMeta,\n  BlockSpec,\n  BlockRenderContext,\n} from \"./types.js\";\nimport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n/**\n * Resolve a spec's effective edit surface. Defaults to `\"inline\"` when the block\n * ships a custom `Edit` (its author built direct-manipulation editing), else\n * `\"panel\"` — an auto-form block is a property form, which reads best behind a\n * corner edit button. An explicit `spec.editSurface` always wins.\n */\nexport function blockEditSurface(\n  spec: BlockSpec<any>,\n): \"inline\" | \"panel\" | \"container\" {\n  return spec.editSurface ?? (spec.Edit ? \"inline\" : \"panel\");\n}\n\n/**\n * Render one registered block. In read mode (or when the spec is inline-only and\n * not editing) it renders the spec's `Read`. In edit mode for a `block`-placed\n * spec it renders the editor — either inline (the spec's `Edit` or the\n * schema-driven {@link SchemaBlockEditor}) or, for `editSurface: \"panel\"` blocks,\n * the rendered `Read` plus a corner edit button that opens that editor in the\n * app-provided panel ({@link BlockRenderContext.renderEditSurface}, e.g. a\n * popover). This is what the app renderer delegates to once the registry\n * recognizes a block type — the legacy switch handles unregistered types.\n */\nexport function BlockView({\n  spec,\n  block,\n  editing,\n  editable = true,\n  onChange,\n  ctx,\n}: {\n  spec: BlockSpec<any>;\n  block: { id: string; title?: string; summary?: string; data: unknown };\n  /** Whether the document is in an editable/edit state. */\n  editing: boolean;\n  /** Whether this specific block allows editing (block.editable !== false). */\n  editable?: boolean;\n  /** Commit a new `data` value for the block. */\n  onChange?: (nextData: unknown, meta?: BlockDataChangeMeta) => void;\n  ctx: BlockRenderContext;\n}) {\n  const [panelHovered, setPanelHovered] = useState(false);\n  const Read = spec.Read;\n  const readNode = (\n    <Read\n      data={block.data}\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  );\n\n  const canEdit =\n    editing && editable && spec.placement.includes(\"block\") && !!onChange;\n\n  if (!canEdit) return readNode;\n\n  const commit = (nextData: unknown, meta?: BlockDataChangeMeta) =>\n    onChange?.(nextData, meta);\n  const updatePanelHover = (event: ReactMouseEvent<HTMLElement>) => {\n    const target = event.target;\n    setPanelHovered(\n      target instanceof HTMLElement &&\n        target.closest(\".an-block-panel\") === event.currentTarget,\n    );\n  };\n\n  const Edit = spec.Edit;\n  const formNode = Edit ? (\n    <Edit\n      data={block.data}\n      onChange={commit}\n      editable\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  ) : (\n    <SchemaBlockEditor\n      data={block.data}\n      onChange={commit}\n      schema={spec.schema}\n      editable\n      blockId={block.id}\n      ctx={ctx}\n    />\n  );\n\n  // Panel mode: show the rendered block with a corner edit button that opens the\n  // form in the app-provided panel (popover). Falls back to inline editing when\n  // the app hasn't wired `renderEditSurface`.\n  if (blockEditSurface(spec) === \"panel\" && ctx.renderEditSurface) {\n    return (\n      <div\n        className=\"an-block-panel relative\"\n        onMouseEnter={updatePanelHover}\n        onMouseMove={updatePanelHover}\n        onMouseLeave={() => setPanelHovered(false)}\n      >\n        {readNode}\n        <div className=\"an-block-panel__edit absolute right-2 top-2 z-10\">\n          {ctx.renderEditSurface({\n            title: spec.label,\n            blockId: block.id,\n            blockType: spec.type,\n            blockTitle: block.title,\n            blockSummary: block.summary,\n            blockData: block.data,\n            trigger: (\n              <button\n                type=\"button\"\n                data-plan-interactive\n                aria-label={`Edit ${spec.label}`}\n                className=\"an-block-edit-trigger flex size-7 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[visible=true]:opacity-100\"\n                data-visible={panelHovered}\n              >\n                <IconPencil className=\"size-4\" />\n              </button>\n            ),\n            children: formNode,\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Inline mode (direct manipulation).\n  return formNode;\n}\n"]}

package/dist/client/blocks/SchemaBlockEditor.js

@@ -31,8 +31,8 @@ export function SchemaBlockEditor({ data, onChange, schema, editable, blockId, c
     const optional = fields.filter((field) => field.optional);
     return (_jsxs("div", { className: "an-schema-block-editor flex flex-col gap-3", children: [required.map((field) => (_jsx(FieldControl, { field: field, value: data[field.key], onChange: (value) => setField(field.key, value), editable: editable, blockId: blockId, ctx: ctx }, field.key))), optional.length > 0 && (_jsx("div", { className: "flex flex-col gap-3", children: showOptional ? (optional.map((field) => (_jsx(FieldControl, { field: field, value: data[field.key], onChange: (value) => setField(field.key, value), editable: editable, blockId: blockId, ctx: ctx }, field.key)))) : (_jsx("button", { type: "button", "data-plan-interactive": true, className: "self-start text-sm text-muted-foreground underline-offset-2 hover:underline", onClick: () => setShowOptional(true), children: "More options" })) }))] }));
 }
-const inputClass = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
-const textareaClass = "flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
+const inputClass = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
+const textareaClass = "flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
 function FieldLabel({ children }) {
     return (_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: children }));
 }

package/dist/client/blocks/SchemaBlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaBlockEditor.js","sourceRoot":"","sources":["../../../src/client/blocks/SchemaBlockEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAwB,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,GAQJ;IACC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAC/C,MAAM,IAAI,GAAG,EAAE,GAAI,IAAgC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAO,CAAC;QACzE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACtC,yEAAyE;QACzE,mEAAmE;QACnE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAM,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACxD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAG,IAAgC,CAAC,KAAK,CAAC,GAAG,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IANH,KAAK,CAAC,GAAG,CAOd,CACH,CAAC,EACD,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,cAAK,SAAS,EAAC,qBAAqB,YACjC,YAAY,CAAC,CAAC,CAAC,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAG,IAAgC,CAAC,KAAK,CAAC,GAAG,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IANH,KAAK,CAAC,GAAG,CAOd,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,iBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,6BAG7B,CACV,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GACd,uQAAuQ,CAAC;AAE1Q,MAAM,aAAa,GACjB,8PAA8P,CAAC;AAEjQ,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAiC;IAC7D,OAAO,CACL,eAAM,SAAS,EAAC,2CAA2C,YACxD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,SAAS,aAAa,CAAC,KAAsB;IAC3C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,sEAAsE;YACtE,uDAAuD;YACvD,OAAO,KAAK,CAAC,GAAG,KAAK,IAAI;gBACvB,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;gBACnD,CAAC,CAAC,EAAE,CAAC;QACT,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,EAAE,CAAC;QACZ,KAAK,QAAQ;YACX,OAAO,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7C,KAAK,QAAQ,CAAC;QACd;YACE,uEAAuE;YACvE,+CAA+C;YAC/C,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,oEAAoE;AACpE,SAAS,qBAAqB,CAC5B,MAAqC;IAErC,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,KAAK,MAAM,KAAK,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,6EAA6E;AAC7E,SAAS,mBAAmB,CAC1B,KAA+B;IAE/B,MAAM,IAAI,GAAI,KAAK,EAAE,IAAsC,EAAE,IAAI,CAAC;IAClE,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC5D,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACzC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,mEAAmE;AACnE,SAAS,WAAW,CAAC,IAAmC;IACtD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACrC,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACxC,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,GAQJ;IACC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,GAAG,CAAC,oBAAoB,EAAE,CAAC;YACtC,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClC,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;QACH,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACrC,IAAI,IAAI,CAEP,kDAEE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,CACH,IACK,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,iBAAO,SAAS,EAAC,yBAAyB,aACxC,gBACE,IAAI,EAAC,UAAU,iCAEf,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GACnD,EACF,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,IAChC,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QACvC,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,iDAEE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,aAE7D,KAAK,CAAC,QAAQ,IAAI,iBAAQ,KAAK,EAAC,EAAE,uBAAW,EAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAqB,KAAK,EAAE,MAAM,YAC/B,MAAM,IADI,MAAM,CAEV,CACV,CAAC,IACK,IACH,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,gBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC/B,QAAQ,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oBACjD,CAAC,GACD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,kDAEE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,gBACE,IAAI,EAAC,MAAM,iCAEX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvE,MAAM,QAAQ,GACZ,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACzD,CAAC,CAAE,KAAiC;YACpC,CAAC,CAAC,EAAE,CAAC;QACT,OAAO,CACL,eAAK,SAAS,EAAC,8DAA8D,aAC3E,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,QAAQ,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAElD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IARH,KAAK,CAAC,GAAG,CASd,CACH,CAAC,GACE,IACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,IAAa,EAAE,EAAE;YACnD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;YACnC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC;QACF,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,aAAa,EAAE,CAAC;gBAClB,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC5D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC,CAAC;QACF,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,eAEE,SAAS,EAAC,iEAAiE,aAE3E,cAAK,SAAS,EAAC,4BAA4B,YACxC,aAAa,CAAC,CAAC,CAAC,CACf,KAAK,CAAC,MAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oCAC1B,MAAM,SAAS,GACb,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;wCACtD,CAAC,CAAE,IAAgC;wCACnC,CAAC,CAAC,EAAE,CAAC;oCACT,OAAO,CACL,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,WAAW,CAAC,KAAK,EAAE;4CACjB,GAAG,SAAS;4CACZ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ;yCACtB,CAAC,EAEJ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IAXH,KAAK,CAAC,GAAG,CAYd,CACH,CAAC;gCACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,gBACE,IAAI,EAAC,UAAU,iCAEf,SAAS,EAAC,uDAAuD,EACjE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAE1C,CACH,CAAC,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,gBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wCAClB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wCAC/B,WAAW,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oCAC3D,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,gBACE,IAAI,EAAC,MAAM,iCAEX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3D,CACH,GACG,EACL,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,+CAEF,aAAa,EACxB,SAAS,EAAC,wJAAwJ,EAClK,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,YAEhC,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,CACV,KAvEI,KAAK,CAwEN,CACP,CAAC,GACE,EACL,QAAQ,IAAI,CACX,kBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,oIAAoI,EAC9I,OAAO,EAAE,OAAO,aAEhB,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,UAC1B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,IAAI,MAAM,IACpD,CACV,IACG,CACP,CAAC;IACJ,CAAC;IAED,0EAA0E;IAC1E,2EAA2E;IAC3E,qCAAqC;IACrC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sFAAsF,CACvF,aAED,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,aAAG,SAAS,EAAC,MAAM,6BACJ,KAAK,CAAC,IAAI,uEAErB,IACA,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ZodType } from \"zod\";\nimport { IconPlus, IconTrash } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport type { BlockRenderContext } from \"./types.js\";\nimport { introspect, type FieldDescriptor } from \"./schema-form/introspect.js\";\n\n/**\n * Schema-driven auto-editor. When a {@link BlockSpec} omits `Edit`, the registry\n * renders this: it walks the block's zod `data` schema and renders one control\n * per field (string → input, longtext → textarea, number, boolean → toggle,\n * enum → native select, array → repeating rows, object → nested fieldset). A\n * `markdown()`-tagged string field defers to the app-provided inline rich\n * editor via `ctx.renderMarkdownEditor` so prose stays Notion-editable.\n *\n * It uses plain accessible native controls (not template shadcn primitives,\n * which core does not bundle) styled to match the shadcn look. Validation runs\n * the spec's own schema on every edit; the raw edit is kept in local state so a\n * transiently-invalid value (e.g. mid-typing) doesn't get rolled back, and only\n * valid data is committed upstream.\n */\nexport function SchemaBlockEditor<T>({\n  data,\n  onChange,\n  schema,\n  editable,\n  blockId,\n  ctx,\n}: {\n  data: T;\n  onChange: (next: T) => void;\n  schema: ZodType<T>;\n  editable: boolean;\n  blockId?: string;\n  ctx: BlockRenderContext;\n}) {\n  const fields = useMemo(() => introspect(schema), [schema]);\n  const [showOptional, setShowOptional] = useState(false);\n\n  const setField = (key: string, value: unknown) => {\n    const next = { ...(data as Record<string, unknown>), [key]: value } as T;\n    const parsed = schema.safeParse(next);\n    // Commit valid data; otherwise pass the raw edit through so the user can\n    // keep typing — the upstream owner re-validates before persisting.\n    onChange((parsed.success ? parsed.data : next) as T);\n  };\n\n  const required = fields.filter((field) => !field.optional);\n  const optional = fields.filter((field) => field.optional);\n\n  return (\n    <div className=\"an-schema-block-editor flex flex-col gap-3\">\n      {required.map((field) => (\n        <FieldControl\n          key={field.key}\n          field={field}\n          value={(data as Record<string, unknown>)[field.key]}\n          onChange={(value) => setField(field.key, value)}\n          editable={editable}\n          blockId={blockId}\n          ctx={ctx}\n        />\n      ))}\n      {optional.length > 0 && (\n        <div className=\"flex flex-col gap-3\">\n          {showOptional ? (\n            optional.map((field) => (\n              <FieldControl\n                key={field.key}\n                field={field}\n                value={(data as Record<string, unknown>)[field.key]}\n                onChange={(value) => setField(field.key, value)}\n                editable={editable}\n                blockId={blockId}\n                ctx={ctx}\n              />\n            ))\n          ) : (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"self-start text-sm text-muted-foreground underline-offset-2 hover:underline\"\n              onClick={() => setShowOptional(true)}\n            >\n              More options\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nconst inputClass =\n  \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\nconst textareaClass =\n  \"flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\nfunction FieldLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <span className=\"text-xs font-medium text-muted-foreground\">\n      {children}\n    </span>\n  );\n}\n\n/** A sensible empty value for a single field, used when adding array items. */\nfunction emptyForField(field: FieldDescriptor): unknown {\n  switch (field.kind) {\n    case \"text\":\n      // A field literally named `id` gets a fresh stable id so new rows are\n      // distinguishable without the user having to type one.\n      return field.key === \"id\"\n        ? `item-${Math.random().toString(36).slice(2, 10)}`\n        : \"\";\n    case \"longtext\":\n    case \"markdown\":\n    case \"richtext\":\n      return \"\";\n    case \"boolean\":\n      return false;\n    case \"enum\":\n      return field.enumValues?.[0];\n    case \"array\":\n      return [];\n    case \"object\":\n      return emptyObjectFromFields(field.fields);\n    case \"number\":\n    default:\n      // number → undefined (the input shows blank until the user types); any\n      // unsupported kind also defaults to undefined.\n      return undefined;\n  }\n}\n\n/** Build an empty object value from a descriptor's child fields. */\nfunction emptyObjectFromFields(\n  fields: FieldDescriptor[] | undefined,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n  for (const child of fields ?? []) {\n    result[child.key] = emptyForField(child);\n  }\n  return result;\n}\n\n/** A scalar element kind classified from an array's inner element schema. */\nfunction scalarKindFromInner(\n  inner: FieldDescriptor[\"inner\"],\n): \"number\" | \"boolean\" | \"text\" {\n  const type = (inner?._def as { type?: string } | undefined)?.type;\n  if (type === \"number\" || type === \"bigint\") return \"number\";\n  if (type === \"boolean\") return \"boolean\";\n  return \"text\";\n}\n\n/** An empty value for a scalar array element of the given kind. */\nfunction emptyScalar(kind: \"number\" | \"boolean\" | \"text\"): unknown {\n  if (kind === \"boolean\") return false;\n  if (kind === \"number\") return undefined;\n  return \"\";\n}\n\nfunction FieldControl({\n  field,\n  value,\n  onChange,\n  editable,\n  blockId,\n  ctx,\n}: {\n  field: FieldDescriptor;\n  value: unknown;\n  onChange: (value: unknown) => void;\n  editable: boolean;\n  blockId?: string;\n  ctx: BlockRenderContext;\n}) {\n  if (field.kind === \"markdown\" || field.kind === \"richtext\") {\n    const node = ctx.renderMarkdownEditor?.({\n      value: typeof value === \"string\" ? value : \"\",\n      onChange: (next) => onChange(next),\n      editable,\n      blockId,\n    });\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        {node ?? (\n          // Fallback when no app markdown editor is injected: a plain textarea.\n          <textarea\n            data-plan-interactive\n            className={textareaClass}\n            value={typeof value === \"string\" ? value : \"\"}\n            disabled={!editable}\n            onChange={(event) => onChange(event.target.value)}\n          />\n        )}\n      </label>\n    );\n  }\n\n  if (field.kind === \"boolean\") {\n    return (\n      <label className=\"flex items-center gap-2\">\n        <input\n          type=\"checkbox\"\n          data-plan-interactive\n          className=\"size-4 rounded border-input accent-primary\"\n          checked={Boolean(value)}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.checked)}\n        />\n        <FieldLabel>{field.label}</FieldLabel>\n      </label>\n    );\n  }\n\n  if (field.kind === \"enum\") {\n    const options = field.enumValues ?? [];\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <select\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value || undefined)}\n        >\n          {field.optional && <option value=\"\">—</option>}\n          {options.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </label>\n    );\n  }\n\n  if (field.kind === \"number\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <input\n          type=\"number\"\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"number\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => {\n            const raw = event.target.value;\n            onChange(raw === \"\" ? undefined : Number(raw));\n          }}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"longtext\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <textarea\n          data-plan-interactive\n          className={textareaClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"text\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <input\n          type=\"text\"\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"object\" && field.fields && field.fields.length > 0) {\n    const objValue =\n      value && typeof value === \"object\" && !Array.isArray(value)\n        ? (value as Record<string, unknown>)\n        : {};\n    return (\n      <div className=\"flex flex-col gap-3 rounded-md border border-input px-3 py-3\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <div className=\"flex flex-col gap-3\">\n          {field.fields.map((child) => (\n            <FieldControl\n              key={child.key}\n              field={child}\n              value={objValue[child.key]}\n              onChange={(childVal) =>\n                onChange({ ...objValue, [child.key]: childVal })\n              }\n              editable={editable}\n              blockId={blockId}\n              ctx={ctx}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (field.kind === \"array\") {\n    const items = Array.isArray(value) ? (value as unknown[]) : [];\n    const replaceItem = (index: number, next: unknown) => {\n      const copy = items.slice();\n      copy[index] = next;\n      onChange(copy);\n    };\n    const removeItem = (index: number) => {\n      onChange(items.filter((_, i) => i !== index));\n    };\n    const objectElement =\n      Array.isArray(field.fields) && field.fields.length > 0;\n    const scalarKind = objectElement ? null : scalarKindFromInner(field.inner);\n    const addItem = () => {\n      if (objectElement) {\n        onChange([...items, emptyObjectFromFields(field.fields)]);\n      } else {\n        onChange([...items, emptyScalar(scalarKind ?? \"text\")]);\n      }\n    };\n    return (\n      <div className=\"flex flex-col gap-2\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <div className=\"flex flex-col gap-2\">\n          {items.map((item, index) => (\n            <div\n              key={index}\n              className=\"flex items-start gap-2 rounded-md border border-input px-3 py-3\"\n            >\n              <div className=\"flex flex-1 flex-col gap-3\">\n                {objectElement ? (\n                  field.fields!.map((child) => {\n                    const itemValue =\n                      item && typeof item === \"object\" && !Array.isArray(item)\n                        ? (item as Record<string, unknown>)\n                        : {};\n                    return (\n                      <FieldControl\n                        key={child.key}\n                        field={child}\n                        value={itemValue[child.key]}\n                        onChange={(childVal) =>\n                          replaceItem(index, {\n                            ...itemValue,\n                            [child.key]: childVal,\n                          })\n                        }\n                        editable={editable}\n                        blockId={blockId}\n                        ctx={ctx}\n                      />\n                    );\n                  })\n                ) : scalarKind === \"boolean\" ? (\n                  <input\n                    type=\"checkbox\"\n                    data-plan-interactive\n                    className=\"size-4 self-start rounded border-input accent-primary\"\n                    checked={Boolean(item)}\n                    disabled={!editable}\n                    onChange={(event) =>\n                      replaceItem(index, event.target.checked)\n                    }\n                  />\n                ) : scalarKind === \"number\" ? (\n                  <input\n                    type=\"number\"\n                    data-plan-interactive\n                    className={inputClass}\n                    value={typeof item === \"number\" ? item : \"\"}\n                    disabled={!editable}\n                    onChange={(event) => {\n                      const raw = event.target.value;\n                      replaceItem(index, raw === \"\" ? undefined : Number(raw));\n                    }}\n                  />\n                ) : (\n                  <input\n                    type=\"text\"\n                    data-plan-interactive\n                    className={inputClass}\n                    value={typeof item === \"string\" ? item : \"\"}\n                    disabled={!editable}\n                    onChange={(event) => replaceItem(index, event.target.value)}\n                  />\n                )}\n              </div>\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove item\"\n                  className=\"mt-0.5 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                  onClick={() => removeItem(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n        {editable && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            className=\"inline-flex items-center gap-1.5 self-start text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline\"\n            onClick={addItem}\n          >\n            <IconPlus className=\"size-4\" />\n            Add {field.label.replace(/s$/i, \"\").toLowerCase() || \"item\"}\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // Unsupported / structured-without-fields: the auto-editor cannot infer a\n  // control. Blocks with these fields should ship a custom `Edit`. Surface a\n  // hint in dev so the gap is visible.\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-input px-3 py-2 text-xs text-muted-foreground\",\n      )}\n    >\n      <FieldLabel>{field.label}</FieldLabel>\n      <p className=\"mt-1\">\n        This field ({field.kind}) needs a custom editor — define `Edit` on the\n        block spec.\n      </p>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SchemaBlockEditor.js","sourceRoot":"","sources":["../../../src/client/blocks/SchemaBlockEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAwB,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,GAQJ;IACC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAC/C,MAAM,IAAI,GAAG,EAAE,GAAI,IAAgC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAO,CAAC;QACzE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACtC,yEAAyE;QACzE,mEAAmE;QACnE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAM,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACxD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAG,IAAgC,CAAC,KAAK,CAAC,GAAG,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IANH,KAAK,CAAC,GAAG,CAOd,CACH,CAAC,EACD,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,cAAK,SAAS,EAAC,qBAAqB,YACjC,YAAY,CAAC,CAAC,CAAC,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAG,IAAgC,CAAC,KAAK,CAAC,GAAG,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IANH,KAAK,CAAC,GAAG,CAOd,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,iBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,6BAG7B,CACV,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GACd,6PAA6P,CAAC;AAEhQ,MAAM,aAAa,GACjB,oPAAoP,CAAC;AAEvP,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAiC;IAC7D,OAAO,CACL,eAAM,SAAS,EAAC,2CAA2C,YACxD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,SAAS,aAAa,CAAC,KAAsB;IAC3C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,sEAAsE;YACtE,uDAAuD;YACvD,OAAO,KAAK,CAAC,GAAG,KAAK,IAAI;gBACvB,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;gBACnD,CAAC,CAAC,EAAE,CAAC;QACT,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,EAAE,CAAC;QACZ,KAAK,QAAQ;YACX,OAAO,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7C,KAAK,QAAQ,CAAC;QACd;YACE,uEAAuE;YACvE,+CAA+C;YAC/C,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,oEAAoE;AACpE,SAAS,qBAAqB,CAC5B,MAAqC;IAErC,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,KAAK,MAAM,KAAK,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,6EAA6E;AAC7E,SAAS,mBAAmB,CAC1B,KAA+B;IAE/B,MAAM,IAAI,GAAI,KAAK,EAAE,IAAsC,EAAE,IAAI,CAAC;IAClE,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC5D,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACzC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,mEAAmE;AACnE,SAAS,WAAW,CAAC,IAAmC;IACtD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACrC,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACxC,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,GAQJ;IACC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,GAAG,CAAC,oBAAoB,EAAE,CAAC;YACtC,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClC,QAAQ;YACR,OAAO;SACR,CAAC,CAAC;QACH,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACrC,IAAI,IAAI,CAEP,kDAEE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,CACH,IACK,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,iBAAO,SAAS,EAAC,yBAAyB,aACxC,gBACE,IAAI,EAAC,UAAU,iCAEf,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GACnD,EACF,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,IAChC,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QACvC,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,iDAEE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,aAE7D,KAAK,CAAC,QAAQ,IAAI,iBAAQ,KAAK,EAAC,EAAE,uBAAW,EAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAqB,KAAK,EAAE,MAAM,YAC/B,MAAM,IADI,MAAM,CAEV,CACV,CAAC,IACK,IACH,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,gBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC/B,QAAQ,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oBACjD,CAAC,GACD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,kDAEE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,gBACE,IAAI,EAAC,MAAM,iCAEX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,IACI,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvE,MAAM,QAAQ,GACZ,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACzD,CAAC,CAAE,KAAiC;YACpC,CAAC,CAAC,EAAE,CAAC;QACT,OAAO,CACL,eAAK,SAAS,EAAC,8DAA8D,aAC3E,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,QAAQ,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAElD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IARH,KAAK,CAAC,GAAG,CASd,CACH,CAAC,GACE,IACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,IAAa,EAAE,EAAE;YACnD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;YACnC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC;QACF,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,aAAa,EAAE,CAAC;gBAClB,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC5D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC,CAAC;QACF,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,eAEE,SAAS,EAAC,iEAAiE,aAE3E,cAAK,SAAS,EAAC,4BAA4B,YACxC,aAAa,CAAC,CAAC,CAAC,CACf,KAAK,CAAC,MAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oCAC1B,MAAM,SAAS,GACb,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;wCACtD,CAAC,CAAE,IAAgC;wCACnC,CAAC,CAAC,EAAE,CAAC;oCACT,OAAO,CACL,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,WAAW,CAAC,KAAK,EAAE;4CACjB,GAAG,SAAS;4CACZ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ;yCACtB,CAAC,EAEJ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IAXH,KAAK,CAAC,GAAG,CAYd,CACH,CAAC;gCACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,gBACE,IAAI,EAAC,UAAU,iCAEf,SAAS,EAAC,uDAAuD,EACjE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAE1C,CACH,CAAC,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,gBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wCAClB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wCAC/B,WAAW,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oCAC3D,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,gBACE,IAAI,EAAC,MAAM,iCAEX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3D,CACH,GACG,EACL,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,+CAEF,aAAa,EACxB,SAAS,EAAC,wJAAwJ,EAClK,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,YAEhC,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,CACV,KAvEI,KAAK,CAwEN,CACP,CAAC,GACE,EACL,QAAQ,IAAI,CACX,kBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,oIAAoI,EAC9I,OAAO,EAAE,OAAO,aAEhB,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,UAC1B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,IAAI,MAAM,IACpD,CACV,IACG,CACP,CAAC;IACJ,CAAC;IAED,0EAA0E;IAC1E,2EAA2E;IAC3E,qCAAqC;IACrC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sFAAsF,CACvF,aAED,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,EACtC,aAAG,SAAS,EAAC,MAAM,6BACJ,KAAK,CAAC,IAAI,uEAErB,IACA,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ZodType } from \"zod\";\nimport { IconPlus, IconTrash } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport type { BlockRenderContext } from \"./types.js\";\nimport { introspect, type FieldDescriptor } from \"./schema-form/introspect.js\";\n\n/**\n * Schema-driven auto-editor. When a {@link BlockSpec} omits `Edit`, the registry\n * renders this: it walks the block's zod `data` schema and renders one control\n * per field (string → input, longtext → textarea, number, boolean → toggle,\n * enum → native select, array → repeating rows, object → nested fieldset). A\n * `markdown()`-tagged string field defers to the app-provided inline rich\n * editor via `ctx.renderMarkdownEditor` so prose stays Notion-editable.\n *\n * It uses plain accessible native controls (not template shadcn primitives,\n * which core does not bundle) styled to match the shadcn look. Validation runs\n * the spec's own schema on every edit; the raw edit is kept in local state so a\n * transiently-invalid value (e.g. mid-typing) doesn't get rolled back, and only\n * valid data is committed upstream.\n */\nexport function SchemaBlockEditor<T>({\n  data,\n  onChange,\n  schema,\n  editable,\n  blockId,\n  ctx,\n}: {\n  data: T;\n  onChange: (next: T) => void;\n  schema: ZodType<T>;\n  editable: boolean;\n  blockId?: string;\n  ctx: BlockRenderContext;\n}) {\n  const fields = useMemo(() => introspect(schema), [schema]);\n  const [showOptional, setShowOptional] = useState(false);\n\n  const setField = (key: string, value: unknown) => {\n    const next = { ...(data as Record<string, unknown>), [key]: value } as T;\n    const parsed = schema.safeParse(next);\n    // Commit valid data; otherwise pass the raw edit through so the user can\n    // keep typing — the upstream owner re-validates before persisting.\n    onChange((parsed.success ? parsed.data : next) as T);\n  };\n\n  const required = fields.filter((field) => !field.optional);\n  const optional = fields.filter((field) => field.optional);\n\n  return (\n    <div className=\"an-schema-block-editor flex flex-col gap-3\">\n      {required.map((field) => (\n        <FieldControl\n          key={field.key}\n          field={field}\n          value={(data as Record<string, unknown>)[field.key]}\n          onChange={(value) => setField(field.key, value)}\n          editable={editable}\n          blockId={blockId}\n          ctx={ctx}\n        />\n      ))}\n      {optional.length > 0 && (\n        <div className=\"flex flex-col gap-3\">\n          {showOptional ? (\n            optional.map((field) => (\n              <FieldControl\n                key={field.key}\n                field={field}\n                value={(data as Record<string, unknown>)[field.key]}\n                onChange={(value) => setField(field.key, value)}\n                editable={editable}\n                blockId={blockId}\n                ctx={ctx}\n              />\n            ))\n          ) : (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"self-start text-sm text-muted-foreground underline-offset-2 hover:underline\"\n              onClick={() => setShowOptional(true)}\n            >\n              More options\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nconst inputClass =\n  \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\nconst textareaClass =\n  \"flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\nfunction FieldLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <span className=\"text-xs font-medium text-muted-foreground\">\n      {children}\n    </span>\n  );\n}\n\n/** A sensible empty value for a single field, used when adding array items. */\nfunction emptyForField(field: FieldDescriptor): unknown {\n  switch (field.kind) {\n    case \"text\":\n      // A field literally named `id` gets a fresh stable id so new rows are\n      // distinguishable without the user having to type one.\n      return field.key === \"id\"\n        ? `item-${Math.random().toString(36).slice(2, 10)}`\n        : \"\";\n    case \"longtext\":\n    case \"markdown\":\n    case \"richtext\":\n      return \"\";\n    case \"boolean\":\n      return false;\n    case \"enum\":\n      return field.enumValues?.[0];\n    case \"array\":\n      return [];\n    case \"object\":\n      return emptyObjectFromFields(field.fields);\n    case \"number\":\n    default:\n      // number → undefined (the input shows blank until the user types); any\n      // unsupported kind also defaults to undefined.\n      return undefined;\n  }\n}\n\n/** Build an empty object value from a descriptor's child fields. */\nfunction emptyObjectFromFields(\n  fields: FieldDescriptor[] | undefined,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n  for (const child of fields ?? []) {\n    result[child.key] = emptyForField(child);\n  }\n  return result;\n}\n\n/** A scalar element kind classified from an array's inner element schema. */\nfunction scalarKindFromInner(\n  inner: FieldDescriptor[\"inner\"],\n): \"number\" | \"boolean\" | \"text\" {\n  const type = (inner?._def as { type?: string } | undefined)?.type;\n  if (type === \"number\" || type === \"bigint\") return \"number\";\n  if (type === \"boolean\") return \"boolean\";\n  return \"text\";\n}\n\n/** An empty value for a scalar array element of the given kind. */\nfunction emptyScalar(kind: \"number\" | \"boolean\" | \"text\"): unknown {\n  if (kind === \"boolean\") return false;\n  if (kind === \"number\") return undefined;\n  return \"\";\n}\n\nfunction FieldControl({\n  field,\n  value,\n  onChange,\n  editable,\n  blockId,\n  ctx,\n}: {\n  field: FieldDescriptor;\n  value: unknown;\n  onChange: (value: unknown) => void;\n  editable: boolean;\n  blockId?: string;\n  ctx: BlockRenderContext;\n}) {\n  if (field.kind === \"markdown\" || field.kind === \"richtext\") {\n    const node = ctx.renderMarkdownEditor?.({\n      value: typeof value === \"string\" ? value : \"\",\n      onChange: (next) => onChange(next),\n      editable,\n      blockId,\n    });\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        {node ?? (\n          // Fallback when no app markdown editor is injected: a plain textarea.\n          <textarea\n            data-plan-interactive\n            className={textareaClass}\n            value={typeof value === \"string\" ? value : \"\"}\n            disabled={!editable}\n            onChange={(event) => onChange(event.target.value)}\n          />\n        )}\n      </label>\n    );\n  }\n\n  if (field.kind === \"boolean\") {\n    return (\n      <label className=\"flex items-center gap-2\">\n        <input\n          type=\"checkbox\"\n          data-plan-interactive\n          className=\"size-4 rounded border-input accent-primary\"\n          checked={Boolean(value)}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.checked)}\n        />\n        <FieldLabel>{field.label}</FieldLabel>\n      </label>\n    );\n  }\n\n  if (field.kind === \"enum\") {\n    const options = field.enumValues ?? [];\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <select\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value || undefined)}\n        >\n          {field.optional && <option value=\"\">—</option>}\n          {options.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </label>\n    );\n  }\n\n  if (field.kind === \"number\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <input\n          type=\"number\"\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"number\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => {\n            const raw = event.target.value;\n            onChange(raw === \"\" ? undefined : Number(raw));\n          }}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"longtext\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <textarea\n          data-plan-interactive\n          className={textareaClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"text\") {\n    return (\n      <label className=\"flex flex-col gap-1.5\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <input\n          type=\"text\"\n          data-plan-interactive\n          className={inputClass}\n          value={typeof value === \"string\" ? value : \"\"}\n          disabled={!editable}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === \"object\" && field.fields && field.fields.length > 0) {\n    const objValue =\n      value && typeof value === \"object\" && !Array.isArray(value)\n        ? (value as Record<string, unknown>)\n        : {};\n    return (\n      <div className=\"flex flex-col gap-3 rounded-md border border-input px-3 py-3\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <div className=\"flex flex-col gap-3\">\n          {field.fields.map((child) => (\n            <FieldControl\n              key={child.key}\n              field={child}\n              value={objValue[child.key]}\n              onChange={(childVal) =>\n                onChange({ ...objValue, [child.key]: childVal })\n              }\n              editable={editable}\n              blockId={blockId}\n              ctx={ctx}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (field.kind === \"array\") {\n    const items = Array.isArray(value) ? (value as unknown[]) : [];\n    const replaceItem = (index: number, next: unknown) => {\n      const copy = items.slice();\n      copy[index] = next;\n      onChange(copy);\n    };\n    const removeItem = (index: number) => {\n      onChange(items.filter((_, i) => i !== index));\n    };\n    const objectElement =\n      Array.isArray(field.fields) && field.fields.length > 0;\n    const scalarKind = objectElement ? null : scalarKindFromInner(field.inner);\n    const addItem = () => {\n      if (objectElement) {\n        onChange([...items, emptyObjectFromFields(field.fields)]);\n      } else {\n        onChange([...items, emptyScalar(scalarKind ?? \"text\")]);\n      }\n    };\n    return (\n      <div className=\"flex flex-col gap-2\">\n        <FieldLabel>{field.label}</FieldLabel>\n        <div className=\"flex flex-col gap-2\">\n          {items.map((item, index) => (\n            <div\n              key={index}\n              className=\"flex items-start gap-2 rounded-md border border-input px-3 py-3\"\n            >\n              <div className=\"flex flex-1 flex-col gap-3\">\n                {objectElement ? (\n                  field.fields!.map((child) => {\n                    const itemValue =\n                      item && typeof item === \"object\" && !Array.isArray(item)\n                        ? (item as Record<string, unknown>)\n                        : {};\n                    return (\n                      <FieldControl\n                        key={child.key}\n                        field={child}\n                        value={itemValue[child.key]}\n                        onChange={(childVal) =>\n                          replaceItem(index, {\n                            ...itemValue,\n                            [child.key]: childVal,\n                          })\n                        }\n                        editable={editable}\n                        blockId={blockId}\n                        ctx={ctx}\n                      />\n                    );\n                  })\n                ) : scalarKind === \"boolean\" ? (\n                  <input\n                    type=\"checkbox\"\n                    data-plan-interactive\n                    className=\"size-4 self-start rounded border-input accent-primary\"\n                    checked={Boolean(item)}\n                    disabled={!editable}\n                    onChange={(event) =>\n                      replaceItem(index, event.target.checked)\n                    }\n                  />\n                ) : scalarKind === \"number\" ? (\n                  <input\n                    type=\"number\"\n                    data-plan-interactive\n                    className={inputClass}\n                    value={typeof item === \"number\" ? item : \"\"}\n                    disabled={!editable}\n                    onChange={(event) => {\n                      const raw = event.target.value;\n                      replaceItem(index, raw === \"\" ? undefined : Number(raw));\n                    }}\n                  />\n                ) : (\n                  <input\n                    type=\"text\"\n                    data-plan-interactive\n                    className={inputClass}\n                    value={typeof item === \"string\" ? item : \"\"}\n                    disabled={!editable}\n                    onChange={(event) => replaceItem(index, event.target.value)}\n                  />\n                )}\n              </div>\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove item\"\n                  className=\"mt-0.5 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                  onClick={() => removeItem(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n        {editable && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            className=\"inline-flex items-center gap-1.5 self-start text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline\"\n            onClick={addItem}\n          >\n            <IconPlus className=\"size-4\" />\n            Add {field.label.replace(/s$/i, \"\").toLowerCase() || \"item\"}\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // Unsupported / structured-without-fields: the auto-editor cannot infer a\n  // control. Blocks with these fields should ship a custom `Edit`. Surface a\n  // hint in dev so the gap is visible.\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-input px-3 py-2 text-xs text-muted-foreground\",\n      )}\n    >\n      <FieldLabel>{field.label}</FieldLabel>\n      <p className=\"mt-1\">\n        This field ({field.kind}) needs a custom editor — define `Edit` on the\n        block spec.\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/client/blocks/index.d.ts

@@ -13,10 +13,11 @@
  * This entry includes the React surface. For server/agent code that must stay
  * React-free, import from `@agent-native/core/blocks/server`.
  */
-export { defineBlock, type BlockSpec, type BlockPlacement, type BlockMdxConfig, type BlockAttrReader, type BlockRenderContext, type BlockReadProps, type BlockEditProps, type MdxAttrValue, type NestedBlock, } from "./types.js";
+export { defineBlock, type BlockSpec, type BlockPlacement, type BlockMdxConfig, type BlockAttrReader, type BlockRenderContext, type BlockReadProps, type BlockEditProps, type MdxAttrValue, type NestedBlock, type BlockAiFieldActionProps, type BlockContainerRegion, type BlockContainerSpec, type BlockDataChangeMeta, } from "./types.js";
 export { BlockRegistry, registerBlocks } from "./registry.js";
 export { BlockRegistryProvider, useBlockRegistry, useOptionalBlockRegistry, } from "./provider.js";
 export { BlockView, blockEditSurface } from "./BlockView.js";
+export { AiEditableFieldLabel } from "./AiEditableField.js";
 export { SchemaBlockEditor } from "./SchemaBlockEditor.js";
 export { markdown, richtext, introspect, type FieldKind, type FieldDescriptor, } from "./schema-form/introspect.js";
 export { prop, escapeAttr, jsonExpression, attributeValue, createAttrReader, serializeSpecBlock, parseSpecBlock, type MdxJsxNode, type MdxAttrNode, type SerializableBlock, type ParsedBlockBase, } from "./mdx.js";
@@ -31,7 +32,9 @@ export { codeTabsSchema, codeTabsMdx, type CodeTabsData, type CodeTabsTab, } fro
 export { htmlBlock, HtmlReadBlock, HtmlEditBlock } from "./library/html.js";
 export { htmlSchema, htmlMdx, type HtmlBlockData, } from "./library/html.config.js";
 export { tabsBlock, TabsBlockReader, TabsBlockEditor } from "./library/tabs.js";
-export { tabsSchema, tabsMdx, type TabsData, type TabsTab, } from "./library/tabs.config.js";
+export { tabsSchema, tabsMdx, type TabsData, type TabsOrientation, type TabsTab, } from "./library/tabs.config.js";
+export { columnsBlock, ColumnsBlockReader, ColumnsBlockEditor, } from "./library/columns.js";
+export { columnsSchema, columnsMdx, type ColumnsData, type ColumnsColumn, } from "./library/columns.config.js";
 export { MermaidRead, MermaidEdit } from "./library/MermaidBlock.js";
 export { mermaidSchema, mermaidMdx, type MermaidData, } from "./library/mermaid.config.js";
 export { ApiEndpointRead, ApiEndpointEdit, } from "./library/ApiEndpointBlock.js";

package/dist/client/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,WAAW,EACX,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EACL,IAAI,EACJ,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,KAAK,aAAa,GACnB,MAAM,YAAY,CAAC;AAMpB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,eAAe,EACf,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,KAAK,SAAS,GACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EACL,cAAc,EACd,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,UAAU,EACV,OAAO,EACP,KAAK,aAAa,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EACL,UAAU,EACV,OAAO,EACP,KAAK,QAAQ,EACb,KAAK,OAAO,GACb,MAAM,0BAA0B,CAAC;AAMlC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EACL,aAAa,EACb,UAAU,EACV,KAAK,WAAW,GACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,eAAe,GAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EACL,eAAe,EACf,YAAY,EACZ,yBAAyB,EACzB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EACL,UAAU,EACV,OAAO,EACP,KAAK,QAAQ,EACb,KAAK,QAAQ,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EACL,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,KAAK,gBAAgB,GACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,eAAe,EACf,eAAe,GAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,KAAK,eAAe,GACrB,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/index.ts"],"names":[],"mappings":"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"}

package/dist/client/blocks/index.js

@@ -20,6 +20,7 @@ export { BlockRegistry, registerBlocks } from "./registry.js";
 export { BlockRegistryProvider, useBlockRegistry, useOptionalBlockRegistry, } from "./provider.js";
 // Rendering
 export { BlockView, blockEditSurface } from "./BlockView.js";
+export { AiEditableFieldLabel } from "./AiEditableField.js";
 export { SchemaBlockEditor } from "./SchemaBlockEditor.js";
 // Schema-form helpers
 export { markdown, richtext, introspect, } from "./schema-form/introspect.js";
@@ -28,9 +29,9 @@ export { prop, escapeAttr, jsonExpression, attributeValue, createAttrReader, ser
 // Agent schema export
 export { describeBlocksForAgent, renderBlockVocabularyReference, } from "./agent.js";
 // Standard library registration. Apps call `registerLibraryBlocks(registry)` to
-// register the whole standard library (the five pre-built specs + the eight
-// dev-doc specs) in one place, then register only their app-specific blocks on
-// top. `libraryBlockSpecs` is the underlying ordered array.
+// register the whole standard library (the pre-built specs + dev-doc specs) in
+// one place, then register only their app-specific blocks on top.
+// `libraryBlockSpecs` is the underlying ordered array.
 export { libraryBlockSpecs, registerLibraryBlocks, } from "./library/specs.js";
 // Standard block library (React specs). Apps register these in their browser
 // registry alongside their own app-specific blocks.
@@ -44,6 +45,8 @@ export { htmlBlock, HtmlReadBlock, HtmlEditBlock } from "./library/html.js";
 export { htmlSchema, htmlMdx, } from "./library/html.config.js";
 export { tabsBlock, TabsBlockReader, TabsBlockEditor } from "./library/tabs.js";
 export { tabsSchema, tabsMdx, } from "./library/tabs.config.js";
+export { columnsBlock, ColumnsBlockReader, ColumnsBlockEditor, } from "./library/columns.js";
+export { columnsSchema, columnsMdx, } from "./library/columns.config.js";
 // Dev-doc block library (React `Read`/`Edit` renderers + their React-free
 // schema/MDX config). Apps register these alongside their own blocks, supplying
 // app-specific spec metadata (label/description/editSurface/empty) via

package/dist/client/blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/blocks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `@agent-native/core/blocks` — the first-party block registry.\n *\n * A block registry unifies structured document blocks under one `defineBlock`\n * contract: a zod `schema` for the data, an `mdx` config for byte-stable MDX\n * round-trip, a `Read` renderer, an optional `Edit` (auto-generated from the\n * schema when omitted), and `placement` (top-level and/or inline). Apps create a\n * `BlockRegistry`, register the core standard library plus their own specs, and\n * render through `BlockView` inside a `BlockRegistryProvider`. The renderer\n * checks the registry first and falls back to legacy code for unregistered\n * types, so existing documents keep working unchanged.\n *\n * This entry includes the React surface. For server/agent code that must stay\n * React-free, import from `@agent-native/core/blocks/server`.\n */\n\n// Types + authoring\nexport {\n  defineBlock,\n  type BlockSpec,\n  type BlockPlacement,\n  type BlockMdxConfig,\n  type BlockAttrReader,\n  type BlockRenderContext,\n  type BlockReadProps,\n  type BlockEditProps,\n  type MdxAttrValue,\n  type NestedBlock,\n} from \"./types.js\";\n\n// Registry + provisioning\nexport { BlockRegistry, registerBlocks } from \"./registry.js\";\nexport {\n  BlockRegistryProvider,\n  useBlockRegistry,\n  useOptionalBlockRegistry,\n} from \"./provider.js\";\n\n// Rendering\nexport { BlockView, blockEditSurface } from \"./BlockView.js\";\nexport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n// Schema-form helpers\nexport {\n  markdown,\n  richtext,\n  introspect,\n  type FieldKind,\n  type FieldDescriptor,\n} from \"./schema-form/introspect.js\";\n\n// MDX round-trip (registry-driven serialize/parse + shared encoder primitives)\nexport {\n  prop,\n  escapeAttr,\n  jsonExpression,\n  attributeValue,\n  createAttrReader,\n  serializeSpecBlock,\n  parseSpecBlock,\n  type MdxJsxNode,\n  type MdxAttrNode,\n  type SerializableBlock,\n  type ParsedBlockBase,\n} from \"./mdx.js\";\n\n// Agent schema export\nexport {\n  describeBlocksForAgent,\n  renderBlockVocabularyReference,\n  type BlockAgentDoc,\n} from \"./agent.js\";\n\n// Standard library registration. Apps call `registerLibraryBlocks(registry)` to\n// register the whole standard library (the five pre-built specs + the eight\n// dev-doc specs) in one place, then register only their app-specific blocks on\n// top. `libraryBlockSpecs` is the underlying ordered array.\nexport {\n  libraryBlockSpecs,\n  registerLibraryBlocks,\n  type LibraryBlockOverrides,\n} from \"./library/specs.js\";\n\n// Standard block library (React specs). Apps register these in their browser\n// registry alongside their own app-specific blocks.\nexport {\n  checklistBlock,\n  ChecklistBlock,\n  ChecklistEditor,\n} from \"./library/checklist.js\";\nexport {\n  checklistSchema,\n  checklistMdx,\n  type ChecklistData,\n  type ChecklistItem,\n} from \"./library/checklist.config.js\";\nexport { tableBlock } from \"./library/table.js\";\nexport {\n  tableSchema,\n  tableMdx,\n  type TableData,\n} from \"./library/table.config.js\";\nexport { codeTabsBlock } from \"./library/code-tabs.js\";\nexport {\n  codeTabsSchema,\n  codeTabsMdx,\n  type CodeTabsData,\n  type CodeTabsTab,\n} from \"./library/code-tabs.config.js\";\nexport { htmlBlock, HtmlReadBlock, HtmlEditBlock } from \"./library/html.js\";\nexport {\n  htmlSchema,\n  htmlMdx,\n  type HtmlBlockData,\n} from \"./library/html.config.js\";\nexport { tabsBlock, TabsBlockReader, TabsBlockEditor } from \"./library/tabs.js\";\nexport {\n  tabsSchema,\n  tabsMdx,\n  type TabsData,\n  type TabsTab,\n} from \"./library/tabs.config.js\";\n\n// Dev-doc block library (React `Read`/`Edit` renderers + their React-free\n// schema/MDX config). Apps register these alongside their own blocks, supplying\n// app-specific spec metadata (label/description/editSurface/empty) via\n// `defineBlock`. Mirrors the standard library above.\nexport { MermaidRead, MermaidEdit } from \"./library/MermaidBlock.js\";\nexport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./library/mermaid.config.js\";\nexport {\n  ApiEndpointRead,\n  ApiEndpointEdit,\n} from \"./library/ApiEndpointBlock.js\";\nexport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  API_ENDPOINT_METHODS,\n  API_PARAM_LOCATIONS,\n  type ApiEndpointData,\n  type ApiEndpointMethod,\n  type ApiEndpointParam,\n  type ApiEndpointRequest,\n  type ApiEndpointResponse,\n  type ApiParamLocation,\n} from \"./library/api-endpoint.config.js\";\nexport { DataModelRead, DataModelEdit } from \"./library/DataModelBlock.js\";\nexport {\n  dataModelSchema,\n  dataModelMdx,\n  DATA_MODEL_RELATION_KINDS,\n  type DataModelData,\n  type DataModelEntity,\n  type DataModelField,\n  type DataModelRelation,\n  type DataModelRelationKind,\n} from \"./library/data-model.config.js\";\nexport { DiffRead, DiffEdit } from \"./library/DiffBlock.js\";\nexport {\n  diffSchema,\n  diffMdx,\n  type DiffData,\n  type DiffMode,\n} from \"./library/diff.config.js\";\nexport { FileTreeRead, FileTreeEdit } from \"./library/FileTreeBlock.js\";\nexport {\n  fileTreeSchema,\n  fileTreeMdx,\n  FILE_TREE_CHANGES,\n  type FileTreeData,\n  type FileTreeEntry,\n  type FileTreeChange,\n} from \"./library/file-tree.config.js\";\nexport {\n  JsonExplorerRead,\n  JsonExplorerEdit,\n} from \"./library/JsonExplorerBlock.js\";\nexport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  type JsonExplorerData,\n} from \"./library/json-explorer.config.js\";\nexport {\n  AnnotatedCodeRead,\n  AnnotatedCodeEdit,\n} from \"./library/AnnotatedCodeBlock.js\";\nexport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n  type AnnotatedCodeAnnotation,\n} from \"./library/annotated-code.config.js\";\nexport {\n  OpenApiSpecRead,\n  OpenApiSpecEdit,\n} from \"./library/OpenApiSpecBlock.js\";\nexport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./library/openapi-spec.config.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/blocks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `@agent-native/core/blocks` — the first-party block registry.\n *\n * A block registry unifies structured document blocks under one `defineBlock`\n * contract: a zod `schema` for the data, an `mdx` config for byte-stable MDX\n * round-trip, a `Read` renderer, an optional `Edit` (auto-generated from the\n * schema when omitted), and `placement` (top-level and/or inline). Apps create a\n * `BlockRegistry`, register the core standard library plus their own specs, and\n * render through `BlockView` inside a `BlockRegistryProvider`. The renderer\n * checks the registry first and falls back to legacy code for unregistered\n * types, so existing documents keep working unchanged.\n *\n * This entry includes the React surface. For server/agent code that must stay\n * React-free, import from `@agent-native/core/blocks/server`.\n */\n\n// Types + authoring\nexport {\n  defineBlock,\n  type BlockSpec,\n  type BlockPlacement,\n  type BlockMdxConfig,\n  type BlockAttrReader,\n  type BlockRenderContext,\n  type BlockReadProps,\n  type BlockEditProps,\n  type MdxAttrValue,\n  type NestedBlock,\n  type BlockAiFieldActionProps,\n  type BlockContainerRegion,\n  type BlockContainerSpec,\n  type BlockDataChangeMeta,\n} from \"./types.js\";\n\n// Registry + provisioning\nexport { BlockRegistry, registerBlocks } from \"./registry.js\";\nexport {\n  BlockRegistryProvider,\n  useBlockRegistry,\n  useOptionalBlockRegistry,\n} from \"./provider.js\";\n\n// Rendering\nexport { BlockView, blockEditSurface } from \"./BlockView.js\";\nexport { AiEditableFieldLabel } from \"./AiEditableField.js\";\nexport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n// Schema-form helpers\nexport {\n  markdown,\n  richtext,\n  introspect,\n  type FieldKind,\n  type FieldDescriptor,\n} from \"./schema-form/introspect.js\";\n\n// MDX round-trip (registry-driven serialize/parse + shared encoder primitives)\nexport {\n  prop,\n  escapeAttr,\n  jsonExpression,\n  attributeValue,\n  createAttrReader,\n  serializeSpecBlock,\n  parseSpecBlock,\n  type MdxJsxNode,\n  type MdxAttrNode,\n  type SerializableBlock,\n  type ParsedBlockBase,\n} from \"./mdx.js\";\n\n// Agent schema export\nexport {\n  describeBlocksForAgent,\n  renderBlockVocabularyReference,\n  type BlockAgentDoc,\n} from \"./agent.js\";\n\n// Standard library registration. Apps call `registerLibraryBlocks(registry)` to\n// register the whole standard library (the pre-built specs + dev-doc specs) in\n// one place, then register only their app-specific blocks on top.\n// `libraryBlockSpecs` is the underlying ordered array.\nexport {\n  libraryBlockSpecs,\n  registerLibraryBlocks,\n  type LibraryBlockOverrides,\n} from \"./library/specs.js\";\n\n// Standard block library (React specs). Apps register these in their browser\n// registry alongside their own app-specific blocks.\nexport {\n  checklistBlock,\n  ChecklistBlock,\n  ChecklistEditor,\n} from \"./library/checklist.js\";\nexport {\n  checklistSchema,\n  checklistMdx,\n  type ChecklistData,\n  type ChecklistItem,\n} from \"./library/checklist.config.js\";\nexport { tableBlock } from \"./library/table.js\";\nexport {\n  tableSchema,\n  tableMdx,\n  type TableData,\n} from \"./library/table.config.js\";\nexport { codeTabsBlock } from \"./library/code-tabs.js\";\nexport {\n  codeTabsSchema,\n  codeTabsMdx,\n  type CodeTabsData,\n  type CodeTabsTab,\n} from \"./library/code-tabs.config.js\";\nexport { htmlBlock, HtmlReadBlock, HtmlEditBlock } from \"./library/html.js\";\nexport {\n  htmlSchema,\n  htmlMdx,\n  type HtmlBlockData,\n} from \"./library/html.config.js\";\nexport { tabsBlock, TabsBlockReader, TabsBlockEditor } from \"./library/tabs.js\";\nexport {\n  tabsSchema,\n  tabsMdx,\n  type TabsData,\n  type TabsOrientation,\n  type TabsTab,\n} from \"./library/tabs.config.js\";\nexport {\n  columnsBlock,\n  ColumnsBlockReader,\n  ColumnsBlockEditor,\n} from \"./library/columns.js\";\nexport {\n  columnsSchema,\n  columnsMdx,\n  type ColumnsData,\n  type ColumnsColumn,\n} from \"./library/columns.config.js\";\n\n// Dev-doc block library (React `Read`/`Edit` renderers + their React-free\n// schema/MDX config). Apps register these alongside their own blocks, supplying\n// app-specific spec metadata (label/description/editSurface/empty) via\n// `defineBlock`. Mirrors the standard library above.\nexport { MermaidRead, MermaidEdit } from \"./library/MermaidBlock.js\";\nexport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./library/mermaid.config.js\";\nexport {\n  ApiEndpointRead,\n  ApiEndpointEdit,\n} from \"./library/ApiEndpointBlock.js\";\nexport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  API_ENDPOINT_METHODS,\n  API_PARAM_LOCATIONS,\n  type ApiEndpointData,\n  type ApiEndpointMethod,\n  type ApiEndpointParam,\n  type ApiEndpointRequest,\n  type ApiEndpointResponse,\n  type ApiParamLocation,\n} from \"./library/api-endpoint.config.js\";\nexport { DataModelRead, DataModelEdit } from \"./library/DataModelBlock.js\";\nexport {\n  dataModelSchema,\n  dataModelMdx,\n  DATA_MODEL_RELATION_KINDS,\n  type DataModelData,\n  type DataModelEntity,\n  type DataModelField,\n  type DataModelRelation,\n  type DataModelRelationKind,\n} from \"./library/data-model.config.js\";\nexport { DiffRead, DiffEdit } from \"./library/DiffBlock.js\";\nexport {\n  diffSchema,\n  diffMdx,\n  type DiffData,\n  type DiffMode,\n} from \"./library/diff.config.js\";\nexport { FileTreeRead, FileTreeEdit } from \"./library/FileTreeBlock.js\";\nexport {\n  fileTreeSchema,\n  fileTreeMdx,\n  FILE_TREE_CHANGES,\n  type FileTreeData,\n  type FileTreeEntry,\n  type FileTreeChange,\n} from \"./library/file-tree.config.js\";\nexport {\n  JsonExplorerRead,\n  JsonExplorerEdit,\n} from \"./library/JsonExplorerBlock.js\";\nexport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  type JsonExplorerData,\n} from \"./library/json-explorer.config.js\";\nexport {\n  AnnotatedCodeRead,\n  AnnotatedCodeEdit,\n} from \"./library/AnnotatedCodeBlock.js\";\nexport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n  type AnnotatedCodeAnnotation,\n} from \"./library/annotated-code.config.js\";\nexport {\n  OpenApiSpecRead,\n  OpenApiSpecEdit,\n} from \"./library/OpenApiSpecBlock.js\";\nexport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./library/openapi-spec.config.js\";\n"]}

package/dist/client/blocks/library/ApiEndpointBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiEndpointBlock.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/ApiEndpointBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,0BAA0B,CAAC;AA+ElC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,eAAe,CAAC,2CAuNjC;AAMD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,CAAC,eAAe,CAAC,2CAsTjC"}
+{"version":3,"file":"ApiEndpointBlock.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/ApiEndpointBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,0BAA0B,CAAC;AAgHlC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,eAAe,CAAC,2CAqNjC;AAMD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,CAAC,eAAe,CAAC,2CAsTjC"}

package/dist/client/blocks/library/ApiEndpointBlock.js

@@ -3,7 +3,9 @@ import { useState } from "react";
 import { IconChevronRight, IconLock, IconPlus, IconTrash, } from "@tabler/icons-react";
 import { cn } from "../../utils.js";
 import { API_ENDPOINT_METHODS, API_PARAM_LOCATIONS, } from "./api-endpoint.config.js";
+import { JsonExplorerSurface } from "./JsonExplorerBlock.js";
 import { DevBadge, DevInput, DevSwitch, DevTextarea, DevSelect, } from "./dev-doc-ui.js";
+import { CodeSurface } from "./HighlightedCode.js";
 /**
  * Read + Edit renderers for an `api-endpoint` block — a Swagger / Stripe-style
  * API reference. Lives in core so any app can register the dev-doc block (no
@@ -55,11 +57,23 @@ function fenceLangForContentType(contentType) {
         return "yaml";
     return "json";
 }
-/** Wrap a raw example string in a fenced code block for `ctx.renderMarkdown`. */
-function fence(example, lang) {
-    // Never let the example's own content break out of the fence.
-    const safe = example.replace(/```/g, "ʼʼʼ");
-    return `\`\`\`${lang}\n${safe.trim()}\n\`\`\``;
+function shouldUseJsonExplorer(example, contentType) {
+    const ct = (contentType ?? "").toLowerCase();
+    if (contentType && !ct.includes("json"))
+        return false;
+    try {
+        JSON.parse(example);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+function ApiExample({ example, contentType, className, }) {
+    if (shouldUseJsonExplorer(example, contentType)) {
+        return (_jsx(JsonExplorerSurface, { data: { json: example, collapsedDepth: 2 }, className: className }));
+    }
+    return (_jsx(CodeSurface, { code: example, language: fenceLangForContentType(contentType), className: className }));
 }
 /* ── Read (collapsed-by-default swagger row) ───────────────────────────────── */
 /**
@@ -80,7 +94,7 @@ export function ApiEndpointRead({ data, blockId, title, summary, ctx, }) {
         hasRequest ||
         responses.length > 0 ||
         Boolean(data.auth);
-    return (_jsxs("section", { className: "plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsxs("div", { className: "overflow-hidden rounded-xl border border-plan-line bg-plan-block", children: [_jsxs("button", { type: "button", "data-plan-interactive": true, "aria-expanded": open, onClick: () => setOpen((value) => !value), className: cn("flex w-full items-center gap-3 px-4 py-3 text-left transition-colors", "hover:bg-accent/40"), children: [_jsx(IconChevronRight, { className: cn("size-4 shrink-0 text-plan-muted transition-transform", open && "rotate-90") }), _jsx("span", { className: cn("shrink-0 rounded-md px-2 py-1 font-mono text-xs font-bold uppercase tracking-wide", METHOD_PILL[data.method]), children: data.method }), _jsx("span", { className: cn("min-w-0 truncate font-mono text-sm font-semibold text-plan-text", data.deprecated && "text-plan-muted line-through"), children: data.path }), data.deprecated && (_jsx(DevBadge, { className: "shrink-0 border-amber-500/40 text-amber-600 dark:text-amber-300", children: "Deprecated" })), (data.summary || summary) && (_jsx("span", { className: "ml-1 min-w-0 flex-1 truncate text-sm text-plan-muted", children: data.summary || summary })), data.auth && (_jsx(IconLock, { className: "size-3.5 shrink-0 text-plan-muted", "aria-label": "Requires authentication" }))] }), open && hasBody && (_jsxs("div", { className: "border-t border-plan-line px-4 py-4", children: [data.auth && (_jsxs("div", { className: "mb-4 flex items-center gap-2 text-xs text-plan-muted", children: [_jsx(IconLock, { className: "size-3.5 shrink-0" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium text-plan-text", children: "Auth:" }), " ", data.auth] })] })), data.description?.trim() && (_jsx("div", { className: "an-api-endpoint-desc", children: ctx.renderMarkdown?.(data.description) })), params.length > 0 && (_jsxs("div", { className: "mt-5", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Parameters" }), _jsx("div", { className: "mt-2 overflow-hidden rounded-lg border border-plan-line", children: _jsxs("table", { className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-accent/30 text-left text-xs uppercase tracking-wide text-plan-muted", children: [_jsx("th", { className: "px-3 py-2 font-medium", children: "Name" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "In" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Type" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Required" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Description" })] }) }), _jsx("tbody", { children: params.map((param, index) => (_jsxs("tr", { className: "border-t border-plan-line align-top", children: [_jsx("td", { className: "px-3 py-2 font-mono text-xs font-semibold text-plan-text", children: param.name }), _jsx("td", { className: "px-3 py-2", children: _jsx("span", { className: cn("rounded px-1.5 py-0.5 font-mono text-[11px] font-semibold", PARAM_IN_BADGE[param.in]), children: param.in }) }), _jsx("td", { className: "px-3 py-2 font-mono text-xs text-plan-muted", children: param.type || "—" }), _jsx("td", { className: "px-3 py-2 text-xs", children: param.required ? (_jsx("span", { className: "font-medium text-red-600 dark:text-red-300", children: "required" })) : (_jsx("span", { className: "text-plan-muted", children: "optional" })) }), _jsx("td", { className: "px-3 py-2 text-xs text-plan-muted", children: param.description || "—" })] }, `${param.name}-${index}`))) })] }) })] })), hasRequest && (_jsxs("div", { className: "mt-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Request body" }), data.request?.contentType && (_jsx("span", { className: "rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted", children: data.request.contentType }))] }), data.request?.example && (_jsx("div", { className: "mt-2 an-api-endpoint-example", children: ctx.renderMarkdown?.(fence(data.request.example, fenceLangForContentType(data.request.contentType))) }))] })), responses.length > 0 && (_jsxs("div", { className: "mt-5", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Responses" }), _jsx("div", { className: "mt-2 flex flex-col gap-3", children: responses.map((response, index) => (_jsxs("div", { className: "rounded-lg border border-plan-line", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx("span", { className: cn("rounded px-2 py-0.5 font-mono text-xs font-bold", statusPillClass(response.status)), children: response.status }), response.description && (_jsx("span", { className: "text-sm text-plan-muted", children: response.description }))] }), response.example && (_jsx("div", { className: "border-t border-plan-line px-3 pb-3 pt-1 an-api-endpoint-example", children: ctx.renderMarkdown?.(fence(response.example, "json")) }))] }, `${response.status}-${index}`))) })] }))] }))] })] }));
+    return (_jsxs("section", { className: "plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsxs("div", { className: "overflow-hidden rounded-xl border border-plan-line bg-plan-block", children: [_jsxs("button", { type: "button", "data-plan-interactive": true, "aria-expanded": open, onClick: () => setOpen((value) => !value), className: cn("flex w-full items-center gap-3 px-4 py-3 text-left transition-colors", "hover:bg-accent/40"), children: [_jsx(IconChevronRight, { className: cn("size-4 shrink-0 text-plan-muted transition-transform", open && "rotate-90") }), _jsx("span", { className: cn("shrink-0 rounded-md px-2 py-1 font-mono text-xs font-bold uppercase tracking-wide", METHOD_PILL[data.method]), children: data.method }), _jsx("span", { className: cn("min-w-0 truncate font-mono text-sm font-semibold text-plan-text", data.deprecated && "text-plan-muted line-through"), children: data.path }), data.deprecated && (_jsx(DevBadge, { className: "shrink-0 border-amber-500/40 text-amber-600 dark:text-amber-300", children: "Deprecated" })), (data.summary || summary) && (_jsx("span", { className: "ml-1 min-w-0 flex-1 truncate text-sm text-plan-muted", children: data.summary || summary })), data.auth && (_jsx(IconLock, { className: "size-3.5 shrink-0 text-plan-muted", "aria-label": "Requires authentication" }))] }), open && hasBody && (_jsxs("div", { className: "border-t border-plan-line px-4 py-4", children: [data.auth && (_jsxs("div", { className: "mb-4 flex items-center gap-2 text-xs text-plan-muted", children: [_jsx(IconLock, { className: "size-3.5 shrink-0" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium text-plan-text", children: "Auth:" }), " ", data.auth] })] })), data.description?.trim() && (_jsx("div", { className: "an-api-endpoint-desc", children: ctx.renderMarkdown?.(data.description) })), params.length > 0 && (_jsxs("div", { className: "mt-5", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Parameters" }), _jsx("div", { className: "mt-2 overflow-hidden rounded-lg border border-plan-line", children: _jsxs("table", { className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-accent/30 text-left text-xs uppercase tracking-wide text-plan-muted", children: [_jsx("th", { className: "px-3 py-2 font-medium", children: "Name" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "In" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Type" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Required" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Description" })] }) }), _jsx("tbody", { children: params.map((param, index) => (_jsxs("tr", { className: "border-t border-plan-line align-top", children: [_jsx("td", { className: "px-3 py-2 font-mono text-xs font-semibold text-plan-text", children: param.name }), _jsx("td", { className: "px-3 py-2", children: _jsx("span", { className: cn("rounded px-1.5 py-0.5 font-mono text-[11px] font-semibold", PARAM_IN_BADGE[param.in]), children: param.in }) }), _jsx("td", { className: "px-3 py-2 font-mono text-xs text-plan-muted", children: param.type || "—" }), _jsx("td", { className: "px-3 py-2 text-xs", children: param.required ? (_jsx("span", { className: "font-medium text-red-600 dark:text-red-300", children: "required" })) : (_jsx("span", { className: "text-plan-muted", children: "optional" })) }), _jsx("td", { className: "px-3 py-2 text-xs text-plan-muted", children: param.description || "—" })] }, `${param.name}-${index}`))) })] }) })] })), hasRequest && (_jsxs("div", { className: "mt-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Request body" }), data.request?.contentType && (_jsx("span", { className: "rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted", children: data.request.contentType }))] }), data.request?.example && (_jsx(ApiExample, { example: data.request.example, contentType: data.request.contentType, className: "mt-2 an-api-endpoint-example" }))] })), responses.length > 0 && (_jsxs("div", { className: "mt-5", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-plan-muted", children: "Responses" }), _jsx("div", { className: "mt-2 flex flex-col gap-3", children: responses.map((response, index) => (_jsxs("div", { className: "rounded-lg border border-plan-line", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx("span", { className: cn("rounded px-2 py-0.5 font-mono text-xs font-bold", statusPillClass(response.status)), children: response.status }), response.description && (_jsx("span", { className: "text-sm text-plan-muted", children: response.description }))] }), response.example && (_jsx("div", { className: "border-t border-plan-line px-3 pb-3 pt-3 an-api-endpoint-example", children: _jsx(ApiExample, { example: response.example, className: "mt-0" }) }))] }, `${response.status}-${index}`))) })] }))] }))] })] }));
 }
 /* ── Edit (panel form) ─────────────────────────────────────────────────────── */
 const fieldLabelClass = "text-xs font-medium text-muted-foreground";