@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/node/components/docs/ecosystem/RegistryPage.js

@@ -11,11 +11,11 @@ function EcosystemRegistryPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Marketplace manifest"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "ContractSpec publishes a multi-plugin Cursor marketplace catalog from a single root manifest."
           })
         ]
@@ -24,7 +24,7 @@ function EcosystemRegistryPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Root manifest shape"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -60,7 +60,7 @@ function EcosystemRegistryPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Per-plugin contract"
           }),
           /* @__PURE__ */ jsx("p", {

package/dist/node/components/docs/ecosystem/TemplatesPage.js

@@ -2,16 +2,16 @@
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx("p", {
@@ -40,11 +40,11 @@ function EcosystemTemplatesPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Plugin authoring templates"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Scaffold focused Cursor plugins for ContractSpec product and core libraries."
           })
         ]
@@ -53,7 +53,7 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Create a focused plugin"
           }),
           /* @__PURE__ */ jsx2("p", {
@@ -79,11 +79,11 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Template outputs"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: ".cursor-plugin/plugin.json with plugin metadata and paths"
@@ -105,7 +105,7 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Validate before submission"
           }),
           /* @__PURE__ */ jsx2(CodeBlock, {

package/dist/node/components/docs/ecosystem/index.js

@@ -11,11 +11,11 @@ function EcosystemIntegrationsPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Integrations"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Reference integrations show how to extend ContractSpec with real-world adapters and generators."
           })
         ]
@@ -24,7 +24,7 @@ function EcosystemIntegrationsPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Reference plugin"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -45,11 +45,11 @@ bun add -D @contractspec/lib.plugin.example-generator`
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Providers and adapters"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Payments: Stripe"
@@ -114,11 +114,11 @@ function EcosystemPluginsPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Cursor marketplace plugins"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "ContractSpec ships a focused Cursor marketplace catalog for the product and key libraries."
           })
         ]
@@ -127,11 +127,11 @@ function EcosystemPluginsPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Catalog at a glance"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsxs2("li", {
                 children: [
@@ -188,7 +188,7 @@ function EcosystemPluginsPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Where plugin sources live"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -211,7 +211,7 @@ function EcosystemPluginsPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Root marketplace manifest"
               }),
               /* @__PURE__ */ jsxs2("p", {
@@ -256,7 +256,7 @@ function EcosystemPluginsPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Validation gate"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -312,11 +312,11 @@ function EcosystemRegistryPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx3("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Marketplace manifest"
           }),
           /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "ContractSpec publishes a multi-plugin Cursor marketplace catalog from a single root manifest."
           })
         ]
@@ -325,7 +325,7 @@ function EcosystemRegistryPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Root manifest shape"
           }),
           /* @__PURE__ */ jsxs3("p", {
@@ -361,7 +361,7 @@ function EcosystemRegistryPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Per-plugin contract"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -417,16 +417,16 @@ SKIP_PLUGIN_NETWORK_CHECK=1 bun run plugin:contractspec:validate`
 import Link4 from "@contractspec/lib.ui-link";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs4("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx4("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx4("p", {
@@ -455,11 +455,11 @@ function EcosystemTemplatesPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx5("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Plugin authoring templates"
           }),
           /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Scaffold focused Cursor plugins for ContractSpec product and core libraries."
           })
         ]
@@ -468,7 +468,7 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Create a focused plugin"
           }),
           /* @__PURE__ */ jsx5("p", {
@@ -494,11 +494,11 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Template outputs"
           }),
           /* @__PURE__ */ jsxs5("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx5("li", {
                 children: ".cursor-plugin/plugin.json with plugin metadata and paths"
@@ -520,7 +520,7 @@ function EcosystemTemplatesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Validate before submission"
           }),
           /* @__PURE__ */ jsx5(CodeBlock4, {

package/dist/node/components/docs/examples/DocsExamplesPage.js

@@ -1,18 +1,71 @@
+// src/components/docs/examples/exampleShowcaseData.ts
+var EXAMPLE_SHOWCASES = {
+  "agent-console": {
+    key: "agent-console",
+    lead: "Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.",
+    sandboxHref: "/sandbox?template=agent-console",
+    referenceHref: "/docs/reference/agent-console/agent-console",
+    llmsHref: "/llms/example.agent-console",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/agent-console",
+    localCommands: `bun run --cwd packages/examples/agent-console build
+bun run --cwd packages/examples/agent-console test
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=agent-console`
+  },
+  "ai-chat-assistant": {
+    key: "ai-chat-assistant",
+    lead: "Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.",
+    sandboxHref: "/sandbox?template=ai-chat-assistant",
+    referenceHref: "/docs/reference/ai-chat-assistant/assistant.search",
+    llmsHref: "/llms/example.ai-chat-assistant",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/ai-chat-assistant",
+    localCommands: `bun run --cwd packages/examples/ai-chat-assistant build
+bun run --cwd packages/examples/ai-chat-assistant test
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=ai-chat-assistant`
+  },
+  "messaging-agent-actions": {
+    key: "messaging-agent-actions",
+    lead: "Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations.",
+    sandboxHref: "/sandbox?template=messaging-agent-actions",
+    referenceHref: "/docs/reference/messaging-agent-actions/messaging.agentActions.process",
+    llmsHref: "/llms/example.messaging-agent-actions",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/messaging-agent-actions",
+    localCommands: `bun run --cwd packages/examples/messaging-agent-actions build
+bun run --cwd packages/examples/messaging-agent-actions test
+bun run --cwd packages/examples/messaging-agent-actions proof
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=messaging-agent-actions`
+  }
+};
+function getExampleShowcaseData(key) {
+  return EXAMPLE_SHOWCASES[key];
+}
+
 // src/components/docs/examples/DocsExamplesPage.tsx
-import { listExamples } from "@contractspec/module.examples";
+import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
 import {
   ButtonLink,
   DataViewList,
   StatusChip
 } from "@contractspec/lib.design-system";
-import { VStack, HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { H1, Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
-import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
+import { listExamples } from "@contractspec/module.examples";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function buildReferenceRoute(key) {
   return `/docs/reference/${key}/${key}`;
 }
+function buildDocsRoute(key) {
+  return getExampleShowcaseData(key)?.sandboxHref ? `/docs/examples/${key}` : buildReferenceRoute(key);
+}
 function DocsExamplesPage() {
   const items = listExamples().map((example) => {
     const title = example.meta.title ?? example.meta.key;
@@ -20,7 +73,7 @@ function DocsExamplesPage() {
       id: example.meta.key,
       title,
       summary: example.meta.summary ?? example.meta.description,
-      route: buildReferenceRoute(example.meta.key),
+      route: buildDocsRoute(example.meta.key),
       tags: example.meta.tags,
       sandboxEnabled: example.surfaces.sandbox.enabled
     };
@@ -42,7 +95,7 @@ function DocsExamplesPage() {
             children: "Examples"
           }),
           /* @__PURE__ */ jsx(Muted, {
-            children: "Curated examples and templates you can explore in the sandbox or use as reference implementations."
+            children: "Reference implementations for real ContractSpec surfaces. Use them to study adoption patterns, inspect generated artifacts, and validate the OSS workflow against runnable systems."
           })
         ]
       }),
@@ -58,7 +111,7 @@ function DocsExamplesPage() {
             justify: "end",
             children: [
               example.sandboxEnabled ? /* @__PURE__ */ jsx(ButtonLink, {
-                href: "/sandbox",
+                href: `/sandbox?template=${example.id}`,
                 size: "sm",
                 variant: "outline",
                 children: "Sandbox"

package/dist/node/components/docs/examples/ExampleShowcasePage.js

@@ -0,0 +1,257 @@
+// src/components/docs/examples/exampleShowcaseData.ts
+var EXAMPLE_SHOWCASES = {
+  "agent-console": {
+    key: "agent-console",
+    lead: "Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.",
+    sandboxHref: "/sandbox?template=agent-console",
+    referenceHref: "/docs/reference/agent-console/agent-console",
+    llmsHref: "/llms/example.agent-console",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/agent-console",
+    localCommands: `bun run --cwd packages/examples/agent-console build
+bun run --cwd packages/examples/agent-console test
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=agent-console`
+  },
+  "ai-chat-assistant": {
+    key: "ai-chat-assistant",
+    lead: "Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.",
+    sandboxHref: "/sandbox?template=ai-chat-assistant",
+    referenceHref: "/docs/reference/ai-chat-assistant/assistant.search",
+    llmsHref: "/llms/example.ai-chat-assistant",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/ai-chat-assistant",
+    localCommands: `bun run --cwd packages/examples/ai-chat-assistant build
+bun run --cwd packages/examples/ai-chat-assistant test
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=ai-chat-assistant`
+  },
+  "messaging-agent-actions": {
+    key: "messaging-agent-actions",
+    lead: "Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations.",
+    sandboxHref: "/sandbox?template=messaging-agent-actions",
+    referenceHref: "/docs/reference/messaging-agent-actions/messaging.agentActions.process",
+    llmsHref: "/llms/example.messaging-agent-actions",
+    repoHref: "https://github.com/lssm-tech/contractspec/tree/main/packages/examples/messaging-agent-actions",
+    localCommands: `bun run --cwd packages/examples/messaging-agent-actions build
+bun run --cwd packages/examples/messaging-agent-actions test
+bun run --cwd packages/examples/messaging-agent-actions proof
+bun run --cwd packages/apps/web-landing dev
+
+# Open in the browser
+# http://localhost:3000/sandbox?template=messaging-agent-actions`
+  }
+};
+function getExampleShowcaseData(key) {
+  return EXAMPLE_SHOWCASES[key];
+}
+
+// src/components/docs/examples/ExampleShowcasePage.tsx
+import { ButtonLink, CodeBlock } from "@contractspec/lib.design-system";
+import Link from "@contractspec/lib.ui-link";
+import { getExample } from "@contractspec/module.examples";
+import { FileCode2, Play, TerminalSquare } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExampleShowcasePage({ exampleKey }) {
+  const showcase = getExampleShowcaseData(exampleKey);
+  const example = getExample(exampleKey);
+  if (!showcase || !example) {
+    return null;
+  }
+  const title = example.meta.title ?? example.meta.key;
+  const summary = example.meta.summary ?? example.meta.description ?? "";
+  const packageName = example.entrypoints.packageName;
+  return /* @__PURE__ */ jsxs("div", {
+    className: "space-y-10",
+    children: [
+      /* @__PURE__ */ jsxs("section", {
+        className: "space-y-5",
+        children: [
+          /* @__PURE__ */ jsx("p", {
+            className: "editorial-kicker",
+            children: "Meetup-ready example"
+          }),
+          /* @__PURE__ */ jsx("h1", {
+            className: "editorial-title max-w-5xl",
+            children: title
+          }),
+          /* @__PURE__ */ jsx("p", {
+            className: "editorial-subtitle",
+            children: showcase.lead
+          }),
+          /* @__PURE__ */ jsx("p", {
+            className: "editorial-copy max-w-4xl",
+            children: summary
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "flex flex-wrap gap-3",
+            children: [
+              /* @__PURE__ */ jsx(ButtonLink, {
+                href: showcase.sandboxHref,
+                children: "Open sandbox"
+              }),
+              /* @__PURE__ */ jsx(ButtonLink, {
+                href: showcase.referenceHref,
+                variant: "outline",
+                children: "Generated reference"
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("section", {
+        className: "grid gap-5 lg:grid-cols-3",
+        children: [
+          /* @__PURE__ */ jsxs("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex items-center gap-3",
+                children: [
+                  /* @__PURE__ */ jsx("div", {
+                    className: "rounded-full border border-border/80 bg-background/85 p-2",
+                    children: /* @__PURE__ */ jsx(Play, {
+                      size: 18
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("h2", {
+                    className: "font-semibold text-xl",
+                    children: "Sandbox preview"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("p", {
+                className: "editorial-copy text-sm",
+                children: "Load the same public browser surface used for the prepared live demo."
+              }),
+              /* @__PURE__ */ jsx(ButtonLink, {
+                href: showcase.sandboxHref,
+                size: "sm",
+                children: "Open preview"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex items-center gap-3",
+                children: [
+                  /* @__PURE__ */ jsx("div", {
+                    className: "rounded-full border border-border/80 bg-background/85 p-2",
+                    children: /* @__PURE__ */ jsx(FileCode2, {
+                      size: 18
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("h2", {
+                    className: "font-semibold text-xl",
+                    children: "Reference docs"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("p", {
+                className: "editorial-copy text-sm",
+                children: "Inspect the generated contract-facing material instead of relying on marketing summaries."
+              }),
+              /* @__PURE__ */ jsx(ButtonLink, {
+                href: showcase.referenceHref,
+                size: "sm",
+                variant: "outline",
+                children: "Open reference"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex items-center gap-3",
+                children: [
+                  /* @__PURE__ */ jsx("div", {
+                    className: "rounded-full border border-border/80 bg-background/85 p-2",
+                    children: /* @__PURE__ */ jsx(TerminalSquare, {
+                      size: 18
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("h2", {
+                    className: "font-semibold text-xl",
+                    children: "Package context"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("p", {
+                className: "editorial-copy text-sm",
+                children: "Use the agent-facing package page for fast repo orientation, then jump to the source directory."
+              }),
+              /* @__PURE__ */ jsx("p", {
+                className: "rounded-[18px] border border-border/70 bg-background/75 px-4 py-3 font-mono text-sm",
+                children: packageName
+              }),
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex flex-wrap gap-2",
+                children: [
+                  /* @__PURE__ */ jsx(ButtonLink, {
+                    href: showcase.llmsHref,
+                    size: "sm",
+                    variant: "outline",
+                    children: "LLMS page"
+                  }),
+                  /* @__PURE__ */ jsx(ButtonLink, {
+                    href: showcase.repoHref,
+                    size: "sm",
+                    variant: "outline",
+                    children: "GitHub source"
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("section", {
+        className: "editorial-panel space-y-5",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            className: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsx("p", {
+                className: "editorial-kicker",
+                children: "Talk commands"
+              }),
+              /* @__PURE__ */ jsx("h2", {
+                className: "editorial-panel-title",
+                children: "Exact local commands for the meetup lane"
+              }),
+              /* @__PURE__ */ jsx("p", {
+                className: "editorial-copy text-sm",
+                children: "Use the package build and test first, then launch the web shell and open the prepared sandbox route."
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
+            language: "bash",
+            filename: `${exampleKey}-meetup-runbook`,
+            code: showcase.localCommands
+          }),
+          /* @__PURE__ */ jsxs("p", {
+            className: "text-muted-foreground text-sm",
+            children: [
+              "For the full fallback order and safe live-edit workflow, use",
+              " ",
+              /* @__PURE__ */ jsx(Link, {
+                href: "https://github.com/lssm-tech/contractspec/blob/main/docs/meetup-agent-examples-runbook.md",
+                children: "the meetup runbook"
+              }),
+              "."
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+export {
+  ExampleShowcasePage
+};