@contractspec/lib.example-shared-ui 3.4.2 → 4.0.0

package/.turbo/turbo-build.log

@@ -2,85 +2,94 @@ $ contractspec-bun-build prebuild
 $ bun run prebuild && bun run build:bundle && bun run build:types
 $ contractspec-bun-build prebuild
 $ contractspec-bun-build transpile
-[contractspec-bun-build] transpile target=bun root=src entries=23
-Bundled 23 modules in 50ms
+[contractspec-bun-build] transpile target=bun root=src entries=26
+Bundled 26 modules in 37ms
 
   ./EvolutionDashboard.js             31.40 KB   (entry point)
-  ./index.js                          120.97 KB  (entry point)
+  ./index.js                          123.75 KB  (entry point)
+  utils/index.js                      10.1 KB    (entry point)
   lib/component-registry.js           1.23 KB    (entry point)
   lib/types.js                        8 bytes    (entry point)
   ./overlay-types.js                  8 bytes    (entry point)
-  utils/index.js                      10.1 KB    (entry point)
   utils/fetchPresentationData.js      461 bytes  (entry point)
+  ./SpecEditorPanel.js                19.64 KB   (entry point)
   ./TemplateShell.js                  6.84 KB    (entry point)
+  bundles/index.js                    2.44 KB    (entry point)
+  bundles/ExampleTemplateBundle.js    2.44 KB    (entry point)
   hooks/index.js                      44.1 KB    (entry point)
-  hooks/useRegistryTemplates.js       0.94 KB    (entry point)
   hooks/useWorkflowComposer.js        13.67 KB   (entry point)
+  hooks/useSpecContent.js             14.30 KB   (entry point)
+  utils/generateSpecFromTemplate.js   9.65 KB    (entry point)
+  hooks/useRegistryTemplates.js       0.94 KB    (entry point)
   ./EvolutionSidebar.js               21.24 KB   (entry point)
   hooks/useEvolution.js               9.50 KB    (entry point)
-  ./LocalDataIndicator.js             2.20 KB    (entry point)
   ./MarkdownView.js                   11.40 KB   (entry point)
   ./OverlayContextProvider.js         5.89 KB    (entry point)
   ./PersonalizationInsights.js        17.74 KB   (entry point)
   hooks/useBehaviorTracking.js        5.53 KB    (entry point)
+  ./SpecDrivenTemplateShell.js        6.90 KB    (entry point)
+  ./LocalDataIndicator.js             2.20 KB    (entry point)
   ./SaveToStudioButton.js             2.33 KB    (entry point)
-  ./SpecEditorPanel.js                19.64 KB   (entry point)
-  hooks/useSpecContent.js             14.30 KB   (entry point)
-  utils/generateSpecFromTemplate.js   9.65 KB    (entry point)
   lib/runtime-context.js              430 bytes  (entry point)
 
-[contractspec-bun-build] transpile target=node root=src entries=23
-Bundled 23 modules in 60ms
+[contractspec-bun-build] transpile target=node root=src entries=26
+Bundled 26 modules in 46ms
 
   ./EvolutionDashboard.js             31.38 KB   (entry point)
-  ./index.js                          120.92 KB  (entry point)
+  ./index.js                          123.69 KB  (entry point)
+  utils/index.js                      10.1 KB    (entry point)
   lib/component-registry.js           1.22 KB    (entry point)
   lib/types.js                        0 KB       (entry point)
   ./overlay-types.js                  0 KB       (entry point)
-  utils/index.js                      10.1 KB    (entry point)
   utils/fetchPresentationData.js      453 bytes  (entry point)
+  ./SpecEditorPanel.js                19.63 KB   (entry point)
   ./TemplateShell.js                  6.83 KB    (entry point)
+  bundles/index.js                    2.43 KB    (entry point)
+  bundles/ExampleTemplateBundle.js    2.43 KB    (entry point)
   hooks/index.js                      44.1 KB    (entry point)
-  hooks/useRegistryTemplates.js       0.93 KB    (entry point)
   hooks/useWorkflowComposer.js        13.67 KB   (entry point)
+  hooks/useSpecContent.js             14.29 KB   (entry point)
+  utils/generateSpecFromTemplate.js   9.64 KB    (entry point)
+  hooks/useRegistryTemplates.js       0.93 KB    (entry point)
   ./EvolutionSidebar.js               21.23 KB   (entry point)
   hooks/useEvolution.js               9.50 KB    (entry point)
-  ./LocalDataIndicator.js             2.19 KB    (entry point)
   ./MarkdownView.js                   11.40 KB   (entry point)
   ./OverlayContextProvider.js         5.88 KB    (entry point)
   ./PersonalizationInsights.js        17.71 KB   (entry point)
   hooks/useBehaviorTracking.js        5.52 KB    (entry point)
+  ./SpecDrivenTemplateShell.js        6.88 KB    (entry point)
+  ./LocalDataIndicator.js             2.19 KB    (entry point)
   ./SaveToStudioButton.js             2.32 KB    (entry point)
-  ./SpecEditorPanel.js                19.63 KB   (entry point)
-  hooks/useSpecContent.js             14.29 KB   (entry point)
-  utils/generateSpecFromTemplate.js   9.64 KB    (entry point)
   lib/runtime-context.js              422 bytes  (entry point)
 
-[contractspec-bun-build] transpile target=browser root=src entries=23
-Bundled 23 modules in 42ms
+[contractspec-bun-build] transpile target=browser root=src entries=26
+Bundled 26 modules in 111ms
 
   ./EvolutionDashboard.js             31.38 KB   (entry point)
-  ./index.js                          120.92 KB  (entry point)
+  ./index.js                          123.69 KB  (entry point)
+  utils/index.js                      10.1 KB    (entry point)
   lib/component-registry.js           1.22 KB    (entry point)
   lib/types.js                        0 KB       (entry point)
   ./overlay-types.js                  0 KB       (entry point)
-  utils/index.js                      10.1 KB    (entry point)
   utils/fetchPresentationData.js      453 bytes  (entry point)
+  ./SpecEditorPanel.js                19.63 KB   (entry point)
   ./TemplateShell.js                  6.83 KB    (entry point)
+  bundles/index.js                    2.43 KB    (entry point)
+  bundles/ExampleTemplateBundle.js    2.43 KB    (entry point)
   hooks/index.js                      44.1 KB    (entry point)
-  hooks/useRegistryTemplates.js       0.93 KB    (entry point)
   hooks/useWorkflowComposer.js        13.67 KB   (entry point)
+  hooks/useSpecContent.js             14.29 KB   (entry point)
+  utils/generateSpecFromTemplate.js   9.64 KB    (entry point)
+  hooks/useRegistryTemplates.js       0.93 KB    (entry point)
   ./EvolutionSidebar.js               21.23 KB   (entry point)
   hooks/useEvolution.js               9.50 KB    (entry point)
-  ./LocalDataIndicator.js             2.19 KB    (entry point)
   ./MarkdownView.js                   11.40 KB   (entry point)
   ./OverlayContextProvider.js         5.88 KB    (entry point)
   ./PersonalizationInsights.js        17.71 KB   (entry point)
   hooks/useBehaviorTracking.js        5.52 KB    (entry point)
+  ./SpecDrivenTemplateShell.js        6.88 KB    (entry point)
+  ./LocalDataIndicator.js             2.19 KB    (entry point)
   ./SaveToStudioButton.js             2.32 KB    (entry point)
-  ./SpecEditorPanel.js                19.63 KB   (entry point)
-  hooks/useSpecContent.js             14.29 KB   (entry point)
-  utils/generateSpecFromTemplate.js   9.64 KB    (entry point)
   lib/runtime-context.js              422 bytes  (entry point)
 
 $ contractspec-bun-build types

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @contractspec/lib.example-shared-ui
 
+## 4.0.0
+
+### Minor Changes
+
+- 230bdf6: feat: ai-chat wireing
+
+### Patch Changes
+
+- 66c51da: feat(example-shared-ui): add SpecDrivenTemplateShell, ExampleTemplateBundle, bundles export
+  - Add SpecDrivenTemplateShell component
+  - Add ExampleTemplateBundle and bundles/index
+  - Add optional peer @contractspec/lib.surface-runtime
+
+- Updated dependencies [1fa29a0]
+- Updated dependencies [230bdf6]
+  - @contractspec/lib.surface-runtime@0.3.0
+  - @contractspec/lib.contracts-spec@3.5.0
+  - @contractspec/lib.design-system@3.5.0
+  - @contractspec/lib.ui-kit-web@3.5.0
+
+## 3.4.3
+
+### Patch Changes
+
+- 5f7c617: feat: improve ai docs
+- Updated dependencies [5f7c617]
+  - @contractspec/lib.contracts-spec@3.4.3
+  - @contractspec/lib.design-system@3.4.3
+  - @contractspec/lib.ui-kit-web@3.4.3
+
 ## 3.4.2
 
 ### Patch Changes

package/dist/SpecDrivenTemplateShell.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { ResolvedSurfacePlan } from '@contractspec/lib.surface-runtime/runtime/resolve-bundle';
+import { type SaveToStudioButtonProps } from './SaveToStudioButton';
+export interface SpecDrivenTemplateShellProps {
+    plan: ResolvedSurfacePlan;
+    title: string;
+    description?: string;
+    sidebar?: ReactNode;
+    actions?: ReactNode;
+    children: ReactNode;
+    showSaveAction?: boolean;
+    saveProps?: SaveToStudioButtonProps;
+}
+/**
+ * Template shell driven by surface-runtime bundle spec.
+ * Uses BundleRenderer for adaptive, preference-driven layouts.
+ * Requires @contractspec/lib.surface-runtime as peer dependency.
+ */
+export declare function SpecDrivenTemplateShell({ plan, title, description, sidebar, actions, showSaveAction, saveProps, children, }: SpecDrivenTemplateShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/SpecDrivenTemplateShell.js

@@ -0,0 +1,195 @@
+// @bun
+// src/lib/runtime-context.tsx
+import { createContext, useContext } from "react";
+"use client";
+var TemplateRuntimeContext = createContext(null);
+function useTemplateRuntime() {
+  const context = useContext(TemplateRuntimeContext);
+  if (!context) {
+    throw new Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");
+  }
+  return context;
+}
+
+// src/LocalDataIndicator.tsx
+import { RefreshCw, Shield } from "lucide-react";
+import { useState } from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function LocalDataIndicator() {
+  const { projectId, templateId, template, installer } = useTemplateRuntime();
+  const [isResetting, setIsResetting] = useState(false);
+  const handleReset = async () => {
+    setIsResetting(true);
+    try {
+      await installer.install(templateId, { projectId });
+    } finally {
+      setIsResetting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "border-border bg-muted/40 text-muted-foreground inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs",
+    children: [
+      /* @__PURE__ */ jsxDEV(Shield, {
+        className: "h-3.5 w-3.5 text-violet-400"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("span", {
+        children: [
+          "Local runtime \xB7",
+          " ",
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "text-foreground font-semibold",
+            children: template.name
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("button", {
+        type: "button",
+        className: "border-border text-muted-foreground hover:text-foreground inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold",
+        onClick: handleReset,
+        disabled: isResetting,
+        children: [
+          /* @__PURE__ */ jsxDEV(RefreshCw, {
+            className: "h-3 w-3"
+          }, undefined, false, undefined, this),
+          isResetting ? "Resetting\u2026" : "Reset data"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/SaveToStudioButton.tsx
+import { useState as useState2 } from "react";
+import { Sparkles } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function SaveToStudioButton({
+  organizationId = "demo-org",
+  projectName,
+  endpoint,
+  token
+}) {
+  const { installer, templateId, template } = useTemplateRuntime();
+  const [status, setStatus] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const handleSave = async () => {
+    setStatus("saving");
+    setError(null);
+    try {
+      await installer.saveToStudio({
+        templateId,
+        projectName: projectName ?? `${template.name} demo`,
+        organizationId,
+        endpoint,
+        token
+      });
+      setStatus("saved");
+      setTimeout(() => setStatus("idle"), 3000);
+    } catch (err) {
+      setStatus("error");
+      setError(err instanceof Error ? err.message : "Unknown error");
+    }
+  };
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "flex flex-col items-end gap-1",
+    children: [
+      /* @__PURE__ */ jsxDEV2("button", {
+        type: "button",
+        className: "btn-primary inline-flex items-center gap-2 text-sm",
+        onClick: handleSave,
+        disabled: status === "saving",
+        children: [
+          /* @__PURE__ */ jsxDEV2(Sparkles, {
+            className: "h-4 w-4"
+          }, undefined, false, undefined, this),
+          status === "saving" ? "Publishing\u2026" : "Save to Studio"
+        ]
+      }, undefined, true, undefined, this),
+      status === "error" && error ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "text-destructive text-xs",
+        children: error
+      }, undefined, false, undefined, this) : null,
+      status === "saved" ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "text-xs text-emerald-400",
+        children: "Template sent to Studio."
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/SpecDrivenTemplateShell.tsx
+import { BundleProvider, BundleRenderer } from "@contractspec/lib.surface-runtime/react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function SpecDrivenTemplateShell({
+  plan,
+  title,
+  description,
+  sidebar,
+  actions,
+  showSaveAction = true,
+  saveProps,
+  children
+}) {
+  const headerContent = /* @__PURE__ */ jsxDEV3("header", {
+    className: "border-border bg-card rounded-2xl border p-6 shadow-sm",
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex flex-wrap items-center justify-between gap-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("div", {
+            children: [
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+                children: "ContractSpec Templates"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("h1", {
+                className: "text-3xl font-bold",
+                children: title
+              }, undefined, false, undefined, this),
+              description ? /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground mt-2 max-w-2xl text-sm",
+                children: description
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "flex flex-col items-end gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV3(LocalDataIndicator, {}, undefined, false, undefined, this),
+              showSaveAction ? /* @__PURE__ */ jsxDEV3(SaveToStudioButton, {
+                ...saveProps
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      actions ? /* @__PURE__ */ jsxDEV3("div", {
+        className: "mt-4",
+        children: actions
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+  const slotContent = {
+    header: headerContent,
+    primary: /* @__PURE__ */ jsxDEV3("main", {
+      className: "space-y-4 p-2",
+      children
+    }, undefined, false, undefined, this)
+  };
+  if (sidebar != null) {
+    slotContent.sidebar = /* @__PURE__ */ jsxDEV3("aside", {
+      className: "border-border bg-card rounded-2xl border p-4",
+      children: sidebar
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3(BundleProvider, {
+    plan,
+    children: /* @__PURE__ */ jsxDEV3(BundleRenderer, {
+      slotContent
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  SpecDrivenTemplateShell
+};

package/dist/browser/SpecDrivenTemplateShell.js

@@ -0,0 +1,194 @@
+// src/lib/runtime-context.tsx
+import { createContext, useContext } from "react";
+"use client";
+var TemplateRuntimeContext = createContext(null);
+function useTemplateRuntime() {
+  const context = useContext(TemplateRuntimeContext);
+  if (!context) {
+    throw new Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");
+  }
+  return context;
+}
+
+// src/LocalDataIndicator.tsx
+import { RefreshCw, Shield } from "lucide-react";
+import { useState } from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function LocalDataIndicator() {
+  const { projectId, templateId, template, installer } = useTemplateRuntime();
+  const [isResetting, setIsResetting] = useState(false);
+  const handleReset = async () => {
+    setIsResetting(true);
+    try {
+      await installer.install(templateId, { projectId });
+    } finally {
+      setIsResetting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "border-border bg-muted/40 text-muted-foreground inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs",
+    children: [
+      /* @__PURE__ */ jsxDEV(Shield, {
+        className: "h-3.5 w-3.5 text-violet-400"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("span", {
+        children: [
+          "Local runtime ·",
+          " ",
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "text-foreground font-semibold",
+            children: template.name
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("button", {
+        type: "button",
+        className: "border-border text-muted-foreground hover:text-foreground inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold",
+        onClick: handleReset,
+        disabled: isResetting,
+        children: [
+          /* @__PURE__ */ jsxDEV(RefreshCw, {
+            className: "h-3 w-3"
+          }, undefined, false, undefined, this),
+          isResetting ? "Resetting…" : "Reset data"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/SaveToStudioButton.tsx
+import { useState as useState2 } from "react";
+import { Sparkles } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function SaveToStudioButton({
+  organizationId = "demo-org",
+  projectName,
+  endpoint,
+  token
+}) {
+  const { installer, templateId, template } = useTemplateRuntime();
+  const [status, setStatus] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const handleSave = async () => {
+    setStatus("saving");
+    setError(null);
+    try {
+      await installer.saveToStudio({
+        templateId,
+        projectName: projectName ?? `${template.name} demo`,
+        organizationId,
+        endpoint,
+        token
+      });
+      setStatus("saved");
+      setTimeout(() => setStatus("idle"), 3000);
+    } catch (err) {
+      setStatus("error");
+      setError(err instanceof Error ? err.message : "Unknown error");
+    }
+  };
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "flex flex-col items-end gap-1",
+    children: [
+      /* @__PURE__ */ jsxDEV2("button", {
+        type: "button",
+        className: "btn-primary inline-flex items-center gap-2 text-sm",
+        onClick: handleSave,
+        disabled: status === "saving",
+        children: [
+          /* @__PURE__ */ jsxDEV2(Sparkles, {
+            className: "h-4 w-4"
+          }, undefined, false, undefined, this),
+          status === "saving" ? "Publishing…" : "Save to Studio"
+        ]
+      }, undefined, true, undefined, this),
+      status === "error" && error ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "text-destructive text-xs",
+        children: error
+      }, undefined, false, undefined, this) : null,
+      status === "saved" ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "text-xs text-emerald-400",
+        children: "Template sent to Studio."
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/SpecDrivenTemplateShell.tsx
+import { BundleProvider, BundleRenderer } from "@contractspec/lib.surface-runtime/react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function SpecDrivenTemplateShell({
+  plan,
+  title,
+  description,
+  sidebar,
+  actions,
+  showSaveAction = true,
+  saveProps,
+  children
+}) {
+  const headerContent = /* @__PURE__ */ jsxDEV3("header", {
+    className: "border-border bg-card rounded-2xl border p-6 shadow-sm",
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex flex-wrap items-center justify-between gap-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("div", {
+            children: [
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+                children: "ContractSpec Templates"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("h1", {
+                className: "text-3xl font-bold",
+                children: title
+              }, undefined, false, undefined, this),
+              description ? /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground mt-2 max-w-2xl text-sm",
+                children: description
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "flex flex-col items-end gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV3(LocalDataIndicator, {}, undefined, false, undefined, this),
+              showSaveAction ? /* @__PURE__ */ jsxDEV3(SaveToStudioButton, {
+                ...saveProps
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      actions ? /* @__PURE__ */ jsxDEV3("div", {
+        className: "mt-4",
+        children: actions
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+  const slotContent = {
+    header: headerContent,
+    primary: /* @__PURE__ */ jsxDEV3("main", {
+      className: "space-y-4 p-2",
+      children
+    }, undefined, false, undefined, this)
+  };
+  if (sidebar != null) {
+    slotContent.sidebar = /* @__PURE__ */ jsxDEV3("aside", {
+      className: "border-border bg-card rounded-2xl border p-4",
+      children: sidebar
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3(BundleProvider, {
+    plan,
+    children: /* @__PURE__ */ jsxDEV3(BundleRenderer, {
+      slotContent
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  SpecDrivenTemplateShell
+};

package/dist/browser/bundles/ExampleTemplateBundle.js

@@ -0,0 +1,85 @@
+// src/bundles/ExampleTemplateBundle.ts
+import { defineModuleBundle } from "@contractspec/lib.surface-runtime/spec";
+var ExampleTemplateBundle = defineModuleBundle({
+  meta: {
+    key: "example.template",
+    version: "0.1.0",
+    title: "Example Template",
+    description: "Adaptive template shell for ContractSpec examples",
+    owners: ["team-platform"],
+    tags: ["example", "template"],
+    stability: "experimental"
+  },
+  routes: [
+    {
+      routeId: "template",
+      path: "/sandbox",
+      defaultSurface: "template-shell"
+    }
+  ],
+  surfaces: {
+    "template-shell": {
+      surfaceId: "template-shell",
+      kind: "workbench",
+      title: "Template Shell",
+      slots: [
+        {
+          slotId: "header",
+          role: "header",
+          accepts: ["action-bar"],
+          cardinality: "many"
+        },
+        {
+          slotId: "primary",
+          role: "primary",
+          accepts: ["entity-section", "rich-doc", "form", "custom-widget"],
+          cardinality: "many"
+        },
+        {
+          slotId: "sidebar",
+          role: "secondary",
+          accepts: ["entity-section", "custom-widget"],
+          cardinality: "one"
+        }
+      ],
+      layouts: [
+        {
+          layoutId: "main-with-sidebar",
+          title: "Main with sidebar",
+          root: {
+            type: "panel-group",
+            direction: "horizontal",
+            persistKey: "example.template.main-sidebar",
+            children: [
+              {
+                type: "panel-group",
+                direction: "vertical",
+                persistKey: "example.template.content",
+                children: [
+                  { type: "slot", slotId: "header" },
+                  { type: "slot", slotId: "primary" }
+                ]
+              },
+              { type: "slot", slotId: "sidebar" }
+            ]
+          }
+        }
+      ],
+      data: [],
+      verification: {
+        dimensions: {
+          guidance: "Can reveal hints and walkthrough notes.",
+          density: "Can select compact or balanced layouts.",
+          dataDepth: "Controls content depth and expansion.",
+          control: "Shows advanced options when allowed.",
+          media: "Supports text-first and hybrid modes.",
+          pace: "Maps to motion tokens and transitions.",
+          narrative: "Can order summary before or after detail."
+        }
+      }
+    }
+  }
+});
+export {
+  ExampleTemplateBundle
+};