@contractspec/bundle.library 3.9.0 → 3.9.3

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

@@ -1,3 +1,3 @@
 // @bun
-import{buildExampleDocsHref as m,buildExampleReferenceHref as p,getExamplePreviewHref as d,getPublicExample as g}from"@contractspec/module.examples";var f={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},u={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function c(r){let a=g(r);if(!a)return;let o=a.entrypoints.packageName.replace("@contractspec/example.",""),n=m(r),i=d(r);return{key:r,lead:f[r]??a.meta.summary??a.meta.description??"Public ContractSpec reference example.",sandboxHref:i,referenceHref:u[r]??p(r),llmsHref:`/llms/${a.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${o}`,localCommands:h(o,n,i)}}function h(r,a,o){let n=[`bun run --cwd packages/examples/${r} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${a}`];if(o)n.push(`# http://localhost:3000${o}`);return n.join(`
-`)}import{ButtonLink as s,CodeBlock as b}from"@contractspec/lib.design-system";import N from"@contractspec/lib.ui-link";import{getExample as v}from"@contractspec/module.examples";import{FileCode2 as k,Play as w,TerminalSquare as y}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function R({exampleKey:r}){let a=c(r),o=v(r);if(!a||!o)return null;let n=o.meta.title??o.meta.key,i=o.meta.summary??o.meta.description??"",l=o.entrypoints.packageName;return t("div",{className:"space-y-10",children:[t("section",{className:"space-y-5",children:[e("p",{className:"editorial-kicker",children:"Meetup-ready example"}),e("h1",{className:"editorial-title max-w-5xl",children:n}),e("p",{className:"editorial-subtitle",children:a.lead}),e("p",{className:"editorial-copy max-w-4xl",children:i}),t("div",{className:"flex flex-wrap gap-3",children:[a.sandboxHref?e(s,{href:a.sandboxHref,children:"Open sandbox"}):null,e(s,{href:a.referenceHref,variant:"outline",children:"Generated reference"})]})]}),t("section",{className:"grid gap-5 lg:grid-cols-3",children:[a.sandboxHref?t("article",{className:"editorial-panel space-y-4",children:[t("div",{className:"flex items-center gap-3",children:[e("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:e(w,{size:18})}),e("h2",{className:"font-semibold text-xl",children:"Sandbox preview"})]}),e("p",{className:"editorial-copy text-sm",children:"Load the same public browser surface used for the prepared live demo."}),e(s,{href:a.sandboxHref,size:"sm",children:"Open preview"})]}):null,t("article",{className:"editorial-panel space-y-4",children:[t("div",{className:"flex items-center gap-3",children:[e("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:e(k,{size:18})}),e("h2",{className:"font-semibold text-xl",children:"Reference docs"})]}),e("p",{className:"editorial-copy text-sm",children:"Inspect the generated contract-facing material instead of relying on marketing summaries."}),e(s,{href:a.referenceHref,size:"sm",variant:"outline",children:"Open reference"})]}),t("article",{className:"editorial-panel space-y-4",children:[t("div",{className:"flex items-center gap-3",children:[e("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:e(y,{size:18})}),e("h2",{className:"font-semibold text-xl",children:"Package context"})]}),e("p",{className:"editorial-copy text-sm",children:"Use the agent-facing package page for fast repo orientation, then jump to the source directory."}),e("p",{className:"rounded-[18px] border border-border/70 bg-background/75 px-4 py-3 font-mono text-sm",children:l}),t("div",{className:"flex flex-wrap gap-2",children:[e(s,{href:a.llmsHref,size:"sm",variant:"outline",children:"LLMS page"}),e(s,{href:a.repoHref,size:"sm",variant:"outline",children:"GitHub source"})]})]})]}),t("section",{className:"editorial-panel space-y-5",children:[t("div",{className:"space-y-2",children:[e("p",{className:"editorial-kicker",children:"Talk commands"}),e("h2",{className:"editorial-panel-title",children:"Exact local commands for the meetup lane"}),e("p",{className:"editorial-copy text-sm",children:"Build the example package, then launch the web shell and open the prepared docs or sandbox route."})]}),e(b,{language:"bash",filename:`${r}-meetup-runbook`,code:a.localCommands}),t("p",{className:"text-muted-foreground text-sm",children:["For the full fallback order and safe live-edit workflow, use"," ",e(N,{href:"https://github.com/lssm-tech/contractspec/blob/main/docs/meetup-agent-examples-runbook.md",children:"the meetup runbook"}),"."]})]})]})}export{R as ExampleShowcasePage};
+var $=Object.defineProperty;var q=(J)=>J;function A(J,z){this[J]=q.bind(null,z)}var B=(J,z)=>{for(var M in z)$(J,M,{get:z[M],enumerable:!0,configurable:!0,set:A.bind(z,M)})};var D=(J,z)=>()=>(J&&(z=J(J=0)),z);import{buildExampleDocsHref as T,buildExampleReferenceHref as v,getDiscoverableExample as I,getExamplePreviewHref as N}from"@contractspec/module.examples/catalog";var O={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},P={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function Y(J){let z=I(J);if(!z)return;let M=z.entrypoints.packageName.replace("@contractspec/example.",""),U=T(J),X=N(J);return{key:J,lead:O[J]??z.meta.summary??z.meta.description??"Public ContractSpec reference example.",sandboxHref:X,referenceHref:P[J]??v(J),llmsHref:`/llms/${z.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${M}`,localCommands:V(M,U,X)}}function V(J,z,M){let U=[`bun run --cwd packages/examples/${J} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${z}`];if(M)U.push(`# http://localhost:3000${M}`);return U.join(`
+`)}import{ButtonLink as W,CodeBlock as F}from"@contractspec/lib.design-system";import _ from"@contractspec/lib.ui-link";import{getExample as C}from"@contractspec/module.examples/catalog";import{FileCode2 as S,Play as K,TerminalSquare as g}from"lucide-react";import{jsx as G,jsxs as Q}from"react/jsx-runtime";function E({exampleKey:J}){let z=Y(J),M=C(J);if(!z||!M)return null;let U=M.meta.title??M.meta.key,X=M.meta.summary??M.meta.description??"",Z=M.entrypoints.packageName;return Q("div",{className:"space-y-10",children:[Q("section",{className:"space-y-5",children:[G("p",{className:"editorial-kicker",children:"Meetup-ready example"}),G("h1",{className:"editorial-title max-w-5xl",children:U}),G("p",{className:"editorial-subtitle",children:z.lead}),G("p",{className:"editorial-copy max-w-4xl",children:X}),Q("div",{className:"flex flex-wrap gap-3",children:[z.sandboxHref?G(W,{href:z.sandboxHref,children:"Open sandbox"}):null,G(W,{href:z.referenceHref,variant:"outline",children:"Generated reference"})]})]}),Q("section",{className:"grid gap-5 lg:grid-cols-3",children:[z.sandboxHref?Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[G("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:G(K,{size:18})}),G("h2",{className:"font-semibold text-xl",children:"Sandbox preview"})]}),G("p",{className:"editorial-copy text-sm",children:"Load the same public browser surface used for the prepared live demo."}),G(W,{href:z.sandboxHref,size:"sm",children:"Open preview"})]}):null,Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[G("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:G(S,{size:18})}),G("h2",{className:"font-semibold text-xl",children:"Reference docs"})]}),G("p",{className:"editorial-copy text-sm",children:"Inspect the generated contract-facing material instead of relying on marketing summaries."}),G(W,{href:z.referenceHref,size:"sm",variant:"outline",children:"Open reference"})]}),Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[G("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:G(g,{size:18})}),G("h2",{className:"font-semibold text-xl",children:"Package context"})]}),G("p",{className:"editorial-copy text-sm",children:"Use the agent-facing package page for fast repo orientation, then jump to the source directory."}),G("p",{className:"rounded-[18px] border border-border/70 bg-background/75 px-4 py-3 font-mono text-sm",children:Z}),Q("div",{className:"flex flex-wrap gap-2",children:[G(W,{href:z.llmsHref,size:"sm",variant:"outline",children:"LLMS page"}),G(W,{href:z.repoHref,size:"sm",variant:"outline",children:"GitHub source"})]})]})]}),Q("section",{className:"editorial-panel space-y-5",children:[Q("div",{className:"space-y-2",children:[G("p",{className:"editorial-kicker",children:"Talk commands"}),G("h2",{className:"editorial-panel-title",children:"Exact local commands for the meetup lane"}),G("p",{className:"editorial-copy text-sm",children:"Build the example package, then launch the web shell and open the prepared docs or sandbox route."})]}),G(F,{language:"bash",filename:`${J}-meetup-runbook`,code:z.localCommands}),Q("p",{className:"text-muted-foreground text-sm",children:["For the full fallback order and safe live-edit workflow, use"," ",G(_,{href:"https://github.com/lssm-tech/contractspec/blob/main/docs/meetup-agent-examples-runbook.md",children:"the meetup runbook"}),"."]})]})]})}export{E as ExampleShowcasePage};

package/dist/components/docs/examples/exampleShowcaseData.js

@@ -1,3 +1,3 @@
 // @bun
-import{buildExampleDocsHref as r,buildExampleReferenceHref as o,getExamplePreviewHref as c,getPublicExample as i}from"@contractspec/module.examples";var l={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},g={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function d(e){let a=i(e);if(!a)return;let t=a.entrypoints.packageName.replace("@contractspec/example.",""),s=r(e),n=c(e);return{key:e,lead:l[e]??a.meta.summary??a.meta.description??"Public ContractSpec reference example.",sandboxHref:n,referenceHref:g[e]??o(e),llmsHref:`/llms/${a.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${t}`,localCommands:p(t,s,n)}}function p(e,a,t){let s=[`bun run --cwd packages/examples/${e} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${a}`];if(t)s.push(`# http://localhost:3000${t}`);return s.join(`
-`)}export{d as getExampleShowcaseData};
+var G=Object.defineProperty;var J=(h)=>h;function K(h,j){this[h]=J.bind(null,j)}var Z=(h,j)=>{for(var q in j)G(h,q,{get:j[q],enumerable:!0,configurable:!0,set:K.bind(j,q)})};var $=(h,j)=>()=>(h&&(j=h(h=0)),j);import{buildExampleDocsHref as M,buildExampleReferenceHref as Q,getDiscoverableExample as T,getExamplePreviewHref as U}from"@contractspec/module.examples/catalog";var W={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},X={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function N(h){let j=T(h);if(!j)return;let q=j.entrypoints.packageName.replace("@contractspec/example.",""),z=M(h),B=U(h);return{key:h,lead:W[h]??j.meta.summary??j.meta.description??"Public ContractSpec reference example.",sandboxHref:B,referenceHref:X[h]??Q(h),llmsHref:`/llms/${j.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${q}`,localCommands:Y(q,z,B)}}function Y(h,j,q){let z=[`bun run --cwd packages/examples/${h} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${j}`];if(q)z.push(`# http://localhost:3000${q}`);return z.join(`
+`)}export{N as getExampleShowcaseData};

package/dist/components/docs/examples/index.js

@@ -1,3 +1,3 @@
 // @bun
-import{ExampleCatalogDataView as d}from"@contractspec/lib.contracts-spec/docs";import{ButtonLink as m,DataViewList as h,StatusChip as b}from"@contractspec/lib.design-system";import{HStack as N,VStack as p}from"@contractspec/lib.ui-kit-web/ui/stack";import{H1 as v,Muted as g}from"@contractspec/lib.ui-kit-web/ui/typography";import{buildExampleDocsHref as w,listPublicExamples as k}from"@contractspec/module.examples";import{jsx as i,jsxs as l}from"react/jsx-runtime";function y(){let r=k().map((e)=>{let n=e.meta.title??e.meta.key;return{id:e.meta.key,title:n,summary:e.meta.summary??e.meta.description,route:w(e.meta.key),tags:e.meta.tags,sandboxEnabled:e.surfaces.sandbox.enabled}}).sort((e,n)=>e.title.localeCompare(n.title)),t={...d,view:{...d.view,kind:"list"}};return l(p,{gap:"xl",children:[l(p,{gap:"sm",children:[i(v,{children:"Examples"}),i(g,{children:"Reference implementations for real ContractSpec surfaces. Use them to study adoption patterns, inspect generated artifacts, and validate the OSS workflow against runnable systems."})]}),i(h,{spec:t,items:r,emptyState:i(g,{children:"No examples available."}),renderActions:(e)=>{return l(N,{gap:"xs",justify:"end",children:[e.sandboxEnabled?i(m,{href:`/sandbox?template=${e.id}`,size:"sm",variant:"outline",children:"Sandbox"}):null,i(m,{href:e.route,size:"sm",children:"Reference"}),e.tags?.[0]?i(b,{size:"sm",label:e.tags[0]}):null]})}})]})}import{buildExampleDocsHref as E,buildExampleReferenceHref as H,getExamplePreviewHref as P,getPublicExample as L}from"@contractspec/module.examples";var S={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},R={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function f(r){let t=L(r);if(!t)return;let e=t.entrypoints.packageName.replace("@contractspec/example.",""),n=E(r),c=P(r);return{key:r,lead:S[r]??t.meta.summary??t.meta.description??"Public ContractSpec reference example.",sandboxHref:c,referenceHref:R[r]??H(r),llmsHref:`/llms/${t.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${e}`,localCommands:C(e,n,c)}}function C(r,t,e){let n=[`bun run --cwd packages/examples/${r} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${t}`];if(e)n.push(`# http://localhost:3000${e}`);return n.join(`
-`)}import{ButtonLink as s,CodeBlock as z}from"@contractspec/lib.design-system";import B from"@contractspec/lib.ui-link";import{getExample as D}from"@contractspec/module.examples";import{FileCode2 as O,Play as $,TerminalSquare as F}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function A({exampleKey:r}){let t=f(r),e=D(r);if(!t||!e)return null;let n=e.meta.title??e.meta.key,c=e.meta.summary??e.meta.description??"",u=e.entrypoints.packageName;return o("div",{className:"space-y-10",children:[o("section",{className:"space-y-5",children:[a("p",{className:"editorial-kicker",children:"Meetup-ready example"}),a("h1",{className:"editorial-title max-w-5xl",children:n}),a("p",{className:"editorial-subtitle",children:t.lead}),a("p",{className:"editorial-copy max-w-4xl",children:c}),o("div",{className:"flex flex-wrap gap-3",children:[t.sandboxHref?a(s,{href:t.sandboxHref,children:"Open sandbox"}):null,a(s,{href:t.referenceHref,variant:"outline",children:"Generated reference"})]})]}),o("section",{className:"grid gap-5 lg:grid-cols-3",children:[t.sandboxHref?o("article",{className:"editorial-panel space-y-4",children:[o("div",{className:"flex items-center gap-3",children:[a("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:a($,{size:18})}),a("h2",{className:"font-semibold text-xl",children:"Sandbox preview"})]}),a("p",{className:"editorial-copy text-sm",children:"Load the same public browser surface used for the prepared live demo."}),a(s,{href:t.sandboxHref,size:"sm",children:"Open preview"})]}):null,o("article",{className:"editorial-panel space-y-4",children:[o("div",{className:"flex items-center gap-3",children:[a("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:a(O,{size:18})}),a("h2",{className:"font-semibold text-xl",children:"Reference docs"})]}),a("p",{className:"editorial-copy text-sm",children:"Inspect the generated contract-facing material instead of relying on marketing summaries."}),a(s,{href:t.referenceHref,size:"sm",variant:"outline",children:"Open reference"})]}),o("article",{className:"editorial-panel space-y-4",children:[o("div",{className:"flex items-center gap-3",children:[a("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:a(F,{size:18})}),a("h2",{className:"font-semibold text-xl",children:"Package context"})]}),a("p",{className:"editorial-copy text-sm",children:"Use the agent-facing package page for fast repo orientation, then jump to the source directory."}),a("p",{className:"rounded-[18px] border border-border/70 bg-background/75 px-4 py-3 font-mono text-sm",children:u}),o("div",{className:"flex flex-wrap gap-2",children:[a(s,{href:t.llmsHref,size:"sm",variant:"outline",children:"LLMS page"}),a(s,{href:t.repoHref,size:"sm",variant:"outline",children:"GitHub source"})]})]})]}),o("section",{className:"editorial-panel space-y-5",children:[o("div",{className:"space-y-2",children:[a("p",{className:"editorial-kicker",children:"Talk commands"}),a("h2",{className:"editorial-panel-title",children:"Exact local commands for the meetup lane"}),a("p",{className:"editorial-copy text-sm",children:"Build the example package, then launch the web shell and open the prepared docs or sandbox route."})]}),a(z,{language:"bash",filename:`${r}-meetup-runbook`,code:t.localCommands}),o("p",{className:"text-muted-foreground text-sm",children:["For the full fallback order and safe live-edit workflow, use"," ",a(B,{href:"https://github.com/lssm-tech/contractspec/blob/main/docs/meetup-agent-examples-runbook.md",children:"the meetup runbook"}),"."]})]})]})}export{A as ExampleShowcasePage,y as DocsExamplesPage};
+var N=Object.defineProperty;var O=(P)=>P;function v(P,G){this[P]=O.bind(null,G)}var r=(P,G)=>{for(var z in G)N(P,z,{get:G[z],enumerable:!0,configurable:!0,set:v.bind(G,z)})};var n=(P,G)=>()=>(P&&(G=P(P=0)),G);import{ExampleCatalogDataView as $}from"@contractspec/lib.contracts-spec/docs";import{ButtonLink as q,DataViewList as F,StatusChip as _}from"@contractspec/lib.design-system";import{HStack as K,VStack as A}from"@contractspec/lib.ui-kit-web/ui/stack";import{H1 as C,Muted as T}from"@contractspec/lib.ui-kit-web/ui/typography";import{buildExampleDocsHref as V,listDiscoverableExamples as g}from"@contractspec/module.examples/catalog";import{jsx as W,jsxs as Z}from"react/jsx-runtime";function R(){let P=g().map((z)=>{let U=z.meta.title??z.meta.key;return{id:z.meta.key,title:U,summary:z.meta.summary??z.meta.description,route:V(z.meta.key),tags:z.meta.tags,sandboxEnabled:z.surfaces.sandbox.enabled}}).sort((z,U)=>z.title.localeCompare(U.title)),G={...$,view:{...$.view,kind:"list"}};return Z(A,{gap:"xl",children:[Z(A,{gap:"sm",children:[W(C,{children:"Examples"}),W(T,{children:"Reference implementations for real ContractSpec surfaces. Use them to study adoption patterns, inspect generated artifacts, and validate the OSS workflow against runnable systems."})]}),W(F,{spec:G,items:P,emptyState:W(T,{children:"No examples available."}),renderActions:(z)=>{return Z(K,{gap:"xs",justify:"end",children:[z.sandboxEnabled?W(q,{href:`/sandbox?template=${z.id}`,size:"sm",variant:"outline",children:"Sandbox"}):null,W(q,{href:z.route,size:"sm",children:"Reference"}),z.tags?.[0]?W(_,{size:"sm",label:z.tags[0]}):null]})}})]})}import{buildExampleDocsHref as B,buildExampleReferenceHref as S,getDiscoverableExample as D,getExamplePreviewHref as f}from"@contractspec/module.examples/catalog";var L={"agent-console":"Primary meetup path for autonomous agents: typed tools, agent configs, run history, and execution logs in one regenerable surface.","ai-chat-assistant":"Secondary meetup path for MCP-aware assistants: reasoning, sources, suggestions, and a minimal contract-backed search tool.","data-grid-showcase":"Canonical table example for the full ContractSpec stack: declarative DataView contract, shared controller, raw web primitive, native-first primitive, and the composed design-system wrapper.","messaging-agent-actions":"Live messaging lane for the meetup: inbound Slack, WhatsApp, or Telegram messages route through fixed intents, allowlisted actions, and deterministic confirmations."},h={"agent-console":"/docs/reference/agent-console/agent-console","ai-chat-assistant":"/docs/reference/ai-chat-assistant/assistant.search","data-grid-showcase":"/docs/reference/data-grid-showcase/data-grid-showcase","messaging-agent-actions":"/docs/reference/messaging-agent-actions/messaging.agentActions.process"};function I(P){let G=D(P);if(!G)return;let z=G.entrypoints.packageName.replace("@contractspec/example.",""),U=B(P),Y=f(P);return{key:P,lead:L[P]??G.meta.summary??G.meta.description??"Public ContractSpec reference example.",sandboxHref:Y,referenceHref:h[P]??S(P),llmsHref:`/llms/${G.entrypoints.packageName.replace("@contractspec/","")}`,repoHref:`https://github.com/lssm-tech/contractspec/tree/main/packages/examples/${z}`,localCommands:b(z,U,Y)}}function b(P,G,z){let U=[`bun run --cwd packages/examples/${P} build`,"bun run --cwd packages/apps/web-landing dev","","# Open in the browser",`# http://localhost:3000${G}`];if(z)U.push(`# http://localhost:3000${z}`);return U.join(`
+`)}import{ButtonLink as X,CodeBlock as w}from"@contractspec/lib.design-system";import H from"@contractspec/lib.ui-link";import{getExample as E}from"@contractspec/module.examples/catalog";import{FileCode2 as u,Play as d,TerminalSquare as y}from"lucide-react";import{jsx as J,jsxs as Q}from"react/jsx-runtime";function k({exampleKey:P}){let G=I(P),z=E(P);if(!G||!z)return null;let U=z.meta.title??z.meta.key,Y=z.meta.summary??z.meta.description??"",M=z.entrypoints.packageName;return Q("div",{className:"space-y-10",children:[Q("section",{className:"space-y-5",children:[J("p",{className:"editorial-kicker",children:"Meetup-ready example"}),J("h1",{className:"editorial-title max-w-5xl",children:U}),J("p",{className:"editorial-subtitle",children:G.lead}),J("p",{className:"editorial-copy max-w-4xl",children:Y}),Q("div",{className:"flex flex-wrap gap-3",children:[G.sandboxHref?J(X,{href:G.sandboxHref,children:"Open sandbox"}):null,J(X,{href:G.referenceHref,variant:"outline",children:"Generated reference"})]})]}),Q("section",{className:"grid gap-5 lg:grid-cols-3",children:[G.sandboxHref?Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[J("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:J(d,{size:18})}),J("h2",{className:"font-semibold text-xl",children:"Sandbox preview"})]}),J("p",{className:"editorial-copy text-sm",children:"Load the same public browser surface used for the prepared live demo."}),J(X,{href:G.sandboxHref,size:"sm",children:"Open preview"})]}):null,Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[J("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:J(u,{size:18})}),J("h2",{className:"font-semibold text-xl",children:"Reference docs"})]}),J("p",{className:"editorial-copy text-sm",children:"Inspect the generated contract-facing material instead of relying on marketing summaries."}),J(X,{href:G.referenceHref,size:"sm",variant:"outline",children:"Open reference"})]}),Q("article",{className:"editorial-panel space-y-4",children:[Q("div",{className:"flex items-center gap-3",children:[J("div",{className:"rounded-full border border-border/80 bg-background/85 p-2",children:J(y,{size:18})}),J("h2",{className:"font-semibold text-xl",children:"Package context"})]}),J("p",{className:"editorial-copy text-sm",children:"Use the agent-facing package page for fast repo orientation, then jump to the source directory."}),J("p",{className:"rounded-[18px] border border-border/70 bg-background/75 px-4 py-3 font-mono text-sm",children:M}),Q("div",{className:"flex flex-wrap gap-2",children:[J(X,{href:G.llmsHref,size:"sm",variant:"outline",children:"LLMS page"}),J(X,{href:G.repoHref,size:"sm",variant:"outline",children:"GitHub source"})]})]})]}),Q("section",{className:"editorial-panel space-y-5",children:[Q("div",{className:"space-y-2",children:[J("p",{className:"editorial-kicker",children:"Talk commands"}),J("h2",{className:"editorial-panel-title",children:"Exact local commands for the meetup lane"}),J("p",{className:"editorial-copy text-sm",children:"Build the example package, then launch the web shell and open the prepared docs or sandbox route."})]}),J(w,{language:"bash",filename:`${P}-meetup-runbook`,code:G.localCommands}),Q("p",{className:"text-muted-foreground text-sm",children:["For the full fallback order and safe live-edit workflow, use"," ",J(H,{href:"https://github.com/lssm-tech/contractspec/blob/main/docs/meetup-agent-examples-runbook.md",children:"the meetup runbook"}),"."]})]})]})}export{k as ExampleShowcasePage,R as DocsExamplesPage};

package/dist/components/docs/generated/docs-index.generated.js

@@ -1,2 +1,2 @@
 // @bun
-var t="docs-index.manifest.json";export{t as DOCS_INDEX_MANIFEST};
+var s=Object.defineProperty;var r=(t)=>t;function o(t,n){this[t]=r.bind(null,n)}var g=(t,n)=>{for(var e in n)s(t,e,{get:n[e],enumerable:!0,configurable:!0,set:o.bind(n,e)})};var c=(t,n)=>()=>(t&&(n=t(t=0)),n);var u="docs-index.manifest.json";export{u as DOCS_INDEX_MANIFEST};

package/dist/components/docs/generated/index.d.ts

@@ -1,2 +1,8 @@
 export type { DocsIndexEntry, DocsIndexManifest, DocsIndexSource, } from './docs-index.generated';
-export { getDocsIndexManifest, getGeneratedDocById, listGeneratedDocs, } from './loader';
+import type { DocsIndexEntry, DocsIndexManifest } from './docs-index.generated';
+export declare function getDocsIndexManifest(): Promise<DocsIndexManifest>;
+export declare function listGeneratedDocs(): Promise<readonly DocsIndexEntry[]>;
+export declare function getGeneratedDocById(id: string): Promise<{
+    entry: DocsIndexEntry;
+    content: string;
+} | null>;

package/dist/components/docs/generated/index.js

@@ -1,2 +1,2 @@
 // @bun
-var l="docs-index.manifest.json";import{readFile as u}from"fs/promises";import{dirname as D,join as i}from"path";import{fileURLToPath as g}from"url";var d=D(g(import.meta.url)),c=null,a=null,m=new Map;function I(n){if(!n)return"_common";if(n.includes("/")){let[t]=n.split("/");return t||"_common"}return"_common"}async function f(){if(!c)c=u(i(d,l),"utf8").then((n)=>JSON.parse(n));return c}function p(n){let t=n.contentRoot??".";return i(d,t)}async function x(n){let t=m.get(n);if(t)return t;let e=u(i(d,n),"utf8").then((r)=>JSON.parse(r));return m.set(n,e),e}async function h(){if(!a)a=(async()=>{let n=await f();return(await Promise.all(n.chunks.map((e)=>x(e.file)))).flat()})();return a}async function k(){return f()}async function P(n){let t=await f(),e=I(n),r=t.chunks.find((o)=>o.key===e);if(!r)return null;let s=(await x(r.file)).find((o)=>o.id===n);if(!s||!s.contentPath)return null;let y=i(p(t),s.contentPath);try{let o=await u(y,"utf8");return{entry:s,content:o}}catch{return null}}export{h as listGeneratedDocs,P as getGeneratedDocById,k as getDocsIndexManifest};
+var g=Object.defineProperty;var I=(n)=>n;function h(n,t){this[n]=I.bind(null,t)}var P=(n,t)=>{for(var e in t)g(n,e,{get:t[e],enumerable:!0,configurable:!0,set:h.bind(t,e)})};var M=(n,t)=>()=>(n&&(t=n(n=0)),t);var m="docs-index.manifest.json";var a={};P(a,{listGeneratedDocs:()=>_,getGeneratedDocById:()=>G,getDocsIndexManifest:()=>j});import{readFile as l}from"fs/promises";import*as o from"path";import{fileURLToPath as E}from"url";function S(n){if(!n)return"_common";if(n.includes("/")){let[t]=n.split("/");return t||"_common"}return"_common"}async function x(){if(!u)u=l(o.join(c,m),"utf8").then((n)=>JSON.parse(n));return u}function C(n){let t=n.contentRoot??".";if(t==="../../../../../../../generated/docs")return w;return o.join(c,t)}async function y(n){let t=D.get(n);if(t)return t;let e=l(o.join(c,n),"utf8").then((s)=>JSON.parse(s));return D.set(n,e),e}async function _(){if(!f)f=(async()=>{let n=await x();return(await Promise.all(n.chunks.map((e)=>y(e.file)))).flat()})();return f}async function j(){return x()}async function G(n){let t=await x(),e=S(n),s=t.chunks.find((r)=>r.key===e);if(!s)return null;let i=(await y(s.file)).find((r)=>r.id===n);if(!i||!i.contentPath)return null;let p=o.join(C(t),i.contentPath);try{let r=await l(p,"utf8");return{entry:i,content:r}}catch{return null}}var c,w,u=null,f=null,D;var d=M(()=>{c=o.dirname(E(import.meta.url)),w=o.join(c,"../../../../../../../generated/docs"),D=new Map});async function A(){let{getDocsIndexManifest:n}=await Promise.resolve().then(() => (d(),a));return n()}async function B(){let{listGeneratedDocs:n}=await Promise.resolve().then(() => (d(),a));return n()}async function T(n){let{getGeneratedDocById:t}=await Promise.resolve().then(() => (d(),a));return t(n)}export{B as listGeneratedDocs,T as getGeneratedDocById,A as getDocsIndexManifest};

package/dist/components/docs/generated/loader.js

@@ -1,2 +1,2 @@
 // @bun
-var f="docs-index.manifest.json";import{readFile as u}from"fs/promises";import{dirname as g,join as i}from"path";import{fileURLToPath as D}from"url";var d=g(D(import.meta.url)),c=null,a=null,m=new Map;function I(n){if(!n)return"_common";if(n.includes("/")){let[t]=n.split("/");return t||"_common"}return"_common"}async function l(){if(!c)c=u(i(d,f),"utf8").then((n)=>JSON.parse(n));return c}function p(n){let t=n.contentRoot??".";return i(d,t)}async function x(n){let t=m.get(n);if(t)return t;let e=u(i(d,n),"utf8").then((r)=>JSON.parse(r));return m.set(n,e),e}async function w(){if(!a)a=(async()=>{let n=await l();return(await Promise.all(n.chunks.map((e)=>x(e.file)))).flat()})();return a}async function C(){return l()}async function _(n){let t=await l(),e=I(n),r=t.chunks.find((o)=>o.key===e);if(!r)return null;let s=(await x(r.file)).find((o)=>o.id===n);if(!s||!s.contentPath)return null;let y=i(p(t),s.contentPath);try{let o=await u(y,"utf8");return{entry:s,content:o}}catch{return null}}export{w as listGeneratedDocs,_ as getGeneratedDocById,C as getDocsIndexManifest};
+var x=Object.defineProperty;var y=(n)=>n;function h(n,t){this[n]=y.bind(null,t)}var D=(n,t)=>{for(var e in t)x(n,e,{get:t[e],enumerable:!0,configurable:!0,set:h.bind(t,e)})};var I=(n,t)=>()=>(n&&(t=n(n=0)),t);var l="docs-index.manifest.json";var j={};D(j,{listGeneratedDocs:()=>S,getGeneratedDocById:()=>_,getDocsIndexManifest:()=>w});import{readFile as d}from"fs/promises";import*as o from"path";import{fileURLToPath as P}from"url";function M(n){if(!n)return"_common";if(n.includes("/")){let[t]=n.split("/");return t||"_common"}return"_common"}async function f(){if(!a)a=d(o.join(c,l),"utf8").then((n)=>JSON.parse(n));return a}function C(n){let t=n.contentRoot??".";if(t==="../../../../../../../generated/docs")return E;return o.join(c,t)}async function g(n){let t=m.get(n);if(t)return t;let e=d(o.join(c,n),"utf8").then((s)=>JSON.parse(s));return m.set(n,e),e}async function S(){if(!u)u=(async()=>{let n=await f();return(await Promise.all(n.chunks.map((e)=>g(e.file)))).flat()})();return u}async function w(){return f()}async function _(n){let t=await f(),e=M(n),s=t.chunks.find((r)=>r.key===e);if(!s)return null;let i=(await g(s.file)).find((r)=>r.id===n);if(!i||!i.contentPath)return null;let p=o.join(C(t),i.contentPath);try{let r=await d(p,"utf8");return{entry:i,content:r}}catch{return null}}var c,E,a=null,u=null,m;var b=I(()=>{c=o.dirname(P(import.meta.url)),E=o.join(c,"../../../../../../../generated/docs"),m=new Map});b();export{S as listGeneratedDocs,_ as getGeneratedDocById,w as getDocsIndexManifest};

package/dist/components/docs/getting-started/CLIPage.js

@@ -1,5 +1,5 @@
 // @bun
-import{CodeBlock as c,InstallCommand as n}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as i}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function p(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"ContractSpec CLI"}),e("p",{className:"text-lg text-muted-foreground",children:"Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Installation"}),e(n,{package:"contractspec",dev:!0})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Quick Start"}),e(c,{language:"bash",code:`# Initialize project
+var s=Object.defineProperty;var r=(c)=>c;function d(c,t){this[c]=r.bind(null,t)}var m=(c,t)=>{for(var n in t)s(c,n,{get:t[n],enumerable:!0,configurable:!0,set:d.bind(t,n)})};var u=(c,t)=>()=>(c&&(t=c(c=0)),t);import{CodeBlock as o,InstallCommand as l}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as p}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function N(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"ContractSpec CLI"}),e("p",{className:"text-lg text-muted-foreground",children:"Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Installation"}),e(l,{package:"contractspec",dev:!0})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Quick Start"}),e(o,{language:"bash",code:`# Initialize project
 contractspec onboard
 bunx contractspec init
 
@@ -10,13 +10,13 @@ contractspec create --type operation
 contractspec generate
 
 # Validate
-contractspec validate`})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Commands"}),e("div",{className:"grid gap-4",children:[{name:"onboard",description:"Primary OSS onboarding flow that recommends tracks, examples, and repo-local guides",usage:"contractspec onboard [track...] [--example <key>] [--dry-run] [--json]"},{name:"create",description:"Interactive wizard to create contract specifications",usage:"contractspec create [--type operation] [--ai]"},{name:"build",description:"Generate implementation code from contract specs using AI agents",usage:"contractspec build <spec-file> [--agent-mode claude-code]"},{name:"validate",description:"Validate contract specifications and implementations",usage:"contractspec validate <spec-file> [--check-implementation]"},{name:"list",description:"List all contract specifications in the project",usage:"contractspec list [--type operation] [--json]"},{name:"watch",description:"Watch specs and auto-regenerate on changes",usage:"contractspec watch [--build] [--validate]"},{name:"sync",description:"Sync contracts by building all discovered specs",usage:"contractspec sync [--dry-run]"},{name:"ci",description:"Run all validation checks for CI/CD pipelines",usage:"contractspec ci [--format sarif] [--output results.sarif]"},{name:"deps",description:"Analyze contract dependencies and relationships",usage:"contractspec deps [--circular] [--format dot]"},{name:"diff",description:"Compare contract specifications and show differences",usage:"contractspec diff <spec1> <spec2> [--breaking]"}].map((t)=>a("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-bold font-mono text-violet-400",children:t.name}),e("p",{className:"text-muted-foreground text-sm",children:t.description}),e(c,{language:"bash",code:t.usage,showCopyButton:!1})]},t.name))})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"AI Agent Modes"}),e("p",{className:"text-muted-foreground",children:"The CLI supports multiple AI agent modes for different use cases:"}),a("div",{className:"grid gap-3 md:grid-cols-2",children:[a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"simple"}),e("p",{className:"text-muted-foreground text-sm",children:"Direct LLM API calls, fast and straightforward. Best for rapid prototyping."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"claude-code"}),e("p",{className:"text-muted-foreground text-sm",children:"Extended thinking with Claude. Best for production-quality code."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"openai-codex"}),e("p",{className:"text-muted-foreground text-sm",children:"GPT-4o/o1 models. Excellent for algorithms and optimization."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"cursor"}),e("p",{className:"text-muted-foreground text-sm",children:"Leverages Cursor agentic capabilities. Requires Cursor environment."})]})]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"CI/CD Integration"}),e("p",{className:"text-muted-foreground",children:"Run all validation checks in CI/CD with machine-readable output:"}),e(c,{language:"yaml",filename:".github/workflows/validate.yml",code:`- name: Validate Contracts
+contractspec validate`})]}),a("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Commands"}),e("div",{className:"grid gap-4",children:[{name:"onboard",description:"Primary OSS onboarding flow that recommends tracks, examples, and repo-local guides",usage:"contractspec onboard [track...] [--example <key>] [--dry-run] [--json]"},{name:"create",description:"Interactive wizard to create contract specifications",usage:"contractspec create [--type operation] [--ai]"},{name:"build",description:"Generate implementation code from contract specs using AI agents",usage:"contractspec build <spec-file> [--agent-mode claude-code]"},{name:"validate",description:"Validate contract specifications and implementations",usage:"contractspec validate <spec-file> [--check-implementation]"},{name:"list",description:"List all contract specifications in the project",usage:"contractspec list [--type operation] [--json]"},{name:"watch",description:"Watch specs and auto-regenerate on changes",usage:"contractspec watch [--build] [--validate]"},{name:"sync",description:"Sync contracts by building all discovered specs",usage:"contractspec sync [--dry-run]"},{name:"ci",description:"Run all validation checks for CI/CD pipelines",usage:"contractspec ci [--format sarif] [--output results.sarif]"},{name:"deps",description:"Analyze contract dependencies and relationships",usage:"contractspec deps [--circular] [--format dot]"},{name:"diff",description:"Compare contract specifications and show differences",usage:"contractspec diff <spec1> <spec2> [--breaking]"}].map((t)=>a("div",{className:"card-subtle space-y-2 p-4",children:[e("h3",{className:"font-bold font-mono text-violet-400",children:t.name}),e("p",{className:"text-muted-foreground text-sm",children:t.description}),e(o,{language:"bash",code:t.usage,showCopyButton:!1})]},t.name))})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"AI Agent Modes"}),e("p",{className:"text-muted-foreground",children:"The CLI supports multiple AI agent modes for different use cases:"}),a("div",{className:"grid gap-3 md:grid-cols-2",children:[a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"simple"}),e("p",{className:"text-muted-foreground text-sm",children:"Direct LLM API calls, fast and straightforward. Best for rapid prototyping."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"claude-code"}),e("p",{className:"text-muted-foreground text-sm",children:"Extended thinking with Claude. Best for production-quality code."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"openai-codex"}),e("p",{className:"text-muted-foreground text-sm",children:"GPT-4o/o1 models. Excellent for algorithms and optimization."})]}),a("div",{className:"card-subtle p-4",children:[e("h4",{className:"font-bold",children:"cursor"}),e("p",{className:"text-muted-foreground text-sm",children:"Leverages Cursor agentic capabilities. Requires Cursor environment."})]})]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"CI/CD Integration"}),e("p",{className:"text-muted-foreground",children:"Run all validation checks in CI/CD with machine-readable output:"}),e(o,{language:"yaml",filename:".github/workflows/validate.yml",code:`- name: Validate Contracts
   run: contractspec ci --format sarif --output results.sarif
 
 - name: Upload SARIF
   uses: github/codeql-action/upload-sarif@v3
   with:
-    sarif_file: results.sarif`})]}),a("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Configuration"}),a("p",{className:"text-muted-foreground text-sm",children:["Create a ",e("code",{children:".contractsrc.json"})," file in your project root:"]}),e(c,{language:"json",filename:".contractsrc.json",code:`{
+    sarif_file: results.sarif`})]}),a("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Configuration"}),a("p",{className:"text-muted-foreground text-sm",children:["Create a ",e("code",{children:".contractsrc.json"})," file in your project root:"]}),e(o,{language:"json",filename:".contractsrc.json",code:`{
   "aiProvider": "claude",
   "agentMode": "claude-code",
   "outputDir": "./src",
@@ -24,4 +24,4 @@ contractspec validate`})]}),a("div",{className:"space-y-4",children:[e("h2",{cla
     "operations": "interactions/commands|queries",
     "events": "events"
   }
-}`})]})]}),a("div",{className:"flex items-center gap-4 pt-4",children:[a(o,{href:"/docs/getting-started/tools/vscode",className:"btn-primary",children:["Next: VS Code Extension ",e(i,{size:16})]}),e(o,{href:"/docs/getting-started/tools",className:"btn-ghost",children:"Back to Tools"})]})]})}export{p as CLIPage};
+}`})]})]}),a("div",{className:"flex items-center gap-4 pt-4",children:[a(i,{href:"/docs/getting-started/tools/vscode",className:"btn-primary",children:["Next: VS Code Extension ",e(p,{size:16})]}),e(i,{href:"/docs/getting-started/tools",className:"btn-ghost",children:"Back to Tools"})]})]})}export{N as CLIPage};

package/dist/components/docs/getting-started/CompatibilityPage.js

@@ -1,2 +1,2 @@
 // @bun
-import a from"@contractspec/lib.ui-link";import{ChevronRight as l}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function r(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Compatibility"}),e("p",{className:"text-lg text-muted-foreground",children:"Supported runtimes, frameworks, and agent modes for ContractSpec."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Runtimes"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Node.js 20+"}),e("li",{children:"Bun 1.0+"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Frameworks"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Next.js 14+ (App Router preferred)"}),e("li",{children:"Bun + Elysia or compatible HTTP servers"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Package managers"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"bun (recommended)"}),e("li",{children:"npm"}),e("li",{children:"pnpm"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"AI agent modes"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"claude-code"}),e("li",{children:"openai-codex"}),e("li",{children:"cursor"}),e("li",{children:"opencode"}),e("li",{children:"simple (direct LLM)"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Datastores"}),e("p",{className:"text-muted-foreground",children:"ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"PostgreSQL via Prisma"}),e("li",{children:"Custom adapters for other SQL/NoSQL stores"})]})]})]}),t("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[e(a,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),e(a,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),t(a,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",e(l,{size:16})]})]})]})}export{r as CompatibilityPage};
+var o=Object.defineProperty;var d=(a)=>a;function c(a,l){this[a]=d.bind(null,l)}var m=(a,l)=>{for(var r in l)o(a,r,{get:l[r],enumerable:!0,configurable:!0,set:c.bind(l,r)})};var n=(a,l)=>()=>(a&&(l=a(a=0)),l);import i from"@contractspec/lib.ui-link";import{ChevronRight as s}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function N(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Compatibility"}),e("p",{className:"text-lg text-muted-foreground",children:"Supported runtimes, frameworks, and agent modes for ContractSpec."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Runtimes"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Node.js 20+"}),e("li",{children:"Bun 1.0+"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Frameworks"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Next.js 14+ (App Router preferred)"}),e("li",{children:"Bun + Elysia or compatible HTTP servers"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Package managers"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"bun (recommended)"}),e("li",{children:"npm"}),e("li",{children:"pnpm"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"AI agent modes"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"claude-code"}),e("li",{children:"openai-codex"}),e("li",{children:"cursor"}),e("li",{children:"opencode"}),e("li",{children:"simple (direct LLM)"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Datastores"}),e("p",{className:"text-muted-foreground",children:"ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"PostgreSQL via Prisma"}),e("li",{children:"Custom adapters for other SQL/NoSQL stores"})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Cross-platform UI architecture"}),t("p",{className:"text-muted-foreground",children:["Need the React and React Native component compatibility story? Read"," ",e(i,{href:"/docs/libraries/cross-platform-ui",className:"text-[color:var(--rust)] underline underline-offset-4",children:"Cross-platform UI"})," ","for the runtime and UI-layer split."]})]})]}),t("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[e(i,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),e(i,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),t(i,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",e(s,{size:16})]})]})]})}export{N as CompatibilityPage};

package/dist/components/docs/getting-started/DataViewTutorialPage.js

@@ -1,5 +1,5 @@
 // @bun
-import{CodeBlock as a}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as n}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";var s=`import { defineDataView } from '@contractspec/lib.contracts-spec/data-views';
+var r=Object.defineProperty;var l=(a)=>a;function c(a,i){this[a]=l.bind(null,i)}var m=(a,i)=>{for(var n in i)r(a,n,{get:i[n],enumerable:!0,configurable:!0,set:c.bind(i,n)})};var u=(a,i)=>()=>(a&&(i=a(a=0)),i);import{CodeBlock as s}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as d}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";var p=`import { defineDataView } from '@contractspec/lib.contracts-spec/data-views';
 import { ListTransactions } from './list-transactions';
 
 export const TransactionHistory = defineDataView({
@@ -45,7 +45,7 @@ export const TransactionHistory = defineDataView({
       { key: 'notes', label: 'Notes', dataPath: 'notes' },
     ],
   },
-});`;function c(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"Display Data with DataViews"}),e("p",{className:"text-lg text-muted-foreground",children:"Define a filterable, sortable transaction history view that works across web and mobile without duplicating UI code."})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"1. Define the underlying query"}),e("p",{className:"text-muted-foreground",children:"First, create a query operation to fetch the data:"}),e(a,{language:"typescript",filename:"lib/specs/billing/list-transactions.ts",code:`import { defineQuery } from '@contractspec/lib.contracts-spec';
+});`;function b(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-4",children:[e("h1",{className:"font-bold text-4xl",children:"Display Data with DataViews"}),e("p",{className:"text-lg text-muted-foreground",children:"Define a filterable, sortable transaction history view that works across web and mobile without duplicating UI code."})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"1. Define the underlying query"}),e("p",{className:"text-muted-foreground",children:"First, create a query operation to fetch the data:"}),e(s,{language:"typescript",filename:"lib/specs/billing/list-transactions.ts",code:`import { defineQuery } from '@contractspec/lib.contracts-spec';
 
 export const ListTransactions = defineQuery({
   meta: {
@@ -58,7 +58,7 @@ export const ListTransactions = defineQuery({
     output: /* array of transactions */,
   },
   policy: { auth: 'user' },
-});`})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"2. Define the DataView spec"}),e("p",{className:"text-muted-foreground",children:"Wrap your query with presentation metadata:"}),e(a,{language:"typescript",filename:"lib/specs/billing/transaction-history.data-view.ts",code:s}),t("p",{className:"text-muted-foreground text-sm",children:["The live version of this pattern is available in the canonical"," ",e(i,{href:"/docs/examples/data-grid-showcase",className:"text-[color:var(--rust)] underline underline-offset-4",children:"Data Grid Showcase"}),"."]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"3. Render on the frontend"}),e("p",{className:"text-muted-foreground",children:"Use the runtime renderer in your React or React Native app:"}),e(a,{language:"tsx",filename:"app/dashboard/transactions/page.tsx",code:`'use client';
+});`})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"2. Define the DataView spec"}),e("p",{className:"text-muted-foreground",children:"Wrap your query with presentation metadata:"}),e(s,{language:"typescript",filename:"lib/specs/billing/transaction-history.data-view.ts",code:p}),t("p",{className:"text-muted-foreground text-sm",children:["The live version of this pattern is available in the canonical"," ",e(o,{href:"/docs/examples/data-grid-showcase",className:"text-[color:var(--rust)] underline underline-offset-4",children:"Data Grid Showcase"}),"."]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"3. Render on the frontend"}),e("p",{className:"text-muted-foreground",children:"Use the runtime renderer in your React or React Native app:"}),e(s,{language:"tsx",filename:"app/dashboard/transactions/page.tsx",code:`'use client';
 
 import { DataViewRenderer } from '@contractspec/lib.design-system';
 import { TransactionHistory } from '@/lib/specs/billing/transaction-history.data-view';
@@ -83,4 +83,4 @@ export function TransactionsPage() {
       />
     </div>
   );
-}`})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Why DataViews?"}),t("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[e("li",{children:"Same spec renders on web (React) and mobile (React Native)"}),e("li",{children:"Filters, sorting, and pagination handled automatically"}),e("li",{children:"Column visibility, pinning, resizing, and row expansion stay contract-driven"}),e("li",{children:"Format rules (currency, dates, badges) applied consistently"}),e("li",{children:"Export to CSV/PDF using the same spec"}),e("li",{children:"A/B test different layouts without touching the backend"})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[t(i,{href:"/docs/libraries/data-views",className:"btn-primary",children:["DataView API Reference ",e(n,{size:16})]}),e(i,{href:"/docs/specs/workflows",className:"btn-ghost",children:"Next: Workflows"})]})]})}export{c as DataViewTutorialPage};
+}`})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Why DataViews?"}),t("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[e("li",{children:"Same spec renders on web (React) and mobile (React Native)"}),e("li",{children:"Filters, sorting, and pagination handled automatically"}),e("li",{children:"Column visibility, pinning, resizing, and row expansion stay contract-driven"}),e("li",{children:"Format rules (currency, dates, badges) applied consistently"}),e("li",{children:"Export to CSV/PDF using the same spec"}),e("li",{children:"A/B test different layouts without touching the backend"})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[t(o,{href:"/docs/libraries/data-views",className:"btn-primary",children:["DataView API Reference ",e(d,{size:16})]}),e(o,{href:"/docs/specs/workflows",className:"btn-ghost",children:"Next: Workflows"})]})]})}export{b as DataViewTutorialPage};

package/dist/components/docs/getting-started/DeveloperToolsPage.js

@@ -1,2 +1,2 @@
 // @bun
-import{CodeBlock as d,InstallCommand as l}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as s,Code2 as r,Cpu as m,Layers as p,Terminal as g}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function N(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Developer Tools"}),e("p",{className:"text-lg text-muted-foreground",children:"Use the OSS toolchain to define contracts, validate changes, inspect generated surfaces, and adopt the system incrementally across different environments."})]}),e("div",{className:"grid gap-6 md:grid-cols-2",children:[{name:"CLI",href:"/docs/getting-started/tools/cli",description:"Command-line interface for spec creation, building, validation, and CI/CD integration.",icon:g,status:"available",highlights:["AI-powered code generation","Multiple agent modes","SARIF/JSON output"]},{name:"VS Code Extension",href:"/docs/getting-started/tools/vscode",description:"Real-time validation, scaffolding, and navigation directly in your editor.",icon:r,status:"available",highlights:["Specs Explorer sidebar","Watch mode","Interactive walkthroughs"]},{name:"ContractSpec Studio",href:"https://www.contractspec.studio",description:"The operating layer on top of OSS ContractSpec for teams that want evidence-backed decisions, workflow automation, and managed delivery loops.",icon:p,status:"available",highlights:["Evidence-to-decision loop","Compiled spec diffs and task packs","Exports to Linear, Jira, Notion, and GitHub"]},{name:"JetBrains Plugin",href:"#",description:"Full ContractSpec support for IntelliJ, WebStorm, and other JetBrains IDEs.",icon:m,status:"coming-soon",highlights:["Code navigation","Inline validation","Refactoring support"]}].map((a)=>{let c=a.icon,o=a.status==="coming-soon";return t("div",{className:`card-subtle relative space-y-4 p-6 ${o?"opacity-75":""}`,children:[o&&e("span",{className:"absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 font-medium text-violet-400 text-xs",children:"Coming Soon"}),t("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",children:e(c,{className:"h-5 w-5 text-violet-400"})}),e("h3",{className:"font-bold text-lg",children:a.name})]}),e("p",{className:"text-muted-foreground text-sm",children:a.description}),e("ul",{className:"space-y-1",children:a.highlights.map((n)=>t("li",{className:"flex items-center gap-2 text-muted-foreground text-sm",children:[e("span",{className:"text-violet-400",children:"-"}),n]},n))}),!o&&t(i,{href:a.href,className:"btn-ghost inline-flex items-center gap-1 text-sm",children:["Learn more ",e(s,{size:14})]})]},a.name)})}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Quick Install"}),t("div",{className:"space-y-3",children:[t("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"CLI"}),e(l,{package:"contractspec",dev:!0})]}),t("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"VS Code Extension"}),e(d,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"})]})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[t(i,{href:"/docs/getting-started/tools/cli",className:"btn-primary",children:["Get Started with CLI ",e(s,{size:16})]}),e(i,{href:"/docs/getting-started/tools/vscode",className:"btn-ghost",children:"VS Code Extension"})]})]})}export{N as DeveloperToolsPage};
+var l=Object.defineProperty;var r=(o)=>o;function m(o,t){this[o]=r.bind(null,t)}var N=(o,t)=>{for(var i in t)l(o,i,{get:t[i],enumerable:!0,configurable:!0,set:m.bind(t,i)})};var b=(o,t)=>()=>(o&&(t=o(o=0)),t);import{CodeBlock as p,InstallCommand as g}from"@contractspec/lib.design-system";import s from"@contractspec/lib.ui-link";import{ChevronRight as d,Code2 as v,Cpu as u,Layers as h,Terminal as f}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function I(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Developer Tools"}),e("p",{className:"text-lg text-muted-foreground",children:"Use the OSS toolchain to define contracts, validate changes, inspect generated surfaces, and adopt the system incrementally across different environments."})]}),e("div",{className:"grid gap-6 md:grid-cols-2",children:[{name:"CLI",href:"/docs/getting-started/tools/cli",description:"Command-line interface for spec creation, building, validation, and CI/CD integration.",icon:f,status:"available",highlights:["AI-powered code generation","Multiple agent modes","SARIF/JSON output"]},{name:"VS Code Extension",href:"/docs/getting-started/tools/vscode",description:"Real-time validation, scaffolding, and navigation directly in your editor.",icon:v,status:"available",highlights:["Specs Explorer sidebar","Watch mode","Interactive walkthroughs"]},{name:"ContractSpec Studio",href:"https://www.contractspec.studio",description:"The operating layer on top of OSS ContractSpec for teams that want evidence-backed decisions, workflow automation, and managed delivery loops.",icon:h,status:"available",highlights:["Evidence-to-decision loop","Compiled spec diffs and task packs","Exports to Linear, Jira, Notion, and GitHub"]},{name:"JetBrains Plugin",href:"#",description:"Full ContractSpec support for IntelliJ, WebStorm, and other JetBrains IDEs.",icon:u,status:"coming-soon",highlights:["Code navigation","Inline validation","Refactoring support"]}].map((t)=>{let i=t.icon,n=t.status==="coming-soon";return a("div",{className:`card-subtle relative space-y-4 p-6 ${n?"opacity-75":""}`,children:[n&&e("span",{className:"absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 font-medium text-violet-400 text-xs",children:"Coming Soon"}),a("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",children:e(i,{className:"h-5 w-5 text-violet-400"})}),e("h3",{className:"font-bold text-lg",children:t.name})]}),e("p",{className:"text-muted-foreground text-sm",children:t.description}),e("ul",{className:"space-y-1",children:t.highlights.map((c)=>a("li",{className:"flex items-center gap-2 text-muted-foreground text-sm",children:[e("span",{className:"text-violet-400",children:"-"}),c]},c))}),!n&&a(s,{href:t.href,className:"btn-ghost inline-flex items-center gap-1 text-sm",children:["Learn more ",e(d,{size:14})]})]},t.name)})}),a("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Quick Install"}),a("div",{className:"space-y-3",children:[a("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"CLI"}),e(g,{package:"contractspec",dev:!0})]}),a("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"VS Code Extension"}),e(p,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"})]})]})]}),a("div",{className:"flex items-center gap-4 pt-4",children:[a(s,{href:"/docs/getting-started/tools/cli",className:"btn-primary",children:["Get Started with CLI ",e(d,{size:16})]}),e(s,{href:"/docs/getting-started/tools/vscode",className:"btn-ghost",children:"VS Code Extension"})]})]})}export{I as DeveloperToolsPage};

package/dist/components/docs/getting-started/HelloWorldPage.js

@@ -1,5 +1,5 @@
 // @bun
-import{CodeBlock as a}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as n}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function s(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Your First Operation"}),e("p",{className:"text-lg text-muted-foreground",children:"Build a payment capture operation with policy enforcement in under 10 minutes."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"What you'll build"}),e("p",{className:"text-muted-foreground",children:"A real-world payment processing operation that validates input, enforces business rules, integrates with Stripe, and audits every transaction. This is production-ready code, not a toy example."})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"1. Define the operation spec"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/specs/billing/capture-payment.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/specs/billing/capture-payment.ts",code:`import { defineCommand } from '@contractspec/lib.contracts-spec';
+var o=Object.defineProperty;var p=(a)=>a;function s(a,i){this[a]=p.bind(null,i)}var m=(a,i)=>{for(var r in i)o(a,r,{get:i[r],enumerable:!0,configurable:!0,set:s.bind(i,r)})};var d=(a,i)=>()=>(a&&(i=a(a=0)),i);import{CodeBlock as n}from"@contractspec/lib.design-system";import c from"@contractspec/lib.ui-link";import{ChevronRight as l}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function g(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Your First Operation"}),e("p",{className:"text-lg text-muted-foreground",children:"Build a payment capture operation with policy enforcement in under 10 minutes."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"What you'll build"}),e("p",{className:"text-muted-foreground",children:"A real-world payment processing operation that validates input, enforces business rules, integrates with Stripe, and audits every transaction. This is production-ready code, not a toy example."})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"1. Define the operation spec"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/specs/billing/capture-payment.ts"}),":"]}),e(n,{language:"typescript",filename:"lib/specs/billing/capture-payment.ts",code:`import { defineCommand } from '@contractspec/lib.contracts-spec';
 import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
 
 const CapturePaymentInput = new SchemaModel({
@@ -42,7 +42,7 @@ export const CapturePayment = defineCommand({
       { resource: 'invoice', action: 'pay', condition: 'owner' },
     ],
   },
-});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"2. Implement the handler"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/handlers/billing/capture-payment.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/handlers/billing/capture-payment.ts",code:`import { CapturePayment } from '@/lib/specs/billing/capture-payment';
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"2. Implement the handler"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/handlers/billing/capture-payment.ts"}),":"]}),e(n,{language:"typescript",filename:"lib/handlers/billing/capture-payment.ts",code:`import { CapturePayment } from '@/lib/specs/billing/capture-payment';
 import { stripe } from '@/lib/integrations/stripe';
 import { db } from '@/lib/db';
 
@@ -79,12 +79,12 @@ export async function handleCapturePayment(input, ctx) {
     status: paymentIntent.status,
     receiptUrl: paymentIntent.charges.data[0]?.receipt_url,
   };
-}`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"3. Register and serve"}),t("p",{className:"text-muted-foreground",children:["Wire it up in ",e("code",{children:"lib/registry.ts"})," and"," ",e("code",{children:"app/api/ops/[...route]/route.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/registry.ts",code:`import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
+}`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"3. Register and serve"}),t("p",{className:"text-muted-foreground",children:["Wire it up in ",e("code",{children:"lib/registry.ts"})," and"," ",e("code",{children:"app/api/ops/[...route]/route.ts"}),":"]}),e(n,{language:"typescript",filename:"lib/registry.ts",code:`import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
 import { CapturePayment } from './specs/billing/capture-payment';
 import { handleCapturePayment } from './handlers/billing/capture-payment';
 
 export const registry = new OperationSpecRegistry();
-installOp(registry, CapturePayment, handleCapturePayment);`}),e(a,{language:"typescript",filename:"app/api/ops/[...route]/route.ts",code:`import { makeNextAppHandler } from '@contractspec/lib.contracts-runtime-server-rest/rest-next-app';
+installOp(registry, CapturePayment, handleCapturePayment);`}),e(n,{language:"typescript",filename:"app/api/ops/[...route]/route.ts",code:`import { makeNextAppHandler } from '@contractspec/lib.contracts-runtime-server-rest/rest-next-app';
 import { registry } from '@/lib/registry';
 import { auth } from '@/lib/auth';
 
@@ -93,4 +93,4 @@ const handler = makeNextAppHandler(registry, async (req) => {
   return { actor: 'user', userId: session.userId, tenantId: session.tenantId };
 });
 
-export { handler as GET, handler as POST };`})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"What you just built:"}),t("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[t("li",{children:["Type-safe API endpoint at"," ",e("code",{children:"/api/ops/billing.capturePayment"})]}),e("li",{children:"Automatic input validation (amount must be positive, IDs required)"}),e("li",{children:"Policy enforcement\u2014only invoice owner can pay"}),e("li",{children:"Stripe integration with error handling"}),e("li",{children:"Database transaction with audit trail"}),e("li",{children:"Same spec works with GraphQL, MCP, or webhooks"})]})]}),e("div",{className:"flex items-center gap-4 pt-4",children:t(i,{href:"/docs/getting-started/dataviews",className:"btn-primary",children:["Next: Display Data with DataViews ",e(n,{size:16})]})})]})]})}export{s as HelloWorldPage};
+export { handler as GET, handler as POST };`})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"What you just built:"}),t("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[t("li",{children:["Type-safe API endpoint at"," ",e("code",{children:"/api/ops/billing.capturePayment"})]}),e("li",{children:"Automatic input validation (amount must be positive, IDs required)"}),e("li",{children:"Policy enforcement\u2014only invoice owner can pay"}),e("li",{children:"Stripe integration with error handling"}),e("li",{children:"Database transaction with audit trail"}),e("li",{children:"Same spec works with GraphQL, MCP, or webhooks"})]})]}),e("div",{className:"flex items-center gap-4 pt-4",children:t(c,{href:"/docs/getting-started/dataviews",className:"btn-primary",children:["Next: Display Data with DataViews ",e(l,{size:16})]})})]})]})}export{g as HelloWorldPage};

package/dist/components/docs/getting-started/InstallationPage.js

@@ -1,6 +1,6 @@
 // @bun
-import{CodeBlock as i,InstallCommand as t}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as c}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function s(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Installation"}),e("p",{className:"text-lg text-muted-foreground",children:"Add ContractSpec to your existing Next.js or Bun project, or start fresh."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Prerequisites"}),a("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Node.js 20+ (or Bun 1.0+)"}),e("li",{children:"Existing Next.js app or Bun HTTP server"}),e("li",{children:"PostgreSQL database (for persistence)"})]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Install Core Libraries"}),e("p",{className:"text-muted-foreground",children:"Add the contracts runtime and your choice of adapter:"}),e(t,{package:["@contractspec/lib.contracts-spec","@contractspec/lib.schema"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For Next.js projects"}),e(t,{package:"@contractspec/lib.contracts-spec"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For database models"}),e(t,{package:["@contractspec/app.cli-database","prisma","@prisma/client"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Set up your project"}),e("p",{className:"text-muted-foreground",children:"Initialize a new ContractSpec project structure:"}),e(i,{language:"bash",filename:"installation-init",code:`bunx contractspec init
-# Follow the interactive prompts to configure your project`})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Initialize the database"}),e("p",{className:"text-muted-foreground",children:"If using Prisma, set up your schema and generate the client:"}),e(i,{language:"bash",filename:"installation-prisma",code:`bunx prisma init
+var l=Object.defineProperty;var n=(t)=>t;function s(t,i){this[t]=n.bind(null,i)}var m=(t,i)=>{for(var o in i)l(t,o,{get:i[o],enumerable:!0,configurable:!0,set:s.bind(i,o)})};var u=(t,i)=>()=>(t&&(i=t(t=0)),i);import{CodeBlock as r,InstallCommand as c}from"@contractspec/lib.design-system";import p from"@contractspec/lib.ui-link";import{ChevronRight as d}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function v(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Installation"}),e("p",{className:"text-lg text-muted-foreground",children:"Add ContractSpec to your existing Next.js or Bun project, or start fresh."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Prerequisites"}),a("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Node.js 20+ (or Bun 1.0+)"}),e("li",{children:"Existing Next.js app or Bun HTTP server"}),e("li",{children:"PostgreSQL database (for persistence)"})]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Install Core Libraries"}),e("p",{className:"text-muted-foreground",children:"Add the contracts runtime and your choice of adapter:"}),e(c,{package:["@contractspec/lib.contracts-spec","@contractspec/lib.schema"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For Next.js projects"}),e(c,{package:"@contractspec/lib.contracts-spec"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For database models"}),e(c,{package:["@contractspec/app.cli-database","prisma","@prisma/client"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Set up your project"}),e("p",{className:"text-muted-foreground",children:"Initialize a new ContractSpec project structure:"}),e(r,{language:"bash",filename:"installation-init",code:`bunx contractspec init
+# Follow the interactive prompts to configure your project`})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Initialize the database"}),e("p",{className:"text-muted-foreground",children:"If using Prisma, set up your schema and generate the client:"}),e(r,{language:"bash",filename:"installation-prisma",code:`bunx prisma init
 # Edit prisma/schema.prisma with your models
 bunx prisma generate
-bunx prisma migrate dev --name init`})]}),e("div",{className:"flex items-center gap-4 pt-4",children:a(o,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: First Operation ",e(c,{size:16})]})})]})]})}export{s as InstallationPage};
+bunx prisma migrate dev --name init`})]}),e("div",{className:"flex items-center gap-4 pt-4",children:a(p,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: First Operation ",e(d,{size:16})]})})]})]})}export{v as InstallationPage};

package/dist/components/docs/getting-started/StartHerePage.js

@@ -1,5 +1,5 @@
 // @bun
-import{CodeBlock as t,InstallCommand as c}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as l}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function d(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Start here"}),e("p",{className:"text-lg text-muted-foreground",children:"A fast onboarding path from install to your first generated contract."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Install the CLI"}),e(c,{package:"contractspec",dev:!0})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Generate repo-local guidance"}),e(t,{language:"bash",filename:"start-here-onboard",code:`contractspec onboard
+var r=Object.defineProperty;var i=(t)=>t;function d(t,o){this[t]=i.bind(null,o)}var p=(t,o)=>{for(var l in o)r(t,l,{get:o[l],enumerable:!0,configurable:!0,set:d.bind(o,l)})};var h=(t,o)=>()=>(t&&(o=t(t=0)),o);import{CodeBlock as c,InstallCommand as s}from"@contractspec/lib.design-system";import n from"@contractspec/lib.ui-link";import{ChevronRight as m}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function N(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Start here"}),e("p",{className:"text-lg text-muted-foreground",children:"A fast onboarding path from install to your first generated contract."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Install the CLI"}),e(s,{package:"contractspec",dev:!0})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Generate repo-local guidance"}),e(c,{language:"bash",filename:"start-here-onboard",code:`contractspec onboard
 # optional focused track
-contractspec onboard knowledge --example knowledge-canon`})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Initialize your project"}),e(t,{language:"bash",filename:"start-here-init",code:"bunx contractspec init"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Author your first contract"}),e(t,{language:"bash",filename:"start-here-create",code:"contractspec create --type operation"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Generate implementation"}),e(t,{language:"bash",filename:"start-here-build",code:`contractspec generate
-contractspec validate`})]})]}),a("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[a(o,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: Hello World ",e(l,{size:16})]}),e(o,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),e(o,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"})]})]})}export{d as StartHerePage};
+contractspec onboard knowledge --example knowledge-canon`})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Initialize your project"}),e(c,{language:"bash",filename:"start-here-init",code:"bunx contractspec init"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Author your first contract"}),e(c,{language:"bash",filename:"start-here-create",code:"contractspec create --type operation"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Generate implementation"}),e(c,{language:"bash",filename:"start-here-build",code:`contractspec generate
+contractspec validate`})]})]}),a("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[a(n,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: Hello World ",e(m,{size:16})]}),e(n,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),e(n,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"})]})]})}export{N as StartHerePage};

package/dist/components/docs/getting-started/TroubleshootingPage.js

@@ -1,4 +1,4 @@
 // @bun
-import{CodeBlock as i}from"@contractspec/lib.design-system";import a from"@contractspec/lib.ui-link";import{ChevronRight as l}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function r(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Troubleshooting"}),e("p",{className:"text-lg text-muted-foreground",children:"Common issues and fixes when installing or generating with ContractSpec."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Command not found"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Reinstall the CLI and ensure it is in your PATH."}),e("li",{children:"Confirm Node.js 20+ or Bun 1.0+ is installed."})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Specs not discovered"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[t("li",{children:["Run ",e("code",{children:"contractspec list"})," to see discovered specs."]}),e("li",{children:"Verify your spec path conventions in .contractsrc.json."})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Build or validate fails"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[t("li",{children:["Run ",e("code",{children:"contractspec validate"})," to surface schema errors."]}),e("li",{children:"Check that generated files were not manually edited."})]})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Diagnostics"}),e(i,{language:"bash",filename:"troubleshooting-diagnostics",code:`contractspec --version
+var c=Object.defineProperty;var n=(a)=>a;function r(a,i){this[a]=n.bind(null,i)}var m=(a,i)=>{for(var l in i)c(a,l,{get:i[l],enumerable:!0,configurable:!0,set:r.bind(i,l)})};var p=(a,i)=>()=>(a&&(i=a(a=0)),i);import{CodeBlock as d}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as s}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function v(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Troubleshooting"}),e("p",{className:"text-lg text-muted-foreground",children:"Common issues and fixes when installing or generating with ContractSpec."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Command not found"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Reinstall the CLI and ensure it is in your PATH."}),e("li",{children:"Confirm Node.js 20+ or Bun 1.0+ is installed."})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Specs not discovered"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[t("li",{children:["Run ",e("code",{children:"contractspec list"})," to see discovered specs."]}),e("li",{children:"Verify your spec path conventions in .contractsrc.json."})]})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Build or validate fails"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[t("li",{children:["Run ",e("code",{children:"contractspec validate"})," to surface schema errors."]}),e("li",{children:"Check that generated files were not manually edited."})]})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Diagnostics"}),e(d,{language:"bash",filename:"troubleshooting-diagnostics",code:`contractspec --version
 contractspec list
-contractspec validate src/contracts/mySpec.ts`})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Still blocked?"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Confirm compatibility requirements for runtime and framework."}),e("li",{children:"Re-run builds on a clean branch to isolate changes."}),e("li",{children:"Use a new spec and minimal adapter to validate setup."})]})]})]}),t("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[e(a,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),e(a,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"}),t(a,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",e(l,{size:16})]})]})]})}export{r as TroubleshootingPage};
+contractspec validate src/contracts/mySpec.ts`})]}),t("div",{className:"card-subtle space-y-3 p-6",children:[e("h2",{className:"font-bold text-2xl",children:"Still blocked?"}),t("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Confirm compatibility requirements for runtime and framework."}),e("li",{children:"Re-run builds on a clean branch to isolate changes."}),e("li",{children:"Use a new spec and minimal adapter to validate setup."})]})]})]}),t("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[e(o,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),e(o,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"}),t(o,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",e(s,{size:16})]})]})]})}export{v as TroubleshootingPage};

package/dist/components/docs/getting-started/VSCodeExtensionPage.js

@@ -1,2 +1,2 @@
 // @bun
-import{CodeBlock as r}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as d,ExternalLink as l}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function f(){let c=[{category:"Core Functionality",items:["Real-time validation with instant feedback on spec errors","Build/Scaffold handlers and components from specs","Interactive spec creation wizard","Watch mode for auto-rebuild on changes","Sync all specs in workspace with one command"]},{category:"Visual Navigation",items:["Specs Explorer sidebar with organized tree view","Dependencies view to visualize spec relationships","Build Results tracking with history","Circular dependency detection"]},{category:"Comparison & Export",items:["Semantic and text diff between specs","Git comparison with baseline branches","OpenAPI 3.1 specification export"]}],n=[{name:"Create New Spec",description:"Interactive wizard to create specs"},{name:"Validate Current Spec",description:"Validate the currently open spec"},{name:"Build/Scaffold from Current Spec",description:"Generate handler/component"},{name:"Toggle Watch Mode",description:"Auto-rebuild on changes"},{name:"Sync All Specs",description:"Build all specs in workspace"},{name:"Analyze Spec Dependencies",description:"Visualize spec dependencies"},{name:"Compare Specs",description:"Semantic or text diff between specs"},{name:"Export to OpenAPI",description:"Generate OpenAPI specification"}];return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"VS Code Extension"}),e("p",{className:"text-lg text-muted-foreground",children:"Spec-first development directly in VS Code. Validate, scaffold, and explore your contract specifications with real-time feedback."})]}),t("div",{className:"flex flex-wrap gap-3",children:[t("a",{href:"https://marketplace.visualstudio.com/items?itemName=lssm.vscode-contractspec",target:"_blank",rel:"noopener noreferrer",className:"btn-primary inline-flex items-center gap-2",children:["Install Extension ",e(l,{size:16})]}),e("a",{href:"vscode:extension/lssm.vscode-contractspec",className:"btn-ghost inline-flex items-center gap-2",children:"Open in VS Code"})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Installation"}),t("div",{className:"space-y-2",children:[t("p",{className:"text-muted-foreground text-sm",children:[e("strong",{children:"Option 1:"})," Install from VS Code Marketplace"]}),e(r,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"}),t("p",{className:"mt-4 text-muted-foreground text-sm",children:[e("strong",{children:"Option 2:"}),' Search for "ContractSpec" in VS Code Extensions (Ctrl/Cmd+Shift+X)']})]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Features"}),e("div",{className:"grid gap-4 md:grid-cols-3",children:c.map((a)=>t("div",{className:"card-subtle space-y-3 p-4",children:[e("h3",{className:"font-bold text-violet-400",children:a.category}),e("ul",{className:"space-y-2",children:a.items.map((o)=>t("li",{className:"flex items-start gap-2 text-muted-foreground text-sm",children:[e("span",{className:"mt-1 text-violet-400",children:"-"}),e("span",{children:o})]},o))})]},a.category))})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Commands"}),t("p",{className:"text-muted-foreground",children:["Access commands via Command Palette (Ctrl/Cmd+Shift+P) with prefix"," ",e("code",{children:"ContractSpec:"})]}),e("div",{className:"grid gap-3 md:grid-cols-2",children:n.map((a)=>e("div",{className:"card-subtle flex items-center gap-3 p-3",children:t("div",{className:"flex-1",children:[e("p",{className:"font-medium font-mono text-sm",children:a.name}),e("p",{className:"text-muted-foreground text-xs",children:a.description})]})},a.name))})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Sidebar Views"}),e("p",{className:"text-muted-foreground",children:"The extension adds a ContractSpec activity bar (icon in sidebar) with three views:"}),t("div",{className:"grid gap-4 md:grid-cols-3",children:[t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Specs Explorer"}),e("p",{className:"text-muted-foreground text-sm",children:"Browse all specs organized by type. Shows name, version, and stability. Click to open, right-click for actions."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Dependencies"}),e("p",{className:"text-muted-foreground text-sm",children:"Visualize spec relationships. Detect circular dependencies. Navigate to referenced specs."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Build Results"}),e("p",{className:"text-muted-foreground text-sm",children:"Track build history (last 20). Success/failure indicators. Click to open generated files."})]})]})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Getting Started"}),t("ol",{className:"list-inside list-decimal space-y-2 text-muted-foreground",children:[e("li",{children:"Install the extension from VS Code Marketplace"}),e("li",{children:"Open a workspace with ContractSpec files (or create one)"}),e("li",{children:"Start the walkthrough: Help - Welcome - ContractSpec"}),t("li",{children:["Create your first spec: Click ",e("strong",{children:"+"})," in Specs Explorer or run ",e("code",{children:"ContractSpec: Create New Spec"})]}),e("li",{children:"Build from it: Click the build icon in the editor title bar"})]})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Configuration"}),e("p",{className:"text-muted-foreground text-sm",children:"Configure the extension in VS Code Settings:"}),e("div",{className:"overflow-x-auto",children:t("table",{className:"w-full text-muted-foreground text-sm",children:[e("thead",{children:t("tr",{className:"border-border border-b",children:[e("th",{className:"p-2 text-left font-medium",children:"Setting"}),e("th",{className:"p-2 text-left font-medium",children:"Description"}),e("th",{className:"p-2 text-left font-medium",children:"Default"})]})}),t("tbody",{children:[t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"validation.onSave"}),e("td",{className:"p-2",children:"Run validation on save"}),e("td",{className:"p-2",children:"true"})]}),t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"validation.onOpen"}),e("td",{className:"p-2",children:"Run validation on open"}),e("td",{className:"p-2",children:"true"})]}),t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"api.baseUrl"}),e("td",{className:"p-2",children:"Base URL for ContractSpec API"}),e("td",{className:"p-2",children:"(empty)"})]})]})]})})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[e(i,{href:"/docs/getting-started/tools/cli",className:"btn-ghost",children:"Back: CLI"}),t(i,{href:"/docs/specs",className:"btn-primary",children:["Next: Core Concepts ",e(d,{size:16})]})]})]})}export{f as VSCodeExtensionPage};
+var r=Object.defineProperty;var d=(a)=>a;function l(a,i){this[a]=d.bind(null,i)}var f=(a,i)=>{for(var o in i)r(a,o,{get:i[o],enumerable:!0,configurable:!0,set:l.bind(i,o)})};var u=(a,i)=>()=>(a&&(i=a(a=0)),i);import{CodeBlock as s}from"@contractspec/lib.design-system";import n from"@contractspec/lib.ui-link";import{ChevronRight as p,ExternalLink as m}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function b(){let a=[{category:"Core Functionality",items:["Real-time validation with instant feedback on spec errors","Build/Scaffold handlers and components from specs","Interactive spec creation wizard","Watch mode for auto-rebuild on changes","Sync all specs in workspace with one command"]},{category:"Visual Navigation",items:["Specs Explorer sidebar with organized tree view","Dependencies view to visualize spec relationships","Build Results tracking with history","Circular dependency detection"]},{category:"Comparison & Export",items:["Semantic and text diff between specs","Git comparison with baseline branches","OpenAPI 3.1 specification export"]}],i=[{name:"Create New Spec",description:"Interactive wizard to create specs"},{name:"Validate Current Spec",description:"Validate the currently open spec"},{name:"Build/Scaffold from Current Spec",description:"Generate handler/component"},{name:"Toggle Watch Mode",description:"Auto-rebuild on changes"},{name:"Sync All Specs",description:"Build all specs in workspace"},{name:"Analyze Spec Dependencies",description:"Visualize spec dependencies"},{name:"Compare Specs",description:"Semantic or text diff between specs"},{name:"Export to OpenAPI",description:"Generate OpenAPI specification"}];return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"VS Code Extension"}),e("p",{className:"text-lg text-muted-foreground",children:"Spec-first development directly in VS Code. Validate, scaffold, and explore your contract specifications with real-time feedback."})]}),t("div",{className:"flex flex-wrap gap-3",children:[t("a",{href:"https://marketplace.visualstudio.com/items?itemName=lssm.vscode-contractspec",target:"_blank",rel:"noopener noreferrer",className:"btn-primary inline-flex items-center gap-2",children:["Install Extension ",e(m,{size:16})]}),e("a",{href:"vscode:extension/lssm.vscode-contractspec",className:"btn-ghost inline-flex items-center gap-2",children:"Open in VS Code"})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Installation"}),t("div",{className:"space-y-2",children:[t("p",{className:"text-muted-foreground text-sm",children:[e("strong",{children:"Option 1:"})," Install from VS Code Marketplace"]}),e(s,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"}),t("p",{className:"mt-4 text-muted-foreground text-sm",children:[e("strong",{children:"Option 2:"}),' Search for "ContractSpec" in VS Code Extensions (Ctrl/Cmd+Shift+X)']})]})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Features"}),e("div",{className:"grid gap-4 md:grid-cols-3",children:a.map((o)=>t("div",{className:"card-subtle space-y-3 p-4",children:[e("h3",{className:"font-bold text-violet-400",children:o.category}),e("ul",{className:"space-y-2",children:o.items.map((c)=>t("li",{className:"flex items-start gap-2 text-muted-foreground text-sm",children:[e("span",{className:"mt-1 text-violet-400",children:"-"}),e("span",{children:c})]},c))})]},o.category))})]}),t("div",{className:"space-y-4",children:[e("h2",{className:"font-bold text-2xl",children:"Commands"}),t("p",{className:"text-muted-foreground",children:["Access commands via Command Palette (Ctrl/Cmd+Shift+P) with prefix"," ",e("code",{children:"ContractSpec:"})]}),e("div",{className:"grid gap-3 md:grid-cols-2",children:i.map((o)=>e("div",{className:"card-subtle flex items-center gap-3 p-3",children:t("div",{className:"flex-1",children:[e("p",{className:"font-medium font-mono text-sm",children:o.name}),e("p",{className:"text-muted-foreground text-xs",children:o.description})]})},o.name))})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Sidebar Views"}),e("p",{className:"text-muted-foreground",children:"The extension adds a ContractSpec activity bar (icon in sidebar) with three views:"}),t("div",{className:"grid gap-4 md:grid-cols-3",children:[t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Specs Explorer"}),e("p",{className:"text-muted-foreground text-sm",children:"Browse all specs organized by type. Shows name, version, and stability. Click to open, right-click for actions."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Dependencies"}),e("p",{className:"text-muted-foreground text-sm",children:"Visualize spec relationships. Detect circular dependencies. Navigate to referenced specs."})]}),t("div",{className:"card-subtle space-y-2 p-4",children:[e("h4",{className:"font-bold",children:"Build Results"}),e("p",{className:"text-muted-foreground text-sm",children:"Track build history (last 20). Success/failure indicators. Click to open generated files."})]})]})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Getting Started"}),t("ol",{className:"list-inside list-decimal space-y-2 text-muted-foreground",children:[e("li",{children:"Install the extension from VS Code Marketplace"}),e("li",{children:"Open a workspace with ContractSpec files (or create one)"}),e("li",{children:"Start the walkthrough: Help - Welcome - ContractSpec"}),t("li",{children:["Create your first spec: Click ",e("strong",{children:"+"})," in Specs Explorer or run ",e("code",{children:"ContractSpec: Create New Spec"})]}),e("li",{children:"Build from it: Click the build icon in the editor title bar"})]})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Configuration"}),e("p",{className:"text-muted-foreground text-sm",children:"Configure the extension in VS Code Settings:"}),e("div",{className:"overflow-x-auto",children:t("table",{className:"w-full text-muted-foreground text-sm",children:[e("thead",{children:t("tr",{className:"border-border border-b",children:[e("th",{className:"p-2 text-left font-medium",children:"Setting"}),e("th",{className:"p-2 text-left font-medium",children:"Description"}),e("th",{className:"p-2 text-left font-medium",children:"Default"})]})}),t("tbody",{children:[t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"validation.onSave"}),e("td",{className:"p-2",children:"Run validation on save"}),e("td",{className:"p-2",children:"true"})]}),t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"validation.onOpen"}),e("td",{className:"p-2",children:"Run validation on open"}),e("td",{className:"p-2",children:"true"})]}),t("tr",{className:"border-border border-b",children:[e("td",{className:"p-2 font-mono text-xs",children:"api.baseUrl"}),e("td",{className:"p-2",children:"Base URL for ContractSpec API"}),e("td",{className:"p-2",children:"(empty)"})]})]})]})})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[e(n,{href:"/docs/getting-started/tools/cli",className:"btn-ghost",children:"Back: CLI"}),t(n,{href:"/docs/specs",className:"btn-primary",children:["Next: Core Concepts ",e(p,{size:16})]})]})]})}export{b as VSCodeExtensionPage};

package/dist/components/docs/getting-started/getting-started.docblocks.js

@@ -1,5 +1,5 @@
 // @bun
-import{registerDocBlocks as f}from"@contractspec/lib.contracts-spec/docs";var h=[{id:"docs.getting-started.start-here",title:"Start here",summary:"Fast onboarding path from install to first generated contract.",kind:"usage",visibility:"public",route:"/docs/getting-started/start-here",tags:["getting-started","onboarding"],body:`# Start Here
+var m=Object.defineProperty;var q=(f)=>f;function u(f,h){this[f]=q.bind(null,h)}var x=(f,h)=>{for(var j in h)m(f,j,{get:h[j],enumerable:!0,configurable:!0,set:u.bind(h,j)})};var y=(f,h)=>()=>(f&&(h=f(f=0)),h);import{registerDocBlocks as v}from"@contractspec/lib.contracts-spec/docs";var w=[{id:"docs.getting-started.start-here",title:"Start here",summary:"Fast onboarding path from install to first generated contract.",kind:"usage",visibility:"public",route:"/docs/getting-started/start-here",tags:["getting-started","onboarding"],body:`# Start Here
 
 Get ContractSpec running quickly and generate your first contract-backed code.
 
@@ -98,4 +98,4 @@ ContractSpec supports modern TypeScript stacks with spec-first workflows.
 
 - PostgreSQL via Prisma
 - Bring your own adapter for other databases
-`}];f(h);export{h as gettingStartedDocBlocks};
+`}];v(w);export{w as gettingStartedDocBlocks};