@contractspec/bundle.marketing 3.7.7 → 3.8.4

package/dist/node/components/templates/index.js

@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
 var RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var TemplatePreviewModal = ({
   templateId,
   onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
           showSaveAction: false,
           children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this);
+      case "data-grid-showcase":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "Data Grid Showcase",
+          description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "visualization-showcase":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "Visualization Showcase",
+          description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
       case "agent-console":
         return /* @__PURE__ */ jsxDEV11(TemplateShell, {
           title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
           showSaveAction: false,
           children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this);
+      case "ai-chat-assistant":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "AI Chat Assistant",
+          description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
       case "workflow-system":
         return /* @__PURE__ */ jsxDEV11(TemplateShell, {
           title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
     previewUrl: "/sandbox?template=crm-pipeline",
     docsUrl: "/docs/templates/crm-pipeline"
   },
+  {
+    id: "data-grid-showcase",
+    templateId: "data-grid-showcase",
+    title: "Data Grid Showcase",
+    description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
+    tags: ["Ops", "Business"],
+    capabilities: "Tables, Sorting, Pagination, Column Controls",
+    isNew: true,
+    previewUrl: "/sandbox?template=data-grid-showcase",
+    docsUrl: "/docs/examples/data-grid-showcase"
+  },
+  {
+    id: "visualization-showcase",
+    templateId: "visualization-showcase",
+    title: "Visualization Showcase",
+    description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
+    tags: ["Ops", "Visualization"],
+    capabilities: "Metrics, Charts, Timelines, Comparisons",
+    isNew: true,
+    previewUrl: "/sandbox?template=visualization-showcase",
+    docsUrl: "/docs/examples/visualization-showcase"
+  },
   {
     id: "agent-console",
     templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
     capabilities: "Tools, Agents, Runs, Metrics",
     isNew: true,
     previewUrl: "/sandbox?template=agent-console",
-    docsUrl: "/docs/templates/agent-console"
+    docsUrl: "/docs/examples/agent-console"
+  },
+  {
+    id: "ai-chat-assistant",
+    templateId: "ai-chat-assistant",
+    title: "AI Chat Assistant",
+    description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
+    tags: ["AI", "Ops"],
+    capabilities: "Chat UX, Sources, Suggestions, MCP",
+    isNew: true,
+    previewUrl: "/sandbox?template=ai-chat-assistant",
+    docsUrl: "/docs/examples/ai-chat-assistant"
   },
   {
     id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
     capabilities: "Workflows, Approvals, State Machine",
     isNew: true,
     previewUrl: "/sandbox?template=workflow-system",
-    docsUrl: "/docs/templates/workflow-system"
+    docsUrl: "/docs/examples/workflow-system"
   },
   {
     id: "marketplace",

package/dist/node/index.js

@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
 var RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
 var TemplatePreviewModal = ({
   templateId,
   onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
           showSaveAction: false,
           children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this);
+      case "data-grid-showcase":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "Data Grid Showcase",
+          description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "visualization-showcase":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "Visualization Showcase",
+          description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
       case "agent-console":
         return /* @__PURE__ */ jsxDEV11(TemplateShell, {
           title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
           showSaveAction: false,
           children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this);
+      case "ai-chat-assistant":
+        return /* @__PURE__ */ jsxDEV11(TemplateShell, {
+          title: "AI Chat Assistant",
+          description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
       case "workflow-system":
         return /* @__PURE__ */ jsxDEV11(TemplateShell, {
           title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
     previewUrl: "/sandbox?template=crm-pipeline",
     docsUrl: "/docs/templates/crm-pipeline"
   },
+  {
+    id: "data-grid-showcase",
+    templateId: "data-grid-showcase",
+    title: "Data Grid Showcase",
+    description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
+    tags: ["Ops", "Business"],
+    capabilities: "Tables, Sorting, Pagination, Column Controls",
+    isNew: true,
+    previewUrl: "/sandbox?template=data-grid-showcase",
+    docsUrl: "/docs/examples/data-grid-showcase"
+  },
+  {
+    id: "visualization-showcase",
+    templateId: "visualization-showcase",
+    title: "Visualization Showcase",
+    description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
+    tags: ["Ops", "Visualization"],
+    capabilities: "Metrics, Charts, Timelines, Comparisons",
+    isNew: true,
+    previewUrl: "/sandbox?template=visualization-showcase",
+    docsUrl: "/docs/examples/visualization-showcase"
+  },
   {
     id: "agent-console",
     templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
     capabilities: "Tools, Agents, Runs, Metrics",
     isNew: true,
     previewUrl: "/sandbox?template=agent-console",
-    docsUrl: "/docs/templates/agent-console"
+    docsUrl: "/docs/examples/agent-console"
+  },
+  {
+    id: "ai-chat-assistant",
+    templateId: "ai-chat-assistant",
+    title: "AI Chat Assistant",
+    description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
+    tags: ["AI", "Ops"],
+    capabilities: "Chat UX, Sources, Suggestions, MCP",
+    isNew: true,
+    previewUrl: "/sandbox?template=ai-chat-assistant",
+    docsUrl: "/docs/examples/ai-chat-assistant"
   },
   {
     id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
     capabilities: "Workflows, Approvals, State Machine",
     isNew: true,
     previewUrl: "/sandbox?template=workflow-system",
-    docsUrl: "/docs/templates/workflow-system"
+    docsUrl: "/docs/examples/workflow-system"
   },
   {
     id: "marketplace",
@@ -4433,9 +4490,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -4476,7 +4533,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/node/registry/engine.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/node/registry/index.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/node/registry/registry.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap

package/dist/node/registry/utils.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/registry/engine.d.ts

@@ -1,4 +1,4 @@
-import { type TransformEngine } from '@contractspec/lib.contracts-spec/presentations/transform-engine';
+import { type TransformEngine } from '@contractspec/lib.contracts-runtime-client-react/transform-engine';
 import type { ComponentMap } from './types';
 /**
  * Create and configure the TransformEngine for web-landing presentations.

package/dist/registry/engine.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/registry/index.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/dist/registry/registry.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap

package/dist/registry/utils.js

@@ -2976,9 +2976,9 @@ import { techContractsDocBlocks } from "@contractspec/bundle.library/components/
 import {
   docBlocksToPresentationRoutes,
   listRegisteredDocBlocks,
-  metaDocs,
-  techContractsDocs
+  metaDocs
 } from "@contractspec/lib.contracts-spec/docs";
+import { techContractsDocs } from "@contractspec/lib.contracts-spec/presentations";
 var componentMap = {
   ...landingComponentMap,
   ...docsComponentMap
@@ -3019,7 +3019,7 @@ import {
   registerBasicValidation,
   registerDefaultReactRenderer,
   registerReactToMarkdownRenderer
-} from "@contractspec/lib.contracts-spec/presentations/transform-engine";
+} from "@contractspec/lib.contracts-runtime-client-react/transform-engine";
 function createPresentationEngine(customComponentMap) {
   const engine = createDefaultTransformEngine();
   registerDefaultReactRenderer(engine);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/bundle.marketing",
-  "version": "3.7.7",
+  "version": "3.8.4",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
@@ -340,26 +340,28 @@
   },
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@contractspec/bundle.library": "3.7.7",
-    "@contractspec/lib.surface-runtime": "0.5.7",
-    "@contractspec/example.agent-console": "3.7.7",
-    "@contractspec/example.analytics-dashboard": "3.8.0",
-    "@contractspec/example.crm-pipeline": "3.7.7",
-    "@contractspec/example.integration-hub": "3.7.7",
-    "@contractspec/example.marketplace": "3.7.7",
-    "@contractspec/example.saas-boilerplate": "3.7.7",
-    "@contractspec/example.workflow-system": "3.7.7",
-    "@contractspec/lib.contracts-spec": "4.0.0",
-    "@contractspec/lib.contracts-runtime-client-react": "3.7.7",
-    "@contractspec/lib.design-system": "3.8.0",
-    "@contractspec/lib.email": "3.7.6",
-    "@contractspec/lib.example-shared-ui": "6.0.7",
-    "@contractspec/lib.logger": "3.7.6",
-    "@contractspec/lib.runtime-sandbox": "2.7.6",
-    "@contractspec/lib.ui-kit-core": "3.7.6",
-    "@contractspec/lib.ui-kit-web": "3.8.0",
-    "@contractspec/lib.ui-link": "3.7.6",
-    "@contractspec/module.examples": "3.7.7",
+    "@contractspec/bundle.library": "3.8.4",
+    "@contractspec/lib.surface-runtime": "0.5.12",
+    "@contractspec/example.agent-console": "3.8.4",
+    "@contractspec/example.analytics-dashboard": "3.9.4",
+    "@contractspec/example.crm-pipeline": "3.7.12",
+    "@contractspec/example.data-grid-showcase": "3.8.4",
+    "@contractspec/example.integration-hub": "3.8.4",
+    "@contractspec/example.marketplace": "3.8.4",
+    "@contractspec/example.saas-boilerplate": "3.8.4",
+    "@contractspec/example.visualization-showcase": "3.9.4",
+    "@contractspec/example.workflow-system": "3.8.4",
+    "@contractspec/lib.contracts-spec": "5.0.0",
+    "@contractspec/lib.contracts-runtime-client-react": "3.8.0",
+    "@contractspec/lib.design-system": "3.8.5",
+    "@contractspec/lib.email": "3.7.9",
+    "@contractspec/lib.example-shared-ui": "6.0.12",
+    "@contractspec/lib.logger": "3.7.9",
+    "@contractspec/lib.runtime-sandbox": "2.7.10",
+    "@contractspec/lib.ui-kit-core": "3.7.9",
+    "@contractspec/lib.ui-kit-web": "3.9.4",
+    "@contractspec/lib.ui-link": "3.7.9",
+    "@contractspec/module.examples": "3.8.4",
     "@electric-sql/pglite": "^0.4.1",
     "@hookform/resolvers": "^5.2.2",
     "@scaleway/sdk": "^3.4.1",
@@ -374,9 +376,9 @@
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
-    "@contractspec/tool.typescript": "3.7.6",
+    "@contractspec/tool.typescript": "3.7.9",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "3.7.6"
+    "@contractspec/tool.bun": "3.7.9"
   },
   "publishConfig": {
     "access": "public",

package/src/components/templates/TemplatesClientPage.tsx

@@ -70,6 +70,30 @@ const templates = [
 		previewUrl: '/sandbox?template=crm-pipeline',
 		docsUrl: '/docs/templates/crm-pipeline',
 	},
+	{
+		id: 'data-grid-showcase',
+		templateId: 'data-grid-showcase' as TemplateId,
+		title: 'Data Grid Showcase',
+		description:
+			'Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.',
+		tags: ['Ops', 'Business'],
+		capabilities: 'Tables, Sorting, Pagination, Column Controls',
+		isNew: true,
+		previewUrl: '/sandbox?template=data-grid-showcase',
+		docsUrl: '/docs/examples/data-grid-showcase',
+	},
+	{
+		id: 'visualization-showcase',
+		templateId: 'visualization-showcase' as TemplateId,
+		title: 'Visualization Showcase',
+		description:
+			'Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.',
+		tags: ['Ops', 'Visualization'],
+		capabilities: 'Metrics, Charts, Timelines, Comparisons',
+		isNew: true,
+		previewUrl: '/sandbox?template=visualization-showcase',
+		docsUrl: '/docs/examples/visualization-showcase',
+	},
 	{
 		id: 'agent-console',
 		templateId: 'agent-console' as TemplateId,
@@ -80,7 +104,19 @@ const templates = [
 		capabilities: 'Tools, Agents, Runs, Metrics',
 		isNew: true,
 		previewUrl: '/sandbox?template=agent-console',
-		docsUrl: '/docs/templates/agent-console',
+		docsUrl: '/docs/examples/agent-console',
+	},
+	{
+		id: 'ai-chat-assistant',
+		templateId: 'ai-chat-assistant' as TemplateId,
+		title: 'AI Chat Assistant',
+		description:
+			'Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.',
+		tags: ['AI', 'Ops'],
+		capabilities: 'Chat UX, Sources, Suggestions, MCP',
+		isNew: true,
+		previewUrl: '/sandbox?template=ai-chat-assistant',
+		docsUrl: '/docs/examples/ai-chat-assistant',
 	},
 	// ============================================
 	// Phase 2-4 Examples
@@ -95,7 +131,7 @@ const templates = [
 		capabilities: 'Workflows, Approvals, State Machine',
 		isNew: true,
 		previewUrl: '/sandbox?template=workflow-system',
-		docsUrl: '/docs/templates/workflow-system',
+		docsUrl: '/docs/examples/workflow-system',
 	},
 	{
 		id: 'marketplace',

package/src/components/templates/TemplatesPreviewModal.tsx

@@ -56,6 +56,22 @@ const CrmDashboard = dynamic(
 	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
+const DataGridShowcase = dynamic(
+	() =>
+		import('@contractspec/example.data-grid-showcase/ui').then(
+			(mod) => mod.DataGridShowcase
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
+);
+
+const VisualizationShowcase = dynamic(
+	() =>
+		import('@contractspec/example.visualization-showcase/ui').then(
+			(mod) => mod.VisualizationShowcase
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
+);
+
 const AgentDashboard = dynamic(
 	() =>
 		import('@contractspec/example.agent-console/ui').then(
@@ -96,6 +112,14 @@ const AnalyticsDashboard = dynamic(
 	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
+const AiChatAssistantDashboard = dynamic(
+	() =>
+		import('@contractspec/example.ai-chat-assistant').then(
+			(mod) => mod.AiChatAssistantDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
+);
+
 interface TemplatePreviewModalProps {
 	templateId: TemplateId | null;
 	onClose: () => void;
@@ -173,6 +197,26 @@ export const TemplatePreviewModal = ({
 						<CrmDashboard />
 					</TemplateShell>
 				);
+			case 'data-grid-showcase':
+				return (
+					<TemplateShell
+						title="Data Grid Showcase"
+						description="Shared ContractSpec table primitives with client, server, and DataView-driven lanes."
+						showSaveAction={false}
+					>
+						<DataGridShowcase />
+					</TemplateShell>
+				);
+			case 'visualization-showcase':
+				return (
+					<TemplateShell
+						title="Visualization Showcase"
+						description="ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers."
+						showSaveAction={false}
+					>
+						<VisualizationShowcase />
+					</TemplateShell>
+				);
 			case 'agent-console':
 				return (
 					<TemplateShell
@@ -183,6 +227,16 @@ export const TemplatePreviewModal = ({
 						<AgentDashboard />
 					</TemplateShell>
 				);
+			case 'ai-chat-assistant':
+				return (
+					<TemplateShell
+						title="AI Chat Assistant"
+						description="Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools."
+						showSaveAction={false}
+					>
+						<AiChatAssistantDashboard />
+					</TemplateShell>
+				);
 			case 'workflow-system':
 				return (
 					<TemplateShell

package/src/registry/engine.ts

@@ -4,7 +4,7 @@ import {
 	registerDefaultReactRenderer,
 	registerReactToMarkdownRenderer,
 	type TransformEngine,
-} from '@contractspec/lib.contracts-spec/presentations/transform-engine';
+} from '@contractspec/lib.contracts-runtime-client-react/transform-engine';
 import { componentMap } from './registry';
 import type { ComponentMap } from './types';
 

package/src/registry/registry.ts

@@ -6,9 +6,9 @@ import {
 	docBlocksToPresentationRoutes,
 	listRegisteredDocBlocks,
 	metaDocs,
-	techContractsDocs,
 } from '@contractspec/lib.contracts-spec/docs';
 import type { PresentationSpec } from '@contractspec/lib.contracts-spec/presentations';
+import { techContractsDocs } from '@contractspec/lib.contracts-spec/presentations';
 // Import sub-registries
 import { docsComponentMap, docsPresentations } from './registry-docs';
 import {