@contractspec/bundle.marketing 3.7.7 → 3.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/.turbo/turbo-build.log +15 -15
  2. package/CHANGELOG.md +59 -0
  3. package/dist/browser/components/templates/TemplatesClientPage.js +59 -2
  4. package/dist/browser/components/templates/TemplatesPreviewModal.js +24 -0
  5. package/dist/browser/components/templates/index.js +59 -2
  6. package/dist/browser/index.js +59 -2
  7. package/dist/components/templates/TemplatesClientPage.js +59 -2
  8. package/dist/components/templates/TemplatesPreviewModal.js +24 -0
  9. package/dist/components/templates/index.js +59 -2
  10. package/dist/index.js +59 -2
  11. package/dist/node/components/templates/TemplatesClientPage.js +59 -2
  12. package/dist/node/components/templates/TemplatesPreviewModal.js +24 -0
  13. package/dist/node/components/templates/index.js +59 -2
  14. package/dist/node/index.js +59 -2
  15. package/package.json +25 -23
  16. package/src/components/templates/TemplatesClientPage.tsx +38 -2
  17. package/src/components/templates/TemplatesPreviewModal.tsx +54 -0
package/dist/components/templates/TemplatesPreviewModal.js CHANGED
@@ -15,11 +15,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
15
15
  var RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
16
16
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
17
17
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
18
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
19
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
18
20
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
19
21
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
20
22
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
21
23
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
22
24
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
25
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
23
26
  var TemplatePreviewModal = ({
24
27
  templateId,
25
28
  onClose
@@ -61,6 +64,20 @@ var TemplatePreviewModal = ({
61
64
  showSaveAction: false,
62
65
  children: /* @__PURE__ */ jsxDEV(CrmDashboard, {}, undefined, false, undefined, this)
63
66
  }, undefined, false, undefined, this);
67
+ case "data-grid-showcase":
68
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
69
+ title: "Data Grid Showcase",
70
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
71
+ showSaveAction: false,
72
+ children: /* @__PURE__ */ jsxDEV(DataGridShowcase, {}, undefined, false, undefined, this)
73
+ }, undefined, false, undefined, this);
74
+ case "visualization-showcase":
75
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
76
+ title: "Visualization Showcase",
77
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
78
+ showSaveAction: false,
79
+ children: /* @__PURE__ */ jsxDEV(VisualizationShowcase, {}, undefined, false, undefined, this)
80
+ }, undefined, false, undefined, this);
64
81
  case "agent-console":
65
82
  return /* @__PURE__ */ jsxDEV(TemplateShell, {
66
83
  title: "AI Agent Console",
@@ -68,6 +85,13 @@ var TemplatePreviewModal = ({
68
85
  showSaveAction: false,
69
86
  children: /* @__PURE__ */ jsxDEV(AgentDashboard, {}, undefined, false, undefined, this)
70
87
  }, undefined, false, undefined, this);
88
+ case "ai-chat-assistant":
89
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
90
+ title: "AI Chat Assistant",
91
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
92
+ showSaveAction: false,
93
+ children: /* @__PURE__ */ jsxDEV(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
94
+ }, undefined, false, undefined, this);
71
95
  case "workflow-system":
72
96
  return /* @__PURE__ */ jsxDEV(TemplateShell, {
73
97
  title: "Workflow System",
package/dist/components/templates/index.js CHANGED
@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
2575
2575
  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) });
2576
2576
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2577
2577
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
2580
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
2581
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2580
2582
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2581
2583
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2582
2584
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2585
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2583
2586
  var TemplatePreviewModal = ({
2584
2587
  templateId,
2585
2588
  onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
2621
2624
  showSaveAction: false,
2622
2625
  children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
2623
2626
  }, undefined, false, undefined, this);
2627
+ case "data-grid-showcase":
2628
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2629
+ title: "Data Grid Showcase",
2630
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
2631
+ showSaveAction: false,
2632
+ children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
2633
+ }, undefined, false, undefined, this);
2634
+ case "visualization-showcase":
2635
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2636
+ title: "Visualization Showcase",
2637
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
2638
+ showSaveAction: false,
2639
+ children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
2640
+ }, undefined, false, undefined, this);
2624
2641
  case "agent-console":
2625
2642
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2626
2643
  title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
2628
2645
  showSaveAction: false,
2629
2646
  children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
2630
2647
  }, undefined, false, undefined, this);
2648
+ case "ai-chat-assistant":
2649
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2650
+ title: "AI Chat Assistant",
2651
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
2652
+ showSaveAction: false,
2653
+ children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
2654
+ }, undefined, false, undefined, this);
2631
2655
  case "workflow-system":
2632
2656
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2633
2657
  title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
2735
2759
  previewUrl: "/sandbox?template=crm-pipeline",
2736
2760
  docsUrl: "/docs/templates/crm-pipeline"
2737
2761
  },
2762
+ {
2763
+ id: "data-grid-showcase",
2764
+ templateId: "data-grid-showcase",
2765
+ title: "Data Grid Showcase",
2766
+ description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
2767
+ tags: ["Ops", "Business"],
2768
+ capabilities: "Tables, Sorting, Pagination, Column Controls",
2769
+ isNew: true,
2770
+ previewUrl: "/sandbox?template=data-grid-showcase",
2771
+ docsUrl: "/docs/examples/data-grid-showcase"
2772
+ },
2773
+ {
2774
+ id: "visualization-showcase",
2775
+ templateId: "visualization-showcase",
2776
+ title: "Visualization Showcase",
2777
+ description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
2778
+ tags: ["Ops", "Visualization"],
2779
+ capabilities: "Metrics, Charts, Timelines, Comparisons",
2780
+ isNew: true,
2781
+ previewUrl: "/sandbox?template=visualization-showcase",
2782
+ docsUrl: "/docs/examples/visualization-showcase"
2783
+ },
2738
2784
  {
2739
2785
  id: "agent-console",
2740
2786
  templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
2744
2790
  capabilities: "Tools, Agents, Runs, Metrics",
2745
2791
  isNew: true,
2746
2792
  previewUrl: "/sandbox?template=agent-console",
2747
- docsUrl: "/docs/templates/agent-console"
2793
+ docsUrl: "/docs/examples/agent-console"
2794
+ },
2795
+ {
2796
+ id: "ai-chat-assistant",
2797
+ templateId: "ai-chat-assistant",
2798
+ title: "AI Chat Assistant",
2799
+ description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
2800
+ tags: ["AI", "Ops"],
2801
+ capabilities: "Chat UX, Sources, Suggestions, MCP",
2802
+ isNew: true,
2803
+ previewUrl: "/sandbox?template=ai-chat-assistant",
2804
+ docsUrl: "/docs/examples/ai-chat-assistant"
2748
2805
  },
2749
2806
  {
2750
2807
  id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
2755
2812
  capabilities: "Workflows, Approvals, State Machine",
2756
2813
  isNew: true,
2757
2814
  previewUrl: "/sandbox?template=workflow-system",
2758
- docsUrl: "/docs/templates/workflow-system"
2815
+ docsUrl: "/docs/examples/workflow-system"
2759
2816
  },
2760
2817
  {
2761
2818
  id: "marketplace",
package/dist/index.js CHANGED
@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
2575
2575
  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) });
2576
2576
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2577
2577
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
2580
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
2581
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2580
2582
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2581
2583
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2582
2584
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2585
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2583
2586
  var TemplatePreviewModal = ({
2584
2587
  templateId,
2585
2588
  onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
2621
2624
  showSaveAction: false,
2622
2625
  children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
2623
2626
  }, undefined, false, undefined, this);
2627
+ case "data-grid-showcase":
2628
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2629
+ title: "Data Grid Showcase",
2630
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
2631
+ showSaveAction: false,
2632
+ children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
2633
+ }, undefined, false, undefined, this);
2634
+ case "visualization-showcase":
2635
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2636
+ title: "Visualization Showcase",
2637
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
2638
+ showSaveAction: false,
2639
+ children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
2640
+ }, undefined, false, undefined, this);
2624
2641
  case "agent-console":
2625
2642
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2626
2643
  title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
2628
2645
  showSaveAction: false,
2629
2646
  children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
2630
2647
  }, undefined, false, undefined, this);
2648
+ case "ai-chat-assistant":
2649
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2650
+ title: "AI Chat Assistant",
2651
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
2652
+ showSaveAction: false,
2653
+ children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
2654
+ }, undefined, false, undefined, this);
2631
2655
  case "workflow-system":
2632
2656
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2633
2657
  title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
2735
2759
  previewUrl: "/sandbox?template=crm-pipeline",
2736
2760
  docsUrl: "/docs/templates/crm-pipeline"
2737
2761
  },
2762
+ {
2763
+ id: "data-grid-showcase",
2764
+ templateId: "data-grid-showcase",
2765
+ title: "Data Grid Showcase",
2766
+ description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
2767
+ tags: ["Ops", "Business"],
2768
+ capabilities: "Tables, Sorting, Pagination, Column Controls",
2769
+ isNew: true,
2770
+ previewUrl: "/sandbox?template=data-grid-showcase",
2771
+ docsUrl: "/docs/examples/data-grid-showcase"
2772
+ },
2773
+ {
2774
+ id: "visualization-showcase",
2775
+ templateId: "visualization-showcase",
2776
+ title: "Visualization Showcase",
2777
+ description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
2778
+ tags: ["Ops", "Visualization"],
2779
+ capabilities: "Metrics, Charts, Timelines, Comparisons",
2780
+ isNew: true,
2781
+ previewUrl: "/sandbox?template=visualization-showcase",
2782
+ docsUrl: "/docs/examples/visualization-showcase"
2783
+ },
2738
2784
  {
2739
2785
  id: "agent-console",
2740
2786
  templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
2744
2790
  capabilities: "Tools, Agents, Runs, Metrics",
2745
2791
  isNew: true,
2746
2792
  previewUrl: "/sandbox?template=agent-console",
2747
- docsUrl: "/docs/templates/agent-console"
2793
+ docsUrl: "/docs/examples/agent-console"
2794
+ },
2795
+ {
2796
+ id: "ai-chat-assistant",
2797
+ templateId: "ai-chat-assistant",
2798
+ title: "AI Chat Assistant",
2799
+ description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
2800
+ tags: ["AI", "Ops"],
2801
+ capabilities: "Chat UX, Sources, Suggestions, MCP",
2802
+ isNew: true,
2803
+ previewUrl: "/sandbox?template=ai-chat-assistant",
2804
+ docsUrl: "/docs/examples/ai-chat-assistant"
2748
2805
  },
2749
2806
  {
2750
2807
  id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
2755
2812
  capabilities: "Workflows, Approvals, State Machine",
2756
2813
  isNew: true,
2757
2814
  previewUrl: "/sandbox?template=workflow-system",
2758
- docsUrl: "/docs/templates/workflow-system"
2815
+ docsUrl: "/docs/examples/workflow-system"
2759
2816
  },
2760
2817
  {
2761
2818
  id: "marketplace",
package/dist/node/components/templates/TemplatesClientPage.js CHANGED
@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
2575
2575
  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) });
2576
2576
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2577
2577
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
2580
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
2581
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2580
2582
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2581
2583
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2582
2584
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2585
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2583
2586
  var TemplatePreviewModal = ({
2584
2587
  templateId,
2585
2588
  onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
2621
2624
  showSaveAction: false,
2622
2625
  children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
2623
2626
  }, undefined, false, undefined, this);
2627
+ case "data-grid-showcase":
2628
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2629
+ title: "Data Grid Showcase",
2630
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
2631
+ showSaveAction: false,
2632
+ children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
2633
+ }, undefined, false, undefined, this);
2634
+ case "visualization-showcase":
2635
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2636
+ title: "Visualization Showcase",
2637
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
2638
+ showSaveAction: false,
2639
+ children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
2640
+ }, undefined, false, undefined, this);
2624
2641
  case "agent-console":
2625
2642
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2626
2643
  title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
2628
2645
  showSaveAction: false,
2629
2646
  children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
2630
2647
  }, undefined, false, undefined, this);
2648
+ case "ai-chat-assistant":
2649
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2650
+ title: "AI Chat Assistant",
2651
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
2652
+ showSaveAction: false,
2653
+ children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
2654
+ }, undefined, false, undefined, this);
2631
2655
  case "workflow-system":
2632
2656
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2633
2657
  title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
2735
2759
  previewUrl: "/sandbox?template=crm-pipeline",
2736
2760
  docsUrl: "/docs/templates/crm-pipeline"
2737
2761
  },
2762
+ {
2763
+ id: "data-grid-showcase",
2764
+ templateId: "data-grid-showcase",
2765
+ title: "Data Grid Showcase",
2766
+ description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
2767
+ tags: ["Ops", "Business"],
2768
+ capabilities: "Tables, Sorting, Pagination, Column Controls",
2769
+ isNew: true,
2770
+ previewUrl: "/sandbox?template=data-grid-showcase",
2771
+ docsUrl: "/docs/examples/data-grid-showcase"
2772
+ },
2773
+ {
2774
+ id: "visualization-showcase",
2775
+ templateId: "visualization-showcase",
2776
+ title: "Visualization Showcase",
2777
+ description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
2778
+ tags: ["Ops", "Visualization"],
2779
+ capabilities: "Metrics, Charts, Timelines, Comparisons",
2780
+ isNew: true,
2781
+ previewUrl: "/sandbox?template=visualization-showcase",
2782
+ docsUrl: "/docs/examples/visualization-showcase"
2783
+ },
2738
2784
  {
2739
2785
  id: "agent-console",
2740
2786
  templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
2744
2790
  capabilities: "Tools, Agents, Runs, Metrics",
2745
2791
  isNew: true,
2746
2792
  previewUrl: "/sandbox?template=agent-console",
2747
- docsUrl: "/docs/templates/agent-console"
2793
+ docsUrl: "/docs/examples/agent-console"
2794
+ },
2795
+ {
2796
+ id: "ai-chat-assistant",
2797
+ templateId: "ai-chat-assistant",
2798
+ title: "AI Chat Assistant",
2799
+ description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
2800
+ tags: ["AI", "Ops"],
2801
+ capabilities: "Chat UX, Sources, Suggestions, MCP",
2802
+ isNew: true,
2803
+ previewUrl: "/sandbox?template=ai-chat-assistant",
2804
+ docsUrl: "/docs/examples/ai-chat-assistant"
2748
2805
  },
2749
2806
  {
2750
2807
  id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
2755
2812
  capabilities: "Workflows, Approvals, State Machine",
2756
2813
  isNew: true,
2757
2814
  previewUrl: "/sandbox?template=workflow-system",
2758
- docsUrl: "/docs/templates/workflow-system"
2815
+ docsUrl: "/docs/examples/workflow-system"
2759
2816
  },
2760
2817
  {
2761
2818
  id: "marketplace",
package/dist/node/components/templates/TemplatesPreviewModal.js CHANGED
@@ -15,11 +15,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
15
15
  var RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
16
16
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
17
17
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
18
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
19
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
18
20
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
19
21
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
20
22
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
21
23
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
22
24
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
25
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
23
26
  var TemplatePreviewModal = ({
24
27
  templateId,
25
28
  onClose
@@ -61,6 +64,20 @@ var TemplatePreviewModal = ({
61
64
  showSaveAction: false,
62
65
  children: /* @__PURE__ */ jsxDEV(CrmDashboard, {}, undefined, false, undefined, this)
63
66
  }, undefined, false, undefined, this);
67
+ case "data-grid-showcase":
68
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
69
+ title: "Data Grid Showcase",
70
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
71
+ showSaveAction: false,
72
+ children: /* @__PURE__ */ jsxDEV(DataGridShowcase, {}, undefined, false, undefined, this)
73
+ }, undefined, false, undefined, this);
74
+ case "visualization-showcase":
75
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
76
+ title: "Visualization Showcase",
77
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
78
+ showSaveAction: false,
79
+ children: /* @__PURE__ */ jsxDEV(VisualizationShowcase, {}, undefined, false, undefined, this)
80
+ }, undefined, false, undefined, this);
64
81
  case "agent-console":
65
82
  return /* @__PURE__ */ jsxDEV(TemplateShell, {
66
83
  title: "AI Agent Console",
@@ -68,6 +85,13 @@ var TemplatePreviewModal = ({
68
85
  showSaveAction: false,
69
86
  children: /* @__PURE__ */ jsxDEV(AgentDashboard, {}, undefined, false, undefined, this)
70
87
  }, undefined, false, undefined, this);
88
+ case "ai-chat-assistant":
89
+ return /* @__PURE__ */ jsxDEV(TemplateShell, {
90
+ title: "AI Chat Assistant",
91
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
92
+ showSaveAction: false,
93
+ children: /* @__PURE__ */ jsxDEV(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
94
+ }, undefined, false, undefined, this);
71
95
  case "workflow-system":
72
96
  return /* @__PURE__ */ jsxDEV(TemplateShell, {
73
97
  title: "Workflow System",
package/dist/node/components/templates/index.js CHANGED
@@ -2575,11 +2575,14 @@ var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/comp
2575
2575
  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) });
2576
2576
  var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2577
2577
  var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
+ var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((mod) => mod.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
+ var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((mod) => mod.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2578
2580
  var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2579
2581
  var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2580
2582
  var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2581
2583
  var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2582
2584
  var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2585
+ var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((mod) => mod.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV11(LoadingSpinner, {}, undefined, false, undefined, this) });
2583
2586
  var TemplatePreviewModal = ({
2584
2587
  templateId,
2585
2588
  onClose
@@ -2621,6 +2624,20 @@ var TemplatePreviewModal = ({
2621
2624
  showSaveAction: false,
2622
2625
  children: /* @__PURE__ */ jsxDEV11(CrmDashboard, {}, undefined, false, undefined, this)
2623
2626
  }, undefined, false, undefined, this);
2627
+ case "data-grid-showcase":
2628
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2629
+ title: "Data Grid Showcase",
2630
+ description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
2631
+ showSaveAction: false,
2632
+ children: /* @__PURE__ */ jsxDEV11(DataGridShowcase, {}, undefined, false, undefined, this)
2633
+ }, undefined, false, undefined, this);
2634
+ case "visualization-showcase":
2635
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2636
+ title: "Visualization Showcase",
2637
+ description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
2638
+ showSaveAction: false,
2639
+ children: /* @__PURE__ */ jsxDEV11(VisualizationShowcase, {}, undefined, false, undefined, this)
2640
+ }, undefined, false, undefined, this);
2624
2641
  case "agent-console":
2625
2642
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2626
2643
  title: "AI Agent Console",
@@ -2628,6 +2645,13 @@ var TemplatePreviewModal = ({
2628
2645
  showSaveAction: false,
2629
2646
  children: /* @__PURE__ */ jsxDEV11(AgentDashboard, {}, undefined, false, undefined, this)
2630
2647
  }, undefined, false, undefined, this);
2648
+ case "ai-chat-assistant":
2649
+ return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2650
+ title: "AI Chat Assistant",
2651
+ description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
2652
+ showSaveAction: false,
2653
+ children: /* @__PURE__ */ jsxDEV11(AiChatAssistantDashboard, {}, undefined, false, undefined, this)
2654
+ }, undefined, false, undefined, this);
2631
2655
  case "workflow-system":
2632
2656
  return /* @__PURE__ */ jsxDEV11(TemplateShell, {
2633
2657
  title: "Workflow System",
@@ -2735,6 +2759,28 @@ var templates = [
2735
2759
  previewUrl: "/sandbox?template=crm-pipeline",
2736
2760
  docsUrl: "/docs/templates/crm-pipeline"
2737
2761
  },
2762
+ {
2763
+ id: "data-grid-showcase",
2764
+ templateId: "data-grid-showcase",
2765
+ title: "Data Grid Showcase",
2766
+ description: "Focused example for ContractSpec headless tables across client, server, and DataView-driven lanes.",
2767
+ tags: ["Ops", "Business"],
2768
+ capabilities: "Tables, Sorting, Pagination, Column Controls",
2769
+ isNew: true,
2770
+ previewUrl: "/sandbox?template=data-grid-showcase",
2771
+ docsUrl: "/docs/examples/data-grid-showcase"
2772
+ },
2773
+ {
2774
+ id: "visualization-showcase",
2775
+ templateId: "visualization-showcase",
2776
+ title: "Visualization Showcase",
2777
+ description: "Canonical ContractSpec example for chart primitives, shared visualization contracts, and opinionated dashboard blocks.",
2778
+ tags: ["Ops", "Visualization"],
2779
+ capabilities: "Metrics, Charts, Timelines, Comparisons",
2780
+ isNew: true,
2781
+ previewUrl: "/sandbox?template=visualization-showcase",
2782
+ docsUrl: "/docs/examples/visualization-showcase"
2783
+ },
2738
2784
  {
2739
2785
  id: "agent-console",
2740
2786
  templateId: "agent-console",
@@ -2744,7 +2790,18 @@ var templates = [
2744
2790
  capabilities: "Tools, Agents, Runs, Metrics",
2745
2791
  isNew: true,
2746
2792
  previewUrl: "/sandbox?template=agent-console",
2747
- docsUrl: "/docs/templates/agent-console"
2793
+ docsUrl: "/docs/examples/agent-console"
2794
+ },
2795
+ {
2796
+ id: "ai-chat-assistant",
2797
+ templateId: "ai-chat-assistant",
2798
+ title: "AI Chat Assistant",
2799
+ description: "Focused assistant template with reasoning, sources, suggestions, and MCP-aware tooling.",
2800
+ tags: ["AI", "Ops"],
2801
+ capabilities: "Chat UX, Sources, Suggestions, MCP",
2802
+ isNew: true,
2803
+ previewUrl: "/sandbox?template=ai-chat-assistant",
2804
+ docsUrl: "/docs/examples/ai-chat-assistant"
2748
2805
  },
2749
2806
  {
2750
2807
  id: "workflow-system",
@@ -2755,7 +2812,7 @@ var templates = [
2755
2812
  capabilities: "Workflows, Approvals, State Machine",
2756
2813
  isNew: true,
2757
2814
  previewUrl: "/sandbox?template=workflow-system",
2758
- docsUrl: "/docs/templates/workflow-system"
2815
+ docsUrl: "/docs/examples/workflow-system"
2759
2816
  },
2760
2817
  {
2761
2818
  id: "marketplace",