@agent-native/core 0.40.2 → 0.41.0

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

@@ -0,0 +1,58 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the PLAN-SPECIFIC `annotated-code` 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 Stripe-docs / Sourcegraph "explain this code" style
+ * walkthrough: a line-numbered monospace code surface where annotated line
+ * ranges get a highlight band + numbered gutter marker, paired with a list of
+ * line-anchored notes (each note targets a 1-based `lines` ref like `"3"` or
+ * `"3-5"`). Hovering a note highlights its lines, and vice-versa.
+ *
+ * The schema MUST stay data-compatible with the `annotated-code` branch of
+ * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`AnnotatedCode`) +
+ * flat attribute shape MUST match that inline member so stored `.mdx`
+ * round-trips. `code` is a multiline string ATTRIBUTE (the shared `prop()`
+ * encoder round-trips multiline strings cleanly, and keeping it an attribute —
+ * not MDX children — avoids the source being reflowed as prose); `annotations`
+ * is a JSON array attribute.
+ */
+/** One line-anchored note over the code. */
+export interface AnnotatedCodeAnnotation {
+    /** 1-based line reference: a single line `"3"` or an inclusive range `"3-5"`. */
+    lines: string;
+    /** Optional short label shown before the note (e.g. "Lookup"). */
+    label?: string;
+    /** The note prose (markdown), rendered through `ctx.renderMarkdown`. */
+    note: string;
+}
+export interface AnnotatedCodeData {
+    /** Optional file path shown in the header (e.g. `src/server/auth.ts`). */
+    filename?: string;
+    /** Optional language label (e.g. `ts`). Cosmetic chip + future highlighting. */
+    language?: string;
+    /** The source the walkthrough annotates. Rendered line-numbered. */
+    code: string;
+    /** Line-anchored notes. */
+    annotations?: AnnotatedCodeAnnotation[];
+}
+/**
+ * Data-compatible with the inline `annotated-code` member of `planBlockSchema`
+ * (`plan-content.ts`). `code` is the only required field; `annotations` defaults
+ * to omitted so a fresh block validates from `{ code: "…" }`.
+ */
+export declare const annotatedCodeSchema: z.ZodType<AnnotatedCodeData>;
+/**
+ * MDX config: `<AnnotatedCode filename language code annotations />` self-closing
+ * form. Insertion order of `toAttrs` is the on-disk attribute order. `code` is a
+ * multiline string attribute (round-trips through the shared `prop()` encoder);
+ * `annotations` is a JSON array attribute. `fromAttrs` mirrors a forgiving parse
+ * (`code ?? ""`, `annotations ?? []`, optional `filename`/`language` undefined
+ * when absent) so a plan missing an attribute still parses.
+ */
+export declare const annotatedCodeMdx: BlockMdxConfig<AnnotatedCodeData>;
+//# sourceMappingURL=annotated-code.config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotated-code.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/annotated-code.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;CACzC;AAqBD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAKf,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE9C;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,iBAAiB,CAc9D,CAAC"}

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

@@ -0,0 +1,53 @@
+import { z } from "zod";
+/**
+ * A 1-based line reference: `"3"` or `"3-5"` (inclusive). Whitespace tolerant.
+ * The renderer parses this defensively too, but the schema rejects clearly
+ * malformed refs so authored/agent-generated data stays clean.
+ */
+const lineRefSchema = z
+    .string()
+    .trim()
+    .regex(/^\d+(\s*-\s*\d+)?$/, {
+    message: 'lines must be a 1-based line ref like "3" or "3-5"',
+})
+    .max(40);
+const annotationSchema = z.object({
+    lines: lineRefSchema,
+    label: z.string().trim().max(160).optional(),
+    note: z.string().trim().min(1).max(4_000),
+});
+/**
+ * Data-compatible with the inline `annotated-code` member of `planBlockSchema`
+ * (`plan-content.ts`). `code` is the only required field; `annotations` defaults
+ * to omitted so a fresh block validates from `{ code: "…" }`.
+ */
+export const annotatedCodeSchema = z.object({
+    filename: z.string().trim().max(400).optional(),
+    language: z.string().trim().max(40).optional(),
+    code: z.string().max(100_000),
+    annotations: z.array(annotationSchema).max(80).optional(),
+});
+/**
+ * MDX config: `<AnnotatedCode filename language code annotations />` self-closing
+ * form. Insertion order of `toAttrs` is the on-disk attribute order. `code` is a
+ * multiline string attribute (round-trips through the shared `prop()` encoder);
+ * `annotations` is a JSON array attribute. `fromAttrs` mirrors a forgiving parse
+ * (`code ?? ""`, `annotations ?? []`, optional `filename`/`language` undefined
+ * when absent) so a plan missing an attribute still parses.
+ */
+export const annotatedCodeMdx = {
+    tag: "AnnotatedCode",
+    toAttrs: (data) => ({
+        filename: data.filename,
+        language: data.language,
+        code: data.code,
+        annotations: data.annotations,
+    }),
+    fromAttrs: (attrs) => ({
+        filename: attrs.string("filename"),
+        language: attrs.string("language"),
+        code: attrs.string("code") ?? "",
+        annotations: attrs.array("annotations") ?? [],
+    }),
+};
+//# sourceMappingURL=annotated-code.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annotated-code.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/annotated-code.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA8CxB;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC;KACpB,MAAM,EAAE;KACR,IAAI,EAAE;KACN,KAAK,CAAC,oBAAoB,EAAE;IAC3B,OAAO,EAAE,oDAAoD;CAC9D,CAAC;KACD,GAAG,CAAC,EAAE,CAAC,CAAC;AAEX,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC5C,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;CAC1C,CAAuC,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC/C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC9C,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;CAC1D,CAA4C,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAsC;IACjE,GAAG,EAAE,eAAe;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;QAChC,WAAW,EAAE,KAAK,CAAC,KAAK,CAA0B,aAAa,CAAC,IAAI,EAAE;KACvE,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the PLAN-SPECIFIC `annotated-code` block: its data\n * schema and MDX round-trip config. Shared by the server MDX adapter\n * (`plan-mdx.ts` via `plan-block-registry.ts`) and the client spec\n * (`planBlocks.tsx`). Keeping this React-free means importing it into a server\n * module never pulls React into the Nitro/SSR bundle.\n *\n * The block renders a Stripe-docs / Sourcegraph \"explain this code\" style\n * walkthrough: a line-numbered monospace code surface where annotated line\n * ranges get a highlight band + numbered gutter marker, paired with a list of\n * line-anchored notes (each note targets a 1-based `lines` ref like `\"3\"` or\n * `\"3-5\"`). Hovering a note highlights its lines, and vice-versa.\n *\n * The schema MUST stay data-compatible with the `annotated-code` branch of\n * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`AnnotatedCode`) +\n * flat attribute shape MUST match that inline member so stored `.mdx`\n * round-trips. `code` is a multiline string ATTRIBUTE (the shared `prop()`\n * encoder round-trips multiline strings cleanly, and keeping it an attribute —\n * not MDX children — avoids the source being reflowed as prose); `annotations`\n * is a JSON array attribute.\n */\n\n/** One line-anchored note over the code. */\nexport interface AnnotatedCodeAnnotation {\n  /** 1-based line reference: a single line `\"3\"` or an inclusive range `\"3-5\"`. */\n  lines: string;\n  /** Optional short label shown before the note (e.g. \"Lookup\"). */\n  label?: string;\n  /** The note prose (markdown), rendered through `ctx.renderMarkdown`. */\n  note: string;\n}\n\nexport interface AnnotatedCodeData {\n  /** Optional file path shown in the header (e.g. `src/server/auth.ts`). */\n  filename?: string;\n  /** Optional language label (e.g. `ts`). Cosmetic chip + future highlighting. */\n  language?: string;\n  /** The source the walkthrough annotates. Rendered line-numbered. */\n  code: string;\n  /** Line-anchored notes. */\n  annotations?: AnnotatedCodeAnnotation[];\n}\n\n/**\n * A 1-based line reference: `\"3\"` or `\"3-5\"` (inclusive). Whitespace tolerant.\n * The renderer parses this defensively too, but the schema rejects clearly\n * malformed refs so authored/agent-generated data stays clean.\n */\nconst lineRefSchema = z\n  .string()\n  .trim()\n  .regex(/^\\d+(\\s*-\\s*\\d+)?$/, {\n    message: 'lines must be a 1-based line ref like \"3\" or \"3-5\"',\n  })\n  .max(40);\n\nconst annotationSchema = z.object({\n  lines: lineRefSchema,\n  label: z.string().trim().max(160).optional(),\n  note: z.string().trim().min(1).max(4_000),\n}) as z.ZodType<AnnotatedCodeAnnotation>;\n\n/**\n * Data-compatible with the inline `annotated-code` member of `planBlockSchema`\n * (`plan-content.ts`). `code` is the only required field; `annotations` defaults\n * to omitted so a fresh block validates from `{ code: \"…\" }`.\n */\nexport const annotatedCodeSchema = z.object({\n  filename: z.string().trim().max(400).optional(),\n  language: z.string().trim().max(40).optional(),\n  code: z.string().max(100_000),\n  annotations: z.array(annotationSchema).max(80).optional(),\n}) as unknown as z.ZodType<AnnotatedCodeData>;\n\n/**\n * MDX config: `<AnnotatedCode filename language code annotations />` self-closing\n * form. Insertion order of `toAttrs` is the on-disk attribute order. `code` is a\n * multiline string attribute (round-trips through the shared `prop()` encoder);\n * `annotations` is a JSON array attribute. `fromAttrs` mirrors a forgiving parse\n * (`code ?? \"\"`, `annotations ?? []`, optional `filename`/`language` undefined\n * when absent) so a plan missing an attribute still parses.\n */\nexport const annotatedCodeMdx: BlockMdxConfig<AnnotatedCodeData> = {\n  tag: \"AnnotatedCode\",\n  toAttrs: (data) => ({\n    filename: data.filename,\n    language: data.language,\n    code: data.code,\n    annotations: data.annotations,\n  }),\n  fromAttrs: (attrs) => ({\n    filename: attrs.string(\"filename\"),\n    language: attrs.string(\"language\"),\n    code: attrs.string(\"code\") ?? \"\",\n    annotations: attrs.array<AnnotatedCodeAnnotation>(\"annotations\") ?? [],\n  }),\n};\n"]}

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

@@ -45,9 +45,9 @@ export function ChecklistEditor({ data, onChange, editable, }) {
     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
+    return (_jsxs("div", { className: "grid gap-2", children: [items.map((item) => (_jsxs("div", { className: "group 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"] })] }));
+                            : "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 bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", 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 opacity-0 transition-opacity hover:bg-muted hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100 group-focus-within:opacity-100 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

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

@@ -1 +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  editSurface: \"inline\",\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"]}
+{"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=\"group 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 bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n            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 opacity-0 transition-opacity hover:bg-muted hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100 group-focus-within:opacity-100 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  editSurface: \"inline\",\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-highlight.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * Normalize a user-supplied language hint to a registered highlight.js grammar,
+ * or `null` when empty / unknown so callers fall back to plain text.
+ */
+export declare function normalizeCodeLanguage(value?: string | null): string | null;
+/** Best-effort language from a filename / path extension (e.g. `auth.ts` → ts). */
+export declare function inferLanguageFromFilename(filename?: string | null): string | null;
+/**
+ * Syntax-highlight `code` for an already-resolved language, returning React
+ * token nodes. Pass a single line to highlight per-line (the annotated-code use)
+ * or a whole snippet. Falls back to the raw string for empty / plaintext /
+ * unknown languages or any grammar error, so it is always safe to render.
+ */
+export declare function highlightCode(code: string, language?: string | null): ReactNode;
+//# sourceMappingURL=code-highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlight.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkGvC;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAQ1E;AAED,mFAAmF;AACnF,wBAAgB,yBAAyB,CACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GACvB,MAAM,GAAG,IAAI,CASf;AAiCD;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GACvB,SAAS,CAWX"}

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

@@ -0,0 +1,160 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { common, createLowlight } from "lowlight";
+/**
+ * Shared synchronous syntax highlighter for the dev-doc code blocks. Wraps
+ * `lowlight` (highlight.js grammars over a HAST tree) and converts the tree to
+ * React nodes whose tokens carry theme-aware Tailwind classes, so a caller can
+ * highlight a whole snippet OR a single line and drop the result straight into
+ * JSX. This is the same colorful palette the `code-tabs` block uses, extracted so
+ * blocks that need per-line control (annotated-code's highlight bands, future
+ * line-anchored surfaces) render identical syntax colors instead of forking yet
+ * another token map. `DiffBlock` keeps its own muted palette on purpose (its
+ * syntax colors must not fight the add/removed line tints), so it is not a
+ * consumer here.
+ *
+ * Per-line use is the reason this is sync (lowlight, not async Shiki): a block
+ * that puts a band/gutter marker on specific lines highlights each line on its
+ * own with no loading state.
+ */
+const lowlight = createLowlight(common);
+/** Common extension / shorthand → registered highlight.js language name. */
+const LANGUAGE_ALIASES = {
+    cjs: "javascript",
+    cts: "typescript",
+    htm: "html",
+    js: "javascript",
+    jsonc: "json",
+    jsx: "jsx",
+    md: "markdown",
+    mdx: "markdown",
+    mjs: "javascript",
+    mts: "typescript",
+    py: "python",
+    rb: "ruby",
+    rs: "rust",
+    sh: "bash",
+    shell: "bash",
+    ts: "typescript",
+    tsx: "tsx",
+    yml: "yaml",
+    zsh: "bash",
+};
+/**
+ * highlight.js token class → Tailwind classes. Colorful palette (keywords rose,
+ * numbers/attrs sky, literals/titles violet, strings/tags emerald, types/builtins
+ * amber) with `dark:` pairs so it reads in both themes. Kept value-identical to
+ * the `code-tabs` block's map.
+ */
+const TOKEN_CLASS_NAMES = {
+    "hljs-addition": "text-emerald-700 dark:text-emerald-300",
+    "hljs-attr": "text-sky-700 dark:text-sky-300",
+    "hljs-attribute": "text-sky-700 dark:text-sky-300",
+    "hljs-built_in": "text-amber-700 dark:text-amber-300",
+    "hljs-bullet": "text-primary",
+    "hljs-comment": "text-muted-foreground italic",
+    "hljs-deletion": "text-destructive",
+    "hljs-doctag": "text-destructive",
+    "hljs-emphasis": "italic",
+    "hljs-formula": "text-destructive",
+    "hljs-keyword": "text-rose-700 dark:text-rose-300",
+    "hljs-link": "text-primary underline-offset-2",
+    "hljs-literal": "text-violet-700 dark:text-violet-300",
+    "hljs-meta": "text-primary",
+    "hljs-meta-string": "text-emerald-700 dark:text-emerald-300",
+    "hljs-name": "text-emerald-700 dark:text-emerald-300",
+    "hljs-number": "text-sky-700 dark:text-sky-300",
+    "hljs-params": "text-sky-700 dark:text-sky-300",
+    "hljs-property": "text-sky-700 dark:text-sky-300",
+    "hljs-quote": "text-muted-foreground italic",
+    "hljs-regexp": "text-emerald-700 dark:text-emerald-300",
+    "hljs-section": "text-violet-700 dark:text-violet-300",
+    "hljs-selector-attr": "text-primary",
+    "hljs-selector-class": "text-emerald-700 dark:text-emerald-300",
+    "hljs-selector-id": "text-emerald-700 dark:text-emerald-300",
+    "hljs-selector-pseudo": "text-primary",
+    "hljs-selector-tag": "text-emerald-700 dark:text-emerald-300",
+    "hljs-string": "text-emerald-700 dark:text-emerald-300",
+    "hljs-strong": "font-semibold",
+    "hljs-subst": "text-destructive",
+    "hljs-symbol": "text-primary",
+    "hljs-tag": "text-emerald-700 dark:text-emerald-300",
+    "hljs-template-variable": "text-amber-700 dark:text-amber-300",
+    "hljs-title": "text-violet-700 dark:text-violet-300",
+    "hljs-type": "text-amber-700 dark:text-amber-300",
+    "hljs-variable": "text-amber-700 dark:text-amber-300",
+    language_: "text-amber-700 dark:text-amber-300",
+};
+/**
+ * Normalize a user-supplied language hint to a registered highlight.js grammar,
+ * or `null` when empty / unknown so callers fall back to plain text.
+ */
+export function normalizeCodeLanguage(value) {
+    const raw = value
+        ?.trim()
+        .toLowerCase()
+        .replace(/^language-/, "");
+    if (!raw)
+        return null;
+    const normalized = LANGUAGE_ALIASES[raw] ?? raw;
+    return lowlight.registered(normalized) ? normalized : null;
+}
+/** Best-effort language from a filename / path extension (e.g. `auth.ts` → ts). */
+export function inferLanguageFromFilename(filename) {
+    const basename = filename?.split("/").pop()?.toLowerCase();
+    if (!basename)
+        return null;
+    if (basename === "dockerfile")
+        return normalizeCodeLanguage("bash");
+    if (basename === "makefile")
+        return normalizeCodeLanguage("makefile");
+    const extension = basename.includes(".")
+        ? basename.split(".").pop()
+        : undefined;
+    return normalizeCodeLanguage(extension);
+}
+function tokenClassName(value) {
+    const classes = Array.isArray(value)
+        ? value
+        : typeof value === "string"
+            ? value.split(/\s+/)
+            : [];
+    return classes
+        .map((className) => TOKEN_CLASS_NAMES[className] ?? "")
+        .filter(Boolean)
+        .join(" ");
+}
+function hastToReact(children, keyPrefix) {
+    return children.map((node, index) => {
+        if (node.type === "text")
+            return node.value ?? "";
+        if (node.type === "element") {
+            const key = `${keyPrefix}${index}`;
+            const renderedChildren = node.children?.length
+                ? hastToReact(node.children, `${key}-`)
+                : null;
+            const className = tokenClassName(node.properties?.className);
+            return (_jsx("span", { className: className || undefined, children: renderedChildren }, key));
+        }
+        return null;
+    });
+}
+/**
+ * Syntax-highlight `code` for an already-resolved language, returning React
+ * token nodes. Pass a single line to highlight per-line (the annotated-code use)
+ * or a whole snippet. Falls back to the raw string for empty / plaintext /
+ * unknown languages or any grammar error, so it is always safe to render.
+ */
+export function highlightCode(code, language) {
+    const normalized = normalizeCodeLanguage(language);
+    if (!normalized || normalized === "plaintext" || normalized === "text") {
+        return code;
+    }
+    try {
+        const tree = lowlight.highlight(normalized, code);
+        return hastToReact(tree.children ?? [], `${normalized}-`);
+    }
+    catch {
+        return code;
+    }
+}
+//# sourceMappingURL=code-highlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlight.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-highlight.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from \"react\";\nimport { common, createLowlight } from \"lowlight\";\n\n/**\n * Shared synchronous syntax highlighter for the dev-doc code blocks. Wraps\n * `lowlight` (highlight.js grammars over a HAST tree) and converts the tree to\n * React nodes whose tokens carry theme-aware Tailwind classes, so a caller can\n * highlight a whole snippet OR a single line and drop the result straight into\n * JSX. This is the same colorful palette the `code-tabs` block uses, extracted so\n * blocks that need per-line control (annotated-code's highlight bands, future\n * line-anchored surfaces) render identical syntax colors instead of forking yet\n * another token map. `DiffBlock` keeps its own muted palette on purpose (its\n * syntax colors must not fight the add/removed line tints), so it is not a\n * consumer here.\n *\n * Per-line use is the reason this is sync (lowlight, not async Shiki): a block\n * that puts a band/gutter marker on specific lines highlights each line on its\n * own with no loading state.\n */\n\nconst lowlight = createLowlight(common);\n\ntype LowlightNode = {\n  type: string;\n  value?: string;\n  properties?: { className?: string[] | string };\n  children?: LowlightNode[];\n};\n\n/** Common extension / shorthand → registered highlight.js language name. */\nconst LANGUAGE_ALIASES: Record<string, string> = {\n  cjs: \"javascript\",\n  cts: \"typescript\",\n  htm: \"html\",\n  js: \"javascript\",\n  jsonc: \"json\",\n  jsx: \"jsx\",\n  md: \"markdown\",\n  mdx: \"markdown\",\n  mjs: \"javascript\",\n  mts: \"typescript\",\n  py: \"python\",\n  rb: \"ruby\",\n  rs: \"rust\",\n  sh: \"bash\",\n  shell: \"bash\",\n  ts: \"typescript\",\n  tsx: \"tsx\",\n  yml: \"yaml\",\n  zsh: \"bash\",\n};\n\n/**\n * highlight.js token class → Tailwind classes. Colorful palette (keywords rose,\n * numbers/attrs sky, literals/titles violet, strings/tags emerald, types/builtins\n * amber) with `dark:` pairs so it reads in both themes. Kept value-identical to\n * the `code-tabs` block's map.\n */\nconst TOKEN_CLASS_NAMES: Record<string, string> = {\n  \"hljs-addition\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-attr\": \"text-sky-700 dark:text-sky-300\",\n  \"hljs-attribute\": \"text-sky-700 dark:text-sky-300\",\n  \"hljs-built_in\": \"text-amber-700 dark:text-amber-300\",\n  \"hljs-bullet\": \"text-primary\",\n  \"hljs-comment\": \"text-muted-foreground italic\",\n  \"hljs-deletion\": \"text-destructive\",\n  \"hljs-doctag\": \"text-destructive\",\n  \"hljs-emphasis\": \"italic\",\n  \"hljs-formula\": \"text-destructive\",\n  \"hljs-keyword\": \"text-rose-700 dark:text-rose-300\",\n  \"hljs-link\": \"text-primary underline-offset-2\",\n  \"hljs-literal\": \"text-violet-700 dark:text-violet-300\",\n  \"hljs-meta\": \"text-primary\",\n  \"hljs-meta-string\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-name\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-number\": \"text-sky-700 dark:text-sky-300\",\n  \"hljs-params\": \"text-sky-700 dark:text-sky-300\",\n  \"hljs-property\": \"text-sky-700 dark:text-sky-300\",\n  \"hljs-quote\": \"text-muted-foreground italic\",\n  \"hljs-regexp\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-section\": \"text-violet-700 dark:text-violet-300\",\n  \"hljs-selector-attr\": \"text-primary\",\n  \"hljs-selector-class\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-selector-id\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-selector-pseudo\": \"text-primary\",\n  \"hljs-selector-tag\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-string\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-strong\": \"font-semibold\",\n  \"hljs-subst\": \"text-destructive\",\n  \"hljs-symbol\": \"text-primary\",\n  \"hljs-tag\": \"text-emerald-700 dark:text-emerald-300\",\n  \"hljs-template-variable\": \"text-amber-700 dark:text-amber-300\",\n  \"hljs-title\": \"text-violet-700 dark:text-violet-300\",\n  \"hljs-type\": \"text-amber-700 dark:text-amber-300\",\n  \"hljs-variable\": \"text-amber-700 dark:text-amber-300\",\n  language_: \"text-amber-700 dark:text-amber-300\",\n};\n\n/**\n * Normalize a user-supplied language hint to a registered highlight.js grammar,\n * or `null` when empty / unknown so callers fall back to plain text.\n */\nexport function normalizeCodeLanguage(value?: string | null): string | null {\n  const raw = value\n    ?.trim()\n    .toLowerCase()\n    .replace(/^language-/, \"\");\n  if (!raw) return null;\n  const normalized = LANGUAGE_ALIASES[raw] ?? raw;\n  return lowlight.registered(normalized) ? normalized : null;\n}\n\n/** Best-effort language from a filename / path extension (e.g. `auth.ts` → ts). */\nexport function inferLanguageFromFilename(\n  filename?: string | null,\n): string | null {\n  const basename = filename?.split(\"/\").pop()?.toLowerCase();\n  if (!basename) return null;\n  if (basename === \"dockerfile\") return normalizeCodeLanguage(\"bash\");\n  if (basename === \"makefile\") return normalizeCodeLanguage(\"makefile\");\n  const extension = basename.includes(\".\")\n    ? basename.split(\".\").pop()\n    : undefined;\n  return normalizeCodeLanguage(extension);\n}\n\nfunction tokenClassName(value: string[] | string | undefined): string {\n  const classes = Array.isArray(value)\n    ? value\n    : typeof value === \"string\"\n      ? value.split(/\\s+/)\n      : [];\n  return classes\n    .map((className) => TOKEN_CLASS_NAMES[className] ?? \"\")\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction hastToReact(children: LowlightNode[], keyPrefix: string): ReactNode[] {\n  return children.map((node, index) => {\n    if (node.type === \"text\") return node.value ?? \"\";\n    if (node.type === \"element\") {\n      const key = `${keyPrefix}${index}`;\n      const renderedChildren = node.children?.length\n        ? hastToReact(node.children, `${key}-`)\n        : null;\n      const className = tokenClassName(node.properties?.className);\n      return (\n        <span key={key} className={className || undefined}>\n          {renderedChildren}\n        </span>\n      );\n    }\n    return null;\n  });\n}\n\n/**\n * Syntax-highlight `code` for an already-resolved language, returning React\n * token nodes. Pass a single line to highlight per-line (the annotated-code use)\n * or a whole snippet. Falls back to the raw string for empty / plaintext /\n * unknown languages or any grammar error, so it is always safe to render.\n */\nexport function highlightCode(\n  code: string,\n  language?: string | null,\n): ReactNode {\n  const normalized = normalizeCodeLanguage(language);\n  if (!normalized || normalized === \"plaintext\" || normalized === \"text\") {\n    return code;\n  }\n  try {\n    const tree = lowlight.highlight(normalized, code) as LowlightNode;\n    return hastToReact(tree.children ?? [], `${normalized}-`);\n  } catch {\n    return code;\n  }\n}\n"]}

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

@@ -20,6 +20,12 @@ export interface CodeTabsTab {
     language?: string;
     code: string;
     caption?: string;
+    /**
+     * Lines shown before the pane collapses behind a "Show N more lines" toggle.
+     * Omitted ⇒ the default cap (`DEFAULT_CODE_MAX_LINES`, 30). `0` ⇒ never
+     * collapse (always show the whole snippet).
+     */
+    maxLines?: number;
 }
 export interface CodeTabsData {
     tabs: CodeTabsTab[];

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

@@ -1 +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"}
+{"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;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAKD,eAAO,MAAM,cAAc,EAcV,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

@@ -9,6 +9,7 @@ export const codeTabsSchema = z.object({
         language: z.string().trim().max(40).optional(),
         code: z.string().max(100_000),
         caption: z.string().trim().max(400).optional(),
+        maxLines: z.number().int().min(0).max(2000).optional(),
     }))
         .min(1)
         .max(12),

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

@@ -1 +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"]}
+{"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;AAoCxB,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;QAC9C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;KACvD,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   * Lines shown before the pane collapses behind a \"Show N more lines\" toggle.\n   * Omitted ⇒ the default cap (`DEFAULT_CODE_MAX_LINES`, 30). `0` ⇒ never\n   * collapse (always show the whole snippet).\n   */\n  maxLines?: number;\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        maxLines: z.number().int().min(0).max(2000).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.map

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

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

@@ -5,7 +5,7 @@ import { common, createLowlight } from "lowlight";
 import { cn } from "../../utils.js";
 import { defineBlock } from "../types.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover.js";
-import { CodeSurface } from "./HighlightedCode.js";
+import { CodeSurface, DEFAULT_CODE_MAX_LINES } from "./HighlightedCode.js";
 import { codeTabsSchema, codeTabsMdx, } from "./code-tabs.config.js";
 /**
  * Standard `code-tabs` block (STANDARD core library): a vertical file tab rail
@@ -151,10 +151,30 @@ function CodeTabsRead({ data, blockId, title }) {
     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-primary/10 text-plan-text dark:bg-primary/20"
-                                : "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: codeTabLanguage(active) })] })) })] })] }));
+                                : "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: codeTabLanguage(active), maxLines: active.maxLines })] })) })] })] }));
 }
 /* ── 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 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";
+/** Language options for the per-tab picker; "" is the Auto-detect sentinel. */
+const CODE_TAB_LANGUAGES = [
+    { value: "", label: "Auto" },
+    { value: "typescript", label: "TypeScript" },
+    { value: "javascript", label: "JavaScript" },
+    { value: "tsx", label: "TSX" },
+    { value: "jsx", label: "JSX" },
+    { value: "json", label: "JSON" },
+    { value: "html", label: "HTML" },
+    { value: "css", label: "CSS" },
+    { value: "bash", label: "Bash" },
+    { value: "python", label: "Python" },
+    { value: "sql", label: "SQL" },
+    { value: "yaml", label: "YAML" },
+    { value: "markdown", label: "Markdown" },
+    { value: "graphql", label: "GraphQL" },
+    { value: "go", label: "Go" },
+    { value: "rust", label: "Rust" },
+    { value: "diff", label: "Diff" },
+];
 /** 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)}`;
@@ -205,25 +225,35 @@ function CodeTabsEdit({ data, onChange, editable, }) {
                             return (_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, onClick: () => setActiveId(tab.id), className: cn("flex shrink-0 items-center gap-2 whitespace-nowrap rounded-lg border border-transparent px-3 py-2 font-mono text-sm font-semibold transition-colors", selected
                                     ? "bg-primary/10 text-plan-text dark:bg-primary/20"
                                     : "text-plan-muted hover:bg-plan-block/60 hover:text-plan-text"), children: [_jsx(IconCode, { className: "size-4 shrink-0" }), tab.label] }, tab.id));
-                        }) }), editable && (_jsx(CodeTabsSettingsPopover, { active: active, tabs: data.tabs, onUpdate: updateTab, onAdd: addTab, onRemove: removeTab }))] }), active && (_jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Code" }), _jsx(HighlightedCodeTextarea, { value: active.code, editable: editable, label: active.label, language: active.language, onChange: (event) => updateTab(active.id, { code: event.target.value }) })] }))] }));
+                        }) }), editable && (_jsx(CodeTabsSettingsPopover, { active: active, tabs: data.tabs, onUpdate: updateTab, onAdd: addTab, onRemove: removeTab }))] }), active && (_jsx(HighlightedCodeTextarea, { value: active.code, editable: editable, label: active.label, language: active.language, onChange: (event) => updateTab(active.id, { code: event.target.value }) }))] }));
 }
 function CodeTabsSettingsPopover({ active, tabs, onUpdate, onAdd, onRemove, }) {
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Edit code tabs", className: "flex size-8 shrink-0 items-center justify-center rounded-md text-plan-muted transition-colors hover:text-plan-text focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx(IconPencil, { className: "size-4" }) }) }), _jsxs(PopoverContent, { align: "end", side: "bottom", className: "w-80 p-0", "data-plan-interactive": true, children: [_jsxs("div", { className: "border-b border-border px-3 py-2", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: "Code tab settings" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Rename the active tab or manage its metadata." })] }), _jsxs("div", { className: "grid gap-3 p-3", children: [_jsxs("label", { className: "grid gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Active tab label" }), _jsx("input", { type: "text", "data-plan-interactive": true, className: inputClass, value: active?.label ?? "", disabled: !active, onChange: (event) => {
                                             if (!active)
                                                 return;
                                             onUpdate(active.id, { label: event.target.value });
-                                        } })] }), _jsxs("label", { className: "grid 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: !active, onChange: (event) => {
+                                        } })] }), _jsxs("label", { className: "grid gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Language" }), _jsx("select", { "data-plan-interactive": true, className: inputClass, value: active?.language ?? "", disabled: !active, onChange: (event) => {
                                             if (!active)
                                                 return;
                                             onUpdate(active.id, {
                                                 language: event.target.value || undefined,
                                             });
-                                        } })] }), _jsxs("label", { className: "grid 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: !active, onChange: (event) => {
+                                        }, children: CODE_TAB_LANGUAGES.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value || "auto"))) })] }), _jsxs("label", { className: "grid 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: !active, onChange: (event) => {
                                             if (!active)
                                                 return;
                                             onUpdate(active.id, {
                                                 caption: event.target.value || undefined,
                                             });
+                                        } })] }), _jsxs("label", { className: "grid gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Max lines before expand" }), _jsx("input", { type: "number", min: 0, step: 1, "data-plan-interactive": true, className: inputClass, placeholder: `${DEFAULT_CODE_MAX_LINES} (default) · 0 = no limit`, value: active?.maxLines ?? "", disabled: !active, onChange: (event) => {
+                                            if (!active)
+                                                return;
+                                            const raw = event.target.value.trim();
+                                            const parsed = raw === "" ? undefined : Number(raw);
+                                            onUpdate(active.id, {
+                                                maxLines: parsed === undefined || Number.isNaN(parsed)
+                                                    ? undefined
+                                                    : Math.max(0, Math.min(2000, Math.floor(parsed))),
+                                            });
                                         } })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "button", "data-plan-interactive": true, disabled: tabs.length >= 12, onClick: onAdd, className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50", children: [_jsx(IconPlus, { className: "size-3.5" }), "Add tab"] }), _jsxs("button", { type: "button", "data-plan-interactive": true, disabled: !active || tabs.length <= 1, onClick: () => {
                                             if (!active)
                                                 return;