@agent-native/core 0.37.3 → 0.39.0

package/dist/client/blocks/library/dev-doc-ui.d.ts

@@ -0,0 +1,49 @@
+import type { ComponentProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
+/**
+ * Minimal, app-agnostic form primitives for the core "dev-doc" block library
+ * (mermaid / api-endpoint / data-model / diff / file-tree / json-explorer /
+ * annotated-code). These blocks previously imported the plan app's shadcn/ui
+ * components (`@/components/ui/*`); core blocks must stay portable, so these are
+ * plain styled elements that reproduce the SAME shadcn Tailwind classes byte-for
+ * -byte. They resolve against whatever shadcn token theme (`border-input`,
+ * `bg-background`, `ring-ring`, …) the host app ships, so the rendered look is
+ * unchanged across apps.
+ *
+ * The Select is intentionally a NATIVE `<select>` styled to match the shadcn
+ * trigger rather than a Radix popover: it keeps core dependency-free and behaves
+ * identically for the simple enum pickers these editors use (method, change,
+ * param location, diff mode).
+ */
+export declare const DevInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const DevLabel: import("react").ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const DevTextarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+/** Only the `outline` badge variant is used by these blocks. */
+export declare function DevBadge({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+/**
+ * A native-checkbox toggle styled to read like the shadcn Switch. `onCheckedChange`
+ * mirrors the shadcn/Radix API so call sites stay identical.
+ */
+export declare function DevSwitch({ checked, onCheckedChange, disabled, className, ...props }: {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+} & Omit<InputHTMLAttributes<HTMLButtonElement>, "onChange" | "checked" | "type">): import("react/jsx-runtime").JSX.Element;
+export interface DevSelectOption {
+    value: string;
+    label: ReactNode;
+}
+/**
+ * A native `<select>` styled to match the shadcn SelectTrigger. Drop-in for the
+ * simple enum pickers the dev-doc editors use. `onValueChange` mirrors the shadcn
+ * API. The chevron is positioned over the native control.
+ */
+export declare function DevSelect({ value, onValueChange, options, disabled, className, "aria-label": ariaLabel, }: {
+    value: string;
+    onValueChange: (value: string) => void;
+    options: DevSelectOption[];
+    disabled?: boolean;
+    className?: string;
+    "aria-label"?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dev-doc-ui.d.ts.map

package/dist/client/blocks/library/dev-doc-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-doc-ui.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/dev-doc-ui.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,sBAAsB,EACvB,MAAM,OAAO,CAAC;AAIf;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,QAAQ,oIAanB,CAAC;AAKH,eAAO,MAAM,QAAQ,oIAYnB,CAAC;AAKH,eAAO,MAAM,WAAW,6IAYtB,CAAC;AAKH,gEAAgE;AAChE,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,2CAUvE;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,mBAAmB,CAAC,iBAAiB,CAAC,EACtC,UAAU,GAAG,SAAS,GAAG,MAAM,CAChC,2CAwBA;AAID,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}

package/dist/client/blocks/library/dev-doc-ui.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconChevronDown } from "@tabler/icons-react";
+import { cn } from "../../utils.js";
+/**
+ * Minimal, app-agnostic form primitives for the core "dev-doc" block library
+ * (mermaid / api-endpoint / data-model / diff / file-tree / json-explorer /
+ * annotated-code). These blocks previously imported the plan app's shadcn/ui
+ * components (`@/components/ui/*`); core blocks must stay portable, so these are
+ * plain styled elements that reproduce the SAME shadcn Tailwind classes byte-for
+ * -byte. They resolve against whatever shadcn token theme (`border-input`,
+ * `bg-background`, `ring-ring`, …) the host app ships, so the rendered look is
+ * unchanged across apps.
+ *
+ * The Select is intentionally a NATIVE `<select>` styled to match the shadcn
+ * trigger rather than a Radix popover: it keeps core dependency-free and behaves
+ * identically for the simple enum pickers these editors use (method, change,
+ * param location, diff mode).
+ */
+/* ── Input ─────────────────────────────────────────────────────────────────── */
+export const DevInput = forwardRef(({ className, type, ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props })));
+DevInput.displayName = "DevInput";
+/* ── Label ─────────────────────────────────────────────────────────────────── */
+export const DevLabel = forwardRef(({ className, ...props }, ref) => (_jsx("label", { ref: ref, className: cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className), ...props })));
+DevLabel.displayName = "DevLabel";
+/* ── Textarea ──────────────────────────────────────────────────────────────── */
+export const DevTextarea = forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ...props })));
+DevTextarea.displayName = "DevTextarea";
+/* ── Badge ─────────────────────────────────────────────────────────────────── */
+/** Only the `outline` badge variant is used by these blocks. */
+export function DevBadge({ className, ...props }) {
+    return (_jsx("span", { className: cn("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground", className), ...props }));
+}
+/* ── Switch ────────────────────────────────────────────────────────────────── */
+/**
+ * A native-checkbox toggle styled to read like the shadcn Switch. `onCheckedChange`
+ * mirrors the shadcn/Radix API so call sites stay identical.
+ */
+export function DevSwitch({ checked, onCheckedChange, disabled, className, ...props }) {
+    return (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, disabled: disabled, "data-plan-interactive": true, onClick: () => onCheckedChange(!checked), className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", checked ? "bg-primary" : "bg-input", className), ...props, children: _jsx("span", { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform", checked ? "translate-x-5" : "translate-x-0") }) }));
+}
+/**
+ * A native `<select>` styled to match the shadcn SelectTrigger. Drop-in for the
+ * simple enum pickers the dev-doc editors use. `onValueChange` mirrors the shadcn
+ * API. The chevron is positioned over the native control.
+ */
+export function DevSelect({ value, onValueChange, options, disabled, className, "aria-label": ariaLabel, }) {
+    return (_jsxs("div", { className: cn("relative", className), children: [_jsx("select", { value: value, disabled: disabled, "aria-label": ariaLabel, "data-plan-interactive": true, onChange: (event) => onValueChange(event.target.value), className: cn("flex h-10 w-full appearance-none items-center justify-between rounded-md border border-input bg-background px-3 py-2 pr-8 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"), children: options.map((option) => (_jsx("option", { value: option.value, children: typeof option.label === "string" ? option.label : option.value }, option.value))) }), _jsx(IconChevronDown, { className: "pointer-events-none absolute right-2.5 top-1/2 size-4 -translate-y-1/2 opacity-50" })] }));
+}
+//# sourceMappingURL=dev-doc-ui.js.map

package/dist/client/blocks/library/dev-doc-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-doc-ui.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/dev-doc-ui.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from \"react\";\nimport type {\n  ComponentProps,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactNode,\n  TextareaHTMLAttributes,\n} from \"react\";\nimport { IconChevronDown } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\n\n/**\n * Minimal, app-agnostic form primitives for the core \"dev-doc\" block library\n * (mermaid / api-endpoint / data-model / diff / file-tree / json-explorer /\n * annotated-code). These blocks previously imported the plan app's shadcn/ui\n * components (`@/components/ui/*`); core blocks must stay portable, so these are\n * plain styled elements that reproduce the SAME shadcn Tailwind classes byte-for\n * -byte. They resolve against whatever shadcn token theme (`border-input`,\n * `bg-background`, `ring-ring`, …) the host app ships, so the rendered look is\n * unchanged across apps.\n *\n * The Select is intentionally a NATIVE `<select>` styled to match the shadcn\n * trigger rather than a Radix popover: it keeps core dependency-free and behaves\n * identically for the simple enum pickers these editors use (method, change,\n * param location, diff mode).\n */\n\n/* ── Input ─────────────────────────────────────────────────────────────────── */\n\nexport const DevInput = forwardRef<\n  HTMLInputElement,\n  InputHTMLAttributes<HTMLInputElement>\n>(({ className, type, ...props }, ref) => (\n  <input\n    ref={ref}\n    type={type}\n    className={cn(\n      \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nDevInput.displayName = \"DevInput\";\n\n/* ── Label ─────────────────────────────────────────────────────────────────── */\n\nexport const DevLabel = forwardRef<\n  HTMLLabelElement,\n  LabelHTMLAttributes<HTMLLabelElement>\n>(({ className, ...props }, ref) => (\n  <label\n    ref={ref}\n    className={cn(\n      \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n      className,\n    )}\n    {...props}\n  />\n));\nDevLabel.displayName = \"DevLabel\";\n\n/* ── Textarea ──────────────────────────────────────────────────────────────── */\n\nexport const DevTextarea = forwardRef<\n  HTMLTextAreaElement,\n  TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...props }, ref) => (\n  <textarea\n    ref={ref}\n    className={cn(\n      \"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\nDevTextarea.displayName = \"DevTextarea\";\n\n/* ── Badge ─────────────────────────────────────────────────────────────────── */\n\n/** Only the `outline` badge variant is used by these blocks. */\nexport function DevBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* ── Switch ────────────────────────────────────────────────────────────────── */\n\n/**\n * A native-checkbox toggle styled to read like the shadcn Switch. `onCheckedChange`\n * mirrors the shadcn/Radix API so call sites stay identical.\n */\nexport function DevSwitch({\n  checked,\n  onCheckedChange,\n  disabled,\n  className,\n  ...props\n}: {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n} & Omit<\n  InputHTMLAttributes<HTMLButtonElement>,\n  \"onChange\" | \"checked\" | \"type\"\n>) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      disabled={disabled}\n      data-plan-interactive\n      onClick={() => onCheckedChange(!checked)}\n      className={cn(\n        \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50\",\n        checked ? \"bg-primary\" : \"bg-input\",\n        className,\n      )}\n      {...(props as Record<string, unknown>)}\n    >\n      <span\n        className={cn(\n          \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform\",\n          checked ? \"translate-x-5\" : \"translate-x-0\",\n        )}\n      />\n    </button>\n  );\n}\n\n/* ── Select (native, shadcn-trigger styled) ────────────────────────────────── */\n\nexport interface DevSelectOption {\n  value: string;\n  label: ReactNode;\n}\n\n/**\n * A native `<select>` styled to match the shadcn SelectTrigger. Drop-in for the\n * simple enum pickers the dev-doc editors use. `onValueChange` mirrors the shadcn\n * API. The chevron is positioned over the native control.\n */\nexport function DevSelect({\n  value,\n  onValueChange,\n  options,\n  disabled,\n  className,\n  \"aria-label\": ariaLabel,\n}: {\n  value: string;\n  onValueChange: (value: string) => void;\n  options: DevSelectOption[];\n  disabled?: boolean;\n  className?: string;\n  \"aria-label\"?: string;\n}) {\n  return (\n    <div className={cn(\"relative\", className)}>\n      <select\n        value={value}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        data-plan-interactive\n        onChange={(event) => onValueChange(event.target.value)}\n        className={cn(\n          \"flex h-10 w-full appearance-none items-center justify-between rounded-md border border-input bg-background px-3 py-2 pr-8 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        )}\n      >\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {typeof option.label === \"string\" ? option.label : option.value}\n          </option>\n        ))}\n      </select>\n      <IconChevronDown className=\"pointer-events-none absolute right-2.5 top-1/2 size-4 -translate-y-1/2 opacity-50\" />\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,41 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the PLAN-SPECIFIC diff 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 (or the
+ * `diff` line-differ used only by the renderer) into the Nitro/SSR bundle.
+ *
+ * The schema MUST stay data-compatible with the `diff` branch of `planBlockSchema`
+ * (`plan-content.ts`), and the MDX `tag` + flat attribute shape MUST match the
+ * `<Diff filename language mode before after />` self-closing encoding so stored
+ * `.mdx` round-trips. The `before`/`after` source lives in ATTRIBUTES (not MDX
+ * children) — the shared `prop()` encoder round-trips multiline strings cleanly,
+ * and keeping them attributes avoids the code being reflowed as prose.
+ */
+/** Rendering layout for the diff body. */
+export type DiffMode = "unified" | "split";
+export interface DiffData {
+    /** Optional file path shown in the header (e.g. `src/add.ts`). */
+    filename?: string;
+    /** Optional language label rendered as a chip (e.g. `ts`). Purely cosmetic. */
+    language?: string;
+    /** Original ("before") source. */
+    before: string;
+    /** New ("after") source. */
+    after: string;
+    /** Layout: unified (default, one column) or split (side-by-side). */
+    mode?: DiffMode;
+}
+export declare const diffSchema: z.ZodType<DiffData>;
+/**
+ * MDX config: `filename`, `language`, `mode`, `before`, and `after` are flat
+ * attributes — the `<Diff id … filename language mode before after />`
+ * self-closing form. Insertion order of `toAttrs` is the on-disk attribute order.
+ * `fromAttrs` mirrors a forgiving parse (`before ?? ""`, `after ?? ""`, optional
+ * `filename`/`language`/`mode` undefined when absent) so a plan missing an
+ * attribute still parses.
+ */
+export declare const diffMdx: BlockMdxConfig<DiffData>;
+//# sourceMappingURL=diff.config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"diff.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/diff.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;GAaG;AAEH,0CAA0C;AAC1C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,QAAQ;IACvB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAMN,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAErC;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,QAAQ,CAgB5C,CAAC"}

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

@@ -0,0 +1,34 @@
+import { z } from "zod";
+export const diffSchema = z.object({
+    filename: z.string().trim().max(400).optional(),
+    language: z.string().trim().max(40).optional(),
+    before: z.string().max(100_000),
+    after: z.string().max(100_000),
+    mode: z.enum(["unified", "split"]).optional(),
+});
+/**
+ * MDX config: `filename`, `language`, `mode`, `before`, and `after` are flat
+ * attributes — the `<Diff id … filename language mode before after />`
+ * self-closing form. Insertion order of `toAttrs` is the on-disk attribute order.
+ * `fromAttrs` mirrors a forgiving parse (`before ?? ""`, `after ?? ""`, optional
+ * `filename`/`language`/`mode` undefined when absent) so a plan missing an
+ * attribute still parses.
+ */
+export const diffMdx = {
+    tag: "Diff",
+    toAttrs: (data) => ({
+        filename: data.filename,
+        language: data.language,
+        mode: data.mode,
+        before: data.before,
+        after: data.after,
+    }),
+    fromAttrs: (attrs) => ({
+        filename: attrs.string("filename"),
+        language: attrs.string("language"),
+        mode: attrs.string("mode"),
+        before: attrs.string("before") ?? "",
+        after: attrs.string("after") ?? "",
+    }),
+};
+//# sourceMappingURL=diff.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"diff.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diff.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAkCxB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,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,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;CAC9C,CAAmC,CAAC;AAErC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC/C,GAAG,EAAE,MAAM;IACX,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,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,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,CAAyB;QAClD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE;KACnC,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 diff block: its data schema and MDX\n * round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via\n * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this\n * React-free means importing it into a server module never pulls React (or the\n * `diff` line-differ used only by the renderer) into the Nitro/SSR bundle.\n *\n * The schema MUST stay data-compatible with the `diff` branch of `planBlockSchema`\n * (`plan-content.ts`), and the MDX `tag` + flat attribute shape MUST match the\n * `<Diff filename language mode before after />` self-closing encoding so stored\n * `.mdx` round-trips. The `before`/`after` source lives in ATTRIBUTES (not MDX\n * children) — the shared `prop()` encoder round-trips multiline strings cleanly,\n * and keeping them attributes avoids the code being reflowed as prose.\n */\n\n/** Rendering layout for the diff body. */\nexport type DiffMode = \"unified\" | \"split\";\n\nexport interface DiffData {\n  /** Optional file path shown in the header (e.g. `src/add.ts`). */\n  filename?: string;\n  /** Optional language label rendered as a chip (e.g. `ts`). Purely cosmetic. */\n  language?: string;\n  /** Original (\"before\") source. */\n  before: string;\n  /** New (\"after\") source. */\n  after: string;\n  /** Layout: unified (default, one column) or split (side-by-side). */\n  mode?: DiffMode;\n}\n\nexport const diffSchema = z.object({\n  filename: z.string().trim().max(400).optional(),\n  language: z.string().trim().max(40).optional(),\n  before: z.string().max(100_000),\n  after: z.string().max(100_000),\n  mode: z.enum([\"unified\", \"split\"]).optional(),\n}) as unknown as z.ZodType<DiffData>;\n\n/**\n * MDX config: `filename`, `language`, `mode`, `before`, and `after` are flat\n * attributes — the `<Diff id … filename language mode before after />`\n * self-closing form. Insertion order of `toAttrs` is the on-disk attribute order.\n * `fromAttrs` mirrors a forgiving parse (`before ?? \"\"`, `after ?? \"\"`, optional\n * `filename`/`language`/`mode` undefined when absent) so a plan missing an\n * attribute still parses.\n */\nexport const diffMdx: BlockMdxConfig<DiffData> = {\n  tag: \"Diff\",\n  toAttrs: (data) => ({\n    filename: data.filename,\n    language: data.language,\n    mode: data.mode,\n    before: data.before,\n    after: data.after,\n  }),\n  fromAttrs: (attrs) => ({\n    filename: attrs.string(\"filename\"),\n    language: attrs.string(\"language\"),\n    mode: attrs.string(\"mode\") as DiffMode | undefined,\n    before: attrs.string(\"before\") ?? \"\",\n    after: attrs.string(\"after\") ?? \"\",\n  }),\n};\n"]}

package/dist/client/blocks/library/file-tree.config.d.ts

@@ -0,0 +1,59 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the PLAN-SPECIFIC `file-tree` 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 VS Code / GitHub-explorer style file/change tree: a flat
+ * list of `entries` (each a slash-delimited `path` with an optional change kind,
+ * note, and code snippet) from which the RENDERER derives the nested folder tree
+ * — the model never carries the folder structure, only the leaf paths. This keeps
+ * the data lean and the tree always consistent with the paths.
+ *
+ * The schema MUST stay data-compatible with the `file-tree` member of
+ * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`FileTree`) +
+ * attribute shape MUST match it so stored `.mdx` round-trips: the whole `entries`
+ * array is one JSON prop (`<FileTree id … title entries={…} />`).
+ */
+/** The kind of change applied to a file, driving its change badge. */
+export type FileTreeChange = "added" | "modified" | "removed" | "renamed";
+export declare const FILE_TREE_CHANGES: FileTreeChange[];
+/**
+ * One file in the tree. `path` is slash-delimited (`src/routes/git.ts`); the
+ * renderer derives the folder structure from its segments. `change` drives the
+ * change badge (A/M/D/R); `note` + `snippet` (with optional `language`) make the
+ * file row expandable to show why it changes and a code preview.
+ */
+export interface FileTreeEntry {
+    path: string;
+    change?: FileTreeChange;
+    note?: string;
+    snippet?: string;
+    language?: string;
+}
+export interface FileTreeData {
+    /** Optional heading shown above the tree (e.g. "Files touched"). */
+    title?: string;
+    entries: FileTreeEntry[];
+}
+/**
+ * Data-compatible with the inline `file-tree` member of `planBlockSchema`
+ * (`plan-content.ts`). `entries` is required (at least one file); `title` is
+ * optional so a fresh tree validates from a couple of files.
+ */
+export declare const fileTreeSchema: z.ZodType<FileTreeData>;
+/**
+ * MDX config: `title` is a flat string attribute and the whole `entries` array is
+ * serialized as one JSON prop on a self-closing element — the `<FileTree id …
+ * title entries={…} />` form. `toAttrs` emits `title` then `entries` in a STABLE
+ * order (the shared `prop()` encoder drops `title` when it is undefined).
+ *
+ * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing
+ * `title` decodes to `undefined` and a missing `entries` decodes to `[]` so a
+ * plan written before this block existed still parses.
+ */
+export declare const fileTreeMdx: BlockMdxConfig<FileTreeData>;
+//# sourceMappingURL=file-tree.config.d.ts.map

package/dist/client/blocks/library/file-tree.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/file-tree.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AAEH,sEAAsE;AACtE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,cAAc,EAK7C,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAUD;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAGV,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAEzC;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,YAAY,CAUpD,CAAC"}

package/dist/client/blocks/library/file-tree.config.js

@@ -0,0 +1,45 @@
+import { z } from "zod";
+export const FILE_TREE_CHANGES = [
+    "added",
+    "modified",
+    "removed",
+    "renamed",
+];
+const entrySchema = z.object({
+    path: z.string().trim().min(1).max(500),
+    change: z.enum(["added", "modified", "removed", "renamed"]).optional(),
+    note: z.string().trim().max(2_000).optional(),
+    snippet: z.string().max(50_000).optional(),
+    language: z.string().trim().max(40).optional(),
+});
+/**
+ * Data-compatible with the inline `file-tree` member of `planBlockSchema`
+ * (`plan-content.ts`). `entries` is required (at least one file); `title` is
+ * optional so a fresh tree validates from a couple of files.
+ */
+export const fileTreeSchema = z.object({
+    title: z.string().trim().max(180).optional(),
+    entries: z.array(entrySchema).min(1).max(200),
+});
+/**
+ * MDX config: `title` is a flat string attribute and the whole `entries` array is
+ * serialized as one JSON prop on a self-closing element — the `<FileTree id …
+ * title entries={…} />` form. `toAttrs` emits `title` then `entries` in a STABLE
+ * order (the shared `prop()` encoder drops `title` when it is undefined).
+ *
+ * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing
+ * `title` decodes to `undefined` and a missing `entries` decodes to `[]` so a
+ * plan written before this block existed still parses.
+ */
+export const fileTreeMdx = {
+    tag: "FileTree",
+    toAttrs: (data) => ({
+        title: data.title,
+        entries: data.entries,
+    }),
+    fromAttrs: (attrs) => ({
+        title: attrs.string("title"),
+        entries: attrs.array("entries") ?? [],
+    }),
+};
+//# sourceMappingURL=file-tree.config.js.map

package/dist/client/blocks/library/file-tree.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/file-tree.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAyBxB,MAAM,CAAC,MAAM,iBAAiB,GAAqB;IACjD,OAAO;IACP,UAAU;IACV,SAAS;IACT,SAAS;CACV,CAAC;AAsBF,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACvC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;IACtE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;IAC7C,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;IAC1C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;CAC/C,CAA6B,CAAC;AAE/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC5C,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;CAC9C,CAAuC,CAAC;AAEzC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiC;IACvD,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAgB,SAAS,CAAC,IAAI,EAAE;KACrD,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 `file-tree` block: its data schema\n * and MDX round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via\n * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this\n * React-free means importing it into a server module never pulls React into the\n * Nitro/SSR bundle.\n *\n * The block renders a VS Code / GitHub-explorer style file/change tree: a flat\n * list of `entries` (each a slash-delimited `path` with an optional change kind,\n * note, and code snippet) from which the RENDERER derives the nested folder tree\n * — the model never carries the folder structure, only the leaf paths. This keeps\n * the data lean and the tree always consistent with the paths.\n *\n * The schema MUST stay data-compatible with the `file-tree` member of\n * `planBlockSchema` (`plan-content.ts`), and the MDX `tag` (`FileTree`) +\n * attribute shape MUST match it so stored `.mdx` round-trips: the whole `entries`\n * array is one JSON prop (`<FileTree id … title entries={…} />`).\n */\n\n/** The kind of change applied to a file, driving its change badge. */\nexport type FileTreeChange = \"added\" | \"modified\" | \"removed\" | \"renamed\";\n\nexport const FILE_TREE_CHANGES: FileTreeChange[] = [\n  \"added\",\n  \"modified\",\n  \"removed\",\n  \"renamed\",\n];\n\n/**\n * One file in the tree. `path` is slash-delimited (`src/routes/git.ts`); the\n * renderer derives the folder structure from its segments. `change` drives the\n * change badge (A/M/D/R); `note` + `snippet` (with optional `language`) make the\n * file row expandable to show why it changes and a code preview.\n */\nexport interface FileTreeEntry {\n  path: string;\n  change?: FileTreeChange;\n  note?: string;\n  snippet?: string;\n  language?: string;\n}\n\nexport interface FileTreeData {\n  /** Optional heading shown above the tree (e.g. \"Files touched\"). */\n  title?: string;\n  entries: FileTreeEntry[];\n}\n\nconst entrySchema = z.object({\n  path: z.string().trim().min(1).max(500),\n  change: z.enum([\"added\", \"modified\", \"removed\", \"renamed\"]).optional(),\n  note: z.string().trim().max(2_000).optional(),\n  snippet: z.string().max(50_000).optional(),\n  language: z.string().trim().max(40).optional(),\n}) as z.ZodType<FileTreeEntry>;\n\n/**\n * Data-compatible with the inline `file-tree` member of `planBlockSchema`\n * (`plan-content.ts`). `entries` is required (at least one file); `title` is\n * optional so a fresh tree validates from a couple of files.\n */\nexport const fileTreeSchema = z.object({\n  title: z.string().trim().max(180).optional(),\n  entries: z.array(entrySchema).min(1).max(200),\n}) as unknown as z.ZodType<FileTreeData>;\n\n/**\n * MDX config: `title` is a flat string attribute and the whole `entries` array is\n * serialized as one JSON prop on a self-closing element — the `<FileTree id …\n * title entries={…} />` form. `toAttrs` emits `title` then `entries` in a STABLE\n * order (the shared `prop()` encoder drops `title` when it is undefined).\n *\n * `fromAttrs` tolerates missing/partial attributes for backward-compat: a missing\n * `title` decodes to `undefined` and a missing `entries` decodes to `[]` so a\n * plan written before this block existed still parses.\n */\nexport const fileTreeMdx: BlockMdxConfig<FileTreeData> = {\n  tag: \"FileTree\",\n  toAttrs: (data) => ({\n    title: data.title,\n    entries: data.entries,\n  }),\n  fromAttrs: (attrs) => ({\n    title: attrs.string(\"title\"),\n    entries: attrs.array<FileTreeEntry>(\"entries\") ?? [],\n  }),\n};\n"]}

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

@@ -0,0 +1,37 @@
+import { z } from "zod";
+import type { BlockMdxConfig } from "../types.js";
+/**
+ * Pure (React-free) part of the standard HTML / Tailwind block: its data schema
+ * and MDX round-trip config. Shared by the React spec (`html.tsx`) and any
+ * server-side / agent registry (e.g. the plan app's `plan-block-registry.ts`),
+ * so importing it into a server module never pulls React in.
+ *
+ * This is the registry form of the plan `custom-html` block. The schema MUST
+ * stay data-compatible with the `custom-html` branch of the plan
+ * `planBlockSchema` (bounded `html`, optional bounded `css`, optional trimmed
+ * `caption`, all rejecting full-document / script markup) so a registered block
+ * still validates through the app's generic `update-block` re-validation. The
+ * MDX `tag` (`HtmlBlock`) + flat `html`/`css`/`caption` attribute shape MUST
+ * match the legacy `<HtmlBlock … html css caption />` encoding
+ * (`plan-mdx.ts` `serializeBlock`/`parseBlock`) so stored `.mdx` round-trips
+ * byte-compatibly.
+ */
+export interface HtmlBlockData {
+    /** Bounded HTML fragment (no html/head/body/script/style document markup). */
+    html: string;
+    /** Optional bounded CSS, scoped into the sandboxed iframe. */
+    css?: string;
+    /** Optional short caption rendered under the rendered fragment. */
+    caption?: string;
+}
+export declare const htmlSchema: z.ZodType<HtmlBlockData>;
+/**
+ * MDX config: `html`, `css`, and `caption` are flat attributes (no children) —
+ * exactly the legacy `<HtmlBlock id … html css caption />` self-closing form.
+ * Insertion order of `toAttrs` is the on-disk attribute order, so it stays
+ * `html` → `css` → `caption` to match `plan-mdx.ts:serializeBlock`. `fromAttrs`
+ * mirrors the legacy parse defaults (`html ?? ""`, `css`/`caption` undefined
+ * when absent).
+ */
+export declare const htmlMdx: BlockMdxConfig<HtmlBlockData>;
+//# sourceMappingURL=html.config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,aAAa;IAC5B,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAaD,eAAO,MAAM,UAAU,EAeG,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,aAAa,CAYjD,CAAC"}

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

@@ -0,0 +1,46 @@
+import { z } from "zod";
+/**
+ * Rejects full HTML documents, executable/structural tags, and JS/data URLs.
+ * Kept byte-identical to the plan `noFullHtmlDocument` refine so the registry
+ * schema accepts exactly what `planBlockSchema` accepts (and nothing it would
+ * reject). Defense in depth — the block also renders inside a sandboxed iframe.
+ */
+const unsafeHtmlPattern = /(?:<!doctype|<\/?(?:html|head|body|script|style|iframe|object|embed|link|meta|base|form)[\s>/]|\b(?:javascript|data:text\/html)\s*:|\bsrcdoc\s*=|\bon[a-z][\w:-]*\s*=)/i;
+const noFullHtmlDocument = (value) => !unsafeHtmlPattern.test(value);
+export const htmlSchema = z
+    .object({
+    html: z.string().max(100_000).refine(noFullHtmlDocument, {
+        message: "Custom HTML blocks must be bounded fragments without html/head/body/script/style tags.",
+    }),
+    css: z
+        .string()
+        .max(50_000)
+        .refine(noFullHtmlDocument, {
+        message: "Custom CSS blocks must not include document or script tags.",
+    })
+        .optional(),
+    caption: z.string().trim().max(400).optional(),
+})
+    .strict();
+/**
+ * MDX config: `html`, `css`, and `caption` are flat attributes (no children) —
+ * exactly the legacy `<HtmlBlock id … html css caption />` self-closing form.
+ * Insertion order of `toAttrs` is the on-disk attribute order, so it stays
+ * `html` → `css` → `caption` to match `plan-mdx.ts:serializeBlock`. `fromAttrs`
+ * mirrors the legacy parse defaults (`html ?? ""`, `css`/`caption` undefined
+ * when absent).
+ */
+export const htmlMdx = {
+    tag: "HtmlBlock",
+    toAttrs: (data) => ({
+        html: data.html,
+        css: data.css,
+        caption: data.caption,
+    }),
+    fromAttrs: (attrs) => ({
+        html: attrs.string("html") ?? "",
+        css: attrs.string("css"),
+        caption: attrs.string("caption"),
+    }),
+};
+//# sourceMappingURL=html.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA6BxB;;;;;GAKG;AACH,MAAM,iBAAiB,GACrB,yKAAyK,CAAC;AAE5K,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC;KACxB,MAAM,CAAC;IACN,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,EAAE;QACvD,OAAO,EACL,wFAAwF;KAC3F,CAAC;IACF,GAAG,EAAE,CAAC;SACH,MAAM,EAAE;SACR,GAAG,CAAC,MAAM,CAAC;SACX,MAAM,CAAC,kBAAkB,EAAE;QAC1B,OAAO,EAAE,6DAA6D;KACvE,CAAC;SACD,QAAQ,EAAE;IACb,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;CAC/C,CAAC;KACD,MAAM,EAAyC,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAkC;IACpD,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;QAChC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;KACjC,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the standard HTML / Tailwind block: its data schema\n * and MDX round-trip config. Shared by the React spec (`html.tsx`) and any\n * server-side / agent registry (e.g. the plan app's `plan-block-registry.ts`),\n * so importing it into a server module never pulls React in.\n *\n * This is the registry form of the plan `custom-html` block. The schema MUST\n * stay data-compatible with the `custom-html` branch of the plan\n * `planBlockSchema` (bounded `html`, optional bounded `css`, optional trimmed\n * `caption`, all rejecting full-document / script markup) so a registered block\n * still validates through the app's generic `update-block` re-validation. The\n * MDX `tag` (`HtmlBlock`) + flat `html`/`css`/`caption` attribute shape MUST\n * match the legacy `<HtmlBlock … html css caption />` encoding\n * (`plan-mdx.ts` `serializeBlock`/`parseBlock`) so stored `.mdx` round-trips\n * byte-compatibly.\n */\n\nexport interface HtmlBlockData {\n  /** Bounded HTML fragment (no html/head/body/script/style document markup). */\n  html: string;\n  /** Optional bounded CSS, scoped into the sandboxed iframe. */\n  css?: string;\n  /** Optional short caption rendered under the rendered fragment. */\n  caption?: string;\n}\n\n/**\n * Rejects full HTML documents, executable/structural tags, and JS/data URLs.\n * Kept byte-identical to the plan `noFullHtmlDocument` refine so the registry\n * schema accepts exactly what `planBlockSchema` accepts (and nothing it would\n * reject). Defense in depth — the block also renders inside a sandboxed iframe.\n */\nconst unsafeHtmlPattern =\n  /(?:<!doctype|<\\/?(?:html|head|body|script|style|iframe|object|embed|link|meta|base|form)[\\s>/]|\\b(?:javascript|data:text\\/html)\\s*:|\\bsrcdoc\\s*=|\\bon[a-z][\\w:-]*\\s*=)/i;\n\nconst noFullHtmlDocument = (value: string) => !unsafeHtmlPattern.test(value);\n\nexport const htmlSchema = z\n  .object({\n    html: z.string().max(100_000).refine(noFullHtmlDocument, {\n      message:\n        \"Custom HTML blocks must be bounded fragments without html/head/body/script/style tags.\",\n    }),\n    css: z\n      .string()\n      .max(50_000)\n      .refine(noFullHtmlDocument, {\n        message: \"Custom CSS blocks must not include document or script tags.\",\n      })\n      .optional(),\n    caption: z.string().trim().max(400).optional(),\n  })\n  .strict() as unknown as z.ZodType<HtmlBlockData>;\n\n/**\n * MDX config: `html`, `css`, and `caption` are flat attributes (no children) —\n * exactly the legacy `<HtmlBlock id … html css caption />` self-closing form.\n * Insertion order of `toAttrs` is the on-disk attribute order, so it stays\n * `html` → `css` → `caption` to match `plan-mdx.ts:serializeBlock`. `fromAttrs`\n * mirrors the legacy parse defaults (`html ?? \"\"`, `css`/`caption` undefined\n * when absent).\n */\nexport const htmlMdx: BlockMdxConfig<HtmlBlockData> = {\n  tag: \"HtmlBlock\",\n  toAttrs: (data) => ({\n    html: data.html,\n    css: data.css,\n    caption: data.caption,\n  }),\n  fromAttrs: (attrs) => ({\n    html: attrs.string(\"html\") ?? \"\",\n    css: attrs.string(\"css\"),\n    caption: attrs.string(\"caption\"),\n  }),\n};\n"]}

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

@@ -0,0 +1,21 @@
+import type { BlockReadProps, BlockEditProps } from "../types.js";
+import { type HtmlBlockData } from "./html.config.js";
+/** Read-only renderer: the sandboxed iframe preview plus an optional caption. */
+export declare function HtmlReadBlock({ data, blockId, title, ctx, }: BlockReadProps<HtmlBlockData>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom editor: an "Edit source" toggle that flips between the live preview and
+ * inline HTML + CSS textareas (ported from the plan `CustomHtmlBlock`). The
+ * title is rendered by the registry's edit-mode section wrapper, so this only
+ * renders the toggle + content. Edits commit the merged data via `onChange`,
+ * which the app routes through its generic `update-block` patch (re-validated by
+ * the app schema).
+ */
+export declare function HtmlEditBlock({ data, onChange, editable, title, ctx, }: BlockEditProps<HtmlBlockData>): import("react/jsx-runtime").JSX.Element;
+/**
+ * The standard HTML / Tailwind block spec. Both apps register this; the plan app
+ * registers the matching React-free `{ schema, mdx }` server-side via
+ * `html.config.ts`. `empty()` seeds a friendly starter fragment for slash
+ * insertion.
+ */
+export declare const htmlBlock: import("../types.js").BlockSpec<HtmlBlockData>;
+//# sourceMappingURL=html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqD3E,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAiE/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gDAepB,CAAC"}

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconCode, IconEdit, IconX } from "@tabler/icons-react";
+import { defineBlock } from "../types.js";
+import { htmlSchema, htmlMdx } from "./html.config.js";
+/**
+ * Standard library HTML / Tailwind block. The registry form of the plan
+ * `custom-html` block: an author-supplied HTML (+ optional CSS) fragment
+ * rendered inside a sandboxed iframe, with an inline source editor.
+ *
+ * Security: the fragment is rendered in a `sandbox="allow-same-origin"` iframe
+ * with `referrerPolicy="no-referrer"` — no scripts execute — and the schema's
+ * `noFullHtmlDocument` refine rejects document/script/handler markup before it
+ * is ever stored. When the app injects `ctx.sanitizeHtml`, the fragment + CSS
+ * are additionally sanitized before being placed in the iframe `srcDoc`.
+ *
+ * Styling uses app-agnostic shadcn utility classes (`border`, `bg-muted`,
+ * `text-muted-foreground`) so the block renders cleanly in any template, not
+ * just the plan app.
+ */
+/** Build the iframe document for a fragment, applying app sanitization if given. */
+function buildSrcDoc(data, sanitize) {
+    const css = data.css ?? "";
+    const body = sanitize ? sanitize(data.html, data.css) : data.html;
+    return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}${css}</style></head><body>${body}</body></html>`;
+}
+function HtmlPreview({ data, title, sanitize, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("iframe", { title: title || "Custom HTML block", srcDoc: buildSrcDoc(data, sanitize), sandbox: "allow-same-origin", referrerPolicy: "no-referrer", className: "mt-4 h-[360px] w-full rounded-xl border bg-muted" }), data.caption && (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: data.caption }))] }));
+}
+/** Read-only renderer: the sandboxed iframe preview plus an optional caption. */
+export function HtmlReadBlock({ data, blockId, title, ctx, }) {
+    return (_jsxs("section", { className: "plan-block group", "data-block-id": blockId, children: [title && _jsx("div", { className: "plan-block-label", children: title }), _jsx(HtmlPreview, { data: data, title: title, sanitize: ctx.sanitizeHtml })] }));
+}
+/**
+ * Custom editor: an "Edit source" toggle that flips between the live preview and
+ * inline HTML + CSS textareas (ported from the plan `CustomHtmlBlock`). The
+ * title is rendered by the registry's edit-mode section wrapper, so this only
+ * renders the toggle + content. Edits commit the merged data via `onChange`,
+ * which the app routes through its generic `update-block` patch (re-validated by
+ * the app schema).
+ */
+export function HtmlEditBlock({ data, onChange, editable, title, ctx, }) {
+    const [editing, setEditing] = useState(false);
+    const [html, setHtml] = useState(data.html);
+    const [css, setCss] = useState(data.css ?? "");
+    return (_jsxs("div", { className: "plan-html-block group", "data-an-block-edit": true, children: [_jsx("div", { className: "flex items-start justify-end gap-4", children: editable && (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "inline-flex h-8 items-center gap-1.5 rounded-md px-2.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", onClick: () => setEditing((value) => !value), children: [editing ? (_jsx(IconX, { className: "size-4" })) : (_jsx(IconEdit, { className: "size-4" })), editing ? "Cancel" : "Edit source"] })) }), editing ? (_jsxs("div", { className: "mt-2 grid gap-3", "data-plan-interactive": true, children: [_jsx("textarea", { value: html, onChange: (event) => setHtml(event.target.value), className: "flex min-h-48 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", placeholder: "HTML fragment" }), _jsx("textarea", { value: css, onChange: (event) => setCss(event.target.value), className: "flex min-h-32 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", placeholder: "Optional CSS" }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", "data-plan-interactive": true, className: "inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", onClick: () => setEditing(false), children: "Cancel" }), _jsx("button", { type: "button", "data-plan-interactive": true, className: "inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90", onClick: () => {
+                                    onChange({ ...data, html, css: css || undefined });
+                                    setEditing(false);
+                                }, children: "Save" })] })] })) : (_jsx(HtmlPreview, { data: data, title: title, sanitize: ctx.sanitizeHtml }))] }));
+}
+/**
+ * The standard HTML / Tailwind block spec. Both apps register this; the plan app
+ * registers the matching React-free `{ schema, mdx }` server-side via
+ * `html.config.ts`. `empty()` seeds a friendly starter fragment for slash
+ * insertion.
+ */
+export const htmlBlock = defineBlock({
+    type: "custom-html",
+    schema: htmlSchema,
+    mdx: htmlMdx,
+    Read: HtmlReadBlock,
+    Edit: HtmlEditBlock,
+    placement: ["block"],
+    // Config-driven: the render (a sandboxed card) differs from its source, so edit
+    // the html/css/caption from a corner button + panel rather than always-inline.
+    editSurface: "panel",
+    label: "HTML / Tailwind",
+    icon: IconCode,
+    description: "An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.",
+    empty: () => ({ html: '<div class="p-6">Edit this HTML fragment…</div>' }),
+});
+//# sourceMappingURL=html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { IconCode, IconEdit, IconX } from \"@tabler/icons-react\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport { htmlSchema, htmlMdx, type HtmlBlockData } from \"./html.config.js\";\n\n/**\n * Standard library HTML / Tailwind block. The registry form of the plan\n * `custom-html` block: an author-supplied HTML (+ optional CSS) fragment\n * rendered inside a sandboxed iframe, with an inline source editor.\n *\n * Security: the fragment is rendered in a `sandbox=\"allow-same-origin\"` iframe\n * with `referrerPolicy=\"no-referrer\"` — no scripts execute — and the schema's\n * `noFullHtmlDocument` refine rejects document/script/handler markup before it\n * is ever stored. When the app injects `ctx.sanitizeHtml`, the fragment + CSS\n * are additionally sanitized before being placed in the iframe `srcDoc`.\n *\n * Styling uses app-agnostic shadcn utility classes (`border`, `bg-muted`,\n * `text-muted-foreground`) so the block renders cleanly in any template, not\n * just the plan app.\n */\n\n/** Build the iframe document for a fragment, applying app sanitization if given. */\nfunction buildSrcDoc(\n  data: HtmlBlockData,\n  sanitize?: (html: string, css?: string) => string,\n): string {\n  const css = data.css ?? \"\";\n  const body = sanitize ? sanitize(data.html, data.css) : data.html;\n  return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}${css}</style></head><body>${body}</body></html>`;\n}\n\nfunction HtmlPreview({\n  data,\n  title,\n  sanitize,\n}: {\n  data: HtmlBlockData;\n  title?: string;\n  sanitize?: (html: string, css?: string) => string;\n}) {\n  return (\n    <>\n      <iframe\n        title={title || \"Custom HTML block\"}\n        srcDoc={buildSrcDoc(data, sanitize)}\n        sandbox=\"allow-same-origin\"\n        referrerPolicy=\"no-referrer\"\n        className=\"mt-4 h-[360px] w-full rounded-xl border bg-muted\"\n      />\n      {data.caption && (\n        <p className=\"mt-3 text-sm text-muted-foreground\">{data.caption}</p>\n      )}\n    </>\n  );\n}\n\n/** Read-only renderer: the sandboxed iframe preview plus an optional caption. */\nexport function HtmlReadBlock({\n  data,\n  blockId,\n  title,\n  ctx,\n}: BlockReadProps<HtmlBlockData>) {\n  return (\n    <section className=\"plan-block group\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n    </section>\n  );\n}\n\n/**\n * Custom editor: an \"Edit source\" toggle that flips between the live preview and\n * inline HTML + CSS textareas (ported from the plan `CustomHtmlBlock`). The\n * title is rendered by the registry's edit-mode section wrapper, so this only\n * renders the toggle + content. Edits commit the merged data via `onChange`,\n * which the app routes through its generic `update-block` patch (re-validated by\n * the app schema).\n */\nexport function HtmlEditBlock({\n  data,\n  onChange,\n  editable,\n  title,\n  ctx,\n}: BlockEditProps<HtmlBlockData>) {\n  const [editing, setEditing] = useState(false);\n  const [html, setHtml] = useState(data.html);\n  const [css, setCss] = useState(data.css ?? \"\");\n\n  return (\n    <div className=\"plan-html-block group\" data-an-block-edit>\n      <div className=\"flex items-start justify-end gap-4\">\n        {editable && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            className=\"inline-flex h-8 items-center gap-1.5 rounded-md px-2.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n            onClick={() => setEditing((value) => !value)}\n          >\n            {editing ? (\n              <IconX className=\"size-4\" />\n            ) : (\n              <IconEdit className=\"size-4\" />\n            )}\n            {editing ? \"Cancel\" : \"Edit source\"}\n          </button>\n        )}\n      </div>\n      {editing ? (\n        <div className=\"mt-2 grid gap-3\" data-plan-interactive>\n          <textarea\n            value={html}\n            onChange={(event) => setHtml(event.target.value)}\n            className=\"flex min-h-48 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            placeholder=\"HTML fragment\"\n          />\n          <textarea\n            value={css}\n            onChange={(event) => setCss(event.target.value)}\n            className=\"flex min-h-32 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            placeholder=\"Optional CSS\"\n          />\n          <div className=\"flex justify-end gap-2\">\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              onClick={() => setEditing(false)}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90\"\n              onClick={() => {\n                onChange({ ...data, html, css: css || undefined });\n                setEditing(false);\n              }}\n            >\n              Save\n            </button>\n          </div>\n        </div>\n      ) : (\n        <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n      )}\n    </div>\n  );\n}\n\n/**\n * The standard HTML / Tailwind block spec. Both apps register this; the plan app\n * registers the matching React-free `{ schema, mdx }` server-side via\n * `html.config.ts`. `empty()` seeds a friendly starter fragment for slash\n * insertion.\n */\nexport const htmlBlock = defineBlock<HtmlBlockData>({\n  type: \"custom-html\",\n  schema: htmlSchema,\n  mdx: htmlMdx,\n  Read: HtmlReadBlock,\n  Edit: HtmlEditBlock,\n  placement: [\"block\"],\n  // Config-driven: the render (a sandboxed card) differs from its source, so edit\n  // the html/css/caption from a corner button + panel rather than always-inline.\n  editSurface: \"panel\",\n  label: \"HTML / Tailwind\",\n  icon: IconCode,\n  description:\n    \"An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.\",\n  empty: () => ({ html: '<div class=\"p-6\">Edit this HTML fragment…</div>' }),\n});\n"]}