@agent-native/core 0.37.3 → 0.39.0

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

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCheck, IconPlus, IconX } from "@tabler/icons-react";
+import { cn } from "../../utils.js";
+import { defineBlock } from "../types.js";
+import { checklistSchema, checklistMdx, } from "./checklist.config.js";
+/**
+ * Standard `checklist` block. A list of toggleable items, each with a label and
+ * an optional note. Lives in core so any app can register it.
+ *
+ * `Read` mirrors the legacy plan `PlanBlockView` checklist branch byte-for-byte
+ * (same `plan-block` section, toggle buttons, `IconCheck` marker, and the
+ * existing toggle-via-`onChange` behavior) so converting the block to the
+ * registry does not change rendered output. The plan CSS classes
+ * (`plan-block`, `text-plan-*`, `border-plan-line`) resolve against the plan
+ * app's stylesheet at render time, exactly as before.
+ *
+ * `Edit` is a custom editor (the schema auto-editor can't edit an array of
+ * objects): it lets you add, remove, toggle, and relabel items inline.
+ */
+/** Mint a reasonably-unique item id without pulling a dep into core. */
+function newItemId() {
+    return `item-${Math.random().toString(36).slice(2, 10)}`;
+}
+/**
+ * Read renderer. Note `onToggle` is supplied by the block dispatcher for the
+ * historical click-to-toggle behavior; in pure read contexts it is omitted and
+ * the markers render statically.
+ */
+export function ChecklistBlock({ data, blockId, title, onToggle, }) {
+    return (_jsxs("section", { className: "plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsx("div", { className: "grid gap-3", children: data.items.map((item) => onToggle ? (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex items-start gap-3 text-left text-plan-muted", onClick: () => onToggle(item.id), children: [_jsx(ChecklistMarker, { checked: item.checked }), _jsx(ChecklistItemBody, { item: item })] }, item.id)) : (_jsxs("div", { className: "flex items-start gap-3 text-left text-plan-muted", children: [_jsx(ChecklistMarker, { checked: item.checked }), _jsx(ChecklistItemBody, { item: item })] }, item.id))) })] }));
+}
+function ChecklistMarker({ checked }) {
+    return (_jsx("span", { className: cn("mt-1 flex size-5 items-center justify-center rounded border", checked
+            ? "border-primary bg-primary text-primary-foreground"
+            : "border-plan-line"), children: checked && _jsx(IconCheck, { className: "size-3.5" }) }));
+}
+function ChecklistItemBody({ item }) {
+    return (_jsxs("span", { children: [_jsx("span", { className: "block text-plan-text", children: item.label }), item.note && _jsx("span", { className: "block text-sm", children: item.note })] }));
+}
+/** Custom editor: toggle, relabel, add, and remove items. */
+export function ChecklistEditor({ data, onChange, editable, }) {
+    const items = data.items;
+    const update = (next) => onChange({ items: next });
+    const toggle = (id) => update(items.map((item) => item.id === id ? { ...item, checked: !item.checked } : item));
+    const setLabel = (id, label) => update(items.map((item) => (item.id === id ? { ...item, label } : item)));
+    const remove = (id) => update(items.filter((item) => item.id !== id));
+    const add = () => update([...items, { id: newItemId(), label: "", checked: false }]);
+    return (_jsxs("div", { className: "grid gap-2", children: [items.map((item) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": item.checked ? "Mark incomplete" : "Mark complete", className: cn("mt-1 flex size-5 shrink-0 items-center justify-center rounded border", item.checked
+                            ? "border-primary bg-primary text-primary-foreground"
+                            : "border-plan-line"), onClick: () => toggle(item.id), children: item.checked && _jsx(IconCheck, { className: "size-3.5" }) }), _jsx("input", { type: "text", "data-plan-interactive": true, className: "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", placeholder: "Checklist item", value: item.label, disabled: !editable, onChange: (event) => setLabel(item.id, event.target.value) }), _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Remove item", className: "mt-1 flex size-7 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50", disabled: !editable, onClick: () => remove(item.id), children: _jsx(IconX, { className: "size-4" }) })] }, item.id))), _jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex items-center gap-1.5 self-start rounded-md px-2 py-1 text-sm text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50", disabled: !editable, onClick: add, children: [_jsx(IconPlus, { className: "size-4" }), "Add item"] })] }));
+}
+/**
+ * The standard checklist block spec (with React `Read`/`Edit`). Apps register
+ * this in their browser registry. The schema + MDX config come from
+ * `./checklist.config.ts`, the exact same object server / agent code registers,
+ * so rendering and source round-trip never drift.
+ *
+ * `Read` is typed against `BlockReadProps<ChecklistData>`; the optional
+ * `onToggle` the dispatcher injects for the legacy click-to-toggle behavior is
+ * an extra prop the registry's `BlockView` passes through harmlessly when
+ * present (it lives outside `BlockReadProps`, so it's wired by the app's block
+ * dispatch rather than the generic `BlockView`).
+ */
+export const checklistBlock = defineBlock({
+    type: "checklist",
+    schema: checklistSchema,
+    mdx: checklistMdx,
+    Read: ChecklistBlock,
+    Edit: ChecklistEditor,
+    placement: ["block"],
+    // A checklist maps to NFM to-do items, so it round-trips to Notion.
+    notionCompatible: true,
+    label: "Checklist",
+    icon: IconCheck,
+    description: "A list of toggleable items, each with a label and an optional note.",
+    empty: () => ({ items: [] }),
+});
+//# sourceMappingURL=checklist.js.map

package/dist/client/blocks/library/checklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/checklist.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconCheck, IconPlus, IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport {\n  checklistSchema,\n  checklistMdx,\n  type ChecklistData,\n  type ChecklistItem,\n} from \"./checklist.config.js\";\n\n/**\n * Standard `checklist` block. A list of toggleable items, each with a label and\n * an optional note. Lives in core so any app can register it.\n *\n * `Read` mirrors the legacy plan `PlanBlockView` checklist branch byte-for-byte\n * (same `plan-block` section, toggle buttons, `IconCheck` marker, and the\n * existing toggle-via-`onChange` behavior) so converting the block to the\n * registry does not change rendered output. The plan CSS classes\n * (`plan-block`, `text-plan-*`, `border-plan-line`) resolve against the plan\n * app's stylesheet at render time, exactly as before.\n *\n * `Edit` is a custom editor (the schema auto-editor can't edit an array of\n * objects): it lets you add, remove, toggle, and relabel items inline.\n */\n\n/** Mint a reasonably-unique item id without pulling a dep into core. */\nfunction newItemId(): string {\n  return `item-${Math.random().toString(36).slice(2, 10)}`;\n}\n\n/**\n * Read renderer. Note `onToggle` is supplied by the block dispatcher for the\n * historical click-to-toggle behavior; in pure read contexts it is omitted and\n * the markers render statically.\n */\nexport function ChecklistBlock({\n  data,\n  blockId,\n  title,\n  onToggle,\n}: BlockReadProps<ChecklistData> & {\n  onToggle?: (itemId: string) => void;\n}) {\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <div className=\"grid gap-3\">\n        {data.items.map((item) =>\n          onToggle ? (\n            <button\n              key={item.id}\n              type=\"button\"\n              data-plan-interactive\n              className=\"flex items-start gap-3 text-left text-plan-muted\"\n              onClick={() => onToggle(item.id)}\n            >\n              <ChecklistMarker checked={item.checked} />\n              <ChecklistItemBody item={item} />\n            </button>\n          ) : (\n            <div\n              key={item.id}\n              className=\"flex items-start gap-3 text-left text-plan-muted\"\n            >\n              <ChecklistMarker checked={item.checked} />\n              <ChecklistItemBody item={item} />\n            </div>\n          ),\n        )}\n      </div>\n    </section>\n  );\n}\n\nfunction ChecklistMarker({ checked }: { checked?: boolean }) {\n  return (\n    <span\n      className={cn(\n        \"mt-1 flex size-5 items-center justify-center rounded border\",\n        checked\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-plan-line\",\n      )}\n    >\n      {checked && <IconCheck className=\"size-3.5\" />}\n    </span>\n  );\n}\n\nfunction ChecklistItemBody({ item }: { item: ChecklistItem }) {\n  return (\n    <span>\n      <span className=\"block text-plan-text\">{item.label}</span>\n      {item.note && <span className=\"block text-sm\">{item.note}</span>}\n    </span>\n  );\n}\n\n/** Custom editor: toggle, relabel, add, and remove items. */\nexport function ChecklistEditor({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<ChecklistData>) {\n  const items = data.items;\n\n  const update = (next: ChecklistItem[]) => onChange({ items: next });\n\n  const toggle = (id: string) =>\n    update(\n      items.map((item) =>\n        item.id === id ? { ...item, checked: !item.checked } : item,\n      ),\n    );\n\n  const setLabel = (id: string, label: string) =>\n    update(items.map((item) => (item.id === id ? { ...item, label } : item)));\n\n  const remove = (id: string) => update(items.filter((item) => item.id !== id));\n\n  const add = () =>\n    update([...items, { id: newItemId(), label: \"\", checked: false }]);\n\n  return (\n    <div className=\"grid gap-2\">\n      {items.map((item) => (\n        <div key={item.id} className=\"flex items-start gap-2\">\n          <button\n            type=\"button\"\n            data-plan-interactive\n            aria-label={item.checked ? \"Mark incomplete\" : \"Mark complete\"}\n            className={cn(\n              \"mt-1 flex size-5 shrink-0 items-center justify-center rounded border\",\n              item.checked\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-plan-line\",\n            )}\n            onClick={() => toggle(item.id)}\n          >\n            {item.checked && <IconCheck className=\"size-3.5\" />}\n          </button>\n          <input\n            type=\"text\"\n            data-plan-interactive\n            className=\"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            placeholder=\"Checklist item\"\n            value={item.label}\n            disabled={!editable}\n            onChange={(event) => setLabel(item.id, event.target.value)}\n          />\n          <button\n            type=\"button\"\n            data-plan-interactive\n            aria-label=\"Remove item\"\n            className=\"mt-1 flex size-7 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50\"\n            disabled={!editable}\n            onClick={() => remove(item.id)}\n          >\n            <IconX className=\"size-4\" />\n          </button>\n        </div>\n      ))}\n      <button\n        type=\"button\"\n        data-plan-interactive\n        className=\"flex items-center gap-1.5 self-start rounded-md px-2 py-1 text-sm text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50\"\n        disabled={!editable}\n        onClick={add}\n      >\n        <IconPlus className=\"size-4\" />\n        Add item\n      </button>\n    </div>\n  );\n}\n\n/**\n * The standard checklist block spec (with React `Read`/`Edit`). Apps register\n * this in their browser registry. The schema + MDX config come from\n * `./checklist.config.ts`, the exact same object server / agent code registers,\n * so rendering and source round-trip never drift.\n *\n * `Read` is typed against `BlockReadProps<ChecklistData>`; the optional\n * `onToggle` the dispatcher injects for the legacy click-to-toggle behavior is\n * an extra prop the registry's `BlockView` passes through harmlessly when\n * present (it lives outside `BlockReadProps`, so it's wired by the app's block\n * dispatch rather than the generic `BlockView`).\n */\nexport const checklistBlock = defineBlock<ChecklistData>({\n  type: \"checklist\",\n  schema: checklistSchema,\n  mdx: checklistMdx,\n  Read: ChecklistBlock as never,\n  Edit: ChecklistEditor,\n  placement: [\"block\"],\n  // A checklist maps to NFM to-do items, so it round-trips to Notion.\n  notionCompatible: true,\n  label: \"Checklist\",\n  icon: IconCheck,\n  description:\n    \"A list of toggleable items, each with a label and an optional note.\",\n  empty: () => ({ items: [] }),\n});\n"]}

package/dist/client/blocks/library/code-tabs.config.d.ts

@@ -0,0 +1,36 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the standard `code-tabs` block: its data schema and
+ * MDX round-trip config. Shared by the server MDX adapter (a plan/content app
+ * registers it via `@agent-native/core/blocks/server`) and the full client spec
+ * (`code-tabs.tsx`). Keeping this React-free means importing it into a server
+ * module never pulls React into the Nitro/SSR bundle.
+ *
+ * `code-tabs` is a STANDARD library block (a vertical file tab rail of Shiki-
+ * highlighted code), shareable by any app. Its schema MUST stay data-compatible
+ * with the legacy plan `code-tabs` branch of `planBlockSchema`, and the MDX
+ * `tag` + attribute shape MUST match the legacy
+ * `<CodeTabs … tabs={[…]} />` encoding (`plan-mdx.ts` `serializeBlock`/
+ * `parseBlock`) so stored `.mdx` round-trips byte-compatibly.
+ */
+export interface CodeTabsTab {
+    id: string;
+    label: string;
+    language?: string;
+    code: string;
+    caption?: string;
+}
+export interface CodeTabsData {
+    tabs: CodeTabsTab[];
+}
+export declare const codeTabsSchema: z.ZodType<CodeTabsData>;
+/**
+ * MDX config: `tabs` is a single JSON-encoded attribute and the block is
+ * self-closing — exactly the legacy `<CodeTabs id … tabs={[…]} />` form.
+ * `toAttrs` returns only `tabs`; `fromAttrs` reads the `tabs` array (defaulting
+ * to `[]` for backward-compat with malformed/empty stored blocks, mirroring the
+ * legacy `arrayAttr(node, "tabs") ?? []`).
+ */
+export declare const codeTabsMdx: BlockMdxConfig<CodeTabsData>;
+//# sourceMappingURL=code-tabs.config.d.ts.map

package/dist/client/blocks/library/code-tabs.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-tabs.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAKD,eAAO,MAAM,cAAc,EAaV,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,YAAY,CAMpD,CAAC"}

package/dist/client/blocks/library/code-tabs.config.js

@@ -0,0 +1,30 @@
+import { z } from "zod";
+/** Matches the plan `idSchema` (`z.string().trim().min(1).max(120)`). */
+const tabIdSchema = z.string().trim().min(1).max(120);
+export const codeTabsSchema = z.object({
+    tabs: z
+        .array(z.object({
+        id: tabIdSchema,
+        label: z.string().trim().min(1).max(120),
+        language: z.string().trim().max(40).optional(),
+        code: z.string().max(100_000),
+        caption: z.string().trim().max(400).optional(),
+    }))
+        .min(1)
+        .max(12),
+});
+/**
+ * MDX config: `tabs` is a single JSON-encoded attribute and the block is
+ * self-closing — exactly the legacy `<CodeTabs id … tabs={[…]} />` form.
+ * `toAttrs` returns only `tabs`; `fromAttrs` reads the `tabs` array (defaulting
+ * to `[]` for backward-compat with malformed/empty stored blocks, mirroring the
+ * legacy `arrayAttr(node, "tabs") ?? []`).
+ */
+export const codeTabsMdx = {
+    tag: "CodeTabs",
+    toAttrs: (data) => ({ tabs: data.tabs }),
+    fromAttrs: (attrs) => ({
+        tabs: attrs.array("tabs") ?? [],
+    }),
+};
+//# sourceMappingURL=code-tabs.config.js.map

package/dist/client/blocks/library/code-tabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-tabs.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA8BxB,yEAAyE;AACzE,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IACrC,IAAI,EAAE,CAAC;SACJ,KAAK,CACJ,CAAC,CAAC,MAAM,CAAC;QACP,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QACxC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;QAC9C,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;QAC7B,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;KAC/C,CAAC,CACH;SACA,GAAG,CAAC,CAAC,CAAC;SACN,GAAG,CAAC,EAAE,CAAC;CACX,CAAuC,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IACxC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAc,MAAM,CAAC,IAAI,EAAE;KAC7C,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the standard `code-tabs` block: its data schema and\n * MDX round-trip config. Shared by the server MDX adapter (a plan/content app\n * registers it via `@agent-native/core/blocks/server`) and the full client spec\n * (`code-tabs.tsx`). Keeping this React-free means importing it into a server\n * module never pulls React into the Nitro/SSR bundle.\n *\n * `code-tabs` is a STANDARD library block (a vertical file tab rail of Shiki-\n * highlighted code), shareable by any app. Its schema MUST stay data-compatible\n * with the legacy plan `code-tabs` branch of `planBlockSchema`, and the MDX\n * `tag` + attribute shape MUST match the legacy\n * `<CodeTabs … tabs={[…]} />` encoding (`plan-mdx.ts` `serializeBlock`/\n * `parseBlock`) so stored `.mdx` round-trips byte-compatibly.\n */\n\nexport interface CodeTabsTab {\n  id: string;\n  label: string;\n  language?: string;\n  code: string;\n  caption?: string;\n}\n\nexport interface CodeTabsData {\n  tabs: CodeTabsTab[];\n}\n\n/** Matches the plan `idSchema` (`z.string().trim().min(1).max(120)`). */\nconst tabIdSchema = z.string().trim().min(1).max(120);\n\nexport const codeTabsSchema = z.object({\n  tabs: z\n    .array(\n      z.object({\n        id: tabIdSchema,\n        label: z.string().trim().min(1).max(120),\n        language: z.string().trim().max(40).optional(),\n        code: z.string().max(100_000),\n        caption: z.string().trim().max(400).optional(),\n      }),\n    )\n    .min(1)\n    .max(12),\n}) as unknown as z.ZodType<CodeTabsData>;\n\n/**\n * MDX config: `tabs` is a single JSON-encoded attribute and the block is\n * self-closing — exactly the legacy `<CodeTabs id … tabs={[…]} />` form.\n * `toAttrs` returns only `tabs`; `fromAttrs` reads the `tabs` array (defaulting\n * to `[]` for backward-compat with malformed/empty stored blocks, mirroring the\n * legacy `arrayAttr(node, \"tabs\") ?? []`).\n */\nexport const codeTabsMdx: BlockMdxConfig<CodeTabsData> = {\n  tag: \"CodeTabs\",\n  toAttrs: (data) => ({ tabs: data.tabs }),\n  fromAttrs: (attrs) => ({\n    tabs: attrs.array<CodeTabsTab>(\"tabs\") ?? [],\n  }),\n};\n"]}

package/dist/client/blocks/library/code-tabs.d.ts

@@ -0,0 +1,3 @@
+import { type CodeTabsData } from "./code-tabs.config.js";
+export declare const codeTabsBlock: import("../types.js").BlockSpec<CodeTabsData>;
+//# sourceMappingURL=code-tabs.d.ts.map

package/dist/client/blocks/library/code-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AA2X/B,eAAO,MAAM,aAAa,+CAWxB,CAAC"}

package/dist/client/blocks/library/code-tabs.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { IconCode, IconPlus, IconX } from "@tabler/icons-react";
+import { cn } from "../../utils.js";
+import { defineBlock } from "../types.js";
+import { codeTabsSchema, codeTabsMdx, } from "./code-tabs.config.js";
+/**
+ * Standard `code-tabs` block (STANDARD core library): a vertical file tab rail
+ * with Shiki-highlighted code panes. Moved verbatim from the plan
+ * `CodeTabsBlock` (`DocumentArea.tsx`) so its rendered output is unchanged, then
+ * generalized to the registry `Read`/`Edit` contract. Shareable by any app that
+ * registers the core block library.
+ *
+ * `Edit` is schema-driven in spirit: each tab's `code` field renders as a
+ * code-style monospace text area (the plain auto-editor can't descend into the
+ * `tabs` array), plus label/language/caption inputs. The component owns no app
+ * services, so it stays portable across apps.
+ */
+/* ── Read (vertical tab rail + Shiki) ──────────────────────────────────────── */
+function CodeTabsRead({ data, blockId, title }) {
+    const [activeId, setActiveId] = useState(data.tabs[0]?.id ?? "");
+    const active = data.tabs.find((tab) => tab.id === activeId) ?? data.tabs[0];
+    return (_jsxs("section", { className: "plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsxs("div", { className: "grid overflow-hidden border-y border-plan-line md:grid-cols-[300px_minmax(0,1fr)]", children: [_jsx("div", { className: "border-plan-line md:border-r", children: data.tabs.map((tab) => (_jsxs("button", { type: "button", "data-plan-interactive": true, className: cn("flex w-full items-start gap-3 border-b border-plan-line px-4 py-4 text-left", tab.id === active?.id
+                                ? "bg-plan-block text-plan-text shadow-[inset_3px_0_0_hsl(var(--ring))]"
+                                : "text-plan-muted hover:bg-accent/30"), onClick: () => setActiveId(tab.id), children: [_jsx(IconCode, { className: "mt-0.5 size-4 shrink-0" }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate font-mono text-sm font-semibold", children: tab.label }), tab.caption && (_jsx("span", { className: "mt-1 block text-xs leading-5", children: tab.caption }))] })] }, tab.id))) }), _jsx("div", { className: "min-w-0 p-5", children: active && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "text-2xl font-semibold tracking-tight", children: active.label }), active.caption && (_jsx("p", { className: "mt-2 text-plan-muted", children: active.caption })), _jsx(CodeSurface, { code: active.code, language: active.language })] })) })] })] }));
+}
+function CodeSurface({ code, language, className, }) {
+    return (_jsx("div", { className: cn("plan-code-surface", className ?? "mt-5"), children: _jsx(HighlightedCode, { code: code, language: language }) }));
+}
+/* ── Edit (code text areas per tab) ────────────────────────────────────────── */
+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 codeAreaClass = "flex min-h-[140px] w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-xs leading-5 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";
+/** Mint a reasonably-unique code-tab id without pulling a dep into core. */
+function newCodeTabId() {
+    return `code-tab-${Math.random().toString(36).slice(2, 10)}`;
+}
+/**
+ * Editor: a file-tab strip (one tab active at a time) whose active tab exposes
+ * label/language/caption/code fields — mirroring the read renderer's tabbed
+ * layout and the standard `tabs` block editor instead of stacking every tab's
+ * full form vertically. Add/remove/rename keep the schema's 1..12 bounds.
+ */
+function CodeTabsEdit({ data, onChange, editable, }) {
+    const [activeId, setActiveId] = useState(data.tabs[0]?.id ?? "");
+    const active = data.tabs.find((tab) => tab.id === activeId) ?? data.tabs[0];
+    const commit = (tabs) => onChange({ tabs });
+    const updateTab = (id, patch) => commit(data.tabs.map((tab) => (tab.id === id ? { ...tab, ...patch } : tab)));
+    const removeTab = (id) => {
+        const next = data.tabs.filter((tab) => tab.id !== id);
+        if (next.length === 0)
+            return; // tabs must keep at least one (schema min 1)
+        commit(next);
+        if (activeId === id)
+            setActiveId(next[0]?.id ?? "");
+    };
+    const addTab = () => {
+        if (data.tabs.length >= 12)
+            return; // schema max
+        const id = newCodeTabId();
+        commit([
+            ...data.tabs,
+            { id, label: `file-${data.tabs.length + 1}.ts`, code: "" },
+        ]);
+        setActiveId(id);
+    };
+    return (_jsxs("div", { className: "an-code-tabs-editor flex flex-col gap-4", children: [_jsxs("div", { className: "flex max-w-full flex-wrap items-center gap-1 overflow-x-auto", role: "tablist", "data-plan-interactive": true, children: [data.tabs.map((tab) => {
+                        const selected = tab.id === active?.id;
+                        return (_jsxs("div", { className: cn("group flex items-center gap-1 rounded-lg pr-1 transition-colors", selected ? "bg-plan-block shadow-sm" : "hover:bg-plan-block/60"), children: [_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, onClick: () => setActiveId(tab.id), className: cn("flex items-center gap-2 rounded-lg px-3 py-2 font-mono text-sm font-semibold transition-colors", selected ? "text-plan-text" : "text-plan-muted"), children: [_jsx(IconCode, { className: "size-4 shrink-0" }), tab.label] }), editable && data.tabs.length > 1 && (_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Remove ${tab.label}`, className: cn("flex size-6 shrink-0 items-center justify-center rounded text-plan-muted transition-opacity", "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100", "hover:bg-muted hover:text-foreground"), onClick: () => removeTab(tab.id), children: _jsx(IconX, { className: "size-3.5 shrink-0" }) }))] }, tab.id));
+                    }), editable && data.tabs.length < 12 && (_jsxs("button", { type: "button", "data-plan-interactive": true, "aria-label": "Add tab", className: "flex items-center gap-1.5 rounded-md px-2 py-2 text-sm text-plan-muted hover:bg-plan-block/60 hover:text-plan-text", onClick: addTab, children: [_jsx(IconPlus, { className: "size-4" }), "Add tab"] }))] }), active && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Label" }), _jsx("input", { type: "text", "data-plan-interactive": true, className: inputClass, value: active.label, disabled: !editable, onChange: (event) => updateTab(active.id, { label: event.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Language" }), _jsx("input", { type: "text", "data-plan-interactive": true, className: inputClass, value: active.language ?? "", disabled: !editable, onChange: (event) => updateTab(active.id, {
+                                            language: event.target.value || undefined,
+                                        }) })] })] }), _jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Caption" }), _jsx("input", { type: "text", "data-plan-interactive": true, className: inputClass, value: active.caption ?? "", disabled: !editable, onChange: (event) => updateTab(active.id, {
+                                    caption: event.target.value || undefined,
+                                }) })] }), _jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Code" }), _jsx("textarea", { "data-plan-interactive": true, spellCheck: false, className: codeAreaClass, value: active.code, disabled: !editable, onChange: (event) => updateTab(active.id, { code: event.target.value }) })] })] }))] }));
+}
+let highlighterLoader = null;
+function loadHighlighter() {
+    if (!highlighterLoader) {
+        highlighterLoader = (async () => {
+            const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([
+                import("shiki/core"),
+                import("shiki/engine/oniguruma"),
+            ]);
+            return createHighlighterCore({
+                themes: [import("shiki/themes/github-dark-default.mjs")],
+                langs: [
+                    import("shiki/langs/javascript.mjs"),
+                    import("shiki/langs/typescript.mjs"),
+                    import("shiki/langs/jsx.mjs"),
+                    import("shiki/langs/tsx.mjs"),
+                    import("shiki/langs/json.mjs"),
+                    import("shiki/langs/css.mjs"),
+                    import("shiki/langs/html.mjs"),
+                    import("shiki/langs/markdown.mjs"),
+                    import("shiki/langs/bash.mjs"),
+                    import("shiki/langs/shellscript.mjs"),
+                    import("shiki/langs/python.mjs"),
+                    import("shiki/langs/yaml.mjs"),
+                    import("shiki/langs/sql.mjs"),
+                ],
+                engine: createOnigurumaEngine(import("shiki/wasm")),
+            });
+        })().catch((error) => {
+            highlighterLoader = null;
+            throw error;
+        });
+    }
+    return highlighterLoader;
+}
+const LANG_ALIASES = {
+    js: "javascript",
+    ts: "typescript",
+    sh: "bash",
+    shell: "bash",
+    zsh: "bash",
+    py: "python",
+    yml: "yaml",
+    md: "markdown",
+};
+function HighlightedCode({ code, language, }) {
+    const [html, setHtml] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        loadHighlighter()
+            .then((highlighter) => {
+            const requested = (language || "text").toLowerCase();
+            const resolved = LANG_ALIASES[requested] ?? requested;
+            const loaded = highlighter.getLoadedLanguages();
+            const lang = loaded.includes(resolved) ? resolved : "text";
+            return highlighter.codeToHtml(code, {
+                lang,
+                theme: "github-dark-default",
+            });
+        })
+            .then((out) => {
+            if (!cancelled)
+                setHtml(out);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setHtml(null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [code, language]);
+    if (html) {
+        // Shiki output is generated from plain text by the highlighter itself —
+        // it is NOT agent-authored HTML, so this is safe (mirrors core chat).
+        return (_jsx("div", { className: "plan-shiki", dangerouslySetInnerHTML: { __html: html } }));
+    }
+    return (_jsx("pre", { children: _jsx("code", { className: language ? `language-${language}` : undefined, children: code }) }));
+}
+/* ── Spec ──────────────────────────────────────────────────────────────────── */
+export const codeTabsBlock = defineBlock({
+    type: "code-tabs",
+    schema: codeTabsSchema,
+    mdx: codeTabsMdx,
+    Read: CodeTabsRead,
+    Edit: CodeTabsEdit,
+    placement: ["block"],
+    label: "Code tabs",
+    icon: IconCode,
+    description: "A vertical file tab rail of syntax-highlighted code snippets, one tab per file with an optional language and caption.",
+});
+//# sourceMappingURL=code-tabs.js.map

package/dist/client/blocks/library/code-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tabs.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { IconCode, IconPlus, IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport {\n  codeTabsSchema,\n  codeTabsMdx,\n  type CodeTabsData,\n  type CodeTabsTab,\n} from \"./code-tabs.config.js\";\n\n/**\n * Standard `code-tabs` block (STANDARD core library): a vertical file tab rail\n * with Shiki-highlighted code panes. Moved verbatim from the plan\n * `CodeTabsBlock` (`DocumentArea.tsx`) so its rendered output is unchanged, then\n * generalized to the registry `Read`/`Edit` contract. Shareable by any app that\n * registers the core block library.\n *\n * `Edit` is schema-driven in spirit: each tab's `code` field renders as a\n * code-style monospace text area (the plain auto-editor can't descend into the\n * `tabs` array), plus label/language/caption inputs. The component owns no app\n * services, so it stays portable across apps.\n */\n\n/* ── Read (vertical tab rail + Shiki) ──────────────────────────────────────── */\n\nfunction CodeTabsRead({ data, blockId, title }: BlockReadProps<CodeTabsData>) {\n  const [activeId, setActiveId] = useState(data.tabs[0]?.id ?? \"\");\n  const active = data.tabs.find((tab) => tab.id === activeId) ?? data.tabs[0];\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <div className=\"grid overflow-hidden border-y border-plan-line md:grid-cols-[300px_minmax(0,1fr)]\">\n        <div className=\"border-plan-line md:border-r\">\n          {data.tabs.map((tab) => (\n            <button\n              key={tab.id}\n              type=\"button\"\n              data-plan-interactive\n              className={cn(\n                \"flex w-full items-start gap-3 border-b border-plan-line px-4 py-4 text-left\",\n                tab.id === active?.id\n                  ? \"bg-plan-block text-plan-text shadow-[inset_3px_0_0_hsl(var(--ring))]\"\n                  : \"text-plan-muted hover:bg-accent/30\",\n              )}\n              onClick={() => setActiveId(tab.id)}\n            >\n              <IconCode className=\"mt-0.5 size-4 shrink-0\" />\n              <span className=\"min-w-0\">\n                <span className=\"block truncate font-mono text-sm font-semibold\">\n                  {tab.label}\n                </span>\n                {tab.caption && (\n                  <span className=\"mt-1 block text-xs leading-5\">\n                    {tab.caption}\n                  </span>\n                )}\n              </span>\n            </button>\n          ))}\n        </div>\n        <div className=\"min-w-0 p-5\">\n          {active && (\n            <>\n              <h3 className=\"text-2xl font-semibold tracking-tight\">\n                {active.label}\n              </h3>\n              {active.caption && (\n                <p className=\"mt-2 text-plan-muted\">{active.caption}</p>\n              )}\n              <CodeSurface code={active.code} language={active.language} />\n            </>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction CodeSurface({\n  code,\n  language,\n  className,\n}: {\n  code: string;\n  language?: string;\n  className?: string;\n}) {\n  return (\n    <div className={cn(\"plan-code-surface\", className ?? \"mt-5\")}>\n      <HighlightedCode code={code} language={language} />\n    </div>\n  );\n}\n\n/* ── Edit (code text areas per tab) ────────────────────────────────────────── */\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 codeAreaClass =\n  \"flex min-h-[140px] w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-xs leading-5 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\n/** Mint a reasonably-unique code-tab id without pulling a dep into core. */\nfunction newCodeTabId(): string {\n  return `code-tab-${Math.random().toString(36).slice(2, 10)}`;\n}\n\n/**\n * Editor: a file-tab strip (one tab active at a time) whose active tab exposes\n * label/language/caption/code fields — mirroring the read renderer's tabbed\n * layout and the standard `tabs` block editor instead of stacking every tab's\n * full form vertically. Add/remove/rename keep the schema's 1..12 bounds.\n */\nfunction CodeTabsEdit({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<CodeTabsData>) {\n  const [activeId, setActiveId] = useState(data.tabs[0]?.id ?? \"\");\n  const active = data.tabs.find((tab) => tab.id === activeId) ?? data.tabs[0];\n\n  const commit = (tabs: CodeTabsTab[]) => onChange({ tabs });\n\n  const updateTab = (id: string, patch: Partial<CodeTabsTab>) =>\n    commit(\n      data.tabs.map((tab) => (tab.id === id ? { ...tab, ...patch } : tab)),\n    );\n\n  const removeTab = (id: string) => {\n    const next = data.tabs.filter((tab) => tab.id !== id);\n    if (next.length === 0) return; // tabs must keep at least one (schema min 1)\n    commit(next);\n    if (activeId === id) setActiveId(next[0]?.id ?? \"\");\n  };\n\n  const addTab = () => {\n    if (data.tabs.length >= 12) return; // schema max\n    const id = newCodeTabId();\n    commit([\n      ...data.tabs,\n      { id, label: `file-${data.tabs.length + 1}.ts`, code: \"\" },\n    ]);\n    setActiveId(id);\n  };\n\n  return (\n    <div className=\"an-code-tabs-editor flex flex-col gap-4\">\n      <div\n        className=\"flex max-w-full flex-wrap items-center gap-1 overflow-x-auto\"\n        role=\"tablist\"\n        data-plan-interactive\n      >\n        {data.tabs.map((tab) => {\n          const selected = tab.id === active?.id;\n          return (\n            <div\n              key={tab.id}\n              className={cn(\n                \"group flex items-center gap-1 rounded-lg pr-1 transition-colors\",\n                selected ? \"bg-plan-block shadow-sm\" : \"hover:bg-plan-block/60\",\n              )}\n            >\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={selected}\n                onClick={() => setActiveId(tab.id)}\n                className={cn(\n                  \"flex items-center gap-2 rounded-lg px-3 py-2 font-mono text-sm font-semibold transition-colors\",\n                  selected ? \"text-plan-text\" : \"text-plan-muted\",\n                )}\n              >\n                <IconCode className=\"size-4 shrink-0\" />\n                {tab.label}\n              </button>\n              {editable && data.tabs.length > 1 && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label={`Remove ${tab.label}`}\n                  className={cn(\n                    \"flex size-6 shrink-0 items-center justify-center rounded text-plan-muted transition-opacity\",\n                    \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\",\n                    \"hover:bg-muted hover:text-foreground\",\n                  )}\n                  onClick={() => removeTab(tab.id)}\n                >\n                  <IconX className=\"size-3.5 shrink-0\" />\n                </button>\n              )}\n            </div>\n          );\n        })}\n        {editable && data.tabs.length < 12 && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            aria-label=\"Add tab\"\n            className=\"flex items-center gap-1.5 rounded-md px-2 py-2 text-sm text-plan-muted hover:bg-plan-block/60 hover:text-plan-text\"\n            onClick={addTab}\n          >\n            <IconPlus className=\"size-4\" />\n            Add tab\n          </button>\n        )}\n      </div>\n      {active && (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"grid gap-2 md:grid-cols-2\">\n            <label className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                Label\n              </span>\n              <input\n                type=\"text\"\n                data-plan-interactive\n                className={inputClass}\n                value={active.label}\n                disabled={!editable}\n                onChange={(event) =>\n                  updateTab(active.id, { label: event.target.value })\n                }\n              />\n            </label>\n            <label className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                Language\n              </span>\n              <input\n                type=\"text\"\n                data-plan-interactive\n                className={inputClass}\n                value={active.language ?? \"\"}\n                disabled={!editable}\n                onChange={(event) =>\n                  updateTab(active.id, {\n                    language: event.target.value || undefined,\n                  })\n                }\n              />\n            </label>\n          </div>\n          <label className=\"flex flex-col gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Caption\n            </span>\n            <input\n              type=\"text\"\n              data-plan-interactive\n              className={inputClass}\n              value={active.caption ?? \"\"}\n              disabled={!editable}\n              onChange={(event) =>\n                updateTab(active.id, {\n                  caption: event.target.value || undefined,\n                })\n              }\n            />\n          </label>\n          <label className=\"flex flex-col gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Code\n            </span>\n            <textarea\n              data-plan-interactive\n              spellCheck={false}\n              className={codeAreaClass}\n              value={active.code}\n              disabled={!editable}\n              onChange={(event) =>\n                updateTab(active.id, { code: event.target.value })\n              }\n            />\n          </label>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Shiki syntax highlighting (lazy-loaded, single dark theme) ────────────── */\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: { lang: string; theme: string },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet highlighterLoader: Promise<ShikiHighlighter> | null = null;\nfunction loadHighlighter(): Promise<ShikiHighlighter> {\n  if (!highlighterLoader) {\n    highlighterLoader = (async () => {\n      const [{ createHighlighterCore }, { createOnigurumaEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/oniguruma\"),\n        ]);\n      return createHighlighterCore({\n        themes: [import(\"shiki/themes/github-dark-default.mjs\")],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((error) => {\n      highlighterLoader = null;\n      throw error;\n    });\n  }\n  return highlighterLoader;\n}\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n};\n\nfunction HighlightedCode({\n  code,\n  language,\n}: {\n  code: string;\n  language?: string;\n}) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadHighlighter()\n      .then((highlighter) => {\n        const requested = (language || \"text\").toLowerCase();\n        const resolved = LANG_ALIASES[requested] ?? requested;\n        const loaded = highlighter.getLoadedLanguages();\n        const lang = loaded.includes(resolved) ? resolved : \"text\";\n        return highlighter.codeToHtml(code, {\n          lang,\n          theme: \"github-dark-default\",\n        });\n      })\n      .then((out) => {\n        if (!cancelled) setHtml(out as string);\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, language]);\n\n  if (html) {\n    // Shiki output is generated from plain text by the highlighter itself —\n    // it is NOT agent-authored HTML, so this is safe (mirrors core chat).\n    return (\n      <div className=\"plan-shiki\" dangerouslySetInnerHTML={{ __html: html }} />\n    );\n  }\n  return (\n    <pre>\n      <code className={language ? `language-${language}` : undefined}>\n        {code}\n      </code>\n    </pre>\n  );\n}\n\n/* ── Spec ──────────────────────────────────────────────────────────────────── */\n\nexport const codeTabsBlock = defineBlock<CodeTabsData>({\n  type: \"code-tabs\",\n  schema: codeTabsSchema,\n  mdx: codeTabsMdx,\n  Read: CodeTabsRead,\n  Edit: CodeTabsEdit,\n  placement: [\"block\"],\n  label: \"Code tabs\",\n  icon: IconCode,\n  description:\n    \"A vertical file tab rail of syntax-highlighted code snippets, one tab per file with an optional language and caption.\",\n});\n"]}

package/dist/client/blocks/library/data-model.config.d.ts

@@ -0,0 +1,72 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the PLAN-SPECIFIC `data-model` block: its data schema
+ * and MDX round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via
+ * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this
+ * React-free means importing it into a server module never pulls React into the
+ * Nitro/SSR bundle.
+ *
+ * The block renders a dbdiagram / Prisma-style entity-relationship diagram: a set
+ * of entity cards (each a small table of fields with PK / FK / nullable flags)
+ * plus optional explicit relations. The Read renderer makes foreign keys
+ * interactive — hovering / clicking an FK highlights and scrolls to the
+ * referenced entity — which is why this is a custom block, not a plain table.
+ *
+ * The schema MUST stay data-compatible with the `data-model` branch of
+ * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`DataModel`) +
+ * attribute shape MUST match the inline planBlockSchema member so stored `.mdx`
+ * round-trips: the whole `entities` and `relations` arrays are JSON props
+ * (`<DataModel id … entities={…} relations={…} />`).
+ */
+/** Cardinality of a relation between two entities. */
+export type DataModelRelationKind = "1-1" | "1-n" | "n-n";
+export declare const DATA_MODEL_RELATION_KINDS: DataModelRelationKind[];
+/** One column of an entity. `fk` is a string like `"User.id"`. */
+export interface DataModelField {
+    name: string;
+    type?: string;
+    pk?: boolean;
+    /** Foreign-key target, e.g. `"User.id"` (entity name/id + optional field). */
+    fk?: string;
+    nullable?: boolean;
+    default?: string;
+    note?: string;
+}
+/** One table / model. `id` is referenced by relations (`from`/`to`). */
+export interface DataModelEntity {
+    id: string;
+    name: string;
+    note?: string;
+    fields: DataModelField[];
+}
+/** An explicit relation between two entities, by `id` (or `name`). */
+export interface DataModelRelation {
+    from: string;
+    to: string;
+    kind?: DataModelRelationKind;
+    label?: string;
+}
+export interface DataModelData {
+    entities: DataModelEntity[];
+    relations?: DataModelRelation[];
+}
+/**
+ * Data-compatible with the inline `data-model` member of `planBlockSchema`
+ * (`plan-content.ts`). At least one entity is required; `relations` is optional
+ * (the Read renderer can infer simple `1-n` relations from `fk` fields when it is
+ * omitted) so a fresh model validates from a single entity with a couple fields.
+ */
+export declare const dataModelSchema: z.ZodType<DataModelData>;
+/**
+ * MDX config: the whole `entities` and `relations` arrays are serialized as JSON
+ * props on a self-closing element — the `<DataModel id … entities={…}
+ * relations={…} />` form. `toAttrs` emits `entities` then `relations` in a STABLE
+ * order (the shared `prop()` encoder drops `relations` when it is undefined).
+ *
+ * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing
+ * `entities` decodes to `[]` and a missing `relations` decodes to `undefined` so
+ * a plan written before this block existed still parses.
+ */
+export declare const dataModelMdx: BlockMdxConfig<DataModelData>;
+//# sourceMappingURL=data-model.config.d.ts.map

package/dist/client/blocks/library/data-model.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-model.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/data-model.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AAEH,sDAAsD;AACtD,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE1D,eAAO,MAAM,yBAAyB,EAAE,qBAAqB,EAI5D,CAAC;AAEF,kEAAkE;AAClE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wEAAwE;AACxE,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,sEAAsE;AACtE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC;AA0BD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAGX,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAE1C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,aAAa,CAUtD,CAAC"}

package/dist/client/blocks/library/data-model.config.js

@@ -0,0 +1,59 @@
+import { z } from "zod";
+export const DATA_MODEL_RELATION_KINDS = [
+    "1-1",
+    "1-n",
+    "n-n",
+];
+const fieldSchema = z.object({
+    name: z.string().trim().min(1).max(160),
+    type: z.string().trim().max(120).optional(),
+    pk: z.boolean().optional(),
+    fk: z.string().trim().max(200).optional(),
+    nullable: z.boolean().optional(),
+    default: z.string().trim().max(400).optional(),
+    note: z.string().trim().max(600).optional(),
+});
+const entitySchema = z.object({
+    id: z.string().trim().min(1).max(120),
+    name: z.string().trim().min(1).max(160),
+    note: z.string().trim().max(600).optional(),
+    fields: z.array(fieldSchema).max(80),
+});
+const relationSchema = z.object({
+    from: z.string().trim().min(1).max(120),
+    to: z.string().trim().min(1).max(120),
+    kind: z.enum(["1-1", "1-n", "n-n"]).optional(),
+    label: z.string().trim().max(160).optional(),
+});
+/**
+ * Data-compatible with the inline `data-model` member of `planBlockSchema`
+ * (`plan-content.ts`). At least one entity is required; `relations` is optional
+ * (the Read renderer can infer simple `1-n` relations from `fk` fields when it is
+ * omitted) so a fresh model validates from a single entity with a couple fields.
+ */
+export const dataModelSchema = z.object({
+    entities: z.array(entitySchema).min(1).max(60),
+    relations: z.array(relationSchema).max(200).optional(),
+});
+/**
+ * MDX config: the whole `entities` and `relations` arrays are serialized as JSON
+ * props on a self-closing element — the `<DataModel id … entities={…}
+ * relations={…} />` form. `toAttrs` emits `entities` then `relations` in a STABLE
+ * order (the shared `prop()` encoder drops `relations` when it is undefined).
+ *
+ * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing
+ * `entities` decodes to `[]` and a missing `relations` decodes to `undefined` so
+ * a plan written before this block existed still parses.
+ */
+export const dataModelMdx = {
+    tag: "DataModel",
+    toAttrs: (data) => ({
+        entities: data.entities,
+        relations: data.relations,
+    }),
+    fromAttrs: (attrs) => ({
+        entities: attrs.array("entities") ?? [],
+        relations: attrs.array("relations"),
+    }),
+};
+//# sourceMappingURL=data-model.config.js.map

package/dist/client/blocks/library/data-model.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-model.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/data-model.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the PLAN-SPECIFIC `data-model` block: its data schema\n * and MDX round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via\n * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this\n * React-free means importing it into a server module never pulls React into the\n * Nitro/SSR bundle.\n *\n * The block renders a dbdiagram / Prisma-style entity-relationship diagram: a set\n * of entity cards (each a small table of fields with PK / FK / nullable flags)\n * plus optional explicit relations. The Read renderer makes foreign keys\n * interactive — hovering / clicking an FK highlights and scrolls to the\n * referenced entity — which is why this is a custom block, not a plain table.\n *\n * The schema MUST stay data-compatible with the `data-model` branch of\n * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`DataModel`) +\n * attribute shape MUST match the inline planBlockSchema member so stored `.mdx`\n * round-trips: the whole `entities` and `relations` arrays are JSON props\n * (`<DataModel id … entities={…} relations={…} />`).\n */\n\n/** Cardinality of a relation between two entities. */\nexport type DataModelRelationKind = \"1-1\" | \"1-n\" | \"n-n\";\n\nexport const DATA_MODEL_RELATION_KINDS: DataModelRelationKind[] = [\n  \"1-1\",\n  \"1-n\",\n  \"n-n\",\n];\n\n/** One column of an entity. `fk` is a string like `\"User.id\"`. */\nexport interface DataModelField {\n  name: string;\n  type?: string;\n  pk?: boolean;\n  /** Foreign-key target, e.g. `\"User.id\"` (entity name/id + optional field). */\n  fk?: string;\n  nullable?: boolean;\n  default?: string;\n  note?: string;\n}\n\n/** One table / model. `id` is referenced by relations (`from`/`to`). */\nexport interface DataModelEntity {\n  id: string;\n  name: string;\n  note?: string;\n  fields: DataModelField[];\n}\n\n/** An explicit relation between two entities, by `id` (or `name`). */\nexport interface DataModelRelation {\n  from: string;\n  to: string;\n  kind?: DataModelRelationKind;\n  label?: string;\n}\n\nexport interface DataModelData {\n  entities: DataModelEntity[];\n  relations?: DataModelRelation[];\n}\n\nconst fieldSchema = z.object({\n  name: z.string().trim().min(1).max(160),\n  type: z.string().trim().max(120).optional(),\n  pk: z.boolean().optional(),\n  fk: z.string().trim().max(200).optional(),\n  nullable: z.boolean().optional(),\n  default: z.string().trim().max(400).optional(),\n  note: z.string().trim().max(600).optional(),\n}) as z.ZodType<DataModelField>;\n\nconst entitySchema = z.object({\n  id: z.string().trim().min(1).max(120),\n  name: z.string().trim().min(1).max(160),\n  note: z.string().trim().max(600).optional(),\n  fields: z.array(fieldSchema).max(80),\n}) as z.ZodType<DataModelEntity>;\n\nconst relationSchema = z.object({\n  from: z.string().trim().min(1).max(120),\n  to: z.string().trim().min(1).max(120),\n  kind: z.enum([\"1-1\", \"1-n\", \"n-n\"]).optional(),\n  label: z.string().trim().max(160).optional(),\n}) as z.ZodType<DataModelRelation>;\n\n/**\n * Data-compatible with the inline `data-model` member of `planBlockSchema`\n * (`plan-content.ts`). At least one entity is required; `relations` is optional\n * (the Read renderer can infer simple `1-n` relations from `fk` fields when it is\n * omitted) so a fresh model validates from a single entity with a couple fields.\n */\nexport const dataModelSchema = z.object({\n  entities: z.array(entitySchema).min(1).max(60),\n  relations: z.array(relationSchema).max(200).optional(),\n}) as unknown as z.ZodType<DataModelData>;\n\n/**\n * MDX config: the whole `entities` and `relations` arrays are serialized as JSON\n * props on a self-closing element — the `<DataModel id … entities={…}\n * relations={…} />` form. `toAttrs` emits `entities` then `relations` in a STABLE\n * order (the shared `prop()` encoder drops `relations` when it is undefined).\n *\n * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing\n * `entities` decodes to `[]` and a missing `relations` decodes to `undefined` so\n * a plan written before this block existed still parses.\n */\nexport const dataModelMdx: BlockMdxConfig<DataModelData> = {\n  tag: \"DataModel\",\n  toAttrs: (data) => ({\n    entities: data.entities,\n    relations: data.relations,\n  }),\n  fromAttrs: (attrs) => ({\n    entities: attrs.array<DataModelEntity>(\"entities\") ?? [],\n    relations: attrs.array<DataModelRelation>(\"relations\"),\n  }),\n};\n"]}