@agent-native/core 0.39.2 → 0.40.1

package/dist/client/blocks/library/server-specs.js

@@ -8,6 +8,7 @@ import { tableSchema, tableMdx } from "./table.config.js";
 import { codeTabsSchema, codeTabsMdx, } from "./code-tabs.config.js";
 import { htmlSchema, htmlMdx } from "./html.config.js";
 import { tabsSchema, tabsMdx } from "./tabs.config.js";
+import { columnsSchema, columnsMdx, } from "./columns.config.js";
 import { mermaidSchema, mermaidMdx, } from "./mermaid.config.js";
 import { apiEndpointSchema, apiEndpointMdx, } from "./api-endpoint.config.js";
 import { openApiSpecSchema, openApiSpecMdx, } from "./openapi-spec.config.js";
@@ -78,7 +79,16 @@ export const libraryBlockConfigs = [
         Read: ServerReadStub,
         placement: ["block", "inline"],
         label: "Tabs",
-        description: "A horizontal pill-tab container; each tab holds its own list of blocks.",
+        description: "A top or side tab container; each tab holds its own list of blocks.",
+    }),
+    defineBlock({
+        type: "columns",
+        schema: columnsSchema,
+        mdx: columnsMdx,
+        Read: ServerReadStub,
+        placement: ["block"],
+        label: "Columns",
+        description: "A multi-column side-by-side layout container; each column holds its own list of blocks. Ideal for before/after or current/target comparisons.",
     }),
     defineBlock({
         type: "mermaid",
@@ -105,7 +115,7 @@ export const libraryBlockConfigs = [
         Read: ServerReadStub,
         placement: ["block"],
         label: "OpenAPI spec",
-        description: "A whole-document Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON).",
+        description: "A whole-document API specification / Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON).",
     }),
     defineBlock({
         type: "data-model",
@@ -114,7 +124,7 @@ export const libraryBlockConfigs = [
         Read: ServerReadStub,
         placement: ["block"],
         label: "Data model",
-        description: "An ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.",
+        description: "A schema modeling / ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.",
     }),
     defineBlock({
         type: "diff",

package/dist/client/blocks/library/server-specs.js.map

@@ -1 +1 @@
-{"version":3,"file":"server-specs.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/server-specs.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineBlock, type BlockSpec } from \"../types.js\";\nimport { registerBlocks, type BlockRegistry } from \"../registry.js\";\n\n// React-free schema + MDX config for the standard library. The matching React\n// `Read`/`Edit` live in the full client entry; the server path only ever touches\n// `spec.schema` / `spec.mdx`, so these configs register with a render-only stub.\nimport {\n  checklistSchema,\n  checklistMdx,\n  type ChecklistData,\n} from \"./checklist.config.js\";\nimport { tableSchema, tableMdx, type TableData } from \"./table.config.js\";\nimport {\n  codeTabsSchema,\n  codeTabsMdx,\n  type CodeTabsData,\n} from \"./code-tabs.config.js\";\nimport { htmlSchema, htmlMdx, type HtmlBlockData } from \"./html.config.js\";\nimport { tabsSchema, tabsMdx, type TabsData } from \"./tabs.config.js\";\nimport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./mermaid.config.js\";\nimport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  type ApiEndpointData,\n} from \"./api-endpoint.config.js\";\nimport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./openapi-spec.config.js\";\nimport {\n  dataModelSchema,\n  dataModelMdx,\n  type DataModelData,\n} from \"./data-model.config.js\";\nimport { diffSchema, diffMdx, type DiffData } from \"./diff.config.js\";\nimport {\n  fileTreeSchema,\n  fileTreeMdx,\n  type FileTreeData,\n} from \"./file-tree.config.js\";\nimport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  type JsonExplorerData,\n} from \"./json-explorer.config.js\";\nimport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n} from \"./annotated-code.config.js\";\n\n/** Render-only stub for server / agent registries (never invoked off-browser). */\nconst ServerReadStub = () => null;\n\n/**\n * Canonical React-free specs for the standard library, used by BOTH apps' server\n * / shared registries (`plan-block-registry.ts`, `nfm-registry.ts`). Each carries\n * only the parts the server path touches — `schema` + `mdx` + metadata for the\n * agent schema export — with a render-only `Read` stub. The full client specs\n * (with real React `Read`/`Edit`) live in `./specs.tsx`; both share the identical\n * `schema`/`mdx` config so inline source can never drift from what renders.\n *\n * `table` keeps the core default `type` here; content's server registry renames\n * it to `table-block` via {@link LibraryBlockConfigOverrides}. The descriptions\n * are the neutral agent-schema phrasing; an app that curates a longer\n * description for a block (e.g. plan's hand-drawn Mermaid, plan's detailed file\n * tree) passes an override rather than re-authoring the spec.\n */\nexport const libraryBlockConfigs: BlockSpec<any>[] = [\n  defineBlock<ChecklistData>({\n    type: \"checklist\",\n    schema: checklistSchema,\n    mdx: checklistMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    notionCompatible: true,\n    label: \"Checklist\",\n    description:\n      \"A list of toggleable items, each with a label and an optional note.\",\n  }),\n  defineBlock<TableData>({\n    type: \"table\",\n    schema: tableSchema,\n    mdx: tableMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    notionCompatible: true,\n    label: \"Table\",\n    description:\n      \"A simple grid with header columns and string rows for comparisons, parameters, or structured lists.\",\n  }),\n  defineBlock<CodeTabsData>({\n    type: \"code-tabs\",\n    schema: codeTabsSchema,\n    mdx: codeTabsMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Code tabs\",\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  defineBlock<HtmlBlockData>({\n    type: \"custom-html\",\n    schema: htmlSchema,\n    mdx: htmlMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"HTML / Tailwind\",\n    description:\n      \"An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.\",\n  }),\n  defineBlock<TabsData>({\n    type: \"tabs\",\n    schema: tabsSchema,\n    mdx: tabsMdx,\n    Read: ServerReadStub,\n    placement: [\"block\", \"inline\"],\n    label: \"Tabs\",\n    description:\n      \"A horizontal pill-tab container; each tab holds its own list of blocks.\",\n  }),\n  defineBlock<MermaidData>({\n    type: \"mermaid\",\n    schema: mermaidSchema,\n    mdx: mermaidMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Diagram (Mermaid)\",\n    description:\n      \"A Mermaid diagram (flowchart, sequence, etc.) defined as text and rendered as a diagram.\",\n  }),\n  defineBlock<ApiEndpointData>({\n    type: \"api-endpoint\",\n    schema: apiEndpointSchema,\n    mdx: apiEndpointMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"API endpoint\",\n    description:\n      \"A Swagger-style API endpoint reference: a colored method pill + path, collapsed by default, expanding to params, request body, and per-status response examples.\",\n  }),\n  defineBlock<OpenApiSpecData>({\n    type: \"openapi-spec\",\n    schema: openApiSpecSchema,\n    mdx: openApiSpecMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"OpenAPI spec\",\n    description:\n      \"A whole-document Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON).\",\n  }),\n  defineBlock<DataModelData>({\n    type: \"data-model\",\n    schema: dataModelSchema,\n    mdx: dataModelMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Data model\",\n    description:\n      \"An ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.\",\n  }),\n  defineBlock<DiffData>({\n    type: \"diff\",\n    schema: diffSchema,\n    mdx: diffMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Diff\",\n    description:\n      \"A GitHub-style before/after line diff for a file, with unified or split view and added/removed line highlighting.\",\n  }),\n  defineBlock<FileTreeData>({\n    type: \"file-tree\",\n    schema: fileTreeSchema,\n    mdx: fileTreeMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"File tree\",\n    description:\n      \"A VS Code / GitHub-explorer file and change tree with per-file change badges, notes, and code snippets.\",\n  }),\n  defineBlock<JsonExplorerData>({\n    type: \"json-explorer\",\n    schema: jsonExplorerSchema,\n    mdx: jsonExplorerMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"JSON explorer\",\n    description:\n      \"A collapsible browser-devtools / Postman-style JSON tree with type-colored values and expand/collapse.\",\n  }),\n  defineBlock<AnnotatedCodeData>({\n    type: \"annotated-code\",\n    schema: annotatedCodeSchema,\n    mdx: annotatedCodeMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Annotated code\",\n    description:\n      \"A line-numbered code walkthrough whose line ranges carry anchored explanatory notes.\",\n  }),\n];\n\n/**\n * Per-block overrides for {@link registerLibraryBlockConfigs}, keyed by canonical\n * `type`. Servers tweak only the agent-facing fields that legitimately differ:\n * content re-types `table` → `table-block`; plan curates a longer Mermaid and\n * file-tree description. The `schema` / `mdx` config always stays shared.\n */\nexport type LibraryBlockConfigOverrides = Record<\n  string,\n  Partial<\n    Pick<BlockSpec<any>, \"type\" | \"label\" | \"description\" | \"notionCompatible\">\n  >\n>;\n\n/**\n * Register the React-free standard-library config stubs into a server / shared\n * {@link BlockRegistry}. Both `plan-block-registry.ts` and `nfm-registry.ts` call\n * this, then register only their app-specific block configs (plan adds callout /\n * diagram / wireframe / question-form) on top — so the shared library lives in\n * exactly one place across browser AND server registries.\n */\nexport function registerLibraryBlockConfigs(\n  registry: BlockRegistry,\n  options: { overrides?: LibraryBlockConfigOverrides } = {},\n): void {\n  const overrides = options.overrides ?? {};\n  const specs = libraryBlockConfigs.map((spec) => {\n    const override = overrides[spec.type];\n    return override ? ({ ...spec, ...override } as BlockSpec<any>) : spec;\n  });\n  registerBlocks(registry, specs);\n}\n"]}
+{"version":3,"file":"server-specs.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/server-specs.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineBlock, type BlockSpec } from \"../types.js\";\nimport { registerBlocks, type BlockRegistry } from \"../registry.js\";\n\n// React-free schema + MDX config for the standard library. The matching React\n// `Read`/`Edit` live in the full client entry; the server path only ever touches\n// `spec.schema` / `spec.mdx`, so these configs register with a render-only stub.\nimport {\n  checklistSchema,\n  checklistMdx,\n  type ChecklistData,\n} from \"./checklist.config.js\";\nimport { tableSchema, tableMdx, type TableData } from \"./table.config.js\";\nimport {\n  codeTabsSchema,\n  codeTabsMdx,\n  type CodeTabsData,\n} from \"./code-tabs.config.js\";\nimport { htmlSchema, htmlMdx, type HtmlBlockData } from \"./html.config.js\";\nimport { tabsSchema, tabsMdx, type TabsData } from \"./tabs.config.js\";\nimport {\n  columnsSchema,\n  columnsMdx,\n  type ColumnsData,\n} from \"./columns.config.js\";\nimport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./mermaid.config.js\";\nimport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  type ApiEndpointData,\n} from \"./api-endpoint.config.js\";\nimport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./openapi-spec.config.js\";\nimport {\n  dataModelSchema,\n  dataModelMdx,\n  type DataModelData,\n} from \"./data-model.config.js\";\nimport { diffSchema, diffMdx, type DiffData } from \"./diff.config.js\";\nimport {\n  fileTreeSchema,\n  fileTreeMdx,\n  type FileTreeData,\n} from \"./file-tree.config.js\";\nimport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  type JsonExplorerData,\n} from \"./json-explorer.config.js\";\nimport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n} from \"./annotated-code.config.js\";\n\n/** Render-only stub for server / agent registries (never invoked off-browser). */\nconst ServerReadStub = () => null;\n\n/**\n * Canonical React-free specs for the standard library, used by BOTH apps' server\n * / shared registries (`plan-block-registry.ts`, `nfm-registry.ts`). Each carries\n * only the parts the server path touches — `schema` + `mdx` + metadata for the\n * agent schema export — with a render-only `Read` stub. The full client specs\n * (with real React `Read`/`Edit`) live in `./specs.tsx`; both share the identical\n * `schema`/`mdx` config so inline source can never drift from what renders.\n *\n * `table` keeps the core default `type` here; content's server registry renames\n * it to `table-block` via {@link LibraryBlockConfigOverrides}. The descriptions\n * are the neutral agent-schema phrasing; an app that curates a longer\n * description for a block (e.g. plan's hand-drawn Mermaid, plan's detailed file\n * tree) passes an override rather than re-authoring the spec.\n */\nexport const libraryBlockConfigs: BlockSpec<any>[] = [\n  defineBlock<ChecklistData>({\n    type: \"checklist\",\n    schema: checklistSchema,\n    mdx: checklistMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    notionCompatible: true,\n    label: \"Checklist\",\n    description:\n      \"A list of toggleable items, each with a label and an optional note.\",\n  }),\n  defineBlock<TableData>({\n    type: \"table\",\n    schema: tableSchema,\n    mdx: tableMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    notionCompatible: true,\n    label: \"Table\",\n    description:\n      \"A simple grid with header columns and string rows for comparisons, parameters, or structured lists.\",\n  }),\n  defineBlock<CodeTabsData>({\n    type: \"code-tabs\",\n    schema: codeTabsSchema,\n    mdx: codeTabsMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Code tabs\",\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  defineBlock<HtmlBlockData>({\n    type: \"custom-html\",\n    schema: htmlSchema,\n    mdx: htmlMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"HTML / Tailwind\",\n    description:\n      \"An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.\",\n  }),\n  defineBlock<TabsData>({\n    type: \"tabs\",\n    schema: tabsSchema,\n    mdx: tabsMdx,\n    Read: ServerReadStub,\n    placement: [\"block\", \"inline\"],\n    label: \"Tabs\",\n    description:\n      \"A top or side tab container; each tab holds its own list of blocks.\",\n  }),\n  defineBlock<ColumnsData>({\n    type: \"columns\",\n    schema: columnsSchema,\n    mdx: columnsMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Columns\",\n    description:\n      \"A multi-column side-by-side layout container; each column holds its own list of blocks. Ideal for before/after or current/target comparisons.\",\n  }),\n  defineBlock<MermaidData>({\n    type: \"mermaid\",\n    schema: mermaidSchema,\n    mdx: mermaidMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Diagram (Mermaid)\",\n    description:\n      \"A Mermaid diagram (flowchart, sequence, etc.) defined as text and rendered as a diagram.\",\n  }),\n  defineBlock<ApiEndpointData>({\n    type: \"api-endpoint\",\n    schema: apiEndpointSchema,\n    mdx: apiEndpointMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"API endpoint\",\n    description:\n      \"A Swagger-style API endpoint reference: a colored method pill + path, collapsed by default, expanding to params, request body, and per-status response examples.\",\n  }),\n  defineBlock<OpenApiSpecData>({\n    type: \"openapi-spec\",\n    schema: openApiSpecSchema,\n    mdx: openApiSpecMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"OpenAPI spec\",\n    description:\n      \"A whole-document API specification / Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON).\",\n  }),\n  defineBlock<DataModelData>({\n    type: \"data-model\",\n    schema: dataModelSchema,\n    mdx: dataModelMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Data model\",\n    description:\n      \"A schema modeling / ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.\",\n  }),\n  defineBlock<DiffData>({\n    type: \"diff\",\n    schema: diffSchema,\n    mdx: diffMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Diff\",\n    description:\n      \"A GitHub-style before/after line diff for a file, with unified or split view and added/removed line highlighting.\",\n  }),\n  defineBlock<FileTreeData>({\n    type: \"file-tree\",\n    schema: fileTreeSchema,\n    mdx: fileTreeMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"File tree\",\n    description:\n      \"A VS Code / GitHub-explorer file and change tree with per-file change badges, notes, and code snippets.\",\n  }),\n  defineBlock<JsonExplorerData>({\n    type: \"json-explorer\",\n    schema: jsonExplorerSchema,\n    mdx: jsonExplorerMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"JSON explorer\",\n    description:\n      \"A collapsible browser-devtools / Postman-style JSON tree with type-colored values and expand/collapse.\",\n  }),\n  defineBlock<AnnotatedCodeData>({\n    type: \"annotated-code\",\n    schema: annotatedCodeSchema,\n    mdx: annotatedCodeMdx,\n    Read: ServerReadStub,\n    placement: [\"block\"],\n    label: \"Annotated code\",\n    description:\n      \"A line-numbered code walkthrough whose line ranges carry anchored explanatory notes.\",\n  }),\n];\n\n/**\n * Per-block overrides for {@link registerLibraryBlockConfigs}, keyed by canonical\n * `type`. Servers tweak only the agent-facing fields that legitimately differ:\n * content re-types `table` → `table-block`; plan curates a longer Mermaid and\n * file-tree description. The `schema` / `mdx` config always stays shared.\n */\nexport type LibraryBlockConfigOverrides = Record<\n  string,\n  Partial<\n    Pick<BlockSpec<any>, \"type\" | \"label\" | \"description\" | \"notionCompatible\">\n  >\n>;\n\n/**\n * Register the React-free standard-library config stubs into a server / shared\n * {@link BlockRegistry}. Both `plan-block-registry.ts` and `nfm-registry.ts` call\n * this, then register only their app-specific block configs (plan adds callout /\n * diagram / wireframe / question-form) on top — so the shared library lives in\n * exactly one place across browser AND server registries.\n */\nexport function registerLibraryBlockConfigs(\n  registry: BlockRegistry,\n  options: { overrides?: LibraryBlockConfigOverrides } = {},\n): void {\n  const overrides = options.overrides ?? {};\n  const specs = libraryBlockConfigs.map((spec) => {\n    const override = overrides[spec.type];\n    return override ? ({ ...spec, ...override } as BlockSpec<any>) : spec;\n  });\n  registerBlocks(registry, specs);\n}\n"]}

package/dist/client/blocks/library/specs.d.ts

@@ -1,10 +1,10 @@
 import { type BlockSpec } from "../types.js";
 import { type BlockRegistry } from "../registry.js";
 /**
- * The full standard library spec set, in registration order: the five fully
- * pre-built specs (checklist, table, code-tabs, html, tabs) followed by the
- * eight dev-doc specs. This is the single list both the plan and content browser
- * registries register — adding a 14th library block here lands in both apps.
+ * The full standard library spec set, in registration order: the fully pre-built
+ * specs (checklist, table, code-tabs, html, tabs, columns) followed by the eight
+ * dev-doc specs. This is the single list both the plan and content browser
+ * registries register — adding a library block here lands in both apps.
  */
 export declare const libraryBlockSpecs: BlockSpec<any>[];
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"specs.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/specs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAsPpE;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,EAO7C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC,MAAM,EACN,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAC1E,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,aAAa,EACvB,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,qBAAqB,CAAA;CAAO,GAClD,IAAI,CAON"}
+{"version":3,"file":"specs.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/specs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AA2PpE;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,EAQ7C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC,MAAM,EACN,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAC1E,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,aAAa,EACvB,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,qBAAqB,CAAA;CAAO,GAClD,IAAI,CAON"}

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

@@ -6,6 +6,7 @@ import { tableBlock } from "./table.js";
 import { codeTabsBlock } from "./code-tabs.js";
 import { htmlBlock } from "./html.js";
 import { tabsBlock } from "./tabs.js";
+import { columnsBlock } from "./columns.js";
 // Dev-doc blocks: React-free schema + MDX config paired with the shared React
 // Read/Edit renderers. Composed into full specs below with canonical metadata.
 import { mermaidSchema, mermaidMdx, } from "./mermaid.config.js";
@@ -20,21 +21,22 @@ import { diffSchema, diffMdx } from "./diff.config.js";
 import { DiffRead, DiffEdit } from "./DiffBlock.js";
 import { fileTreeSchema, fileTreeMdx, } from "./file-tree.config.js";
 import { FileTreeRead, FileTreeEdit } from "./FileTreeBlock.js";
-import { jsonExplorerSchema, jsonExplorerMdx, } from "./json-explorer.config.js";
+import { jsonExplorerSchema, jsonExplorerMdx, JSON_EXPLORER_DEFAULT_COLLAPSED_DEPTH, } from "./json-explorer.config.js";
 import { JsonExplorerRead, JsonExplorerEdit } from "./JsonExplorerBlock.js";
 import { annotatedCodeSchema, annotatedCodeMdx, } from "./annotated-code.config.js";
 import { AnnotatedCodeRead, AnnotatedCodeEdit } from "./AnnotatedCodeBlock.js";
 /**
  * Canonical specs for the standard library's dev-doc blocks (Mermaid, API
- * endpoint, OpenAPI spec, data model, diff, file tree, JSON explorer, annotated
- * code). Each pairs the shared React-free schema/MDX config with the shared
- * React `Read`/`Edit` renderers and the canonical label/description/editSurface/
- * empty metadata. Apps that need a slightly different label/description/empty for
- * a block pass an override to {@link registerLibraryBlocks} rather than
- * re-authoring the whole spec.
+ * endpoint, OpenAPI spec, data model, diff, file tree, JSON explorer,
+ * annotated code).
+ * Each pairs the shared React-free schema/MDX config
+ * with the shared React `Read`/`Edit` renderers and the canonical
+ * label/description/editSurface/empty metadata. Apps that need a slightly
+ * different label/description/empty for a block pass an override to
+ * {@link registerLibraryBlocks} rather than re-authoring the whole spec.
  *
- * The five fully pre-built standard specs (checklist, table, code-tabs, html,
- * tabs) already bundle their metadata in their own modules, so they are appended
+ * The six fully pre-built standard specs (checklist, table, code-tabs, html,
+ * tabs, columns) already bundle their metadata in their own modules, so they are appended
  * by {@link libraryBlockSpecs} rather than re-declared here.
  */
 // Typed `BlockSpec<any>[]` (not `BlockSpec<unknown>[]`) so the per-block generic
@@ -76,7 +78,7 @@ const devDocBlockSpecs = [
         placement: ["block"],
         editSurface: "panel",
         label: "OpenAPI spec",
-        description: "A whole-document Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON): operations grouped by tag, each a collapsible row expanding to params, request body, and per-status responses, with $ref models resolved.",
+        description: "A whole-document API specification / Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON): operations grouped by tag, each a collapsible row expanding to params, request body, and per-status responses, with $ref models resolved.",
         empty: () => ({
             spec: JSON.stringify({
                 openapi: "3.0.0",
@@ -103,7 +105,7 @@ const devDocBlockSpecs = [
         placement: ["block"],
         editSurface: "panel",
         label: "Data model",
-        description: "An ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.",
+        description: "A schema modeling / ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.",
         empty: () => ({
             entities: [
                 {
@@ -171,6 +173,7 @@ const devDocBlockSpecs = [
                 tags: ["alpha", "beta"],
                 meta: { count: 2, owner: null },
             }, null, 2),
+            collapsedDepth: JSON_EXPLORER_DEFAULT_COLLAPSED_DEPTH,
         }),
     }),
     defineBlock({
@@ -182,8 +185,9 @@ const devDocBlockSpecs = [
         placement: ["block"],
         editSurface: "panel",
         label: "Annotated code",
-        description: "A line-numbered code walkthrough whose line ranges carry anchored explanatory notes (Stripe-docs / Sourcegraph 'explain this code' style).",
+        description: "A line-numbered code walkthrough whose line ranges carry anchored explanatory notes (Stripe-docs / Sourcegraph explain-this-code style).",
         empty: () => ({
+            filename: "src/server/auth.ts",
             language: "ts",
             code: "export function resolveAuth(provider: string) {\n  const cfg = providers[provider];\n  return cfg.token;\n}",
             annotations: [
@@ -197,10 +201,10 @@ const devDocBlockSpecs = [
     }),
 ];
 /**
- * The full standard library spec set, in registration order: the five fully
- * pre-built specs (checklist, table, code-tabs, html, tabs) followed by the
- * eight dev-doc specs. This is the single list both the plan and content browser
- * registries register — adding a 14th library block here lands in both apps.
+ * The full standard library spec set, in registration order: the fully pre-built
+ * specs (checklist, table, code-tabs, html, tabs, columns) followed by the eight
+ * dev-doc specs. This is the single list both the plan and content browser
+ * registries register — adding a library block here lands in both apps.
  */
 export const libraryBlockSpecs = [
     checklistBlock,
@@ -208,6 +212,7 @@ export const libraryBlockSpecs = [
     codeTabsBlock,
     htmlBlock,
     tabsBlock,
+    columnsBlock,
     ...devDocBlockSpecs,
 ];
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/specs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAsB,MAAM,gBAAgB,CAAC;AAEpE,iFAAiF;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,8EAA8E;AAC9E,+EAA+E;AAC/E,OAAO,EACL,aAAa,EACb,UAAU,GAEX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,cAAc,GAEf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,iBAAiB,EACjB,cAAc,GAEf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,eAAe,EACf,YAAY,GAEb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EACL,cAAc,EACd,WAAW,GAEZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,kBAAkB,EAClB,eAAe,GAEhB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,mBAAmB,EACnB,gBAAgB,GAEjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,iFAAiF;AACjF,+EAA+E;AAC/E,0EAA0E;AAC1E,MAAM,gBAAgB,GAAqB;IACzC,WAAW,CAAc;QACvB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,aAAa;QACrB,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EACT,0FAA0F;QAC5F,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,MAAM,EACJ,sFAAsF;SACzF,CAAC;KACH,CAAC;IACF,WAAW,CAAkB;QAC3B,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,iBAAiB;QACzB,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,cAAc;QACrB,WAAW,EACT,kKAAkK;QACpK,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;KACxD,CAAC;IACF,WAAW,CAAkB;QAC3B,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,iBAAiB;QACzB,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,cAAc;QACrB,WAAW,EACT,+PAA+P;QACjQ,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAClB;gBACE,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE;gBAChD,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC;gBAC1D,KAAK,EAAE;oBACL,UAAU,EAAE;wBACV,GAAG,EAAE;4BACH,IAAI,EAAE,CAAC,SAAS,CAAC;4BACjB,OAAO,EAAE,cAAc;4BACvB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;yBAC5C;qBACF;iBACF;aACF,EACD,IAAI,EACJ,CAAC,CACF;SACF,CAAC;KACH,CAAC;IACF,WAAW,CAAgB;QACzB,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,eAAe;QACvB,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,YAAY;QACnB,WAAW,EACT,mIAAmI;QACrI,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,QAAQ,EAAE;gBACR;oBACE,EAAE,EAAE,QAAQ;oBACZ,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE;wBACN,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE;wBACtC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;qBAChC;iBACF;aACF;SACF,CAAC;KACH,CAAC;IACF,WAAW,CAAW;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,UAAU;QAClB,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,MAAM;QACb,WAAW,EACT,+JAA+J;QACjK,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,MAAM,EAAE,0CAA0C;YAClD,KAAK,EAAE,kEAAkE;YACzE,QAAQ,EAAE,IAAI;SACf,CAAC;KACH,CAAC;IACF,WAAW,CAAe;QACxB,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,WAAW;QAClB,WAAW,EACT,8KAA8K;QAChL,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,cAAc;oBACpB,MAAM,EAAE,UAAU;oBAClB,IAAI,EAAE,0BAA0B;iBACjC;gBACD,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE;aAC/C;SACF,CAAC;KACH,CAAC;IACF,WAAW,CAAmB;QAC5B,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,kBAAkB;QAC1B,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,eAAe;QACtB,WAAW,EACT,wGAAwG;QAC1G,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAClB;gBACE,EAAE,EAAE,QAAQ;gBACZ,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBACvB,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;aAChC,EACD,IAAI,EACJ,CAAC,CACF;SACF,CAAC;KACH,CAAC;IACF,WAAW,CAAoB;QAC7B,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,mBAAmB;QAC3B,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,CAAC,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,gBAAgB;QACvB,WAAW,EACT,4IAA4I;QAC9I,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,6GAA6G;YACnH,WAAW,EAAE;gBACX;oBACE,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,sCAAsC;iBAC7C;aACF;SACF,CAAC;KACH,CAAC;CACH,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAqB;IACjD,cAAc;IACd,UAAU;IACV,aAAa;IACb,SAAS;IACT,SAAS;IACT,GAAG,gBAAgB;CACpB,CAAC;AAcF;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAuB,EACvB,UAAiD,EAAE;IAEnD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC;IAC1C,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3C,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,OAAO,QAAQ,CAAC,CAAC,CAAE,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAqB,CAAC,CAAC,CAAC,IAAI,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAClC,CAAC","sourcesContent":["import { defineBlock, type BlockSpec } from \"../types.js\";\nimport { registerBlocks, type BlockRegistry } from \"../registry.js\";\n\n// Pre-built standard library specs (schema + mdx + React Read/Edit all bundled).\nimport { checklistBlock } from \"./checklist.js\";\nimport { tableBlock } from \"./table.js\";\nimport { codeTabsBlock } from \"./code-tabs.js\";\nimport { htmlBlock } from \"./html.js\";\nimport { tabsBlock } from \"./tabs.js\";\n\n// Dev-doc blocks: React-free schema + MDX config paired with the shared React\n// Read/Edit renderers. Composed into full specs below with canonical metadata.\nimport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./mermaid.config.js\";\nimport { MermaidRead, MermaidEdit } from \"./MermaidBlock.js\";\nimport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  type ApiEndpointData,\n} from \"./api-endpoint.config.js\";\nimport { ApiEndpointRead, ApiEndpointEdit } from \"./ApiEndpointBlock.js\";\nimport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./openapi-spec.config.js\";\nimport { OpenApiSpecRead, OpenApiSpecEdit } from \"./OpenApiSpecBlock.js\";\nimport {\n  dataModelSchema,\n  dataModelMdx,\n  type DataModelData,\n} from \"./data-model.config.js\";\nimport { DataModelRead, DataModelEdit } from \"./DataModelBlock.js\";\nimport { diffSchema, diffMdx, type DiffData } from \"./diff.config.js\";\nimport { DiffRead, DiffEdit } from \"./DiffBlock.js\";\nimport {\n  fileTreeSchema,\n  fileTreeMdx,\n  type FileTreeData,\n} from \"./file-tree.config.js\";\nimport { FileTreeRead, FileTreeEdit } from \"./FileTreeBlock.js\";\nimport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  type JsonExplorerData,\n} from \"./json-explorer.config.js\";\nimport { JsonExplorerRead, JsonExplorerEdit } from \"./JsonExplorerBlock.js\";\nimport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n} from \"./annotated-code.config.js\";\nimport { AnnotatedCodeRead, AnnotatedCodeEdit } from \"./AnnotatedCodeBlock.js\";\n\n/**\n * Canonical specs for the standard library's dev-doc blocks (Mermaid, API\n * endpoint, OpenAPI spec, data model, diff, file tree, JSON explorer, annotated\n * code). Each pairs the shared React-free schema/MDX config with the shared\n * React `Read`/`Edit` renderers and the canonical label/description/editSurface/\n * empty metadata. Apps that need a slightly different label/description/empty for\n * a block pass an override to {@link registerLibraryBlocks} rather than\n * re-authoring the whole spec.\n *\n * The five fully pre-built standard specs (checklist, table, code-tabs, html,\n * tabs) already bundle their metadata in their own modules, so they are appended\n * by {@link libraryBlockSpecs} rather than re-declared here.\n */\n// Typed `BlockSpec<any>[]` (not `BlockSpec<unknown>[]`) so the per-block generic\n// data types coexist in one array — mirroring `registerBlocks`' own signature,\n// where `childrenField: keyof TData` would otherwise collapse to `never`.\nconst devDocBlockSpecs: BlockSpec<any>[] = [\n  defineBlock<MermaidData>({\n    type: \"mermaid\",\n    schema: mermaidSchema,\n    mdx: mermaidMdx,\n    Read: MermaidRead,\n    Edit: MermaidEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Diagram (Mermaid)\",\n    description:\n      \"A Mermaid diagram (flowchart, sequence, etc.) defined as text and rendered as a diagram.\",\n    empty: () => ({\n      source:\n        \"flowchart TD\\n  A[Start] --> B{Decision}\\n  B -->|Yes| C[Do it]\\n  B -->|No| D[Skip]\",\n    }),\n  }),\n  defineBlock<ApiEndpointData>({\n    type: \"api-endpoint\",\n    schema: apiEndpointSchema,\n    mdx: apiEndpointMdx,\n    Read: ApiEndpointRead,\n    Edit: ApiEndpointEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"API endpoint\",\n    description:\n      \"A Swagger-style API endpoint reference: a colored method pill + path, collapsed by default, expanding to params, request body, and per-status response examples.\",\n    empty: () => ({ method: \"GET\", path: \"/api/resource\" }),\n  }),\n  defineBlock<OpenApiSpecData>({\n    type: \"openapi-spec\",\n    schema: openApiSpecSchema,\n    mdx: openApiSpecMdx,\n    Read: OpenApiSpecRead,\n    Edit: OpenApiSpecEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"OpenAPI spec\",\n    description:\n      \"A whole-document Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON): operations grouped by tag, each a collapsible row expanding to params, request body, and per-status responses, with $ref models resolved.\",\n    empty: () => ({\n      spec: JSON.stringify(\n        {\n          openapi: \"3.0.0\",\n          info: { title: \"Example API\", version: \"1.0.0\" },\n          tags: [{ name: \"widgets\", description: \"Manage widgets\" }],\n          paths: {\n            \"/widgets\": {\n              get: {\n                tags: [\"widgets\"],\n                summary: \"List widgets\",\n                responses: { \"200\": { description: \"OK\" } },\n              },\n            },\n          },\n        },\n        null,\n        2,\n      ),\n    }),\n  }),\n  defineBlock<DataModelData>({\n    type: \"data-model\",\n    schema: dataModelSchema,\n    mdx: dataModelMdx,\n    Read: DataModelRead,\n    Edit: DataModelEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Data model\",\n    description:\n      \"An ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.\",\n    empty: () => ({\n      entities: [\n        {\n          id: \"e_user\",\n          name: \"User\",\n          fields: [\n            { name: \"id\", type: \"uuid\", pk: true },\n            { name: \"email\", type: \"text\" },\n          ],\n        },\n      ],\n    }),\n  }),\n  defineBlock<DiffData>({\n    type: \"diff\",\n    schema: diffSchema,\n    mdx: diffMdx,\n    Read: DiffRead,\n    Edit: DiffEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Diff\",\n    description:\n      \"A GitHub-style before/after line diff for a file, with unified or split (side-by-side) view, added/removed line highlighting, and collapsible unchanged runs.\",\n    empty: () => ({\n      before: \"function add(a, b) {\\n  return a + b;\\n}\",\n      after: \"function add(a: number, b: number): number {\\n  return a + b;\\n}\",\n      language: \"ts\",\n    }),\n  }),\n  defineBlock<FileTreeData>({\n    type: \"file-tree\",\n    schema: fileTreeSchema,\n    mdx: fileTreeMdx,\n    Read: FileTreeRead,\n    Edit: FileTreeEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"File tree\",\n    description:\n      \"A VS Code / GitHub-explorer file and change tree derived from slash-delimited paths, with per-file change badges (added/modified/removed/renamed), notes, and code snippets.\",\n    empty: () => ({\n      entries: [\n        {\n          path: \"src/index.ts\",\n          change: \"modified\",\n          note: \"Wire the new route here.\",\n        },\n        { path: \"src/routes/git.ts\", change: \"added\" },\n      ],\n    }),\n  }),\n  defineBlock<JsonExplorerData>({\n    type: \"json-explorer\",\n    schema: jsonExplorerSchema,\n    mdx: jsonExplorerMdx,\n    Read: JsonExplorerRead,\n    Edit: JsonExplorerEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"JSON explorer\",\n    description:\n      \"A collapsible browser-devtools / Postman-style JSON tree with type-colored values and expand/collapse.\",\n    empty: () => ({\n      json: JSON.stringify(\n        {\n          id: \"abc123\",\n          active: true,\n          tags: [\"alpha\", \"beta\"],\n          meta: { count: 2, owner: null },\n        },\n        null,\n        2,\n      ),\n    }),\n  }),\n  defineBlock<AnnotatedCodeData>({\n    type: \"annotated-code\",\n    schema: annotatedCodeSchema,\n    mdx: annotatedCodeMdx,\n    Read: AnnotatedCodeRead,\n    Edit: AnnotatedCodeEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Annotated code\",\n    description:\n      \"A line-numbered code walkthrough whose line ranges carry anchored explanatory notes (Stripe-docs / Sourcegraph 'explain this code' style).\",\n    empty: () => ({\n      language: \"ts\",\n      code: \"export function resolveAuth(provider: string) {\\n  const cfg = providers[provider];\\n  return cfg.token;\\n}\",\n      annotations: [\n        {\n          lines: \"2\",\n          label: \"Lookup\",\n          note: \"Resolves the provider config by key.\",\n        },\n      ],\n    }),\n  }),\n];\n\n/**\n * The full standard library spec set, in registration order: the five fully\n * pre-built specs (checklist, table, code-tabs, html, tabs) followed by the\n * eight dev-doc specs. This is the single list both the plan and content browser\n * registries register — adding a 14th library block here lands in both apps.\n */\nexport const libraryBlockSpecs: BlockSpec<any>[] = [\n  checklistBlock,\n  tableBlock,\n  codeTabsBlock,\n  htmlBlock,\n  tabsBlock,\n  ...devDocBlockSpecs,\n];\n\n/**\n * Per-block metadata overrides for {@link registerLibraryBlocks}, keyed by the\n * canonical block `type`. Lets an app tweak the few fields that legitimately\n * differ (a `type` rename, a tweaked `description` or `empty` seed) without\n * re-authoring the spec. Anything omitted keeps the canonical value, so the\n * schema / MDX config and the React `Read`/`Edit` renderers always stay shared.\n */\nexport type LibraryBlockOverrides = Record<\n  string,\n  Partial<Pick<BlockSpec<any>, \"type\" | \"label\" | \"description\" | \"empty\">>\n>;\n\n/**\n * Register the standard library block specs into a {@link BlockRegistry}. Both\n * the plan and content browser registries call this, then register only their\n * own app-specific blocks on top — so the shared library lives in exactly one\n * place. Pass `overrides` (keyed by canonical `type`) for the small per-app\n * differences (content re-types `table` → `table-block`; each app phrases the\n * Mermaid description and seeds the OpenAPI example a little differently).\n */\nexport function registerLibraryBlocks(\n  registry: BlockRegistry,\n  options: { overrides?: LibraryBlockOverrides } = {},\n): void {\n  const overrides = options.overrides ?? {};\n  const specs = libraryBlockSpecs.map((spec) => {\n    const override = overrides[spec.type];\n    return override ? ({ ...spec, ...override } as BlockSpec<any>) : spec;\n  });\n  registerBlocks(registry, specs);\n}\n"]}
+{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/specs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { defineBlock, type BlockSpec } from \"../types.js\";\nimport { registerBlocks, type BlockRegistry } from \"../registry.js\";\n\n// Pre-built standard library specs (schema + mdx + React Read/Edit all bundled).\nimport { checklistBlock } from \"./checklist.js\";\nimport { tableBlock } from \"./table.js\";\nimport { codeTabsBlock } from \"./code-tabs.js\";\nimport { htmlBlock } from \"./html.js\";\nimport { tabsBlock } from \"./tabs.js\";\nimport { columnsBlock } from \"./columns.js\";\n\n// Dev-doc blocks: React-free schema + MDX config paired with the shared React\n// Read/Edit renderers. Composed into full specs below with canonical metadata.\nimport {\n  mermaidSchema,\n  mermaidMdx,\n  type MermaidData,\n} from \"./mermaid.config.js\";\nimport { MermaidRead, MermaidEdit } from \"./MermaidBlock.js\";\nimport {\n  apiEndpointSchema,\n  apiEndpointMdx,\n  type ApiEndpointData,\n} from \"./api-endpoint.config.js\";\nimport { ApiEndpointRead, ApiEndpointEdit } from \"./ApiEndpointBlock.js\";\nimport {\n  openApiSpecSchema,\n  openApiSpecMdx,\n  type OpenApiSpecData,\n} from \"./openapi-spec.config.js\";\nimport { OpenApiSpecRead, OpenApiSpecEdit } from \"./OpenApiSpecBlock.js\";\nimport {\n  dataModelSchema,\n  dataModelMdx,\n  type DataModelData,\n} from \"./data-model.config.js\";\nimport { DataModelRead, DataModelEdit } from \"./DataModelBlock.js\";\nimport { diffSchema, diffMdx, type DiffData } from \"./diff.config.js\";\nimport { DiffRead, DiffEdit } from \"./DiffBlock.js\";\nimport {\n  fileTreeSchema,\n  fileTreeMdx,\n  type FileTreeData,\n} from \"./file-tree.config.js\";\nimport { FileTreeRead, FileTreeEdit } from \"./FileTreeBlock.js\";\nimport {\n  jsonExplorerSchema,\n  jsonExplorerMdx,\n  JSON_EXPLORER_DEFAULT_COLLAPSED_DEPTH,\n  type JsonExplorerData,\n} from \"./json-explorer.config.js\";\nimport { JsonExplorerRead, JsonExplorerEdit } from \"./JsonExplorerBlock.js\";\nimport {\n  annotatedCodeSchema,\n  annotatedCodeMdx,\n  type AnnotatedCodeData,\n} from \"./annotated-code.config.js\";\nimport { AnnotatedCodeRead, AnnotatedCodeEdit } from \"./AnnotatedCodeBlock.js\";\n\n/**\n * Canonical specs for the standard library's dev-doc blocks (Mermaid, API\n * endpoint, OpenAPI spec, data model, diff, file tree, JSON explorer,\n * annotated code).\n * Each pairs the shared React-free schema/MDX config\n * with the shared React `Read`/`Edit` renderers and the canonical\n * label/description/editSurface/empty metadata. Apps that need a slightly\n * different label/description/empty for a block pass an override to\n * {@link registerLibraryBlocks} rather than re-authoring the whole spec.\n *\n * The six fully pre-built standard specs (checklist, table, code-tabs, html,\n * tabs, columns) already bundle their metadata in their own modules, so they are appended\n * by {@link libraryBlockSpecs} rather than re-declared here.\n */\n// Typed `BlockSpec<any>[]` (not `BlockSpec<unknown>[]`) so the per-block generic\n// data types coexist in one array — mirroring `registerBlocks`' own signature,\n// where `childrenField: keyof TData` would otherwise collapse to `never`.\nconst devDocBlockSpecs: BlockSpec<any>[] = [\n  defineBlock<MermaidData>({\n    type: \"mermaid\",\n    schema: mermaidSchema,\n    mdx: mermaidMdx,\n    Read: MermaidRead,\n    Edit: MermaidEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Diagram (Mermaid)\",\n    description:\n      \"A Mermaid diagram (flowchart, sequence, etc.) defined as text and rendered as a diagram.\",\n    empty: () => ({\n      source:\n        \"flowchart TD\\n  A[Start] --> B{Decision}\\n  B -->|Yes| C[Do it]\\n  B -->|No| D[Skip]\",\n    }),\n  }),\n  defineBlock<ApiEndpointData>({\n    type: \"api-endpoint\",\n    schema: apiEndpointSchema,\n    mdx: apiEndpointMdx,\n    Read: ApiEndpointRead,\n    Edit: ApiEndpointEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"API endpoint\",\n    description:\n      \"A Swagger-style API endpoint reference: a colored method pill + path, collapsed by default, expanding to params, request body, and per-status response examples.\",\n    empty: () => ({ method: \"GET\", path: \"/api/resource\" }),\n  }),\n  defineBlock<OpenApiSpecData>({\n    type: \"openapi-spec\",\n    schema: openApiSpecSchema,\n    mdx: openApiSpecMdx,\n    Read: OpenApiSpecRead,\n    Edit: OpenApiSpecEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"OpenAPI spec\",\n    description:\n      \"A whole-document API specification / Redoc / Swagger-UI-style API reference rendered from a complete OpenAPI 3 / Swagger 2 spec (JSON): operations grouped by tag, each a collapsible row expanding to params, request body, and per-status responses, with $ref models resolved.\",\n    empty: () => ({\n      spec: JSON.stringify(\n        {\n          openapi: \"3.0.0\",\n          info: { title: \"Example API\", version: \"1.0.0\" },\n          tags: [{ name: \"widgets\", description: \"Manage widgets\" }],\n          paths: {\n            \"/widgets\": {\n              get: {\n                tags: [\"widgets\"],\n                summary: \"List widgets\",\n                responses: { \"200\": { description: \"OK\" } },\n              },\n            },\n          },\n        },\n        null,\n        2,\n      ),\n    }),\n  }),\n  defineBlock<DataModelData>({\n    type: \"data-model\",\n    schema: dataModelSchema,\n    mdx: dataModelMdx,\n    Read: DataModelRead,\n    Edit: DataModelEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Data model\",\n    description:\n      \"A schema modeling / ERD / dbdiagram-style data model: entity cards with typed fields (PK/FK/nullable flags) and interactive foreign-key relations.\",\n    empty: () => ({\n      entities: [\n        {\n          id: \"e_user\",\n          name: \"User\",\n          fields: [\n            { name: \"id\", type: \"uuid\", pk: true },\n            { name: \"email\", type: \"text\" },\n          ],\n        },\n      ],\n    }),\n  }),\n  defineBlock<DiffData>({\n    type: \"diff\",\n    schema: diffSchema,\n    mdx: diffMdx,\n    Read: DiffRead,\n    Edit: DiffEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Diff\",\n    description:\n      \"A GitHub-style before/after line diff for a file, with unified or split (side-by-side) view, added/removed line highlighting, and collapsible unchanged runs.\",\n    empty: () => ({\n      before: \"function add(a, b) {\\n  return a + b;\\n}\",\n      after: \"function add(a: number, b: number): number {\\n  return a + b;\\n}\",\n      language: \"ts\",\n    }),\n  }),\n  defineBlock<FileTreeData>({\n    type: \"file-tree\",\n    schema: fileTreeSchema,\n    mdx: fileTreeMdx,\n    Read: FileTreeRead,\n    Edit: FileTreeEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"File tree\",\n    description:\n      \"A VS Code / GitHub-explorer file and change tree derived from slash-delimited paths, with per-file change badges (added/modified/removed/renamed), notes, and code snippets.\",\n    empty: () => ({\n      entries: [\n        {\n          path: \"src/index.ts\",\n          change: \"modified\",\n          note: \"Wire the new route here.\",\n        },\n        { path: \"src/routes/git.ts\", change: \"added\" },\n      ],\n    }),\n  }),\n  defineBlock<JsonExplorerData>({\n    type: \"json-explorer\",\n    schema: jsonExplorerSchema,\n    mdx: jsonExplorerMdx,\n    Read: JsonExplorerRead,\n    Edit: JsonExplorerEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"JSON explorer\",\n    description:\n      \"A collapsible browser-devtools / Postman-style JSON tree with type-colored values and expand/collapse.\",\n    empty: () => ({\n      json: JSON.stringify(\n        {\n          id: \"abc123\",\n          active: true,\n          tags: [\"alpha\", \"beta\"],\n          meta: { count: 2, owner: null },\n        },\n        null,\n        2,\n      ),\n      collapsedDepth: JSON_EXPLORER_DEFAULT_COLLAPSED_DEPTH,\n    }),\n  }),\n  defineBlock<AnnotatedCodeData>({\n    type: \"annotated-code\",\n    schema: annotatedCodeSchema,\n    mdx: annotatedCodeMdx,\n    Read: AnnotatedCodeRead,\n    Edit: AnnotatedCodeEdit,\n    placement: [\"block\"],\n    editSurface: \"panel\",\n    label: \"Annotated code\",\n    description:\n      \"A line-numbered code walkthrough whose line ranges carry anchored explanatory notes (Stripe-docs / Sourcegraph explain-this-code style).\",\n    empty: () => ({\n      filename: \"src/server/auth.ts\",\n      language: \"ts\",\n      code: \"export function resolveAuth(provider: string) {\\n  const cfg = providers[provider];\\n  return cfg.token;\\n}\",\n      annotations: [\n        {\n          lines: \"2\",\n          label: \"Lookup\",\n          note: \"Resolves the provider config by key.\",\n        },\n      ],\n    }),\n  }),\n];\n\n/**\n * The full standard library spec set, in registration order: the fully pre-built\n * specs (checklist, table, code-tabs, html, tabs, columns) followed by the eight\n * dev-doc specs. This is the single list both the plan and content browser\n * registries register — adding a library block here lands in both apps.\n */\nexport const libraryBlockSpecs: BlockSpec<any>[] = [\n  checklistBlock,\n  tableBlock,\n  codeTabsBlock,\n  htmlBlock,\n  tabsBlock,\n  columnsBlock,\n  ...devDocBlockSpecs,\n];\n\n/**\n * Per-block metadata overrides for {@link registerLibraryBlocks}, keyed by the\n * canonical block `type`. Lets an app tweak the few fields that legitimately\n * differ (a `type` rename, a tweaked `description` or `empty` seed) without\n * re-authoring the spec. Anything omitted keeps the canonical value, so the\n * schema / MDX config and the React `Read`/`Edit` renderers always stay shared.\n */\nexport type LibraryBlockOverrides = Record<\n  string,\n  Partial<Pick<BlockSpec<any>, \"type\" | \"label\" | \"description\" | \"empty\">>\n>;\n\n/**\n * Register the standard library block specs into a {@link BlockRegistry}. Both\n * the plan and content browser registries call this, then register only their\n * own app-specific blocks on top — so the shared library lives in exactly one\n * place. Pass `overrides` (keyed by canonical `type`) for the small per-app\n * differences (content re-types `table` → `table-block`; each app phrases the\n * Mermaid description and seeds the OpenAPI example a little differently).\n */\nexport function registerLibraryBlocks(\n  registry: BlockRegistry,\n  options: { overrides?: LibraryBlockOverrides } = {},\n): void {\n  const overrides = options.overrides ?? {};\n  const specs = libraryBlockSpecs.map((spec) => {\n    const override = overrides[spec.type];\n    return override ? ({ ...spec, ...override } as BlockSpec<any>) : spec;\n  });\n  registerBlocks(registry, specs);\n}\n"]}

package/dist/client/blocks/library/table.config.d.ts

@@ -16,7 +16,10 @@ import type { BlockMdxConfig } from "../types.js";
 export interface TableData {
     columns: string[];
     rows: string[][];
+    density?: TableDensity;
 }
+export declare const TABLE_DENSITIES: readonly ["compact", "normal", "relaxed"];
+export type TableDensity = (typeof TABLE_DENSITIES)[number];
 export declare const tableSchema: z.ZodType<TableData>;
 /**
  * MDX config: `columns` and `rows` are JSON attributes (no children) — exactly

package/dist/client/blocks/library/table.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAGP,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,SAAS,CAO9C,CAAC"}
+{"version":3,"file":"table.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,2CAA4C,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW,EAIP,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,SAAS,CAa9C,CAAC"}

package/dist/client/blocks/library/table.config.js

@@ -1,7 +1,9 @@
 import { z } from "zod";
+export const TABLE_DENSITIES = ["compact", "normal", "relaxed"];
 export const tableSchema = z.object({
     columns: z.array(z.string()),
     rows: z.array(z.array(z.string())),
+    density: z.enum(TABLE_DENSITIES).optional(),
 });
 /**
  * MDX config: `columns` and `rows` are JSON attributes (no children) — exactly
@@ -13,10 +15,20 @@ export const tableSchema = z.object({
  */
 export const tableMdx = {
     tag: "Table",
-    toAttrs: (data) => ({ columns: data.columns, rows: data.rows }),
+    toAttrs: (data) => ({
+        columns: data.columns,
+        rows: data.rows,
+        density: data.density && data.density !== "normal" ? data.density : undefined,
+    }),
     fromAttrs: (attrs) => ({
         columns: attrs.array("columns") ?? [],
         rows: attrs.array("rows") ?? [],
+        density: parseDensity(attrs.string("density")),
     }),
 };
+function parseDensity(value) {
+    return value && TABLE_DENSITIES.includes(value)
+        ? value
+        : undefined;
+}
 //# sourceMappingURL=table.config.js.map

package/dist/client/blocks/library/table.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsBxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;IAClC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;CACnC,CAAoC,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA8B;IACjD,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAS,SAAS,CAAC,IAAI,EAAE;QAC7C,IAAI,EAAE,KAAK,CAAC,KAAK,CAAW,MAAM,CAAC,IAAI,EAAE;KAC1C,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the standard `table` block: its data schema and MDX\n * round-trip config. Shared by the server MDX adapter (the plan\n * `plan-block-registry.ts` → `plan-mdx.ts`) and the client spec\n * (`table.tsx`). Keeping it React-free means a server module that imports it\n * never pulls React into the Nitro/SSR bundle.\n *\n * The schema MUST stay data-compatible with the legacy `table` branch of the\n * plan `planBlockSchema` (`{ columns: string[]; rows: string[][] }`), and the\n * MDX `tag` + attribute shape MUST match the legacy self-closing\n * `<Table … columns={…} rows={…} />` encoding (`plan-mdx.ts`\n * `serializeBlock`/`parseBlock`) so stored `.mdx` round-trips byte-compatibly.\n */\n\nexport interface TableData {\n  columns: string[];\n  rows: string[][];\n}\n\nexport const tableSchema = z.object({\n  columns: z.array(z.string()),\n  rows: z.array(z.array(z.string())),\n}) as unknown as z.ZodType<TableData>;\n\n/**\n * MDX config: `columns` and `rows` are JSON attributes (no children) — exactly\n * the legacy self-closing `<Table id title summary editable columns={…} rows={…} />`\n * form. The legacy serializer emits `columns` before `rows`; `toAttrs` returns\n * the keys in that exact insertion order because `serializeSpecBlock` preserves\n * `Object.entries` order. `fromAttrs` mirrors the legacy parser's `?? []`\n * defaults so partial/older nodes stay tolerant.\n */\nexport const tableMdx: BlockMdxConfig<TableData> = {\n  tag: \"Table\",\n  toAttrs: (data) => ({ columns: data.columns, rows: data.rows }),\n  fromAttrs: (attrs) => ({\n    columns: attrs.array<string>(\"columns\") ?? [],\n    rows: attrs.array<string[]>(\"rows\") ?? [],\n  }),\n};\n"]}
+{"version":3,"file":"table.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuBxB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC;AAGzE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;IAClC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE;CAC5C,CAAoC,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA8B;IACjD,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EACL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;KACvE,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAS,SAAS,CAAC,IAAI,EAAE;QAC7C,IAAI,EAAE,KAAK,CAAC,KAAK,CAAW,MAAM,CAAC,IAAI,EAAE;QACzC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;KAC/C,CAAC;CACH,CAAC;AAEF,SAAS,YAAY,CAAC,KAAyB;IAC7C,OAAO,KAAK,IAAI,eAAe,CAAC,QAAQ,CAAC,KAAqB,CAAC;QAC7D,CAAC,CAAE,KAAsB;QACzB,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the standard `table` block: its data schema and MDX\n * round-trip config. Shared by the server MDX adapter (the plan\n * `plan-block-registry.ts` → `plan-mdx.ts`) and the client spec\n * (`table.tsx`). Keeping it React-free means a server module that imports it\n * never pulls React into the Nitro/SSR bundle.\n *\n * The schema MUST stay data-compatible with the legacy `table` branch of the\n * plan `planBlockSchema` (`{ columns: string[]; rows: string[][] }`), and the\n * MDX `tag` + attribute shape MUST match the legacy self-closing\n * `<Table … columns={…} rows={…} />` encoding (`plan-mdx.ts`\n * `serializeBlock`/`parseBlock`) so stored `.mdx` round-trips byte-compatibly.\n */\n\nexport interface TableData {\n  columns: string[];\n  rows: string[][];\n  density?: TableDensity;\n}\n\nexport const TABLE_DENSITIES = [\"compact\", \"normal\", \"relaxed\"] as const;\nexport type TableDensity = (typeof TABLE_DENSITIES)[number];\n\nexport const tableSchema = z.object({\n  columns: z.array(z.string()),\n  rows: z.array(z.array(z.string())),\n  density: z.enum(TABLE_DENSITIES).optional(),\n}) as unknown as z.ZodType<TableData>;\n\n/**\n * MDX config: `columns` and `rows` are JSON attributes (no children) — exactly\n * the legacy self-closing `<Table id title summary editable columns={…} rows={…} />`\n * form. The legacy serializer emits `columns` before `rows`; `toAttrs` returns\n * the keys in that exact insertion order because `serializeSpecBlock` preserves\n * `Object.entries` order. `fromAttrs` mirrors the legacy parser's `?? []`\n * defaults so partial/older nodes stay tolerant.\n */\nexport const tableMdx: BlockMdxConfig<TableData> = {\n  tag: \"Table\",\n  toAttrs: (data) => ({\n    columns: data.columns,\n    rows: data.rows,\n    density:\n      data.density && data.density !== \"normal\" ? data.density : undefined,\n  }),\n  fromAttrs: (attrs) => ({\n    columns: attrs.array<string>(\"columns\") ?? [],\n    rows: attrs.array<string[]>(\"rows\") ?? [],\n    density: parseDensity(attrs.string(\"density\")),\n  }),\n};\n\nfunction parseDensity(value: string | undefined): TableDensity | undefined {\n  return value && TABLE_DENSITIES.includes(value as TableDensity)\n    ? (value as TableDensity)\n    : undefined;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAyO1E;;;;GAIG;AACH,eAAO,MAAM,UAAU,4CAsBrB,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/table.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,mBAAmB,CAAC;AAyY3B;;;;GAIG;AACH,eAAO,MAAM,UAAU,4CAuBrB,CAAC"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, } from "react";
 import { IconColumnInsertRight, IconPlus, IconRowInsertBottom, IconTable, IconTrash, IconX, } from "@tabler/icons-react";
 import { defineBlock } from "../types.js";
-import { tableMdx, tableSchema } from "./table.config.js";
+import { tableMdx, tableSchema, } from "./table.config.js";
 /**
  * Standard `table` block — a simple grid of header columns and string rows.
  * STANDARD library block: lives in core (`@agent-native/core/blocks`) so any
@@ -20,12 +21,87 @@ import { tableMdx, tableSchema } from "./table.config.js";
  * consuming app's CSS — core only emits the markup, exactly like the existing
  * `CalloutBlock` read renderer.
  */
-function TableBlockRead({ data, blockId, title }) {
-    return (_jsxs("section", { className: "plan-block overflow-x-auto", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsxs("table", { className: "w-full min-w-[640px] border-collapse text-left", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-plan-line text-sm text-plan-muted", children: data.columns.map((column) => (_jsx("th", { className: "py-3 pr-4 font-semibold", children: column }, column))) }) }), _jsx("tbody", { children: data.rows.map((row, index) => (_jsx("tr", { className: "border-b border-plan-line", children: row.map((cell, cellIndex) => (_jsx("td", { className: "py-4 pr-4 text-plan-muted", children: cell }, cellIndex))) }, index))) })] })] }));
+const densityClasses = {
+    compact: {
+        header: "py-1.5",
+        cell: "py-2",
+    },
+    normal: {
+        header: "py-3",
+        cell: "py-4",
+    },
+    relaxed: {
+        header: "py-5",
+        cell: "py-6",
+    },
+};
+function resolveDensity(data) {
+    return data.density ?? "normal";
+}
+function TableBlockRead({ data, blockId, title, ctx, }) {
+    const density = resolveDensity(data);
+    const spacing = densityClasses[density];
+    return (_jsxs("section", { className: "plan-block overflow-x-auto", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsxs("table", { className: "w-full min-w-[640px] border-collapse text-left", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-plan-line text-sm text-plan-muted", children: data.columns.map((column) => (_jsx("th", { className: `${spacing.header} pr-4 font-semibold`, children: renderTableMarkdown(ctx, column, tableHeaderMarkdownClass) }, column))) }) }), _jsx("tbody", { children: data.rows.map((row, index) => (_jsx("tr", { className: "border-b border-plan-line", children: row.map((cell, cellIndex) => (_jsx("td", { className: `${spacing.cell} pr-4 text-plan-muted`, children: renderTableMarkdown(ctx, cell, tableCellMarkdownClass) }, cellIndex))) }, index))) })] })] }));
+}
+const tableCellMarkdownClass = "an-table-cell-markdown mt-0 max-w-none text-plan-muted";
+const tableHeaderMarkdownClass = `${tableCellMarkdownClass} an-table-cell-markdown--header font-semibold`;
+const plainTextFieldBaseClass = "min-h-6 w-full whitespace-pre-wrap break-words rounded-sm border border-transparent bg-transparent px-0 leading-6 text-plan-muted outline-none focus:border-transparent focus:bg-transparent focus:px-0 focus:outline-none focus:ring-0 focus-visible:border-transparent focus-visible:bg-transparent focus-visible:px-0 focus-visible:outline-none focus-visible:ring-0 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+const iconButtonBaseClass = "inline-flex size-7 items-center justify-center rounded-md border border-input bg-background/80 text-muted-foreground opacity-0 shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:opacity-100 disabled:cursor-not-allowed disabled:opacity-50";
+const tableHoverIconButtonClass = `${iconButtonBaseClass} group-hover/table:opacity-100`;
+const columnHoverIconButtonClass = `${iconButtonBaseClass} group-hover/column:opacity-100`;
+const rowHoverIconButtonClass = `${iconButtonBaseClass} group-hover/row:opacity-100`;
+const addButtonClass = "inline-flex items-center gap-1.5 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm text-muted-foreground opacity-0 transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:opacity-100 group-hover/table:opacity-100 disabled:cursor-not-allowed disabled:opacity-50";
+function renderTableMarkdown(ctx, value, className) {
+    return ctx.renderMarkdown?.(value, { className }) ?? value;
+}
+function TableMarkdownField({ ctx, value, onChange, editable, ariaLabel, className, }) {
+    const editor = ctx.renderMarkdownEditor?.({
+        value,
+        onChange,
+        editable,
+        className,
+        ariaLabel,
+    });
+    if (editor)
+        return editor;
+    return (_jsx(PlainTextTableField, { value: value, onChange: onChange, editable: editable, ariaLabel: ariaLabel, className: `${plainTextFieldBaseClass} ${className}` }));
+}
+function PlainTextTableField({ value, onChange, editable, ariaLabel, className, }) {
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        const node = ref.current;
+        if (!node || document.activeElement === node)
+            return;
+        if (node.textContent !== value)
+            node.textContent = value;
+    }, [value]);
+    const handleInput = (event) => {
+        onChange(event.currentTarget.textContent ?? "");
+    };
+    const handleKeyDown = (event) => {
+        if (event.key !== "Enter")
+            return;
+        event.preventDefault();
+        event.currentTarget.blur();
+    };
+    const handlePaste = (event) => {
+        const text = event.clipboardData.getData("text/plain");
+        if (!text)
+            return;
+        event.preventDefault();
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        range.deleteContents();
+        range.insertNode(document.createTextNode(text));
+        range.collapse(false);
+        selection.removeAllRanges();
+        selection.addRange(range);
+        onChange(event.currentTarget.textContent ?? "");
+    };
+    return (_jsx("div", { ref: ref, "data-plan-interactive": true, "data-disabled": !editable ? "true" : undefined, role: "textbox", "aria-label": ariaLabel, contentEditable: editable, suppressContentEditableWarning: true, className: className, onInput: handleInput, onKeyDown: handleKeyDown, onPaste: handlePaste }));
 }
-const editInputClass = "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 iconButtonClass = "inline-flex size-7 items-center justify-center rounded-md border border-input text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50";
-const addButtonClass = "inline-flex items-center gap-1.5 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50";
 /**
  * Editable grid. The schema's `columns: string[]` / `rows: string[][]` are
  * positional/structured, which the schema auto-editor intentionally cannot
@@ -34,11 +110,13 @@ const addButtonClass = "inline-flex items-center gap-1.5 rounded-md border borde
  * commits a full new `{ columns, rows }` value (re-validated upstream by the
  * registry), keeping rows rectangular with the column count.
  */
-function TableBlockEdit({ data, onChange, editable, }) {
+function TableBlockEdit({ data, onChange, editable, ctx, }) {
     const columns = data.columns ?? [];
     const rows = data.rows ?? [];
     const columnCount = columns.length;
-    const commit = (next) => onChange(next);
+    const density = resolveDensity(data);
+    const spacing = densityClasses[density];
+    const commit = (next) => onChange({ ...data, ...next });
     const setColumn = (index, value) => {
         commit({
             columns: columns.map((c, i) => (i === index ? value : c)),
@@ -61,6 +139,8 @@ function TableBlockEdit({ data, onChange, editable, }) {
         });
     };
     const removeColumn = (index) => {
+        if (columns.length <= 1)
+            return;
         commit({
             columns: columns.filter((_, i) => i !== index),
             rows: rows.map((row) => row.filter((_, i) => i !== index)),
@@ -79,7 +159,7 @@ function TableBlockEdit({ data, onChange, editable, }) {
     const removeRow = (index) => {
         commit({ columns, rows: rows.filter((_, i) => i !== index) });
     };
-    return (_jsxs("div", { className: "an-table-block-editor flex flex-col gap-3", children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[480px] border-collapse text-left", children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((column, index) => (_jsx("th", { className: "p-1 align-top", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("input", { type: "text", "data-plan-interactive": true, "aria-label": `Column ${index + 1} header`, className: editInputClass, value: column, disabled: !editable, onChange: (event) => setColumn(index, event.target.value) }), _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Remove column ${index + 1}`, className: iconButtonClass, disabled: !editable, onClick: () => removeColumn(index), children: _jsx(IconX, { size: 14 }) })] }) }, index))), _jsx("th", { className: "p-1 align-top", children: _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Add column", className: iconButtonClass, disabled: !editable, onClick: addColumn, children: _jsx(IconColumnInsertRight, { size: 16 }) }) })] }) }), _jsx("tbody", { children: rows.map((row, rowIndex) => (_jsxs("tr", { children: [Array.from({ length: columnCount }).map((_, cellIndex) => (_jsx("td", { className: "p-1 align-top", children: _jsx("input", { type: "text", "data-plan-interactive": true, "aria-label": `Row ${rowIndex + 1}, column ${cellIndex + 1}`, className: editInputClass, value: row[cellIndex] ?? "", disabled: !editable, onChange: (event) => setCell(rowIndex, cellIndex, event.target.value) }) }, cellIndex))), _jsx("td", { className: "p-1 align-top", children: _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Remove row ${rowIndex + 1}`, className: iconButtonClass, disabled: !editable, onClick: () => removeRow(rowIndex), children: _jsx(IconTrash, { size: 14 }) }) })] }, rowIndex))) })] }) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("button", { type: "button", "data-plan-interactive": true, className: addButtonClass, disabled: !editable, onClick: addRow, children: [_jsx(IconRowInsertBottom, { size: 16 }), "Add row"] }), _jsxs("button", { type: "button", "data-plan-interactive": true, className: addButtonClass, disabled: !editable, onClick: addColumn, children: [_jsx(IconPlus, { size: 16 }), "Add column"] })] })] }));
+    return (_jsxs("div", { className: "an-table-block-editor group/table flex flex-col gap-2", children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[480px] border-collapse text-left", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-plan-line", children: [columns.map((column, index) => (_jsx("th", { className: `group/column ${spacing.header} pr-4 align-top`, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(TableMarkdownField, { ctx: ctx, value: column, onChange: (value) => setColumn(index, value), editable: editable, ariaLabel: `Column ${index + 1} header`, className: tableHeaderMarkdownClass }), _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Remove column ${index + 1}`, className: columnHoverIconButtonClass, disabled: !editable || columns.length <= 1, onClick: () => removeColumn(index), children: _jsx(IconX, { size: 14 }) })] }) }, index))), _jsx("th", { className: "py-1 align-top", children: _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Add column in grid", className: tableHoverIconButtonClass, disabled: !editable, onClick: addColumn, children: _jsx(IconColumnInsertRight, { size: 16 }) }) })] }) }), _jsx("tbody", { children: rows.map((row, rowIndex) => (_jsxs("tr", { className: "group/row border-b border-plan-line", children: [Array.from({ length: columnCount }).map((_, cellIndex) => (_jsx("td", { className: `${spacing.cell} pr-4 align-top`, children: _jsx(TableMarkdownField, { ctx: ctx, value: row[cellIndex] ?? "", onChange: (value) => setCell(rowIndex, cellIndex, value), editable: editable, ariaLabel: `Row ${rowIndex + 1}, column ${cellIndex + 1}`, className: tableCellMarkdownClass }) }, cellIndex))), _jsx("td", { className: "py-2 align-top", children: _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": `Remove row ${rowIndex + 1}`, className: rowHoverIconButtonClass, disabled: !editable, onClick: () => removeRow(rowIndex), children: _jsx(IconTrash, { size: 14 }) }) })] }, rowIndex))) })] }) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("button", { type: "button", "data-plan-interactive": true, className: addButtonClass, disabled: !editable, onClick: addRow, children: [_jsx(IconRowInsertBottom, { size: 16 }), "Add row"] }), _jsxs("button", { type: "button", "data-plan-interactive": true, className: addButtonClass, disabled: !editable, onClick: addColumn, children: [_jsx(IconPlus, { size: 16 }), "Add column"] })] })] }));
 }
 /**
  * The full standard `table` `BlockSpec`. Pairs the React-free
@@ -93,6 +173,7 @@ export const tableBlock = defineBlock({
     Read: TableBlockRead,
     Edit: TableBlockEdit,
     placement: ["block"],
+    editSurface: "inline",
     // A simple grid maps to an NFM table, so it round-trips to Notion.
     notionCompatible: true,
     label: "Table",