@contractspec/bundle.marketing 3.8.8 → 3.8.10

package/.turbo/turbo-build.log

@@ -1,13 +1,11 @@
 $ contractspec-bun-build prebuild
-$ bun run prebuild && bun run build:bundle && bun run build:types
-$ contractspec-bun-build prebuild
+$ bun run build:bundle && bun run build:types
 $ contractspec-bun-build transpile
-[contractspec-bun-build] transpile target=bun root=src entries=45 noBundle=false
-Bundled 45 modules in 23ms
+[contractspec-bun-build] transpile target=bun root=src entries=60 noBundle=false
+Bundled 60 modules in 32ms
 
   bundles/MarketingBundle.js                                8.0 KB     (entry point)
-  libs/email/types.js                                       49 bytes   (entry point)
-  ./index.js                                                229.90 KB  (entry point)
+  ./index.js                                                225.25 KB  (entry point)
   libs/email/waitlist-application.js                        11.18 KB   (entry point)
   libs/email/waitlist.js                                    7.48 KB    (entry point)
   registry/index.js                                         154.47 KB  (entry point)
@@ -15,14 +13,30 @@ Bundled 45 modules in 23ms
   registry/utils.js                                         154.1 KB   (entry point)
   registry/engine.js                                        152.52 KB  (entry point)
   registry/registry.js                                      151.99 KB  (entry point)
-  registry/registry-docs.js                                 27.11 KB   (entry point)
   registry/registry-landing.js                              124.66 KB  (entry point)
+  registry/registry-docs.js                                 27.11 KB   (entry point)
   registry/factory.js                                       1.35 KB    (entry point)
-  components/templates/index.js                             181.15 KB  (entry point)
-  components/templates/TemplatesClientPage.js               174.21 KB  (entry point)
-  components/templates/TemplatesPage.js                     6.85 KB    (entry point)
-  components/templates/TemplatesPreviewModal.js             9.86 KB    (entry point)
   libs/email/newsletter.js                                  6.88 KB    (entry point)
+  libs/email/types.js                                       49 bytes   (entry point)
+  components/templates/index.js                             176.50 KB  (entry point)
+  components/templates/TemplatesPage.js                     6.85 KB    (entry point)
+  components/templates/TemplatesClientPage.js               169.52 KB  (entry point)
+  components/templates/useTemplateBrowseState.js            7.78 KB    (entry point)
+  components/templates/template-source.js                   379 bytes  (entry point)
+  components/templates/template-tag-visibility.js           1.13 KB    (entry point)
+  components/templates/TemplatesOverlays.js                 134.37 KB  (entry point)
+  components/templates/TemplatesPreviewModal.js             7.43 KB    (entry point)
+  components/templates/template-filters.js                  4.1 KB     (entry point)
+  components/templates/TemplateCommandDialog.js             3.99 KB    (entry point)
+  components/templates/TemplatePreviewContent.js            5.19 KB    (entry point)
+  components/templates/TemplatesBrowseControls.js           6.0 KB     (entry point)
+  components/templates/TemplatesCatalogSection.js           12.73 KB   (entry point)
+  components/templates/template-catalog.js                  3.20 KB    (entry point)
+  components/templates/template-new.js                      414 bytes  (entry point)
+  components/templates/template-preview.js                  1.1 KB     (entry point)
+  components/templates/TemplateCard.js                      2.92 KB    (entry point)
+  components/templates/TemplatesHeroSection.js              3.37 KB    (entry point)
+  components/templates/TemplatesNextStepsSection.js         5.90 KB    (entry point)
   components/marketing/sections/FearsSection.js             3.36 KB    (entry point)
   components/marketing/sections/HeroMarketingSection.js     3.65 KB    (entry point)
   components/marketing/sections/OutputsSection.js           3.26 KB    (entry point)
@@ -51,12 +65,11 @@ Bundled 45 modules in 23ms
   components/marketing/DesignPartnerPage.js                 10.45 KB   (entry point)
   components/marketing/LandingPage.js                       25.71 KB   (entry point)
 
-[contractspec-bun-build] transpile target=node root=src entries=45 noBundle=false
-Bundled 45 modules in 22ms
+[contractspec-bun-build] transpile target=node root=src entries=60 noBundle=false
+Bundled 60 modules in 32ms
 
   bundles/MarketingBundle.js                                8.1 KB     (entry point)
-  libs/email/types.js                                       41 bytes   (entry point)
-  ./index.js                                                229.85 KB  (entry point)
+  ./index.js                                                225.22 KB  (entry point)
   libs/email/waitlist-application.js                        11.23 KB   (entry point)
   libs/email/waitlist.js                                    7.53 KB    (entry point)
   registry/index.js                                         154.50 KB  (entry point)
@@ -64,14 +77,30 @@ Bundled 45 modules in 22ms
   registry/utils.js                                         154.1 KB   (entry point)
   registry/engine.js                                        152.56 KB  (entry point)
   registry/registry.js                                      152.0 KB   (entry point)
-  registry/registry-docs.js                                 27.18 KB   (entry point)
   registry/registry-landing.js                              124.69 KB  (entry point)
+  registry/registry-docs.js                                 27.18 KB   (entry point)
   registry/factory.js                                       1.42 KB    (entry point)
-  components/templates/index.js                             181.15 KB  (entry point)
-  components/templates/TemplatesClientPage.js               174.21 KB  (entry point)
-  components/templates/TemplatesPage.js                     6.91 KB    (entry point)
-  components/templates/TemplatesPreviewModal.js             9.92 KB    (entry point)
   libs/email/newsletter.js                                  6.93 KB    (entry point)
+  libs/email/types.js                                       41 bytes   (entry point)
+  components/templates/index.js                             176.52 KB  (entry point)
+  components/templates/TemplatesPage.js                     6.91 KB    (entry point)
+  components/templates/TemplatesClientPage.js               169.54 KB  (entry point)
+  components/templates/useTemplateBrowseState.js            7.84 KB    (entry point)
+  components/templates/template-source.js                   443 bytes  (entry point)
+  components/templates/template-tag-visibility.js           1.19 KB    (entry point)
+  components/templates/TemplatesOverlays.js                 134.41 KB  (entry point)
+  components/templates/TemplatesPreviewModal.js             7.50 KB    (entry point)
+  components/templates/template-filters.js                  4.13 KB    (entry point)
+  components/templates/TemplateCommandDialog.js             4.1 KB     (entry point)
+  components/templates/TemplatePreviewContent.js            5.26 KB    (entry point)
+  components/templates/TemplatesBrowseControls.js           6.1 KB     (entry point)
+  components/templates/TemplatesCatalogSection.js           12.79 KB   (entry point)
+  components/templates/template-catalog.js                  3.27 KB    (entry point)
+  components/templates/template-new.js                      478 bytes  (entry point)
+  components/templates/template-preview.js                  1.15 KB    (entry point)
+  components/templates/TemplateCard.js                      2.98 KB    (entry point)
+  components/templates/TemplatesHeroSection.js              3.43 KB    (entry point)
+  components/templates/TemplatesNextStepsSection.js         5.96 KB    (entry point)
   components/marketing/sections/FearsSection.js             3.42 KB    (entry point)
   components/marketing/sections/HeroMarketingSection.js     3.71 KB    (entry point)
   components/marketing/sections/OutputsSection.js           3.32 KB    (entry point)
@@ -100,12 +129,11 @@ Bundled 45 modules in 22ms
   components/marketing/DesignPartnerPage.js                 10.51 KB   (entry point)
   components/marketing/LandingPage.js                       25.76 KB   (entry point)
 
-[contractspec-bun-build] transpile target=browser root=src entries=45 noBundle=false
-Bundled 45 modules in 31ms
+[contractspec-bun-build] transpile target=browser root=src entries=60 noBundle=false
+Bundled 60 modules in 29ms
 
   bundles/MarketingBundle.js                                8.36 KB    (entry point)
-  libs/email/types.js                                       41 bytes   (entry point)
-  ./index.js                                                230.11 KB  (entry point)
+  ./index.js                                                225.48 KB  (entry point)
   libs/email/waitlist-application.js                        11.49 KB   (entry point)
   libs/email/waitlist.js                                    7.79 KB    (entry point)
   registry/index.js                                         154.76 KB  (entry point)
@@ -113,14 +141,30 @@ Bundled 45 modules in 31ms
   registry/utils.js                                         154.36 KB  (entry point)
   registry/engine.js                                        152.82 KB  (entry point)
   registry/registry.js                                      152.28 KB  (entry point)
-  registry/registry-docs.js                                 27.44 KB   (entry point)
   registry/registry-landing.js                              124.95 KB  (entry point)
+  registry/registry-docs.js                                 27.44 KB   (entry point)
   registry/factory.js                                       1.68 KB    (entry point)
-  components/templates/index.js                             181.41 KB  (entry point)
-  components/templates/TemplatesClientPage.js               174.47 KB  (entry point)
-  components/templates/TemplatesPage.js                     7.17 KB    (entry point)
-  components/templates/TemplatesPreviewModal.js             10.18 KB   (entry point)
   libs/email/newsletter.js                                  7.19 KB    (entry point)
+  libs/email/types.js                                       41 bytes   (entry point)
+  components/templates/index.js                             176.78 KB  (entry point)
+  components/templates/TemplatesPage.js                     7.17 KB    (entry point)
+  components/templates/TemplatesClientPage.js               169.80 KB  (entry point)
+  components/templates/useTemplateBrowseState.js            8.10 KB    (entry point)
+  components/templates/template-source.js                   0.70 KB    (entry point)
+  components/templates/template-tag-visibility.js           1.45 KB    (entry point)
+  components/templates/TemplatesOverlays.js                 134.67 KB  (entry point)
+  components/templates/TemplatesPreviewModal.js             7.76 KB    (entry point)
+  components/templates/template-filters.js                  4.39 KB    (entry point)
+  components/templates/TemplateCommandDialog.js             4.31 KB    (entry point)
+  components/templates/TemplatePreviewContent.js            5.52 KB    (entry point)
+  components/templates/TemplatesBrowseControls.js           6.36 KB    (entry point)
+  components/templates/TemplatesCatalogSection.js           13.0 KB    (entry point)
+  components/templates/template-catalog.js                  3.53 KB    (entry point)
+  components/templates/template-new.js                      0.74 KB    (entry point)
+  components/templates/template-preview.js                  1.41 KB    (entry point)
+  components/templates/TemplateCard.js                      3.24 KB    (entry point)
+  components/templates/TemplatesHeroSection.js              3.69 KB    (entry point)
+  components/templates/TemplatesNextStepsSection.js         6.22 KB    (entry point)
   components/marketing/sections/FearsSection.js             3.68 KB    (entry point)
   components/marketing/sections/HeroMarketingSection.js     3.97 KB    (entry point)
   components/marketing/sections/OutputsSection.js           3.58 KB    (entry point)

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # @contractspec/bundle.marketing
 
+## 3.8.10
+
+### Patch Changes
+
+- Fix workflow runtime imports for sandboxed workflow execution and keep workflow authoring on safe subpaths.
+  - Migration: Keep Node-only workflow runner code out of "use workflow" entrypoints.
+  - Deprecations: Importing the broad `@contractspec/lib.contracts-spec/workflow` barrel from sandboxed workflow entrypoints is discouraged.
+- Updated dependencies because of Fix workflow runtime imports for sandboxed workflow execution and keep workflow authoring on safe subpaths.
+- Updated dependencies because of Add versioning-backed release capsules, generated patch notes, and guided upgrade flows.
+  - @contractspec/lib.contracts-runtime-client-react@3.8.5
+  - @contractspec/example.visualization-showcase@3.9.9
+  - @contractspec/example.analytics-dashboard@3.9.9
+  - @contractspec/example.data-grid-showcase@3.8.9
+  - @contractspec/example.ai-chat-assistant@3.8.9
+  - @contractspec/example.saas-boilerplate@3.8.9
+  - @contractspec/example.integration-hub@3.8.9
+  - @contractspec/example.workflow-system@3.8.9
+  - @contractspec/example.agent-console@3.8.9
+  - @contractspec/lib.example-shared-ui@6.0.17
+  - @contractspec/example.crm-pipeline@3.7.17
+  - @contractspec/example.marketplace@3.8.9
+  - @contractspec/lib.runtime-sandbox@2.7.14
+  - @contractspec/lib.surface-runtime@0.5.17
+  - @contractspec/lib.contracts-spec@5.1.0
+  - @contractspec/lib.design-system@3.8.10
+  - @contractspec/lib.ui-kit-core@3.7.13
+  - @contractspec/module.examples@3.8.9
+  - @contractspec/bundle.library@3.8.10
+  - @contractspec/lib.ui-kit-web@3.9.9
+  - @contractspec/lib.ui-link@3.7.13
+  - @contractspec/lib.logger@3.7.13
+  - @contractspec/lib.email@3.7.13
+
+## 3.8.9
+
+### Patch Changes
+
+- 2b59171: fix: crypto package issue due to nodejs only runtime
+- Updated dependencies [2b59171]
+  - @contractspec/lib.contracts-runtime-client-react@3.8.4
+  - @contractspec/example.visualization-showcase@3.9.8
+  - @contractspec/example.analytics-dashboard@3.9.8
+  - @contractspec/example.data-grid-showcase@3.8.8
+  - @contractspec/example.ai-chat-assistant@3.8.8
+  - @contractspec/example.saas-boilerplate@3.8.8
+  - @contractspec/example.integration-hub@3.8.8
+  - @contractspec/example.workflow-system@3.8.8
+  - @contractspec/example.agent-console@3.8.8
+  - @contractspec/lib.example-shared-ui@6.0.16
+  - @contractspec/example.crm-pipeline@3.7.16
+  - @contractspec/example.marketplace@3.8.8
+  - @contractspec/lib.runtime-sandbox@2.7.13
+  - @contractspec/lib.surface-runtime@0.5.16
+  - @contractspec/lib.contracts-spec@5.0.4
+  - @contractspec/lib.design-system@3.8.9
+  - @contractspec/lib.ui-kit-core@3.7.12
+  - @contractspec/module.examples@3.8.8
+  - @contractspec/bundle.library@3.8.9
+  - @contractspec/lib.ui-kit-web@3.9.8
+  - @contractspec/lib.ui-link@3.7.12
+  - @contractspec/lib.logger@3.7.12
+  - @contractspec/lib.email@3.7.12
+
 ## 3.8.8
 
 ### Patch Changes

package/dist/browser/components/templates/TemplateCard.js

@@ -0,0 +1,83 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplateCard.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function TemplateCard({
+  title,
+  description,
+  metaBadges,
+  tags,
+  featureList = [],
+  isNew = false,
+  previewAction,
+  useAction
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "editorial-panel relative flex flex-col space-y-4 transition-colors hover:border-[color:rgb(162_79_42_/_0.55)]",
+    children: [
+      isNew ? /* @__PURE__ */ jsxDEV("span", {
+        className: "absolute top-4 right-4 rounded-full bg-[color:var(--success)] px-2.5 py-1 font-medium text-[11px] text-white uppercase",
+        children: "New"
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV("div", {
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "font-serif text-2xl tracking-[-0.03em]",
+            children: title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "mt-1 text-muted-foreground text-sm",
+            children: description
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex-1 space-y-3",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex flex-wrap gap-2",
+            children: metaBadges.map((badge) => /* @__PURE__ */ jsxDEV("span", {
+              className: "rounded-full border border-border bg-background px-3 py-1 text-[11px] text-foreground",
+              children: badge
+            }, badge, false, undefined, this))
+          }, undefined, false, undefined, this),
+          featureList.length > 0 ? /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground text-xs",
+            children: [
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "font-medium text-foreground",
+                children: "Features:"
+              }, undefined, false, undefined, this),
+              " ",
+              featureList.join(", ")
+            ]
+          }, undefined, true, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex flex-wrap gap-1",
+            children: tags.map((tag) => /* @__PURE__ */ jsxDEV("span", {
+              className: "rounded-full border border-border bg-muted px-3 py-1 text-[11px] text-muted-foreground",
+              children: tag
+            }, tag, false, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex gap-2 pt-4",
+        children: [
+          previewAction,
+          useAction
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  TemplateCard
+};

package/dist/browser/components/templates/TemplateCommandDialog.js

@@ -0,0 +1,110 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplateCommandDialog.tsx
+import {
+  analyticsEventNames,
+  captureAnalyticsEvent
+} from "@contractspec/bundle.library/libs/posthog/client";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@contractspec/lib.ui-kit-web/ui/dialog";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function TemplateCommandDialog({
+  templateId,
+  onClose,
+  onDeployStudio
+}) {
+  const command = templateId ? `npx contractspec init --template ${templateId}` : "";
+  return /* @__PURE__ */ jsxDEV(Dialog, {
+    open: !!templateId,
+    onOpenChange: (open) => !open && onClose(),
+    children: /* @__PURE__ */ jsxDEV(DialogContent, {
+      className: "max-w-md",
+      children: [
+        /* @__PURE__ */ jsxDEV(DialogHeader, {
+          children: [
+            /* @__PURE__ */ jsxDEV(DialogTitle, {
+              children: "Use this template"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(DialogDescription, {
+              children: "Initialize a new project with this template using the CLI."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "space-y-4 pt-4",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "rounded-md border border-zinc-800 bg-zinc-950 p-4 font-mono text-sm text-zinc-50",
+              children: command
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "flex gap-2",
+              children: /* @__PURE__ */ jsxDEV("button", {
+                className: "btn-secondary w-full",
+                onClick: () => {
+                  if (!templateId) {
+                    return;
+                  }
+                  navigator.clipboard.writeText(command);
+                  captureAnalyticsEvent(analyticsEventNames.COPY_COMMAND_CLICK, {
+                    surface: "templates",
+                    templateId,
+                    filename: "templates-cli"
+                  });
+                },
+                children: "Copy Command"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "relative",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "absolute inset-0 flex items-center",
+                  children: /* @__PURE__ */ jsxDEV("span", {
+                    className: "w-full border-border border-t"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "relative flex justify-center text-xs uppercase",
+                  children: /* @__PURE__ */ jsxDEV("span", {
+                    className: "bg-background px-2 text-muted-foreground",
+                    children: "Or"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("button", {
+              className: "btn-ghost w-full text-sm",
+              onClick: () => {
+                if (!templateId) {
+                  return;
+                }
+                captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
+                  surface: "templates",
+                  templateId
+                });
+                onDeployStudio();
+              },
+              children: "Deploy to Studio"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TemplateCommandDialog
+};

package/dist/browser/components/templates/TemplatePreviewContent.js

@@ -0,0 +1,96 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplatePreviewContent.tsx
+import {
+  TemplateShell
+} from "@contractspec/lib.example-shared-ui";
+import { LoadingSpinner } from "@contractspec/lib.ui-kit-web/ui/atoms/LoadingSpinner";
+import dynamic from "next/dynamic";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((module) => module.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((module) => module.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var DataGridShowcase = dynamic(() => import("@contractspec/example.data-grid-showcase/ui").then((module) => module.DataGridShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var VisualizationShowcase = dynamic(() => import("@contractspec/example.visualization-showcase/ui").then((module) => module.VisualizationShowcase), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((module) => module.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AiChatAssistantDashboard = dynamic(() => import("@contractspec/example.ai-chat-assistant").then((module) => module.AiChatAssistantDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((module) => module.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((module) => module.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((module) => module.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((module) => module.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var PREVIEW_DEFINITIONS = {
+  "saas-boilerplate": {
+    title: "SaaS Boilerplate",
+    description: "Multi-tenant organizations, projects, settings, and billing usage tracking.",
+    component: SaasDashboard
+  },
+  "crm-pipeline": {
+    title: "CRM Pipeline",
+    description: "Sales CRM with contacts, companies, deals, and pipeline stages.",
+    component: CrmDashboard
+  },
+  "data-grid-showcase": {
+    title: "Data Grid Showcase",
+    description: "Shared ContractSpec table primitives with client, server, and DataView-driven lanes.",
+    component: DataGridShowcase
+  },
+  "visualization-showcase": {
+    title: "Visualization Showcase",
+    description: "ContractSpec-owned chart primitives rendered through shared visualization contracts and design-system wrappers.",
+    component: VisualizationShowcase
+  },
+  "agent-console": {
+    title: "AI Agent Console",
+    description: "AI agent orchestration with tools, agents, runs, and execution logs.",
+    component: AgentDashboard
+  },
+  "ai-chat-assistant": {
+    title: "AI Chat Assistant",
+    description: "Focused assistant surface with reasoning, sources, suggestions, and MCP-aware tools.",
+    component: AiChatAssistantDashboard
+  },
+  "workflow-system": {
+    title: "Workflow System",
+    description: "Multi-step workflows with role-based approvals.",
+    component: WorkflowDashboard
+  },
+  marketplace: {
+    title: "Marketplace",
+    description: "Two-sided marketplace with stores, products, orders, and payouts.",
+    component: MarketplaceDashboard
+  },
+  "integration-hub": {
+    title: "Integration Hub",
+    description: "Third-party integrations with connections, sync configs, and field mapping.",
+    component: IntegrationDashboard
+  },
+  "analytics-dashboard": {
+    title: "Analytics Dashboard",
+    description: "Custom dashboards with widgets and queries.",
+    component: AnalyticsDashboard
+  }
+};
+function TemplatePreviewContent({
+  templateId
+}) {
+  const preview = PREVIEW_DEFINITIONS[templateId];
+  if (!preview) {
+    return null;
+  }
+  const PreviewComponent = preview.component;
+  return /* @__PURE__ */ jsxDEV(TemplateShell, {
+    title: preview.title,
+    description: preview.description,
+    showSaveAction: false,
+    children: /* @__PURE__ */ jsxDEV(PreviewComponent, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TemplatePreviewContent
+};

package/dist/browser/components/templates/TemplatesBrowseControls.js

@@ -0,0 +1,130 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplatesBrowseControls.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { Search } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function TemplatesBrowseControls({
+  registryConfigured,
+  availableSources,
+  source,
+  onSourceChange,
+  search,
+  onSearchChange,
+  selectedTag,
+  onTagChange,
+  showTagFilters,
+  visibleTagFacets,
+  hiddenTagFacets,
+  showAllTags,
+  onShowAllTagsChange
+}) {
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: "editorial-section",
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "editorial-shell space-y-6",
+      children: [
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "max-w-3xl space-y-3",
+              children: [
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "Browse by source"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("h2", {
+                  className: "font-serif text-4xl tracking-[-0.04em]",
+                  children: "Use local scenarios for core proof, then scan the community."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: registryConfigured ? "Local templates show the official adoption path. Community templates show where the ecosystem is pushing the system next." : "Local templates show the official adoption path. Community browsing appears automatically when a registry URL is configured."
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            registryConfigured ? /* @__PURE__ */ jsxDEV("div", {
+              className: "flex gap-2",
+              children: availableSources.map((option) => /* @__PURE__ */ jsxDEV("button", {
+                onClick: () => onSourceChange(option),
+                className: cn("rounded-full px-4 py-2 font-medium text-sm transition-colors", {
+                  "bg-primary text-primary-foreground": source === option,
+                  "border border-border bg-card hover:bg-card/80": source !== option
+                }),
+                "aria-pressed": source === option,
+                children: option === "local" ? "Local" : "Community"
+              }, option, false, undefined, this))
+            }, undefined, false, undefined, this) : null
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-panel space-y-5",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "relative",
+              children: [
+                /* @__PURE__ */ jsxDEV(Search, {
+                  className: "absolute top-3.5 left-4 text-muted-foreground",
+                  size: 18
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("input", {
+                  type: "text",
+                  placeholder: "Search scenarios, industries, or tags",
+                  value: search,
+                  onChange: (event) => onSearchChange(event.target.value),
+                  className: "w-full rounded-full border border-border bg-background px-12 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                  "aria-label": "Search templates"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            showTagFilters ? /* @__PURE__ */ jsxDEV("div", {
+              className: "space-y-3",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "flex flex-wrap gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("button", {
+                      onClick: () => onTagChange(null),
+                      className: cn("rounded-full px-4 py-2 font-medium text-sm transition-colors", {
+                        "bg-primary text-primary-foreground": selectedTag === null,
+                        "border border-border bg-card hover:bg-card/80": selectedTag !== null
+                      }),
+                      "aria-pressed": selectedTag === null,
+                      children: "All"
+                    }, undefined, false, undefined, this),
+                    visibleTagFacets.map((facet) => /* @__PURE__ */ jsxDEV("button", {
+                      onClick: () => onTagChange(facet.tag),
+                      className: cn("rounded-full px-4 py-2 font-medium text-sm transition-colors", {
+                        "bg-primary text-primary-foreground": selectedTag === facet.tag,
+                        "border border-border bg-card hover:bg-card/80": selectedTag !== facet.tag
+                      }),
+                      "aria-pressed": selectedTag === facet.tag,
+                      children: facet.tag
+                    }, facet.tag, false, undefined, this))
+                  ]
+                }, undefined, true, undefined, this),
+                hiddenTagFacets.length > 0 || showAllTags ? /* @__PURE__ */ jsxDEV("button", {
+                  type: "button",
+                  onClick: () => onShowAllTagsChange(!showAllTags),
+                  className: "text-muted-foreground text-sm transition-colors hover:text-foreground",
+                  children: showAllTags ? "Show fewer" : "More tags"
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this) : null
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TemplatesBrowseControls
+};