@hachej/boring-generated-pane 0.1.60

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 boringdata
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# @hachej/boring-generated-pane
+
+Generated pane runtime for Boring workspace.
+
+This plugin wraps Vercel Labs `json-render` so agents can write safe JSON pane specs instead of React code. Apps/plugins provide the component catalog; the runtime validates the spec and renders only registered components.
+
+## Spec shape
+
+```json
+{
+  "kind": "boring.generated-pane",
+  "version": 1,
+  "profile": "base",
+  "title": "Project Status",
+  "root": "main",
+  "elements": {
+    "main": { "type": "Card", "props": { "title": "Status" }, "children": ["body"] },
+    "body": { "type": "Text", "props": { "text": "All systems green" } }
+  }
+}
+```
+
+## Boundary
+
+- Agents generate JSON specs.
+- Plugins define allowed components and prop schemas.
+- Unknown components/props are rejected by the json-render catalog.
+- Actions must be mapped by the host/plugin; no generated JavaScript is executed.
+
+## Eval
+
+Run the plugin-local authoring eval and JSON validation from the repo root:
+
+```bash
+pnpm --filter @hachej/boring-generated-pane playground:eval
+```
+
+The eval checks that the agent writes a `panes/*.pane.json` file and the runner parses it with `parseGeneratedPaneSpec`.
+
+## Extending
+
+Use `defineGeneratedPaneProfile` to add app/plugin-specific components, then render with `GeneratedPaneRenderer` or a profile-specific pane.

package/dist/chunk-4IMMGGBQ.js

@@ -0,0 +1,62 @@
+// src/shared/index.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isStringArray(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function parseGeneratedPaneSpec(value) {
+  const errors = [];
+  if (!isRecord(value)) return { spec: null, errors: ["generated pane spec must be an object"] };
+  if (value.kind !== "boring.generated-pane") errors.push('generated pane spec kind must be "boring.generated-pane"');
+  if (value.version !== 1) errors.push("generated pane spec version must be 1");
+  if (value.profile !== void 0 && typeof value.profile !== "string") errors.push("generated pane profile must be a string");
+  if (value.title !== void 0 && typeof value.title !== "string") errors.push("generated pane title must be a string");
+  if (value.description !== void 0 && typeof value.description !== "string") errors.push("generated pane description must be a string");
+  if (typeof value.root !== "string" || value.root.length === 0) errors.push("generated pane root must be a string");
+  if (!isRecord(value.elements)) {
+    errors.push("generated pane elements must be an object");
+  } else {
+    for (const [id, element] of Object.entries(value.elements)) {
+      if (!isRecord(element)) {
+        errors.push(`element ${id} must be an object`);
+        continue;
+      }
+      if (typeof element.type !== "string" || element.type.length === 0) errors.push(`element ${id} must include type`);
+      if (element.props !== void 0 && !isRecord(element.props)) errors.push(`element ${id}.props must be an object`);
+      if (element.children !== void 0 && !isStringArray(element.children)) errors.push(`element ${id}.children must be an array of ids`);
+    }
+  }
+  if (isRecord(value.elements) && typeof value.root === "string") validateAcyclic(value.root, value.elements, errors);
+  if (value.queries !== void 0 && !isRecord(value.queries)) errors.push("generated pane queries must be an object");
+  if (errors.length > 0) return { spec: null, errors };
+  return { spec: value, errors: [] };
+}
+function validateAcyclic(root, elements, errors) {
+  const visiting = /* @__PURE__ */ new Set();
+  const visited = /* @__PURE__ */ new Set();
+  const visit = (id, path) => {
+    if (visiting.has(id)) {
+      errors.push(`generated pane element cycle: ${[...path, id].join(" -> ")}`);
+      return;
+    }
+    if (visited.has(id)) return;
+    const element = elements[id];
+    if (!isRecord(element)) {
+      errors.push(`element ${id} is referenced but not defined`);
+      return;
+    }
+    visiting.add(id);
+    if (isStringArray(element.children)) {
+      for (const child of element.children) visit(child, [...path, id]);
+    }
+    visiting.delete(id);
+    visited.add(id);
+  };
+  visit(root, []);
+}
+
+export {
+  parseGeneratedPaneSpec
+};
+//# sourceMappingURL=chunk-4IMMGGBQ.js.map

package/dist/chunk-4IMMGGBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/index.ts"],"sourcesContent":["export interface GeneratedPaneElementSpec {\n  type: string\n  props?: Record<string, unknown>\n  children?: string[]\n}\n\nexport interface GeneratedPaneSpec {\n  kind: \"boring.generated-pane\"\n  version: 1\n  profile?: string\n  title?: string\n  description?: string\n  root: string\n  elements: Record<string, GeneratedPaneElementSpec>\n  queries?: Record<string, unknown>\n}\n\nexport interface GeneratedPaneValidationResult {\n  spec: GeneratedPaneSpec | null\n  errors: string[]\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value)\n}\n\nfunction isStringArray(value: unknown): value is string[] {\n  return Array.isArray(value) && value.every((item) => typeof item === \"string\")\n}\n\nexport function parseGeneratedPaneSpec(value: unknown): GeneratedPaneValidationResult {\n  const errors: string[] = []\n  if (!isRecord(value)) return { spec: null, errors: [\"generated pane spec must be an object\"] }\n  if (value.kind !== \"boring.generated-pane\") errors.push('generated pane spec kind must be \"boring.generated-pane\"')\n  if (value.version !== 1) errors.push(\"generated pane spec version must be 1\")\n  if (value.profile !== undefined && typeof value.profile !== \"string\") errors.push(\"generated pane profile must be a string\")\n  if (value.title !== undefined && typeof value.title !== \"string\") errors.push(\"generated pane title must be a string\")\n  if (value.description !== undefined && typeof value.description !== \"string\") errors.push(\"generated pane description must be a string\")\n  if (typeof value.root !== \"string\" || value.root.length === 0) errors.push(\"generated pane root must be a string\")\n  if (!isRecord(value.elements)) {\n    errors.push(\"generated pane elements must be an object\")\n  } else {\n    for (const [id, element] of Object.entries(value.elements)) {\n      if (!isRecord(element)) {\n        errors.push(`element ${id} must be an object`)\n        continue\n      }\n      if (typeof element.type !== \"string\" || element.type.length === 0) errors.push(`element ${id} must include type`)\n      if (element.props !== undefined && !isRecord(element.props)) errors.push(`element ${id}.props must be an object`)\n      if (element.children !== undefined && !isStringArray(element.children)) errors.push(`element ${id}.children must be an array of ids`)\n    }\n  }\n  if (isRecord(value.elements) && typeof value.root === \"string\") validateAcyclic(value.root, value.elements, errors)\n  if (value.queries !== undefined && !isRecord(value.queries)) errors.push(\"generated pane queries must be an object\")\n  if (errors.length > 0) return { spec: null, errors }\n  return { spec: value as unknown as GeneratedPaneSpec, errors: [] }\n}\n\nfunction validateAcyclic(root: string, elements: Record<string, unknown>, errors: string[]): void {\n  const visiting = new Set<string>()\n  const visited = new Set<string>()\n  const visit = (id: string, path: string[]): void => {\n    if (visiting.has(id)) {\n      errors.push(`generated pane element cycle: ${[...path, id].join(\" -> \")}`)\n      return\n    }\n    if (visited.has(id)) return\n    const element = elements[id]\n    if (!isRecord(element)) {\n      errors.push(`element ${id} is referenced but not defined`)\n      return\n    }\n    visiting.add(id)\n    if (isStringArray(element.children)) {\n      for (const child of element.children) visit(child, [...path, id])\n    }\n    visiting.delete(id)\n    visited.add(id)\n  }\n  visit(root, [])\n}\n"],"mappings":";AAsBA,SAAS,SAAS,OAAkD;AAClE,SAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,cAAc,OAAmC;AACxD,SAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAC/E;AAEO,SAAS,uBAAuB,OAA+C;AACpF,QAAM,SAAmB,CAAC;AAC1B,MAAI,CAAC,SAAS,KAAK,EAAG,QAAO,EAAE,MAAM,MAAM,QAAQ,CAAC,uCAAuC,EAAE;AAC7F,MAAI,MAAM,SAAS,wBAAyB,QAAO,KAAK,0DAA0D;AAClH,MAAI,MAAM,YAAY,EAAG,QAAO,KAAK,uCAAuC;AAC5E,MAAI,MAAM,YAAY,UAAa,OAAO,MAAM,YAAY,SAAU,QAAO,KAAK,yCAAyC;AAC3H,MAAI,MAAM,UAAU,UAAa,OAAO,MAAM,UAAU,SAAU,QAAO,KAAK,uCAAuC;AACrH,MAAI,MAAM,gBAAgB,UAAa,OAAO,MAAM,gBAAgB,SAAU,QAAO,KAAK,6CAA6C;AACvI,MAAI,OAAO,MAAM,SAAS,YAAY,MAAM,KAAK,WAAW,EAAG,QAAO,KAAK,sCAAsC;AACjH,MAAI,CAAC,SAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO,KAAK,2CAA2C;AAAA,EACzD,OAAO;AACL,eAAW,CAAC,IAAI,OAAO,KAAK,OAAO,QAAQ,MAAM,QAAQ,GAAG;AAC1D,UAAI,CAAC,SAAS,OAAO,GAAG;AACtB,eAAO,KAAK,WAAW,EAAE,oBAAoB;AAC7C;AAAA,MACF;AACA,UAAI,OAAO,QAAQ,SAAS,YAAY,QAAQ,KAAK,WAAW,EAAG,QAAO,KAAK,WAAW,EAAE,oBAAoB;AAChH,UAAI,QAAQ,UAAU,UAAa,CAAC,SAAS,QAAQ,KAAK,EAAG,QAAO,KAAK,WAAW,EAAE,0BAA0B;AAChH,UAAI,QAAQ,aAAa,UAAa,CAAC,cAAc,QAAQ,QAAQ,EAAG,QAAO,KAAK,WAAW,EAAE,mCAAmC;AAAA,IACtI;AAAA,EACF;AACA,MAAI,SAAS,MAAM,QAAQ,KAAK,OAAO,MAAM,SAAS,SAAU,iBAAgB,MAAM,MAAM,MAAM,UAAU,MAAM;AAClH,MAAI,MAAM,YAAY,UAAa,CAAC,SAAS,MAAM,OAAO,EAAG,QAAO,KAAK,0CAA0C;AACnH,MAAI,OAAO,SAAS,EAAG,QAAO,EAAE,MAAM,MAAM,OAAO;AACnD,SAAO,EAAE,MAAM,OAAuC,QAAQ,CAAC,EAAE;AACnE;AAEA,SAAS,gBAAgB,MAAc,UAAmC,QAAwB;AAChG,QAAM,WAAW,oBAAI,IAAY;AACjC,QAAM,UAAU,oBAAI,IAAY;AAChC,QAAM,QAAQ,CAAC,IAAY,SAAyB;AAClD,QAAI,SAAS,IAAI,EAAE,GAAG;AACpB,aAAO,KAAK,iCAAiC,CAAC,GAAG,MAAM,EAAE,EAAE,KAAK,MAAM,CAAC,EAAE;AACzE;AAAA,IACF;AACA,QAAI,QAAQ,IAAI,EAAE,EAAG;AACrB,UAAM,UAAU,SAAS,EAAE;AAC3B,QAAI,CAAC,SAAS,OAAO,GAAG;AACtB,aAAO,KAAK,WAAW,EAAE,gCAAgC;AACzD;AAAA,IACF;AACA,aAAS,IAAI,EAAE;AACf,QAAI,cAAc,QAAQ,QAAQ,GAAG;AACnC,iBAAW,SAAS,QAAQ,SAAU,OAAM,OAAO,CAAC,GAAG,MAAM,EAAE,CAAC;AAAA,IAClE;AACA,aAAS,OAAO,EAAE;AAClB,YAAQ,IAAI,EAAE;AAAA,EAChB;AACA,QAAM,MAAM,CAAC,CAAC;AAChB;","names":[]}

package/dist/front/index.d.ts

@@ -0,0 +1,110 @@
+import * as _hachej_boring_workspace_plugin from '@hachej/boring-workspace/plugin';
+import { PaneProps, BoringFrontSurfaceResolverRegistration } from '@hachej/boring-workspace/plugin';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GeneratedPaneSpec } from '../shared/index.js';
+export { GeneratedPaneElementSpec, GeneratedPaneValidationResult, parseGeneratedPaneSpec } from '../shared/index.js';
+import * as _json_render_core from '@json-render/core';
+import { ReactNode } from 'react';
+import { z } from 'zod';
+
+type GeneratedPaneActionHandler = (params: Record<string, unknown>) => void | Promise<void>;
+interface GeneratedPaneComponentDefinition {
+    props: z.ZodObject<Record<string, z.ZodType>>;
+    slots?: string[];
+    description: string;
+    component: (props: {
+        props: Record<string, unknown>;
+        children?: ReactNode;
+        emit: (event: string) => void;
+    }) => ReactNode;
+}
+interface GeneratedPaneActionDefinition {
+    description: string;
+    params?: z.ZodObject<Record<string, z.ZodType>>;
+    handler?: GeneratedPaneActionHandler;
+}
+interface GeneratedPaneProfile {
+    id: string;
+    label: string;
+    components: Record<string, GeneratedPaneComponentDefinition>;
+    actions?: Record<string, GeneratedPaneActionDefinition>;
+}
+declare function defineGeneratedPaneProfile(profile: GeneratedPaneProfile): GeneratedPaneProfile;
+declare const baseGeneratedPaneProfile: GeneratedPaneProfile;
+declare function mergeGeneratedPaneProfiles(...profiles: GeneratedPaneProfile[]): GeneratedPaneProfile;
+declare function createGeneratedPaneCatalog(profile: GeneratedPaneProfile): _json_render_core.Catalog<{
+    spec: _json_render_core.SchemaType<"object", {
+        root: _json_render_core.SchemaType<"string", unknown>;
+        elements: _json_render_core.SchemaType<"record", _json_render_core.SchemaType<"object", {
+            type: _json_render_core.SchemaType<"ref", string>;
+            props: _json_render_core.SchemaType<"propsOf", string>;
+            children: _json_render_core.SchemaType<"array", _json_render_core.SchemaType<"string", unknown>>;
+            visible: _json_render_core.SchemaType<"any", unknown>;
+        }>>;
+    }>;
+    catalog: _json_render_core.SchemaType<"object", {
+        components: _json_render_core.SchemaType<"map", {
+            props: _json_render_core.SchemaType<"zod", unknown>;
+            slots: _json_render_core.SchemaType<"array", _json_render_core.SchemaType<"string", unknown>>;
+            description: _json_render_core.SchemaType<"string", unknown>;
+            example: _json_render_core.SchemaType<"any", unknown>;
+        }>;
+        actions: _json_render_core.SchemaType<"map", {
+            params: _json_render_core.SchemaType<"zod", unknown>;
+            description: _json_render_core.SchemaType<"string", unknown>;
+        }>;
+    }>;
+}, {
+    components: {
+        [k: string]: {
+            props: z.ZodObject<Record<string, z.ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+    };
+    actions: {
+        [k: string]: {
+            params: z.ZodObject<Record<string, z.ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>, z.core.$strip> | undefined;
+            description: string;
+        };
+    };
+}>;
+declare function GeneratedPaneRenderer({ spec, profile }: {
+    spec: GeneratedPaneSpec;
+    profile?: GeneratedPaneProfile;
+}): react_jsx_runtime.JSX.Element;
+
+interface GeneratedPanePaneParams {
+    path?: string;
+    spec?: GeneratedPaneSpec;
+}
+declare function GeneratedPanePane({ params, profile }: PaneProps<GeneratedPanePaneParams> & {
+    profile?: GeneratedPaneProfile;
+}): react_jsx_runtime.JSX.Element;
+
+interface GeneratedPaneExplorerConfig {
+    title?: string;
+    patterns?: string[];
+    panelId?: string;
+    itemLabel?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+}
+declare function createGeneratedPaneExplorerPane(config?: GeneratedPaneExplorerConfig): (props: PaneProps<{
+    searchQuery?: string;
+}>) => react_jsx_runtime.JSX.Element;
+declare function GeneratedPaneExplorerPane({ params, containerApi, config }: PaneProps<{
+    searchQuery?: string;
+}> & {
+    config?: GeneratedPaneExplorerConfig;
+}): react_jsx_runtime.JSX.Element;
+
+declare const GENERATED_PANE_PANEL_ID = "generated-pane.panel";
+declare const GENERATED_PANE_EXPLORER_LEFT_TAB_ID = "generated-pane.explorer";
+
+declare function isGeneratedPanePath(path: string): boolean;
+declare const generatedPaneSurfaceResolver: BoringFrontSurfaceResolverRegistration;
+
+declare const generatedPanePlugin: _hachej_boring_workspace_plugin.BoringFrontFactoryWithId;
+
+export { GENERATED_PANE_EXPLORER_LEFT_TAB_ID, GENERATED_PANE_PANEL_ID, type GeneratedPaneActionDefinition, type GeneratedPaneActionHandler, type GeneratedPaneComponentDefinition, type GeneratedPaneExplorerConfig, GeneratedPaneExplorerPane, GeneratedPanePane, type GeneratedPanePaneParams, type GeneratedPaneProfile, GeneratedPaneRenderer, GeneratedPaneSpec, baseGeneratedPaneProfile, createGeneratedPaneCatalog, createGeneratedPaneExplorerPane, generatedPanePlugin as default, defineGeneratedPaneProfile, generatedPanePlugin, generatedPaneSurfaceResolver, isGeneratedPanePath, mergeGeneratedPaneProfiles };

package/dist/front/index.js

@@ -0,0 +1,380 @@
+import {
+  parseGeneratedPaneSpec
+} from "../chunk-4IMMGGBQ.js";
+
+// src/front/index.ts
+import { PanelTop as PanelTop2 } from "lucide-react";
+import { definePlugin } from "@hachej/boring-workspace/plugin";
+
+// src/front/GeneratedPanePane.tsx
+import { useEffect, useState } from "react";
+import { EmptyState, Toolbar, ToolbarGroup, Badge as Badge2 } from "@hachej/boring-ui-kit";
+import { useApiBaseUrl, useWorkspaceRequestId } from "@hachej/boring-workspace";
+
+// src/front/catalog.tsx
+import { defineCatalog } from "@json-render/core";
+import { defineRegistry, JSONUIProvider, Renderer } from "@json-render/react";
+import { schema } from "@json-render/react/schema";
+import { z } from "zod";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from "@hachej/boring-ui-kit";
+import { jsx, jsxs } from "react/jsx-runtime";
+function defineGeneratedPaneProfile(profile) {
+  return profile;
+}
+var baseGeneratedPaneProfile = defineGeneratedPaneProfile({
+  id: "base",
+  label: "Generated Pane",
+  components: {
+    Card: {
+      description: "A bordered content card with an optional title and description.",
+      slots: ["default"],
+      props: z.object({ title: z.string().optional(), description: z.string().optional() }),
+      component: ({ props, children }) => /* @__PURE__ */ jsxs(Card, { children: [
+        props.title || props.description ? /* @__PURE__ */ jsxs(CardHeader, { children: [
+          typeof props.title === "string" ? /* @__PURE__ */ jsx(CardTitle, { children: props.title }) : null,
+          typeof props.description === "string" ? /* @__PURE__ */ jsx(CardDescription, { children: props.description }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx(CardContent, { children })
+      ] })
+    },
+    Stack: {
+      description: "Vertical stack for grouping child elements.",
+      slots: ["default"],
+      props: z.object({ gap: z.enum(["sm", "md", "lg"]).optional() }),
+      component: ({ props, children }) => /* @__PURE__ */ jsx("div", { className: props.gap === "sm" ? "space-y-2" : props.gap === "lg" ? "space-y-6" : "space-y-4", children })
+    },
+    Grid: {
+      description: "Responsive grid layout for child elements.",
+      slots: ["default"],
+      props: z.object({ columns: z.union([z.literal(1), z.literal(2), z.literal(3), z.literal(4)]).optional() }),
+      component: ({ props, children }) => {
+        const columns = props.columns === 3 ? "lg:grid-cols-3" : props.columns === 4 ? "lg:grid-cols-4" : props.columns === 1 ? "grid-cols-1" : "lg:grid-cols-2";
+        return /* @__PURE__ */ jsx("div", { className: `grid gap-4 ${columns}`, children });
+      }
+    },
+    Text: {
+      description: "Plain text block.",
+      props: z.object({ text: z.string(), tone: z.enum(["default", "muted"]).optional() }),
+      component: ({ props }) => /* @__PURE__ */ jsx("p", { className: props.tone === "muted" ? "text-sm text-muted-foreground" : "text-sm text-foreground", children: String(props.text) })
+    },
+    Badge: {
+      description: "Small status badge.",
+      props: z.object({ label: z.string(), variant: z.enum(["default", "secondary", "outline"]).optional() }),
+      component: ({ props }) => /* @__PURE__ */ jsx(Badge, { variant: props.variant ?? "secondary", children: String(props.label) })
+    },
+    Alert: {
+      description: "Notice block for warnings, status, or context.",
+      props: z.object({ title: z.string(), description: z.string().optional() }),
+      component: ({ props }) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-muted/40 p-3 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: String(props.title) }),
+        typeof props.description === "string" ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-muted-foreground", children: props.description }) : null
+      ] })
+    },
+    Button: {
+      description: "Button that emits its press event to a configured action.",
+      props: z.object({ label: z.string() }),
+      component: ({ props, emit }) => /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => emit("press"), children: String(props.label) })
+    }
+  }
+});
+function mergeGeneratedPaneProfiles(...profiles) {
+  const [first, ...rest] = profiles;
+  return {
+    id: first?.id ?? "generated-pane",
+    label: first?.label ?? "Generated Pane",
+    components: Object.assign({}, ...profiles.map((profile) => profile.components)),
+    actions: Object.assign({}, ...profiles.map((profile) => profile.actions ?? {}))
+  };
+}
+function createGeneratedPaneCatalog(profile) {
+  return defineCatalog(schema, {
+    components: Object.fromEntries(Object.entries(profile.components).map(([name, definition]) => [name, {
+      props: definition.props,
+      slots: definition.slots ?? [],
+      description: definition.description
+    }])),
+    actions: Object.fromEntries(Object.entries(profile.actions ?? {}).map(([name, definition]) => [name, {
+      params: definition.params,
+      description: definition.description
+    }]))
+  });
+}
+function GeneratedPaneRenderer({ spec, profile }) {
+  const activeProfile = profile ? mergeGeneratedPaneProfiles(baseGeneratedPaneProfile, profile) : baseGeneratedPaneProfile;
+  const catalog = createGeneratedPaneCatalog(activeProfile);
+  const normalizedElements = Object.fromEntries(Object.entries(spec.elements).map(([id, element]) => [id, {
+    ...element,
+    props: element.props ?? {},
+    children: element.children ?? [],
+    visible: "visible" in element ? element.visible : true
+  }]));
+  const validation = catalog.validate({ root: spec.root, elements: normalizedElements });
+  if (!validation.success) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive", children: [
+      "Invalid generated pane spec: ",
+      validation.error?.issues.slice(0, 3).map((issue) => issue.message).join(" \u2022 ")
+    ] });
+  }
+  if (!validation.data) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive", children: "Invalid generated pane spec" });
+  }
+  const { registry } = defineRegistry(catalog, {
+    components: Object.fromEntries(Object.entries(activeProfile.components).map(([name, definition]) => [name, ({ props, children, emit }) => definition.component({ props, children, emit })])),
+    actions: {}
+  });
+  return /* @__PURE__ */ jsx(JSONUIProvider, { registry, handlers: {}, children: /* @__PURE__ */ jsx(Renderer, { spec: validation.data, registry }) });
+}
+
+// src/front/GeneratedPanePane.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function GeneratedPanePane({ params, profile }) {
+  const apiBaseUrl = useApiBaseUrl();
+  const workspaceId = useWorkspaceRequestId();
+  const [loadedFile, setLoadedFile] = useState({ spec: null, loading: false });
+  useEffect(() => {
+    if (!params?.path || params.spec) {
+      setLoadedFile({ spec: null, loading: false });
+      return;
+    }
+    const controller = new AbortController();
+    setLoadedFile({ spec: null, loading: true });
+    void fetch(`${apiBaseUrl}/api/v1/files/raw?path=${encodeURIComponent(params.path)}`, {
+      signal: controller.signal,
+      credentials: "include",
+      headers: workspaceId ? { "x-boring-workspace-id": workspaceId } : {}
+    }).then(async (response) => {
+      if (!response.ok) throw new Error(`Failed to load ${params.path}: HTTP ${response.status}`);
+      return await response.text();
+    }).then((text) => setLoadedFile({ spec: JSON.parse(text), loading: false })).catch((error) => {
+      if (controller.signal.aborted) return;
+      setLoadedFile({ spec: null, loading: false, error: error instanceof Error ? error.message : String(error) });
+    });
+    return () => controller.abort();
+  }, [apiBaseUrl, params?.path, params?.spec, workspaceId]);
+  if (loadedFile.loading) return /* @__PURE__ */ jsx2(PaneState, { title: "Loading generated pane", description: params?.path });
+  if (loadedFile.error) return /* @__PURE__ */ jsx2(PaneState, { title: "Could not load generated pane", description: loadedFile.error });
+  const parsed = parseGeneratedPaneSpec(params?.spec ?? loadedFile.spec);
+  if (!parsed.spec) return /* @__PURE__ */ jsx2(PaneState, { title: "Invalid generated pane spec", description: parsed.errors.slice(0, 5).join(" \u2022 ") });
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full min-h-0 min-w-0 flex-col bg-background text-foreground", children: [
+    /* @__PURE__ */ jsx2(Toolbar, { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs2(ToolbarGroup, { children: [
+      /* @__PURE__ */ jsx2(Badge2, { variant: "secondary", children: "Generated Pane" }),
+      parsed.spec.profile ? /* @__PURE__ */ jsx2(Badge2, { variant: "outline", children: parsed.spec.profile }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs2("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto p-4", children: [
+      parsed.spec.title ? /* @__PURE__ */ jsx2("h1", { className: "mb-1 text-2xl font-semibold tracking-tight", children: parsed.spec.title }) : null,
+      parsed.spec.description ? /* @__PURE__ */ jsx2("p", { className: "mb-4 text-sm text-muted-foreground", children: parsed.spec.description }) : null,
+      /* @__PURE__ */ jsx2(GeneratedPaneRenderer, { spec: parsed.spec, profile })
+    ] })
+  ] });
+}
+function PaneState({ title, description }) {
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full min-h-0 min-w-0 items-center justify-center bg-background p-6 text-foreground", children: /* @__PURE__ */ jsx2(EmptyState, { title, description }) });
+}
+
+// src/front/GeneratedPaneExplorerPane.tsx
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { FileJson2, PanelTop, RefreshCw } from "lucide-react";
+import { Badge as Badge3, EmptyState as EmptyState2, IconButton } from "@hachej/boring-ui-kit";
+import { useApiBaseUrl as useApiBaseUrl2, useWorkspaceRequestId as useWorkspaceRequestId2 } from "@hachej/boring-workspace";
+
+// src/front/constants.ts
+var GENERATED_PANE_PANEL_ID = "generated-pane.panel";
+var GENERATED_PANE_EXPLORER_LEFT_TAB_ID = "generated-pane.explorer";
+
+// src/front/GeneratedPaneExplorerPane.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_PATTERNS = ["**/*.pane.json"];
+function titleFromPath(path) {
+  const file = path.split("/").pop() ?? path;
+  return file.replace(/\.(pane|dashboard)\.json$/i, "").replace(/[-_]+/g, " ");
+}
+function matchesQuery(path, query) {
+  const value = query?.trim().toLowerCase();
+  if (!value) return true;
+  return path.toLowerCase().includes(value) || titleFromPath(path).toLowerCase().includes(value);
+}
+function dedupeAndSort(values) {
+  return [...new Set(values)].sort((a, b) => a.localeCompare(b));
+}
+function createGeneratedPaneExplorerPane(config = {}) {
+  return function GeneratedPaneExplorerPaneWithConfig(props) {
+    return /* @__PURE__ */ jsx3(GeneratedPaneExplorerPane, { ...props, config });
+  };
+}
+function GeneratedPaneExplorerPane({ params, containerApi, config = {} }) {
+  const apiBaseUrl = useApiBaseUrl2();
+  const workspaceId = useWorkspaceRequestId2();
+  const patterns = config.patterns?.length ? config.patterns : DEFAULT_PATTERNS;
+  const panelId = config.panelId ?? GENERATED_PANE_PANEL_ID;
+  const title = config.title ?? "Panes";
+  const itemLabel = config.itemLabel ?? "Generated pane";
+  const [state, setState] = useState2({ loading: true, paths: [] });
+  const [refreshKey, setRefreshKey] = useState2(0);
+  useEffect2(() => {
+    const controller = new AbortController();
+    setState((prev) => ({ ...prev, loading: true, error: void 0 }));
+    void Promise.all(patterns.map(async (pattern) => {
+      const response = await fetch(`${apiBaseUrl}/api/v1/files/search?q=${encodeURIComponent(pattern)}&limit=500`, {
+        signal: controller.signal,
+        credentials: "include",
+        headers: workspaceId ? { "x-boring-workspace-id": workspaceId } : {}
+      });
+      if (!response.ok) throw new Error(`Pane search failed for ${pattern} with HTTP ${response.status}`);
+      const body = await response.json();
+      return body.results ?? [];
+    })).then((groups) => {
+      setState({ loading: false, paths: dedupeAndSort(groups.flat()) });
+    }).catch((error) => {
+      if (controller.signal.aborted) return;
+      setState({ loading: false, paths: [], error: error instanceof Error ? error.message : String(error) });
+    });
+    return () => controller.abort();
+  }, [apiBaseUrl, patterns.join("\n"), refreshKey, workspaceId]);
+  const paths = useMemo(
+    () => state.paths.filter((path) => matchesQuery(path, params?.searchQuery)),
+    [params?.searchQuery, state.paths]
+  );
+  const openPane = (path) => {
+    containerApi.addPanel({
+      id: `${panelId}:${path}`,
+      component: panelId,
+      title: titleFromPath(path),
+      params: { path }
+    });
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col text-sm", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b border-border/60 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx3(PanelTop, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx3("span", { className: "truncate font-medium", children: title }),
+        /* @__PURE__ */ jsx3(Badge3, { variant: "secondary", children: state.paths.length })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        IconButton,
+        {
+          type: "button",
+          "aria-label": `Refresh ${title.toLowerCase()}`,
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setRefreshKey((value) => value + 1),
+          disabled: state.loading,
+          children: /* @__PURE__ */ jsx3(RefreshCw, { className: `h-3.5 w-3.5 ${state.loading ? "animate-spin" : ""}` })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: state.error ? /* @__PURE__ */ jsx3(EmptyState2, { title: `Could not list ${title.toLowerCase()}`, description: state.error }) : state.loading ? /* @__PURE__ */ jsxs3("div", { className: "px-2 py-3 text-xs text-muted-foreground", children: [
+      "Scanning ",
+      title.toLowerCase(),
+      "\u2026"
+    ] }) : paths.length === 0 ? /* @__PURE__ */ jsx3(
+      EmptyState2,
+      {
+        title: config.emptyTitle ?? `No ${title.toLowerCase()} found`,
+        description: config.emptyDescription ?? `Create ${patterns.join(" or ")} files to list them here.`
+      }
+    ) : /* @__PURE__ */ jsx3("div", { className: "space-y-1", children: paths.map((path) => /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        type: "button",
+        onClick: () => openPane(path),
+        className: "flex w-full min-w-0 items-start gap-2 rounded-lg px-2 py-2 text-left hover:bg-background/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+        children: [
+          /* @__PURE__ */ jsx3(FileJson2, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-[13px] font-medium text-foreground", children: titleFromPath(path) }),
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-[11px] text-muted-foreground", children: path })
+          ] }),
+          /* @__PURE__ */ jsx3(Badge3, { variant: "outline", className: "mt-0.5 shrink-0 text-[10px]", children: itemLabel })
+        ]
+      },
+      path
+    )) }) })
+  ] });
+}
+
+// src/front/surfaceResolver.ts
+import {
+  WORKSPACE_OPEN_PATH_SURFACE_KIND
+} from "@hachej/boring-workspace/plugin";
+function isGeneratedPanePath(path) {
+  return /(^|\/)panes\/[^/].*\.pane\.json$/i.test(path) || /\.pane\.json$/i.test(path);
+}
+function titleFromPath2(path) {
+  const file = path.split("/").pop() ?? path;
+  return file.replace(/\.pane\.json$/i, "").replace(/[-_]+/g, " ");
+}
+var generatedPaneSurfaceResolver = {
+  id: "generated-pane.open-path",
+  kind: WORKSPACE_OPEN_PATH_SURFACE_KIND,
+  source: "app",
+  resolve: (request) => {
+    if (request.kind !== WORKSPACE_OPEN_PATH_SURFACE_KIND) return null;
+    const target = String(request.target ?? "");
+    if (!isGeneratedPanePath(target)) return null;
+    return {
+      component: GENERATED_PANE_PANEL_ID,
+      title: titleFromPath2(target),
+      params: { path: target },
+      score: 110
+    };
+  }
+};
+
+// src/front/index.ts
+var generatedPanePlugin = definePlugin({
+  id: "generated-pane",
+  label: "Generated Pane",
+  panels: [
+    {
+      id: GENERATED_PANE_PANEL_ID,
+      label: "Generated Pane",
+      icon: PanelTop2,
+      component: GeneratedPanePane,
+      supportsFullPage: true
+    }
+  ],
+  leftTabs: [
+    {
+      id: GENERATED_PANE_EXPLORER_LEFT_TAB_ID,
+      title: "Panes",
+      panelId: GENERATED_PANE_EXPLORER_LEFT_TAB_ID,
+      icon: PanelTop2,
+      component: createGeneratedPaneExplorerPane({
+        title: "Panes",
+        patterns: ["**/*.pane.json"],
+        panelId: GENERATED_PANE_PANEL_ID,
+        itemLabel: "Pane",
+        emptyDescription: "Create panes/*.pane.json files to list generated panes here."
+      }),
+      chromeless: true
+    }
+  ],
+  surfaceResolvers: [generatedPaneSurfaceResolver],
+  commands: [
+    {
+      id: "generated-pane.open",
+      title: "Open Generated Pane",
+      panelId: GENERATED_PANE_PANEL_ID,
+      keywords: ["json-render", "generated", "custom pane", "pane"]
+    }
+  ]
+});
+var front_default = generatedPanePlugin;
+export {
+  GENERATED_PANE_EXPLORER_LEFT_TAB_ID,
+  GENERATED_PANE_PANEL_ID,
+  GeneratedPaneExplorerPane,
+  GeneratedPanePane,
+  GeneratedPaneRenderer,
+  baseGeneratedPaneProfile,
+  createGeneratedPaneCatalog,
+  createGeneratedPaneExplorerPane,
+  front_default as default,
+  defineGeneratedPaneProfile,
+  generatedPanePlugin,
+  generatedPaneSurfaceResolver,
+  isGeneratedPanePath,
+  mergeGeneratedPaneProfiles,
+  parseGeneratedPaneSpec
+};
+//# sourceMappingURL=index.js.map

package/dist/front/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/front/index.ts","../../src/front/GeneratedPanePane.tsx","../../src/front/catalog.tsx","../../src/front/GeneratedPaneExplorerPane.tsx","../../src/front/constants.ts","../../src/front/surfaceResolver.ts"],"sourcesContent":["import { PanelTop } from \"lucide-react\"\nimport { definePlugin } from \"@hachej/boring-workspace/plugin\"\nimport { GeneratedPanePane } from \"./GeneratedPanePane\"\nimport { createGeneratedPaneExplorerPane, GeneratedPaneExplorerPane } from \"./GeneratedPaneExplorerPane\"\nimport { GENERATED_PANE_EXPLORER_LEFT_TAB_ID, GENERATED_PANE_PANEL_ID } from \"./constants\"\nimport { generatedPaneSurfaceResolver } from \"./surfaceResolver\"\n\nexport { GeneratedPanePane }\nexport type { GeneratedPanePaneParams } from \"./GeneratedPanePane\"\nexport { GeneratedPaneExplorerPane, createGeneratedPaneExplorerPane }\nexport type { GeneratedPaneExplorerConfig } from \"./GeneratedPaneExplorerPane\"\nexport {\n  GeneratedPaneRenderer,\n  baseGeneratedPaneProfile,\n  createGeneratedPaneCatalog,\n  defineGeneratedPaneProfile,\n  mergeGeneratedPaneProfiles,\n} from \"./catalog\"\nexport type {\n  GeneratedPaneActionDefinition,\n  GeneratedPaneActionHandler,\n  GeneratedPaneComponentDefinition,\n  GeneratedPaneProfile,\n} from \"./catalog\"\nexport type { GeneratedPaneElementSpec, GeneratedPaneSpec, GeneratedPaneValidationResult } from \"../shared\"\nexport { parseGeneratedPaneSpec } from \"../shared\"\nexport { GENERATED_PANE_EXPLORER_LEFT_TAB_ID, GENERATED_PANE_PANEL_ID } from \"./constants\"\nexport { generatedPaneSurfaceResolver, isGeneratedPanePath } from \"./surfaceResolver\"\n\nexport const generatedPanePlugin = definePlugin({\n  id: \"generated-pane\",\n  label: \"Generated Pane\",\n  panels: [\n    {\n      id: GENERATED_PANE_PANEL_ID,\n      label: \"Generated Pane\",\n      icon: PanelTop,\n      component: GeneratedPanePane,\n      supportsFullPage: true,\n    },\n  ],\n  leftTabs: [\n    {\n      id: GENERATED_PANE_EXPLORER_LEFT_TAB_ID,\n      title: \"Panes\",\n      panelId: GENERATED_PANE_EXPLORER_LEFT_TAB_ID,\n      icon: PanelTop,\n      component: createGeneratedPaneExplorerPane({\n        title: \"Panes\",\n        patterns: [\"**/*.pane.json\"],\n        panelId: GENERATED_PANE_PANEL_ID,\n        itemLabel: \"Pane\",\n        emptyDescription: \"Create panes/*.pane.json files to list generated panes here.\",\n      }),\n      chromeless: true,\n    },\n  ],\n  surfaceResolvers: [generatedPaneSurfaceResolver],\n  commands: [\n    {\n      id: \"generated-pane.open\",\n      title: \"Open Generated Pane\",\n      panelId: GENERATED_PANE_PANEL_ID,\n      keywords: [\"json-render\", \"generated\", \"custom pane\", \"pane\"],\n    },\n  ],\n})\n\nexport default generatedPanePlugin\n","import { useEffect, useState } from \"react\"\nimport { EmptyState, Toolbar, ToolbarGroup, Badge } from \"@hachej/boring-ui-kit\"\nimport { useApiBaseUrl, useWorkspaceRequestId } from \"@hachej/boring-workspace\"\nimport type { PaneProps } from \"@hachej/boring-workspace/plugin\"\nimport { parseGeneratedPaneSpec, type GeneratedPaneSpec } from \"../shared\"\nimport { GeneratedPaneRenderer, type GeneratedPaneProfile } from \"./catalog\"\n\nexport interface GeneratedPanePaneParams {\n  path?: string\n  spec?: GeneratedPaneSpec\n}\n\ninterface LoadedPaneFile {\n  spec: unknown\n  error?: string\n  loading: boolean\n}\n\nexport function GeneratedPanePane({ params, profile }: PaneProps<GeneratedPanePaneParams> & { profile?: GeneratedPaneProfile }) {\n  const apiBaseUrl = useApiBaseUrl()\n  const workspaceId = useWorkspaceRequestId()\n  const [loadedFile, setLoadedFile] = useState<LoadedPaneFile>({ spec: null, loading: false })\n\n  useEffect(() => {\n    if (!params?.path || params.spec) {\n      setLoadedFile({ spec: null, loading: false })\n      return\n    }\n    const controller = new AbortController()\n    setLoadedFile({ spec: null, loading: true })\n    void fetch(`${apiBaseUrl}/api/v1/files/raw?path=${encodeURIComponent(params.path)}`, {\n      signal: controller.signal,\n      credentials: \"include\",\n      headers: workspaceId ? { \"x-boring-workspace-id\": workspaceId } : {},\n    })\n      .then(async (response) => {\n        if (!response.ok) throw new Error(`Failed to load ${params.path}: HTTP ${response.status}`)\n        return await response.text()\n      })\n      .then((text) => setLoadedFile({ spec: JSON.parse(text), loading: false }))\n      .catch((error) => {\n        if (controller.signal.aborted) return\n        setLoadedFile({ spec: null, loading: false, error: error instanceof Error ? error.message : String(error) })\n      })\n    return () => controller.abort()\n  }, [apiBaseUrl, params?.path, params?.spec, workspaceId])\n\n  if (loadedFile.loading) return <PaneState title=\"Loading generated pane\" description={params?.path} />\n  if (loadedFile.error) return <PaneState title=\"Could not load generated pane\" description={loadedFile.error} />\n\n  const parsed = parseGeneratedPaneSpec(params?.spec ?? loadedFile.spec)\n  if (!parsed.spec) return <PaneState title=\"Invalid generated pane spec\" description={parsed.errors.slice(0, 5).join(\" • \")} />\n\n  return (\n    <div className=\"flex h-full min-h-0 min-w-0 flex-col bg-background text-foreground\">\n      <Toolbar className=\"border-b border-border px-3 py-2\">\n        <ToolbarGroup>\n          <Badge variant=\"secondary\">Generated Pane</Badge>\n          {parsed.spec.profile ? <Badge variant=\"outline\">{parsed.spec.profile}</Badge> : null}\n        </ToolbarGroup>\n      </Toolbar>\n      <div className=\"min-h-0 min-w-0 flex-1 overflow-auto p-4\">\n        {parsed.spec.title ? <h1 className=\"mb-1 text-2xl font-semibold tracking-tight\">{parsed.spec.title}</h1> : null}\n        {parsed.spec.description ? <p className=\"mb-4 text-sm text-muted-foreground\">{parsed.spec.description}</p> : null}\n        <GeneratedPaneRenderer spec={parsed.spec} profile={profile} />\n      </div>\n    </div>\n  )\n}\n\nfunction PaneState({ title, description }: { title: string; description?: string }) {\n  return (\n    <div className=\"flex h-full min-h-0 min-w-0 items-center justify-center bg-background p-6 text-foreground\">\n      <EmptyState title={title} description={description} />\n    </div>\n  )\n}\n","import type { ReactNode } from \"react\"\nimport { defineCatalog } from \"@json-render/core\"\nimport { defineRegistry, JSONUIProvider, Renderer } from \"@json-render/react\"\nimport { schema } from \"@json-render/react/schema\"\nimport { z } from \"zod\"\nimport { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from \"@hachej/boring-ui-kit\"\nimport type { GeneratedPaneSpec } from \"../shared\"\n\nexport type GeneratedPaneActionHandler = (params: Record<string, unknown>) => void | Promise<void>\n\nexport interface GeneratedPaneComponentDefinition {\n  props: z.ZodObject<Record<string, z.ZodType>>\n  slots?: string[]\n  description: string\n  component: (props: { props: Record<string, unknown>; children?: ReactNode; emit: (event: string) => void }) => ReactNode\n}\n\nexport interface GeneratedPaneActionDefinition {\n  description: string\n  params?: z.ZodObject<Record<string, z.ZodType>>\n  handler?: GeneratedPaneActionHandler\n}\n\nexport interface GeneratedPaneProfile {\n  id: string\n  label: string\n  components: Record<string, GeneratedPaneComponentDefinition>\n  actions?: Record<string, GeneratedPaneActionDefinition>\n}\n\nexport function defineGeneratedPaneProfile(profile: GeneratedPaneProfile): GeneratedPaneProfile {\n  return profile\n}\n\nexport const baseGeneratedPaneProfile = defineGeneratedPaneProfile({\n  id: \"base\",\n  label: \"Generated Pane\",\n  components: {\n    Card: {\n      description: \"A bordered content card with an optional title and description.\",\n      slots: [\"default\"],\n      props: z.object({ title: z.string().optional(), description: z.string().optional() }),\n      component: ({ props, children }) => (\n        <Card>\n          {props.title || props.description ? (\n            <CardHeader>\n              {typeof props.title === \"string\" ? <CardTitle>{props.title}</CardTitle> : null}\n              {typeof props.description === \"string\" ? <CardDescription>{props.description}</CardDescription> : null}\n            </CardHeader>\n          ) : null}\n          <CardContent>{children}</CardContent>\n        </Card>\n      ),\n    },\n    Stack: {\n      description: \"Vertical stack for grouping child elements.\",\n      slots: [\"default\"],\n      props: z.object({ gap: z.enum([\"sm\", \"md\", \"lg\"]).optional() }),\n      component: ({ props, children }) => <div className={props.gap === \"sm\" ? \"space-y-2\" : props.gap === \"lg\" ? \"space-y-6\" : \"space-y-4\"}>{children}</div>,\n    },\n    Grid: {\n      description: \"Responsive grid layout for child elements.\",\n      slots: [\"default\"],\n      props: z.object({ columns: z.union([z.literal(1), z.literal(2), z.literal(3), z.literal(4)]).optional() }),\n      component: ({ props, children }) => {\n        const columns = props.columns === 3 ? \"lg:grid-cols-3\" : props.columns === 4 ? \"lg:grid-cols-4\" : props.columns === 1 ? \"grid-cols-1\" : \"lg:grid-cols-2\"\n        return <div className={`grid gap-4 ${columns}`}>{children}</div>\n      },\n    },\n    Text: {\n      description: \"Plain text block.\",\n      props: z.object({ text: z.string(), tone: z.enum([\"default\", \"muted\"]).optional() }),\n      component: ({ props }) => <p className={props.tone === \"muted\" ? \"text-sm text-muted-foreground\" : \"text-sm text-foreground\"}>{String(props.text)}</p>,\n    },\n    Badge: {\n      description: \"Small status badge.\",\n      props: z.object({ label: z.string(), variant: z.enum([\"default\", \"secondary\", \"outline\"]).optional() }),\n      component: ({ props }) => <Badge variant={(props.variant as \"default\" | \"secondary\" | \"outline\" | undefined) ?? \"secondary\"}>{String(props.label)}</Badge>,\n    },\n    Alert: {\n      description: \"Notice block for warnings, status, or context.\",\n      props: z.object({ title: z.string(), description: z.string().optional() }),\n      component: ({ props }) => (\n        <div className=\"rounded-lg border border-border bg-muted/40 p-3 text-sm\">\n          <div className=\"font-medium text-foreground\">{String(props.title)}</div>\n          {typeof props.description === \"string\" ? <div className=\"mt-1 text-muted-foreground\">{props.description}</div> : null}\n        </div>\n      ),\n    },\n    Button: {\n      description: \"Button that emits its press event to a configured action.\",\n      props: z.object({ label: z.string() }),\n      component: ({ props, emit }) => <Button size=\"sm\" onClick={() => emit(\"press\")}>{String(props.label)}</Button>,\n    },\n  },\n})\n\nexport function mergeGeneratedPaneProfiles(...profiles: GeneratedPaneProfile[]): GeneratedPaneProfile {\n  const [first, ...rest] = profiles\n  return {\n    id: first?.id ?? \"generated-pane\",\n    label: first?.label ?? \"Generated Pane\",\n    components: Object.assign({}, ...profiles.map((profile) => profile.components)),\n    actions: Object.assign({}, ...profiles.map((profile) => profile.actions ?? {})),\n  }\n}\n\nexport function createGeneratedPaneCatalog(profile: GeneratedPaneProfile) {\n  return defineCatalog(schema, {\n    components: Object.fromEntries(Object.entries(profile.components).map(([name, definition]) => [name, {\n      props: definition.props,\n      slots: definition.slots ?? [],\n      description: definition.description,\n    }])),\n    actions: Object.fromEntries(Object.entries(profile.actions ?? {}).map(([name, definition]) => [name, {\n      params: definition.params,\n      description: definition.description,\n    }])),\n  })\n}\n\nexport function GeneratedPaneRenderer({ spec, profile }: { spec: GeneratedPaneSpec; profile?: GeneratedPaneProfile }) {\n  const activeProfile = profile ? mergeGeneratedPaneProfiles(baseGeneratedPaneProfile, profile) : baseGeneratedPaneProfile\n  const catalog = createGeneratedPaneCatalog(activeProfile)\n  const normalizedElements = Object.fromEntries(Object.entries(spec.elements).map(([id, element]) => [id, {\n    ...element,\n    props: element.props ?? {},\n    children: element.children ?? [],\n    visible: \"visible\" in element ? element.visible : true,\n  }]))\n  const validation = catalog.validate({ root: spec.root, elements: normalizedElements })\n  if (!validation.success) {\n    return <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive\">Invalid generated pane spec: {validation.error?.issues.slice(0, 3).map((issue) => issue.message).join(\" • \")}</div>\n  }\n  if (!validation.data) {\n    return <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive\">Invalid generated pane spec</div>\n  }\n  const { registry } = defineRegistry(catalog, {\n    components: Object.fromEntries(Object.entries(activeProfile.components).map(([name, definition]) => [name, ({ props, children, emit }: { props: Record<string, unknown>; children?: ReactNode; emit: (event: string) => void }) => definition.component({ props, children, emit })])),\n    actions: {},\n  })\n  return (\n    <JSONUIProvider registry={registry} handlers={{}}>\n      <Renderer spec={validation.data as never} registry={registry} />\n    </JSONUIProvider>\n  )\n}\n","import { useEffect, useMemo, useState } from \"react\"\nimport { FileJson2, PanelTop, RefreshCw } from \"lucide-react\"\nimport { Badge, EmptyState, IconButton } from \"@hachej/boring-ui-kit\"\nimport { useApiBaseUrl, useWorkspaceRequestId } from \"@hachej/boring-workspace\"\nimport type { PaneProps } from \"@hachej/boring-workspace/plugin\"\nimport { GENERATED_PANE_PANEL_ID } from \"./constants\"\n\nexport interface GeneratedPaneExplorerConfig {\n  title?: string\n  patterns?: string[]\n  panelId?: string\n  itemLabel?: string\n  emptyTitle?: string\n  emptyDescription?: string\n}\n\ninterface PaneSearchState {\n  loading: boolean\n  error?: string\n  paths: string[]\n}\n\ninterface PaneSearchResponse {\n  results?: string[]\n}\n\nconst DEFAULT_PATTERNS = [\"**/*.pane.json\"]\n\nfunction titleFromPath(path: string): string {\n  const file = path.split(\"/\").pop() ?? path\n  return file\n    .replace(/\\.(pane|dashboard)\\.json$/i, \"\")\n    .replace(/[-_]+/g, \" \")\n}\n\nfunction matchesQuery(path: string, query: string | undefined): boolean {\n  const value = query?.trim().toLowerCase()\n  if (!value) return true\n  return path.toLowerCase().includes(value) || titleFromPath(path).toLowerCase().includes(value)\n}\n\nfunction dedupeAndSort(values: string[]): string[] {\n  return [...new Set(values)].sort((a, b) => a.localeCompare(b))\n}\n\nexport function createGeneratedPaneExplorerPane(config: GeneratedPaneExplorerConfig = {}) {\n  return function GeneratedPaneExplorerPaneWithConfig(props: PaneProps<{ searchQuery?: string }>) {\n    return <GeneratedPaneExplorerPane {...props} config={config} />\n  }\n}\n\nexport function GeneratedPaneExplorerPane({ params, containerApi, config = {} }: PaneProps<{ searchQuery?: string }> & { config?: GeneratedPaneExplorerConfig }) {\n  const apiBaseUrl = useApiBaseUrl()\n  const workspaceId = useWorkspaceRequestId()\n  const patterns = config.patterns?.length ? config.patterns : DEFAULT_PATTERNS\n  const panelId = config.panelId ?? GENERATED_PANE_PANEL_ID\n  const title = config.title ?? \"Panes\"\n  const itemLabel = config.itemLabel ?? \"Generated pane\"\n  const [state, setState] = useState<PaneSearchState>({ loading: true, paths: [] })\n  const [refreshKey, setRefreshKey] = useState(0)\n\n  useEffect(() => {\n    const controller = new AbortController()\n    setState((prev) => ({ ...prev, loading: true, error: undefined }))\n    void Promise.all(patterns.map(async (pattern) => {\n      const response = await fetch(`${apiBaseUrl}/api/v1/files/search?q=${encodeURIComponent(pattern)}&limit=500`, {\n        signal: controller.signal,\n        credentials: \"include\",\n        headers: workspaceId ? { \"x-boring-workspace-id\": workspaceId } : {},\n      })\n      if (!response.ok) throw new Error(`Pane search failed for ${pattern} with HTTP ${response.status}`)\n      const body = await response.json() as PaneSearchResponse\n      return body.results ?? []\n    }))\n      .then((groups) => {\n        setState({ loading: false, paths: dedupeAndSort(groups.flat()) })\n      })\n      .catch((error) => {\n        if (controller.signal.aborted) return\n        setState({ loading: false, paths: [], error: error instanceof Error ? error.message : String(error) })\n      })\n    return () => controller.abort()\n  }, [apiBaseUrl, patterns.join(\"\\n\"), refreshKey, workspaceId])\n\n  const paths = useMemo(\n    () => state.paths.filter((path) => matchesQuery(path, params?.searchQuery)),\n    [params?.searchQuery, state.paths],\n  )\n\n  const openPane = (path: string) => {\n    containerApi.addPanel({\n      id: `${panelId}:${path}`,\n      component: panelId,\n      title: titleFromPath(path),\n      params: { path },\n    })\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col text-sm\">\n      <div className=\"flex items-center justify-between border-b border-border/60 px-3 py-2\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <PanelTop className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"truncate font-medium\">{title}</span>\n          <Badge variant=\"secondary\">{state.paths.length}</Badge>\n        </div>\n        <IconButton\n          type=\"button\"\n          aria-label={`Refresh ${title.toLowerCase()}`}\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          onClick={() => setRefreshKey((value) => value + 1)}\n          disabled={state.loading}\n        >\n          <RefreshCw className={`h-3.5 w-3.5 ${state.loading ? \"animate-spin\" : \"\"}`} />\n        </IconButton>\n      </div>\n\n      <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n        {state.error ? (\n          <EmptyState title={`Could not list ${title.toLowerCase()}`} description={state.error} />\n        ) : state.loading ? (\n          <div className=\"px-2 py-3 text-xs text-muted-foreground\">Scanning {title.toLowerCase()}…</div>\n        ) : paths.length === 0 ? (\n          <EmptyState\n            title={config.emptyTitle ?? `No ${title.toLowerCase()} found`}\n            description={config.emptyDescription ?? `Create ${patterns.join(\" or \")} files to list them here.`}\n          />\n        ) : (\n          <div className=\"space-y-1\">\n            {paths.map((path) => (\n              <button\n                key={path}\n                type=\"button\"\n                onClick={() => openPane(path)}\n                className=\"flex w-full min-w-0 items-start gap-2 rounded-lg px-2 py-2 text-left hover:bg-background/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n              >\n                <FileJson2 className=\"mt-0.5 h-4 w-4 shrink-0 text-muted-foreground\" />\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate text-[13px] font-medium text-foreground\">{titleFromPath(path)}</span>\n                  <span className=\"block truncate text-[11px] text-muted-foreground\">{path}</span>\n                </span>\n                <Badge variant=\"outline\" className=\"mt-0.5 shrink-0 text-[10px]\">{itemLabel}</Badge>\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","export const GENERATED_PANE_PANEL_ID = \"generated-pane.panel\"\nexport const GENERATED_PANE_EXPLORER_LEFT_TAB_ID = \"generated-pane.explorer\"\n","import {\n  WORKSPACE_OPEN_PATH_SURFACE_KIND,\n  type BoringFrontSurfaceResolverRegistration,\n} from \"@hachej/boring-workspace/plugin\"\nimport { GENERATED_PANE_PANEL_ID } from \"./constants\"\n\nexport function isGeneratedPanePath(path: string): boolean {\n  return /(^|\\/)panes\\/[^/].*\\.pane\\.json$/i.test(path) || /\\.pane\\.json$/i.test(path)\n}\n\nfunction titleFromPath(path: string): string {\n  const file = path.split(\"/\").pop() ?? path\n  return file.replace(/\\.pane\\.json$/i, \"\").replace(/[-_]+/g, \" \")\n}\n\nexport const generatedPaneSurfaceResolver: BoringFrontSurfaceResolverRegistration = {\n  id: \"generated-pane.open-path\",\n  kind: WORKSPACE_OPEN_PATH_SURFACE_KIND,\n  source: \"app\",\n  resolve: (request) => {\n    if (request.kind !== WORKSPACE_OPEN_PATH_SURFACE_KIND) return null\n    const target = String(request.target ?? \"\")\n    if (!isGeneratedPanePath(target)) return null\n    return {\n      component: GENERATED_PANE_PANEL_ID,\n      title: titleFromPath(target),\n      params: { path: target },\n      score: 110,\n    }\n  },\n}\n"],"mappings":"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","names":["PanelTop","Badge","jsx","jsxs","Badge","useEffect","useState","Badge","EmptyState","useApiBaseUrl","useWorkspaceRequestId","jsx","jsxs","useApiBaseUrl","useWorkspaceRequestId","useState","useEffect","Badge","EmptyState","titleFromPath","PanelTop"]}

package/dist/shared/index.d.ts

@@ -0,0 +1,22 @@
+interface GeneratedPaneElementSpec {
+    type: string;
+    props?: Record<string, unknown>;
+    children?: string[];
+}
+interface GeneratedPaneSpec {
+    kind: "boring.generated-pane";
+    version: 1;
+    profile?: string;
+    title?: string;
+    description?: string;
+    root: string;
+    elements: Record<string, GeneratedPaneElementSpec>;
+    queries?: Record<string, unknown>;
+}
+interface GeneratedPaneValidationResult {
+    spec: GeneratedPaneSpec | null;
+    errors: string[];
+}
+declare function parseGeneratedPaneSpec(value: unknown): GeneratedPaneValidationResult;
+
+export { type GeneratedPaneElementSpec, type GeneratedPaneSpec, type GeneratedPaneValidationResult, parseGeneratedPaneSpec };

package/dist/shared/index.js

@@ -0,0 +1,7 @@
+import {
+  parseGeneratedPaneSpec
+} from "../chunk-4IMMGGBQ.js";
+export {
+  parseGeneratedPaneSpec
+};
+//# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/docs/issues/generated-pane-json-render/README.md

@@ -0,0 +1,98 @@
+# Generated pane plugin backed by json-render
+
+## Decision
+
+Create a first-party `@hachej/boring-generated-pane` plugin that gives any workspace a safe, agent-authored UI pane system. It uses Vercel Labs `json-render` as the rendering/catalog substrate and keeps boring-ui as the workspace/security boundary.
+
+## Goals
+
+- Agents generate JSON pane specs, never React/JS.
+- Child apps and plugins define distinct component catalogs.
+- Specs validate against the active catalog before render.
+- BI dashboard is a `profile: "bi-dashboard"` component pack on top of generated-pane, not a parallel `bsl.dashboard` UI DSL.
+- Plugin examples/evals/playground live with the plugin, not in the generic workspace playground.
+
+## Non-goals
+
+- Do not make generated-pane a default workspace-playground plugin.
+- Do not make `bsl.dashboard` the primary dashboard format unless BSL later needs a portable external contract.
+- Do not execute generated functions, inline JavaScript, or arbitrary action handlers from specs.
+
+## Spec shape
+
+```json
+{
+  "kind": "boring.generated-pane",
+  "version": 1,
+  "profile": "bi-dashboard",
+  "title": "Revenue Overview",
+  "root": "main",
+  "elements": {
+    "main": { "type": "DashboardGrid", "props": { "columns": 12 }, "children": ["chart"] },
+    "chart": { "type": "BSLChart", "props": { "queryId": "revenue", "chartType": "line" } }
+  },
+  "queries": {}
+}
+```
+
+## Architecture
+
+```txt
+@hachej/boring-generated-pane
+  - owns boring.generated-pane envelope validation
+  - wraps @json-render/core + @json-render/react
+  - exposes defineGeneratedPaneProfile(...)
+  - provides safe base components
+  - provides generic GeneratedPanePane/GeneratedPaneRenderer
+
+@hachej/boring-bi-dashboard
+  - depends on generated-pane
+  - contributes a bi-dashboard profile/catalog:
+    DashboardGrid, BSLMetric, BSLChart, BSLPerspectiveViewer, BSLFilter, BSLText
+  - owns dashboard query loading and data bridge binding
+  - keeps dashboard examples/evals/playground under plugins/bi-dashboard
+```
+
+## Safety boundary
+
+- `json-render` validates the renderable `root/elements` tree against the catalog.
+- Boring validates the outer envelope (`kind`, `version`, `profile`, acyclic ids, plugin-specific query invariants).
+- Component implementations are real React components authored by trusted plugins/apps.
+- Generated specs cannot import modules or execute code.
+- Future action components must route through explicit WorkspaceBridge allowlists.
+
+## Child app extension model
+
+A child app defines a profile/catalog with its own components, for example:
+
+```ts
+defineGeneratedPaneProfile({
+  id: "seneca",
+  label: "Seneca",
+  components: {
+    StudentCard,
+    AssignmentList,
+    GradeTrendChart,
+  },
+})
+```
+
+The agent sees only the active catalog/profile instructions, and the renderer rejects unknown components/props.
+
+## Implementation steps
+
+1. Add `plugins/generated-pane` package with json-render dependencies, base profile, renderer, generic panel, skill, example, and playground docs.
+2. Convert BI dashboard specs from `kind: bsl.dashboard` + `components` to `kind: boring.generated-pane`, `profile: bi-dashboard`, and `elements`.
+3. Replace BI dashboard's hand-rolled recursive renderer with `GeneratedPaneRenderer` plus a dashboard profile.
+4. Keep BI dashboard query/data bridge logic in BI dashboard; generated-pane remains domain-neutral.
+5. Keep all examples/evals/playground helpers inside plugin folders.
+6. Run focused package gates for generated-pane, data-bridge, and bi-dashboard.
+
+## Acceptance
+
+- PR diff remains plugin-scoped except lockfile.
+- `@hachej/boring-generated-pane` typechecks/builds.
+- BI dashboard renders through generated-pane/json-render.
+- BI dashboard sample/tests use `boring.generated-pane` + `profile: bi-dashboard` + `elements`.
+- No workspace-playground default plugin wiring is added.
+- Thermo review finds no structural blocker.

package/example/.gitignore

@@ -0,0 +1,12 @@
+*
+!.gitignore
+!README.md
+!panes/
+!panes/**
+!eval/
+!eval/**
+!.pi/
+!.pi/extensions/
+!.pi/extensions/generated-pane/
+!.pi/extensions/generated-pane/**
+.pi/extensions/generated-pane/.boring-signature.json

package/example/.pi/extensions/generated-pane/front/index.ts

@@ -0,0 +1 @@
+export { default } from "@hachej/boring-generated-pane/front"

package/example/.pi/extensions/generated-pane/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "generated-pane-demo-extension",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "boring": {
+    "id": "generated-pane",
+    "label": "Generated Pane Demo",
+    "front": "front/index.ts"
+  }
+}

package/example/README.md

@@ -0,0 +1,5 @@
+# Generated pane demo workspace
+
+This fixture contains a valid generated pane spec under `panes/` and is used by the plugin-local playground/eval runner.
+
+It also contains `.pi/extensions/generated-pane`, a tiny workspace-local front extension that re-exports `@hachej/boring-generated-pane/front` for manual browser testing with external plugins enabled.

package/example/eval/generated-pane.yaml

@@ -0,0 +1,24 @@
+# Eval suite: generic generated-pane authoring.
+#
+# Run from the repo root:
+#   pnpm --filter @hachej/boring-generated-pane playground:eval
+
+model:
+  provider: openai-codex
+  id: gpt-5.5
+
+defaults:
+  retries: 1
+  timeoutMs: 180000
+
+prompts:
+  - prompt: Can you make me a launch readiness view for this workspace? I want to open it as a pane later.
+    expect:
+      - tool: write
+        params:
+          path: !EvalRegex 'panes/.+\.pane\.json'
+          content: !EvalRegex '"kind"\s*:\s*"boring\.generated-pane"'
+      - tool: write
+        params:
+          path: !EvalRegex 'panes/.+\.pane\.json'
+          content: !EvalRegex '"elements"\s*:'

package/example/panes/project-status.pane.json

@@ -0,0 +1,23 @@
+{
+  "kind": "boring.generated-pane",
+  "version": 1,
+  "profile": "base",
+  "title": "Project Status",
+  "description": "Example generated pane rendered from a safe json-render catalog.",
+  "root": "main",
+  "elements": {
+    "main": {
+      "type": "Card",
+      "props": { "title": "Launch readiness", "description": "Generated from JSON, not React code." },
+      "children": ["stack"]
+    },
+    "stack": {
+      "type": "Stack",
+      "props": { "gap": "md" },
+      "children": ["badge", "summary", "notice"]
+    },
+    "badge": { "type": "Badge", "props": { "label": "On track", "variant": "secondary" } },
+    "summary": { "type": "Text", "props": { "text": "The generated-pane plugin validates this spec against a component catalog before rendering." } },
+    "notice": { "type": "Alert", "props": { "title": "Safe by default", "description": "Unknown components, props, and actions are rejected." } }
+  }
+}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@hachej/boring-generated-pane",
+  "version": "0.1.60",
+  "type": "module",
+  "private": false,
+  "license": "MIT",
+  "description": "Generated pane runtime for Boring workspace using json-render catalogs and safe WorkspaceBridge-backed actions.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hachej/boring-ui"
+  },
+  "homepage": "https://github.com/hachej/boring-ui",
+  "boring": {
+    "id": "generated-pane",
+    "label": "Generated Pane",
+    "front": "dist/front/index.js",
+    "server": false
+  },
+  "pi": {
+    "skills": [
+      "skills/generated-pane-authoring"
+    ],
+    "systemPrompt": "Use the generated-pane-authoring skill when the user asks to create a custom workspace pane from available components. Pane files should live under panes/*.pane.json."
+  },
+  "files": [
+    "dist",
+    "skills",
+    "example",
+    "playground",
+    "docs",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/front/index.d.ts",
+      "import": "./dist/front/index.js"
+    },
+    "./front": {
+      "types": "./dist/front/index.d.ts",
+      "import": "./dist/front/index.js"
+    },
+    "./shared": {
+      "types": "./dist/shared/index.d.ts",
+      "import": "./dist/shared/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@hachej/boring-workspace": "0.1.60"
+  },
+  "dependencies": {
+    "@json-render/core": "^0.19.0",
+    "@json-render/react": "^0.19.0",
+    "lucide-react": "^1.8.0",
+    "zod": "^4.3.6",
+    "@hachej/boring-ui-kit": "0.1.60"
+  },
+  "devDependencies": {
+    "tsx": "^4.21.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.4.0",
+    "typescript": "~5.9.3",
+    "vitest": "^3.2.6",
+    "@hachej/boring-agent": "0.1.60",
+    "@hachej/boring-workspace": "0.1.60"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "playground:eval": "tsx playground/run-eval.ts",
+    "lint": "pnpm run typecheck",
+    "clean": "rm -rf dist .tsbuildinfo"
+  }
+}

package/playground/README.md

@@ -0,0 +1,20 @@
+# Generated pane playground
+
+Run this plugin in the existing workspace playground without making it a default playground plugin. The demo workspace includes `.pi/extensions/generated-pane`, which loads the plugin as a workspace-local front extension:
+
+```bash
+pnpm --filter @hachej/boring-generated-pane build
+BORING_EXTERNAL_PLUGINS=1 \
+BORING_AGENT_WORKSPACE_ROOT="$PWD/plugins/generated-pane/example" \
+pnpm --filter workspace-playground dev
+```
+
+Open `panes/project-status.pane.json` with the generated-pane panel.
+
+## Eval playground
+
+Run the authoring eval and validate that the agent wrote parseable `boring.generated-pane` JSON:
+
+```bash
+pnpm --filter @hachej/boring-generated-pane playground:eval
+```

package/playground/run-eval.ts

@@ -0,0 +1,99 @@
+#!/usr/bin/env -S tsx
+import { cpSync, mkdtempSync } from "node:fs"
+import { tmpdir } from "node:os"
+import { dirname, join, resolve } from "node:path"
+import { fileURLToPath } from "node:url"
+import { runEvalSuite, type SuiteReport } from "@hachej/boring-agent/eval"
+import { createWorkspaceAgentServer } from "@hachej/boring-workspace/app/server"
+import { parseGeneratedPaneSpec } from "../src/shared/index"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+const PLUGIN_ROOT = resolve(__dirname, "..")
+const EXAMPLE_ROOT = resolve(PLUGIN_ROOT, "example")
+const DEFAULT_EVAL = resolve(EXAMPLE_ROOT, "eval/generated-pane.yaml")
+
+function seedWorkspace(): string {
+  const root = mkdtempSync(join(tmpdir(), "generated-pane-playground-"))
+  cpSync(EXAMPLE_ROOT, root, { recursive: true })
+  return root
+}
+
+async function main(): Promise<number> {
+  const fixturesPath = resolve(process.argv[2] ?? DEFAULT_EVAL)
+  const workspaceRoot = seedWorkspace()
+  console.log(`[generated-pane playground] running suite: ${fixturesPath}`)
+  console.log(`[generated-pane playground] seeded workspace: ${workspaceRoot}`)
+
+  const app = await createWorkspaceAgentServer({
+    workspaceRoot,
+    appRoot: PLUGIN_ROOT,
+    mode: "local",
+    logger: false,
+    defaultPluginPackages: ["@hachej/boring-generated-pane"],
+  })
+
+  try {
+    const report = await runEvalSuite({ app, fixturesPath, concurrency: 1 })
+    console.log(
+      `[generated-pane playground] ${report.passed}/${report.total} passed (${(report.passRate * 100).toFixed(1)}%) in ${(report.totalDurationMs / 1000).toFixed(1)}s`,
+    )
+
+    const validationErrors = validateWrittenPanes(report)
+    if (validationErrors.length > 0) {
+      console.error("\n[generated-pane playground] generated pane validation failed:")
+      for (const error of validationErrors) console.error(`  - ${error}`)
+      return 1
+    }
+
+    if (!report.allPassed) {
+      console.error(`\n[generated-pane playground] ${report.failed} prompt(s) failed:`)
+      for (const r of report.results) {
+        if (r.ok) continue
+        console.error(`\n  prompt: ${r.prompt}`)
+        console.error(`  reason: ${r.reason ?? "(no reason)"}`)
+        if (r.actual.length > 0) {
+          console.error(`  actual calls: ${JSON.stringify(r.actual, null, 2).replace(/\n/g, "\n  ")}`)
+        }
+        if (r.text) {
+          console.error(`  text: ${r.text.slice(0, 200)}${r.text.length > 200 ? "…" : ""}`)
+        }
+      }
+      return 1
+    }
+
+    return 0
+  } finally {
+    await app.close()
+  }
+}
+
+function validateWrittenPanes(report: SuiteReport): string[] {
+  const errors: string[] = []
+  for (const result of report.results) {
+    for (const call of result.actual) {
+      if (call.tool !== "write") continue
+      const path = typeof call.params.path === "string" ? call.params.path : ""
+      if (!/\.pane\.json$/i.test(path)) continue
+      if (typeof call.params.content !== "string") {
+        errors.push(`${path || "pane write"}: content is not a string`)
+        continue
+      }
+      try {
+        const parsed = parseGeneratedPaneSpec(JSON.parse(call.params.content))
+        if (!parsed.spec) errors.push(`${path}: ${parsed.errors.join("; ")}`)
+      } catch (error) {
+        errors.push(`${path}: invalid JSON (${error instanceof Error ? error.message : String(error)})`)
+      }
+    }
+  }
+  return errors
+}
+
+main().then(
+  (code) => process.exit(code),
+  (err) => {
+    console.error("[generated-pane playground] fatal:", err)
+    process.exit(2)
+  },
+)

package/skills/generated-pane-authoring/SKILL.md

@@ -0,0 +1,34 @@
+---
+name: generated-pane-authoring
+description: Create and edit boring.generated-pane JSON specs from predefined safe component catalogs.
+---
+
+# Generated Pane Authoring
+
+Use when the user asks for a custom pane, dashboard, report, workflow UI, status view, or other workspace UI composed from predefined components.
+
+Write JSON specs to `panes/*.pane.json` unless a profile/plugin says otherwise.
+
+Required root shape:
+
+```json
+{
+  "kind": "boring.generated-pane",
+  "version": 1,
+  "profile": "base",
+  "title": "Short title",
+  "root": "main",
+  "elements": {
+    "main": { "type": "Card", "props": { "title": "Overview" }, "children": [] }
+  }
+}
+```
+
+Rules:
+
+- Do not generate React, JavaScript, functions, or inline event handlers.
+- Use only components documented by the active profile/catalog.
+- Use only props documented for each component.
+- Keep element ids stable and descriptive.
+- Prefer a simple tree: one root layout, then cards/sections/widgets.
+- Actions must reference catalog-approved actions only.