@contractspec/bundle.library 3.8.10 → 3.8.11

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

@@ -1,99 +1,5 @@
 // @bun
-// src/components/docs/getting-started/CLIPage.tsx
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CLIPage() {
-  const commands = [
-    {
-      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]"
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "ContractSpec CLI"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Installation"
-              }),
-              /* @__PURE__ */ jsx(InstallCommand, {
-                package: "contractspec",
-                dev: true
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Quick Start"
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "bash",
-                code: `# Initialize project
+import{CodeBlock as C,InstallCommand as q}from"@contractspec/lib.design-system";import E from"@contractspec/lib.ui-link";import{ChevronRight as H}from"lucide-react";import{jsx as a,jsxs as l}from"react/jsx-runtime";function M(){return l("div",{className:"space-y-8",children:[l("div",{className:"space-y-2",children:[a("h1",{className:"font-bold text-4xl",children:"ContractSpec CLI"}),a("p",{className:"text-lg text-muted-foreground",children:"Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."})]}),l("div",{className:"space-y-6",children:[l("div",{className:"space-y-3",children:[a("h2",{className:"font-bold text-2xl",children:"Installation"}),a(q,{package:"contractspec",dev:!0})]}),l("div",{className:"space-y-3",children:[a("h2",{className:"font-bold text-2xl",children:"Quick Start"}),a(C,{language:"bash",code:`# Initialize project
 bunx contractspec init
 
 # Create a spec
@@ -103,155 +9,13 @@ contractspec create --type operation
 contractspec build src/contracts/mySpec.ts
 
 # Validate
-contractspec validate src/contracts/mySpec.ts`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Commands"
-              }),
-              /* @__PURE__ */ jsx("div", {
-                className: "grid gap-4",
-                children: commands.map((cmd) => /* @__PURE__ */ jsxs("div", {
-                  className: "card-subtle space-y-2 p-4",
-                  children: [
-                    /* @__PURE__ */ jsx("h3", {
-                      className: "font-bold font-mono text-violet-400",
-                      children: cmd.name
-                    }),
-                    /* @__PURE__ */ jsx("p", {
-                      className: "text-muted-foreground text-sm",
-                      children: cmd.description
-                    }),
-                    /* @__PURE__ */ jsx(CodeBlock, {
-                      language: "bash",
-                      code: cmd.usage,
-                      showCopyButton: false
-                    })
-                  ]
-                }, cmd.name))
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "AI Agent Modes"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "The CLI supports multiple AI agent modes for different use cases:"
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "grid gap-3 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "card-subtle p-4",
-                    children: [
-                      /* @__PURE__ */ jsx("h4", {
-                        className: "font-bold",
-                        children: "simple"
-                      }),
-                      /* @__PURE__ */ jsx("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Direct LLM API calls, fast and straightforward. Best for rapid prototyping."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "card-subtle p-4",
-                    children: [
-                      /* @__PURE__ */ jsx("h4", {
-                        className: "font-bold",
-                        children: "claude-code"
-                      }),
-                      /* @__PURE__ */ jsx("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Extended thinking with Claude. Best for production-quality code."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "card-subtle p-4",
-                    children: [
-                      /* @__PURE__ */ jsx("h4", {
-                        className: "font-bold",
-                        children: "openai-codex"
-                      }),
-                      /* @__PURE__ */ jsx("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "GPT-4o/o1 models. Excellent for algorithms and optimization."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "card-subtle p-4",
-                    children: [
-                      /* @__PURE__ */ jsx("h4", {
-                        className: "font-bold",
-                        children: "cursor"
-                      }),
-                      /* @__PURE__ */ jsx("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Leverages Cursor agentic capabilities. Requires Cursor environment."
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "CI/CD Integration"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "Run all validation checks in CI/CD with machine-readable output:"
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "yaml",
-                filename: ".github/workflows/validate.yml",
-                code: `- name: Validate Contracts
+contractspec validate src/contracts/mySpec.ts`})]}),l("div",{className:"space-y-4",children:[a("h2",{className:"font-bold text-2xl",children:"Commands"}),a("div",{className:"grid gap-4",children:[{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((u)=>l("div",{className:"card-subtle space-y-2 p-4",children:[a("h3",{className:"font-bold font-mono text-violet-400",children:u.name}),a("p",{className:"text-muted-foreground text-sm",children:u.description}),a(C,{language:"bash",code:u.usage,showCopyButton:!1})]},u.name))})]}),l("div",{className:"space-y-3",children:[a("h2",{className:"font-bold text-2xl",children:"AI Agent Modes"}),a("p",{className:"text-muted-foreground",children:"The CLI supports multiple AI agent modes for different use cases:"}),l("div",{className:"grid gap-3 md:grid-cols-2",children:[l("div",{className:"card-subtle p-4",children:[a("h4",{className:"font-bold",children:"simple"}),a("p",{className:"text-muted-foreground text-sm",children:"Direct LLM API calls, fast and straightforward. Best for rapid prototyping."})]}),l("div",{className:"card-subtle p-4",children:[a("h4",{className:"font-bold",children:"claude-code"}),a("p",{className:"text-muted-foreground text-sm",children:"Extended thinking with Claude. Best for production-quality code."})]}),l("div",{className:"card-subtle p-4",children:[a("h4",{className:"font-bold",children:"openai-codex"}),a("p",{className:"text-muted-foreground text-sm",children:"GPT-4o/o1 models. Excellent for algorithms and optimization."})]}),l("div",{className:"card-subtle p-4",children:[a("h4",{className:"font-bold",children:"cursor"}),a("p",{className:"text-muted-foreground text-sm",children:"Leverages Cursor agentic capabilities. Requires Cursor environment."})]})]})]}),l("div",{className:"space-y-3",children:[a("h2",{className:"font-bold text-2xl",children:"CI/CD Integration"}),a("p",{className:"text-muted-foreground",children:"Run all validation checks in CI/CD with machine-readable output:"}),a(C,{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`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "card-subtle space-y-4 p-6",
-            children: [
-              /* @__PURE__ */ jsx("h3", {
-                className: "font-bold",
-                children: "Configuration"
-              }),
-              /* @__PURE__ */ jsxs("p", {
-                className: "text-muted-foreground text-sm",
-                children: [
-                  "Create a ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: ".contractsrc.json"
-                  }),
-                  " file in your project root:"
-                ]
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "json",
-                filename: ".contractsrc.json",
-                code: `{
+    sarif_file: results.sarif`})]}),l("div",{className:"card-subtle space-y-4 p-6",children:[a("h3",{className:"font-bold",children:"Configuration"}),l("p",{className:"text-muted-foreground text-sm",children:["Create a ",a("code",{children:".contractsrc.json"})," file in your project root:"]}),a(C,{language:"json",filename:".contractsrc.json",code:`{
   "aiProvider": "claude",
   "agentMode": "claude-code",
   "outputDir": "./src",
@@ -259,244 +23,7 @@ contractspec validate src/contracts/mySpec.ts`
     "operations": "interactions/commands|queries",
     "events": "events"
   }
-}`
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/getting-started/tools/vscode",
-            className: "btn-primary",
-            children: [
-              "Next: VS Code Extension ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/getting-started/tools",
-            className: "btn-ghost",
-            children: "Back to Tools"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/CompatibilityPage.tsx
-import Link2 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function CompatibilityPage() {
-  return /* @__PURE__ */ jsxs2("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx2("h1", {
-            className: "font-bold text-4xl",
-            children: "Compatibility"
-          }),
-          /* @__PURE__ */ jsx2("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Supported runtimes, frameworks, and agent modes for ContractSpec."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "Runtimes"
-              }),
-              /* @__PURE__ */ jsxs2("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "Node.js 20+"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "Bun 1.0+"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "Frameworks"
-              }),
-              /* @__PURE__ */ jsxs2("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "Next.js 14+ (App Router preferred)"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "Bun + Elysia or compatible HTTP servers"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "Package managers"
-              }),
-              /* @__PURE__ */ jsxs2("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "bun (recommended)"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "npm"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "pnpm"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "AI agent modes"
-              }),
-              /* @__PURE__ */ jsxs2("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "claude-code"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "openai-codex"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "cursor"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "opencode"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "simple (direct LLM)"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx2("h2", {
-                className: "font-bold text-2xl",
-                children: "Datastores"
-              }),
-              /* @__PURE__ */ jsx2("p", {
-                className: "text-muted-foreground",
-                children: "ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."
-              }),
-              /* @__PURE__ */ jsxs2("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "PostgreSQL via Prisma"
-                  }),
-                  /* @__PURE__ */ jsx2("li", {
-                    children: "Custom adapters for other SQL/NoSQL stores"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "flex flex-wrap items-center gap-3 pt-2",
-        children: [
-          /* @__PURE__ */ jsx2(Link2, {
-            href: "/docs/getting-started/start-here",
-            className: "btn-ghost",
-            children: "Start here"
-          }),
-          /* @__PURE__ */ jsx2(Link2, {
-            href: "/docs/getting-started/troubleshooting",
-            className: "btn-ghost",
-            children: "Troubleshooting"
-          }),
-          /* @__PURE__ */ jsxs2(Link2, {
-            href: "/docs/getting-started/installation",
-            className: "btn-primary",
-            children: [
-              "Next: Installation ",
-              /* @__PURE__ */ jsx2(ChevronRight2, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/DataViewTutorialPage.tsx
-import { CodeBlock as CodeBlock2 } from "@contractspec/lib.design-system";
-import Link3 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function DataViewTutorialPage() {
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h1", {
-            className: "font-bold text-4xl",
-            children: "Display Data with DataViews"
-          }),
-          /* @__PURE__ */ jsx3("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."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "1. Define the underlying query"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "First, create a query operation to fetch the data:"
-          }),
-          /* @__PURE__ */ jsx3(CodeBlock2, {
-            language: "typescript",
-            filename: "lib/specs/billing/list-transactions.ts",
-            code: `import { defineQuery } from '@contractspec/lib.contracts-spec';
+}`})]})]}),l("div",{className:"flex items-center gap-4 pt-4",children:[l(E,{href:"/docs/getting-started/tools/vscode",className:"btn-primary",children:["Next: VS Code Extension ",a(H,{size:16})]}),a(E,{href:"/docs/getting-started/tools",className:"btn-ghost",children:"Back to Tools"})]})]})}import k from"@contractspec/lib.ui-link";import{ChevronRight as W}from"lucide-react";import{jsx as i,jsxs as p}from"react/jsx-runtime";function G(){return p("div",{className:"space-y-8",children:[p("div",{className:"space-y-2",children:[i("h1",{className:"font-bold text-4xl",children:"Compatibility"}),i("p",{className:"text-lg text-muted-foreground",children:"Supported runtimes, frameworks, and agent modes for ContractSpec."})]}),p("div",{className:"space-y-6",children:[p("div",{className:"card-subtle space-y-3 p-6",children:[i("h2",{className:"font-bold text-2xl",children:"Runtimes"}),p("ul",{className:"space-y-2 text-muted-foreground",children:[i("li",{children:"Node.js 20+"}),i("li",{children:"Bun 1.0+"})]})]}),p("div",{className:"card-subtle space-y-3 p-6",children:[i("h2",{className:"font-bold text-2xl",children:"Frameworks"}),p("ul",{className:"space-y-2 text-muted-foreground",children:[i("li",{children:"Next.js 14+ (App Router preferred)"}),i("li",{children:"Bun + Elysia or compatible HTTP servers"})]})]}),p("div",{className:"card-subtle space-y-3 p-6",children:[i("h2",{className:"font-bold text-2xl",children:"Package managers"}),p("ul",{className:"space-y-2 text-muted-foreground",children:[i("li",{children:"bun (recommended)"}),i("li",{children:"npm"}),i("li",{children:"pnpm"})]})]}),p("div",{className:"card-subtle space-y-3 p-6",children:[i("h2",{className:"font-bold text-2xl",children:"AI agent modes"}),p("ul",{className:"space-y-2 text-muted-foreground",children:[i("li",{children:"claude-code"}),i("li",{children:"openai-codex"}),i("li",{children:"cursor"}),i("li",{children:"opencode"}),i("li",{children:"simple (direct LLM)"})]})]}),p("div",{className:"card-subtle space-y-3 p-6",children:[i("h2",{className:"font-bold text-2xl",children:"Datastores"}),i("p",{className:"text-muted-foreground",children:"ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."}),p("ul",{className:"space-y-2 text-muted-foreground",children:[i("li",{children:"PostgreSQL via Prisma"}),i("li",{children:"Custom adapters for other SQL/NoSQL stores"})]})]})]}),p("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[i(k,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),i(k,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),p(k,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",i(W,{size:16})]})]})]})}import{CodeBlock as I}from"@contractspec/lib.design-system";import V from"@contractspec/lib.ui-link";import{ChevronRight as Q}from"lucide-react";import{jsx as c,jsxs as b}from"react/jsx-runtime";function U(){return b("div",{className:"space-y-8",children:[b("div",{className:"space-y-4",children:[c("h1",{className:"font-bold text-4xl",children:"Display Data with DataViews"}),c("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."})]}),b("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"1. Define the underlying query"}),c("p",{className:"text-muted-foreground",children:"First, create a query operation to fetch the data:"}),c(I,{language:"typescript",filename:"lib/specs/billing/list-transactions.ts",code:`import { defineQuery } from '@contractspec/lib.contracts-spec';
 
 export const ListTransactions = defineQuery({
   meta: {
@@ -509,25 +36,7 @@ export const ListTransactions = defineQuery({
     output: /* array of transactions */,
   },
   policy: { auth: 'user' },
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "2. Define the DataView spec"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Wrap your query with presentation metadata:"
-          }),
-          /* @__PURE__ */ jsx3(CodeBlock2, {
-            language: "typescript",
-            filename: "lib/specs/billing/transaction-history.data-view.ts",
-            code: `import { defineDataView } from '@contractspec/lib.contracts-spec';
+});`})]}),b("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"2. Define the DataView spec"}),c("p",{className:"text-muted-foreground",children:"Wrap your query with presentation metadata:"}),c(I,{language:"typescript",filename:"lib/specs/billing/transaction-history.data-view.ts",code:`import { defineDataView } from '@contractspec/lib.contracts-spec';
 import { ListTransactions } from './list-transactions';
 
 export const TransactionHistory = defineDataView({
@@ -596,25 +105,7 @@ export const TransactionHistory = defineDataView({
     defaultSort: { field: 'date', direction: 'desc' },
     pagination: { pageSize: 25 },
   },
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx3("h2", {
-            className: "font-bold text-2xl",
-            children: "3. Render on the frontend"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground",
-            children: "Use the runtime renderer in your React or React Native app:"
-          }),
-          /* @__PURE__ */ jsx3(CodeBlock2, {
-            language: "tsx",
-            filename: "app/dashboard/transactions/page.tsx",
-            code: `'use client';
+});`})]}),b("div",{className:"space-y-4",children:[c("h2",{className:"font-bold text-2xl",children:"3. Render on the frontend"}),c("p",{className:"text-muted-foreground",children:"Use the runtime renderer in your React or React Native app:"}),c(I,{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';
@@ -639,314 +130,7 @@ export function TransactionsPage() {
       />
     </div>
   );
-}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "card-subtle space-y-4 p-6",
-        children: [
-          /* @__PURE__ */ jsx3("h3", {
-            className: "font-bold",
-            children: "Why DataViews?"
-          }),
-          /* @__PURE__ */ jsxs3("ul", {
-            className: "space-y-2 text-muted-foreground text-sm",
-            children: [
-              /* @__PURE__ */ jsx3("li", {
-                children: "Same spec renders on web (React) and mobile (React Native)"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Filters, sorting, and pagination handled automatically"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Format rules (currency, dates, badges) applied consistently"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "Export to CSV/PDF using the same spec"
-              }),
-              /* @__PURE__ */ jsx3("li", {
-                children: "A/B test different layouts without touching the backend"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs3(Link3, {
-            href: "/docs/libraries/data-views",
-            className: "btn-primary",
-            children: [
-              "DataView API Reference ",
-              /* @__PURE__ */ jsx3(ChevronRight3, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx3(Link3, {
-            href: "/docs/specs/workflows",
-            className: "btn-ghost",
-            children: "Next: Workflows"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/DeveloperToolsPage.tsx
-import { CodeBlock as CodeBlock3, InstallCommand as InstallCommand2 } from "@contractspec/lib.design-system";
-import Link4 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight4, Code2, Cpu, Layers, Terminal } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function DeveloperToolsPage() {
-  const tools = [
-    {
-      name: "CLI",
-      href: "/docs/getting-started/tools/cli",
-      description: "Command-line interface for spec creation, building, validation, and CI/CD integration.",
-      icon: Terminal,
-      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: Code2,
-      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: Layers,
-      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: Cpu,
-      status: "coming-soon",
-      highlights: [
-        "Code navigation",
-        "Inline validation",
-        "Refactoring support"
-      ]
-    }
-  ];
-  return /* @__PURE__ */ jsxs4("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx4("h1", {
-            className: "font-bold text-4xl",
-            children: "Developer Tools"
-          }),
-          /* @__PURE__ */ jsx4("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."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx4("div", {
-        className: "grid gap-6 md:grid-cols-2",
-        children: tools.map((tool) => {
-          const IconComponent = tool.icon;
-          const isComingSoon = tool.status === "coming-soon";
-          return /* @__PURE__ */ jsxs4("div", {
-            className: `card-subtle relative space-y-4 p-6 ${isComingSoon ? "opacity-75" : ""}`,
-            children: [
-              isComingSoon && /* @__PURE__ */ jsx4("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"
-              }),
-              /* @__PURE__ */ jsxs4("div", {
-                className: "flex items-center gap-3",
-                children: [
-                  /* @__PURE__ */ jsx4("div", {
-                    className: "flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",
-                    children: /* @__PURE__ */ jsx4(IconComponent, {
-                      className: "h-5 w-5 text-violet-400"
-                    })
-                  }),
-                  /* @__PURE__ */ jsx4("h3", {
-                    className: "font-bold text-lg",
-                    children: tool.name
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsx4("p", {
-                className: "text-muted-foreground text-sm",
-                children: tool.description
-              }),
-              /* @__PURE__ */ jsx4("ul", {
-                className: "space-y-1",
-                children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs4("li", {
-                  className: "flex items-center gap-2 text-muted-foreground text-sm",
-                  children: [
-                    /* @__PURE__ */ jsx4("span", {
-                      className: "text-violet-400",
-                      children: "-"
-                    }),
-                    highlight
-                  ]
-                }, highlight))
-              }),
-              !isComingSoon && /* @__PURE__ */ jsxs4(Link4, {
-                href: tool.href,
-                className: "btn-ghost inline-flex items-center gap-1 text-sm",
-                children: [
-                  "Learn more ",
-                  /* @__PURE__ */ jsx4(ChevronRight4, {
-                    size: 14
-                  })
-                ]
-              })
-            ]
-          }, tool.name);
-        })
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "card-subtle space-y-4 p-6",
-        children: [
-          /* @__PURE__ */ jsx4("h3", {
-            className: "font-bold",
-            children: "Quick Install"
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxs4("div", {
-                children: [
-                  /* @__PURE__ */ jsx4("p", {
-                    className: "mb-2 font-medium text-muted-foreground text-xs",
-                    children: "CLI"
-                  }),
-                  /* @__PURE__ */ jsx4(InstallCommand2, {
-                    package: "contractspec",
-                    dev: true
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs4("div", {
-                children: [
-                  /* @__PURE__ */ jsx4("p", {
-                    className: "mb-2 font-medium text-muted-foreground text-xs",
-                    children: "VS Code Extension"
-                  }),
-                  /* @__PURE__ */ jsx4(CodeBlock3, {
-                    language: "bash",
-                    code: "code --install-extension lssm.vscode-contractspec"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs4(Link4, {
-            href: "/docs/getting-started/tools/cli",
-            className: "btn-primary",
-            children: [
-              "Get Started with CLI ",
-              /* @__PURE__ */ jsx4(ChevronRight4, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx4(Link4, {
-            href: "/docs/getting-started/tools/vscode",
-            className: "btn-ghost",
-            children: "VS Code Extension"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/HelloWorldPage.tsx
-import { CodeBlock as CodeBlock4 } from "@contractspec/lib.design-system";
-import Link5 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function HelloWorldPage() {
-  return /* @__PURE__ */ jsxs5("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx5("h1", {
-            className: "font-bold text-4xl",
-            children: "Your First Operation"
-          }),
-          /* @__PURE__ */ jsx5("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Build a payment capture operation with policy enforcement in under 10 minutes."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs5("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx5("h2", {
-                className: "font-bold text-2xl",
-                children: "What you'll build"
-              }),
-              /* @__PURE__ */ jsx5("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."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx5("h2", {
-                className: "font-bold text-2xl",
-                children: "1. Define the operation spec"
-              }),
-              /* @__PURE__ */ jsxs5("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Create ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "lib/specs/billing/capture-payment.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx5(CodeBlock4, {
-                language: "typescript",
-                filename: "lib/specs/billing/capture-payment.ts",
-                code: `import { defineCommand } from '@contractspec/lib.contracts-spec';
+}`})]}),b("div",{className:"card-subtle space-y-4 p-6",children:[c("h3",{className:"font-bold",children:"Why DataViews?"}),b("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[c("li",{children:"Same spec renders on web (React) and mobile (React Native)"}),c("li",{children:"Filters, sorting, and pagination handled automatically"}),c("li",{children:"Format rules (currency, dates, badges) applied consistently"}),c("li",{children:"Export to CSV/PDF using the same spec"}),c("li",{children:"A/B test different layouts without touching the backend"})]})]}),b("div",{className:"flex items-center gap-4 pt-4",children:[b(V,{href:"/docs/libraries/data-views",className:"btn-primary",children:["DataView API Reference ",c(Q,{size:16})]}),c(V,{href:"/docs/specs/workflows",className:"btn-ghost",children:"Next: Workflows"})]})]})}import{CodeBlock as J,InstallCommand as _}from"@contractspec/lib.design-system";import P from"@contractspec/lib.ui-link";import{ChevronRight as B,Code2 as K,Cpu as X,Layers as Y,Terminal as $}from"lucide-react";import{jsx as s,jsxs as h}from"react/jsx-runtime";function De(){return h("div",{className:"space-y-8",children:[h("div",{className:"space-y-2",children:[s("h1",{className:"font-bold text-4xl",children:"Developer Tools"}),s("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."})]}),s("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:$,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:K,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:Y,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:X,status:"coming-soon",highlights:["Code navigation","Inline validation","Refactoring support"]}].map((u)=>{let y=u.icon,N=u.status==="coming-soon";return h("div",{className:`card-subtle relative space-y-4 p-6 ${N?"opacity-75":""}`,children:[N&&s("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"}),h("div",{className:"flex items-center gap-3",children:[s("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",children:s(y,{className:"h-5 w-5 text-violet-400"})}),s("h3",{className:"font-bold text-lg",children:u.name})]}),s("p",{className:"text-muted-foreground text-sm",children:u.description}),s("ul",{className:"space-y-1",children:u.highlights.map((A)=>h("li",{className:"flex items-center gap-2 text-muted-foreground text-sm",children:[s("span",{className:"text-violet-400",children:"-"}),A]},A))}),!N&&h(P,{href:u.href,className:"btn-ghost inline-flex items-center gap-1 text-sm",children:["Learn more ",s(B,{size:14})]})]},u.name)})}),h("div",{className:"card-subtle space-y-4 p-6",children:[s("h3",{className:"font-bold",children:"Quick Install"}),h("div",{className:"space-y-3",children:[h("div",{children:[s("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"CLI"}),s(_,{package:"contractspec",dev:!0})]}),h("div",{children:[s("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"VS Code Extension"}),s(J,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"})]})]})]}),h("div",{className:"flex items-center gap-4 pt-4",children:[h(P,{href:"/docs/getting-started/tools/cli",className:"btn-primary",children:["Get Started with CLI ",s(B,{size:16})]}),s(P,{href:"/docs/getting-started/tools/vscode",className:"btn-ghost",children:"VS Code Extension"})]})]})}import{CodeBlock as w}from"@contractspec/lib.design-system";import Z from"@contractspec/lib.ui-link";import{ChevronRight as x}from"lucide-react";import{jsx as o,jsxs as f}from"react/jsx-runtime";function j(){return f("div",{className:"space-y-8",children:[f("div",{className:"space-y-2",children:[o("h1",{className:"font-bold text-4xl",children:"Your First Operation"}),o("p",{className:"text-lg text-muted-foreground",children:"Build a payment capture operation with policy enforcement in under 10 minutes."})]}),f("div",{className:"space-y-6",children:[f("div",{className:"space-y-3",children:[o("h2",{className:"font-bold text-2xl",children:"What you'll build"}),o("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."})]}),f("div",{className:"space-y-3",children:[o("h2",{className:"font-bold text-2xl",children:"1. Define the operation spec"}),f("p",{className:"text-muted-foreground",children:["Create ",o("code",{children:"lib/specs/billing/capture-payment.ts"}),":"]}),o(w,{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({
@@ -989,31 +173,7 @@ export const CapturePayment = defineCommand({
       { resource: 'invoice', action: 'pay', condition: 'owner' },
     ],
   },
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx5("h2", {
-                className: "font-bold text-2xl",
-                children: "2. Implement the handler"
-              }),
-              /* @__PURE__ */ jsxs5("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Create ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "lib/handlers/billing/capture-payment.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx5(CodeBlock4, {
-                language: "typescript",
-                filename: "lib/handlers/billing/capture-payment.ts",
-                code: `import { CapturePayment } from '@/lib/specs/billing/capture-payment';
+});`})]}),f("div",{className:"space-y-3",children:[o("h2",{className:"font-bold text-2xl",children:"2. Implement the handler"}),f("p",{className:"text-muted-foreground",children:["Create ",o("code",{children:"lib/handlers/billing/capture-payment.ts"}),":"]}),o(w,{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';
 
@@ -1050,46 +210,12 @@ export async function handleCapturePayment(input, ctx) {
     status: paymentIntent.status,
     receiptUrl: paymentIntent.charges.data[0]?.receipt_url,
   };
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx5("h2", {
-                className: "font-bold text-2xl",
-                children: "3. Register and serve"
-              }),
-              /* @__PURE__ */ jsxs5("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Wire it up in ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "lib/registry.ts"
-                  }),
-                  " and",
-                  " ",
-                  /* @__PURE__ */ jsx5("code", {
-                    children: "app/api/ops/[...route]/route.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx5(CodeBlock4, {
-                language: "typescript",
-                filename: "lib/registry.ts",
-                code: `import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
+}`})]}),f("div",{className:"space-y-3",children:[o("h2",{className:"font-bold text-2xl",children:"3. Register and serve"}),f("p",{className:"text-muted-foreground",children:["Wire it up in ",o("code",{children:"lib/registry.ts"})," and"," ",o("code",{children:"app/api/ops/[...route]/route.ts"}),":"]}),o(w,{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);`
-              }),
-              /* @__PURE__ */ jsx5(CodeBlock4, {
-                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);`}),o(w,{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';
 
@@ -1098,957 +224,14 @@ const handler = makeNextAppHandler(registry, async (req) => {
   return { actor: 'user', userId: session.userId, tenantId: session.tenantId };
 });
 
-export { handler as GET, handler as POST };`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "card-subtle space-y-4 p-6",
-            children: [
-              /* @__PURE__ */ jsx5("h3", {
-                className: "font-bold",
-                children: "What you just built:"
-              }),
-              /* @__PURE__ */ jsxs5("ul", {
-                className: "space-y-2 text-muted-foreground text-sm",
-                children: [
-                  /* @__PURE__ */ jsxs5("li", {
-                    children: [
-                      "Type-safe API endpoint at",
-                      " ",
-                      /* @__PURE__ */ jsx5("code", {
-                        children: "/api/ops/billing.capturePayment"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx5("li", {
-                    children: "Automatic input validation (amount must be positive, IDs required)"
-                  }),
-                  /* @__PURE__ */ jsx5("li", {
-                    children: "Policy enforcement\u2014only invoice owner can pay"
-                  }),
-                  /* @__PURE__ */ jsx5("li", {
-                    children: "Stripe integration with error handling"
-                  }),
-                  /* @__PURE__ */ jsx5("li", {
-                    children: "Database transaction with audit trail"
-                  }),
-                  /* @__PURE__ */ jsx5("li", {
-                    children: "Same spec works with GraphQL, MCP, or webhooks"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx5("div", {
-            className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxs5(Link5, {
-              href: "/docs/getting-started/dataviews",
-              className: "btn-primary",
-              children: [
-                "Next: Display Data with DataViews ",
-                /* @__PURE__ */ jsx5(ChevronRight5, {
-                  size: 16
-                })
-              ]
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/InstallationPage.tsx
-import { CodeBlock as CodeBlock5, InstallCommand as InstallCommand3 } from "@contractspec/lib.design-system";
-import Link6 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function InstallationPage() {
-  return /* @__PURE__ */ jsxs6("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx6("h1", {
-            className: "font-bold text-4xl",
-            children: "Installation"
-          }),
-          /* @__PURE__ */ jsx6("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Add ContractSpec to your existing Next.js or Bun project, or start fresh."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "Prerequisites"
-              }),
-              /* @__PURE__ */ jsxs6("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx6("li", {
-                    children: "Node.js 20+ (or Bun 1.0+)"
-                  }),
-                  /* @__PURE__ */ jsx6("li", {
-                    children: "Existing Next.js app or Bun HTTP server"
-                  }),
-                  /* @__PURE__ */ jsx6("li", {
-                    children: "PostgreSQL database (for persistence)"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "Install Core Libraries"
-              }),
-              /* @__PURE__ */ jsx6("p", {
-                className: "text-muted-foreground",
-                children: "Add the contracts runtime and your choice of adapter:"
-              }),
-              /* @__PURE__ */ jsx6(InstallCommand3, {
-                package: [
-                  "@contractspec/lib.contracts-spec",
-                  "@contractspec/lib.schema"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "For Next.js projects"
-              }),
-              /* @__PURE__ */ jsx6(InstallCommand3, {
-                package: "@contractspec/lib.contracts-spec"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "For database models"
-              }),
-              /* @__PURE__ */ jsx6(InstallCommand3, {
-                package: [
-                  "@contractspec/app.cli-database",
-                  "prisma",
-                  "@prisma/client"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "Set up your project"
-              }),
-              /* @__PURE__ */ jsx6("p", {
-                className: "text-muted-foreground",
-                children: "Initialize a new ContractSpec project structure:"
-              }),
-              /* @__PURE__ */ jsx6(CodeBlock5, {
-                language: "bash",
-                filename: "installation-init",
-                code: `bunx contractspec init
-# Follow the interactive prompts to configure your project`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx6("h2", {
-                className: "font-bold text-2xl",
-                children: "Initialize the database"
-              }),
-              /* @__PURE__ */ jsx6("p", {
-                className: "text-muted-foreground",
-                children: "If using Prisma, set up your schema and generate the client:"
-              }),
-              /* @__PURE__ */ jsx6(CodeBlock5, {
-                language: "bash",
-                filename: "installation-prisma",
-                code: `bunx prisma init
+export { handler as GET, handler as POST };`})]}),f("div",{className:"card-subtle space-y-4 p-6",children:[o("h3",{className:"font-bold",children:"What you just built:"}),f("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[f("li",{children:["Type-safe API endpoint at"," ",o("code",{children:"/api/ops/billing.capturePayment"})]}),o("li",{children:"Automatic input validation (amount must be positive, IDs required)"}),o("li",{children:"Policy enforcement\u2014only invoice owner can pay"}),o("li",{children:"Stripe integration with error handling"}),o("li",{children:"Database transaction with audit trail"}),o("li",{children:"Same spec works with GraphQL, MCP, or webhooks"})]})]}),o("div",{className:"flex items-center gap-4 pt-4",children:f(Z,{href:"/docs/getting-started/dataviews",className:"btn-primary",children:["Next: Display Data with DataViews ",o(x,{size:16})]})})]})]})}import{CodeBlock as z,InstallCommand as L}from"@contractspec/lib.design-system";import ee from"@contractspec/lib.ui-link";import{ChevronRight as te}from"lucide-react";import{jsx as n,jsxs as g}from"react/jsx-runtime";function ae(){return g("div",{className:"space-y-8",children:[g("div",{className:"space-y-2",children:[n("h1",{className:"font-bold text-4xl",children:"Installation"}),n("p",{className:"text-lg text-muted-foreground",children:"Add ContractSpec to your existing Next.js or Bun project, or start fresh."})]}),g("div",{className:"space-y-6",children:[g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"Prerequisites"}),g("ul",{className:"space-y-2 text-muted-foreground",children:[n("li",{children:"Node.js 20+ (or Bun 1.0+)"}),n("li",{children:"Existing Next.js app or Bun HTTP server"}),n("li",{children:"PostgreSQL database (for persistence)"})]})]}),g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"Install Core Libraries"}),n("p",{className:"text-muted-foreground",children:"Add the contracts runtime and your choice of adapter:"}),n(L,{package:["@contractspec/lib.contracts-spec","@contractspec/lib.schema"]})]}),g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"For Next.js projects"}),n(L,{package:"@contractspec/lib.contracts-spec"})]}),g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"For database models"}),n(L,{package:["@contractspec/app.cli-database","prisma","@prisma/client"]})]}),g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"Set up your project"}),n("p",{className:"text-muted-foreground",children:"Initialize a new ContractSpec project structure:"}),n(z,{language:"bash",filename:"installation-init",code:`bunx contractspec init
+# Follow the interactive prompts to configure your project`})]}),g("div",{className:"space-y-3",children:[n("h2",{className:"font-bold text-2xl",children:"Initialize the database"}),n("p",{className:"text-muted-foreground",children:"If using Prisma, set up your schema and generate the client:"}),n(z,{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`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx6("div", {
-            className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxs6(Link6, {
-              href: "/docs/getting-started/hello-world",
-              className: "btn-primary",
-              children: [
-                "Next: First Operation ",
-                /* @__PURE__ */ jsx6(ChevronRight6, {
-                  size: 16
-                })
-              ]
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/StartHerePage.tsx
-import { CodeBlock as CodeBlock6, InstallCommand as InstallCommand4 } from "@contractspec/lib.design-system";
-import Link7 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight7 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function StartHerePage() {
-  return /* @__PURE__ */ jsxs7("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs7("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx7("h1", {
-            className: "font-bold text-4xl",
-            children: "Start here"
-          }),
-          /* @__PURE__ */ jsx7("p", {
-            className: "text-lg text-muted-foreground",
-            children: "A fast onboarding path from install to your first generated contract."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs7("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-bold text-2xl",
-                children: "Install the CLI"
-              }),
-              /* @__PURE__ */ jsx7(InstallCommand4, {
-                package: "contractspec",
-                dev: true
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-bold text-2xl",
-                children: "Add core libraries"
-              }),
-              /* @__PURE__ */ jsx7(InstallCommand4, {
-                package: [
-                  "@contractspec/lib.contracts-spec",
-                  "@contractspec/lib.schema"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-bold text-2xl",
-                children: "Initialize your project"
-              }),
-              /* @__PURE__ */ jsx7(CodeBlock6, {
-                language: "bash",
-                filename: "start-here-init",
-                code: `bunx contractspec init`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-bold text-2xl",
-                children: "Create your first contract"
-              }),
-              /* @__PURE__ */ jsx7(CodeBlock6, {
-                language: "bash",
-                filename: "start-here-create",
-                code: `contractspec create --type operation`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-bold text-2xl",
-                children: "Generate implementation"
-              }),
-              /* @__PURE__ */ jsx7(CodeBlock6, {
-                language: "bash",
-                filename: "start-here-build",
-                code: `contractspec build src/contracts/mySpec.ts
-contractspec validate src/contracts/mySpec.ts`
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs7("div", {
-        className: "flex flex-wrap items-center gap-3 pt-2",
-        children: [
-          /* @__PURE__ */ jsxs7(Link7, {
-            href: "/docs/getting-started/hello-world",
-            className: "btn-primary",
-            children: [
-              "Next: Hello World ",
-              /* @__PURE__ */ jsx7(ChevronRight7, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx7(Link7, {
-            href: "/docs/getting-started/troubleshooting",
-            className: "btn-ghost",
-            children: "Troubleshooting"
-          }),
-          /* @__PURE__ */ jsx7(Link7, {
-            href: "/docs/getting-started/compatibility",
-            className: "btn-ghost",
-            children: "Compatibility"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/TroubleshootingPage.tsx
-import { CodeBlock as CodeBlock7 } from "@contractspec/lib.design-system";
-import Link8 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight8 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function TroubleshootingPage() {
-  return /* @__PURE__ */ jsxs8("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs8("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx8("h1", {
-            className: "font-bold text-4xl",
-            children: "Troubleshooting"
-          }),
-          /* @__PURE__ */ jsx8("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Common issues and fixes when installing or generating with ContractSpec."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs8("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs8("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx8("h2", {
-                className: "font-bold text-2xl",
-                children: "Command not found"
-              }),
-              /* @__PURE__ */ jsxs8("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Reinstall the CLI and ensure it is in your PATH."
-                  }),
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Confirm Node.js 20+ or Bun 1.0+ is installed."
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs8("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx8("h2", {
-                className: "font-bold text-2xl",
-                children: "Specs not discovered"
-              }),
-              /* @__PURE__ */ jsxs8("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxs8("li", {
-                    children: [
-                      "Run ",
-                      /* @__PURE__ */ jsx8("code", {
-                        children: "contractspec list"
-                      }),
-                      " to see discovered specs."
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Verify your spec path conventions in .contractsrc.json."
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs8("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx8("h2", {
-                className: "font-bold text-2xl",
-                children: "Build or validate fails"
-              }),
-              /* @__PURE__ */ jsxs8("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxs8("li", {
-                    children: [
-                      "Run ",
-                      /* @__PURE__ */ jsx8("code", {
-                        children: "contractspec validate"
-                      }),
-                      " to surface schema errors."
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Check that generated files were not manually edited."
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs8("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx8("h2", {
-                className: "font-bold text-2xl",
-                children: "Diagnostics"
-              }),
-              /* @__PURE__ */ jsx8(CodeBlock7, {
-                language: "bash",
-                filename: "troubleshooting-diagnostics",
-                code: `contractspec --version
+bunx prisma migrate dev --name init`})]}),n("div",{className:"flex items-center gap-4 pt-4",children:g(ee,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: First Operation ",n(te,{size:16})]})})]})]})}import{CodeBlock as R,InstallCommand as O}from"@contractspec/lib.design-system";import T from"@contractspec/lib.ui-link";import{ChevronRight as ie}from"lucide-react";import{jsx as m,jsxs as v}from"react/jsx-runtime";function oe(){return v("div",{className:"space-y-8",children:[v("div",{className:"space-y-2",children:[m("h1",{className:"font-bold text-4xl",children:"Start here"}),m("p",{className:"text-lg text-muted-foreground",children:"A fast onboarding path from install to your first generated contract."})]}),v("div",{className:"space-y-6",children:[v("div",{className:"space-y-3",children:[m("h2",{className:"font-bold text-2xl",children:"Install the CLI"}),m(O,{package:"contractspec",dev:!0})]}),v("div",{className:"space-y-3",children:[m("h2",{className:"font-bold text-2xl",children:"Add core libraries"}),m(O,{package:["@contractspec/lib.contracts-spec","@contractspec/lib.schema"]})]}),v("div",{className:"space-y-3",children:[m("h2",{className:"font-bold text-2xl",children:"Initialize your project"}),m(R,{language:"bash",filename:"start-here-init",code:"bunx contractspec init"})]}),v("div",{className:"space-y-3",children:[m("h2",{className:"font-bold text-2xl",children:"Create your first contract"}),m(R,{language:"bash",filename:"start-here-create",code:"contractspec create --type operation"})]}),v("div",{className:"space-y-3",children:[m("h2",{className:"font-bold text-2xl",children:"Generate implementation"}),m(R,{language:"bash",filename:"start-here-build",code:`contractspec build src/contracts/mySpec.ts
+contractspec validate src/contracts/mySpec.ts`})]})]}),v("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[v(T,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: Hello World ",m(ie,{size:16})]}),m(T,{href:"/docs/getting-started/troubleshooting",className:"btn-ghost",children:"Troubleshooting"}),m(T,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"})]})]})}import{CodeBlock as ne}from"@contractspec/lib.design-system";import D from"@contractspec/lib.ui-link";import{ChevronRight as re}from"lucide-react";import{jsx as r,jsxs as d}from"react/jsx-runtime";function ce(){return d("div",{className:"space-y-8",children:[d("div",{className:"space-y-2",children:[r("h1",{className:"font-bold text-4xl",children:"Troubleshooting"}),r("p",{className:"text-lg text-muted-foreground",children:"Common issues and fixes when installing or generating with ContractSpec."})]}),d("div",{className:"space-y-6",children:[d("div",{className:"card-subtle space-y-3 p-6",children:[r("h2",{className:"font-bold text-2xl",children:"Command not found"}),d("ul",{className:"space-y-2 text-muted-foreground",children:[r("li",{children:"Reinstall the CLI and ensure it is in your PATH."}),r("li",{children:"Confirm Node.js 20+ or Bun 1.0+ is installed."})]})]}),d("div",{className:"card-subtle space-y-3 p-6",children:[r("h2",{className:"font-bold text-2xl",children:"Specs not discovered"}),d("ul",{className:"space-y-2 text-muted-foreground",children:[d("li",{children:["Run ",r("code",{children:"contractspec list"})," to see discovered specs."]}),r("li",{children:"Verify your spec path conventions in .contractsrc.json."})]})]}),d("div",{className:"card-subtle space-y-3 p-6",children:[r("h2",{className:"font-bold text-2xl",children:"Build or validate fails"}),d("ul",{className:"space-y-2 text-muted-foreground",children:[d("li",{children:["Run ",r("code",{children:"contractspec validate"})," to surface schema errors."]}),r("li",{children:"Check that generated files were not manually edited."})]})]}),d("div",{className:"space-y-3",children:[r("h2",{className:"font-bold text-2xl",children:"Diagnostics"}),r(ne,{language:"bash",filename:"troubleshooting-diagnostics",code:`contractspec --version
 contractspec list
-contractspec validate src/contracts/mySpec.ts`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs8("div", {
-            className: "card-subtle space-y-3 p-6",
-            children: [
-              /* @__PURE__ */ jsx8("h2", {
-                className: "font-bold text-2xl",
-                children: "Still blocked?"
-              }),
-              /* @__PURE__ */ jsxs8("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Confirm compatibility requirements for runtime and framework."
-                  }),
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Re-run builds on a clean branch to isolate changes."
-                  }),
-                  /* @__PURE__ */ jsx8("li", {
-                    children: "Use a new spec and minimal adapter to validate setup."
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs8("div", {
-        className: "flex flex-wrap items-center gap-3 pt-2",
-        children: [
-          /* @__PURE__ */ jsx8(Link8, {
-            href: "/docs/getting-started/start-here",
-            className: "btn-ghost",
-            children: "Start here"
-          }),
-          /* @__PURE__ */ jsx8(Link8, {
-            href: "/docs/getting-started/compatibility",
-            className: "btn-ghost",
-            children: "Compatibility"
-          }),
-          /* @__PURE__ */ jsxs8(Link8, {
-            href: "/docs/getting-started/installation",
-            className: "btn-primary",
-            children: [
-              "Next: Installation ",
-              /* @__PURE__ */ jsx8(ChevronRight8, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/VSCodeExtensionPage.tsx
-import { CodeBlock as CodeBlock8 } from "@contractspec/lib.design-system";
-import Link9 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight9, ExternalLink } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-function VSCodeExtensionPage() {
-  const features = [
-    {
-      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"
-      ]
-    }
-  ];
-  const commands = [
-    {
-      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 /* @__PURE__ */ jsxs9("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs9("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx9("h1", {
-            className: "font-bold text-4xl",
-            children: "VS Code Extension"
-          }),
-          /* @__PURE__ */ jsx9("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."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: "flex flex-wrap gap-3",
-        children: [
-          /* @__PURE__ */ jsxs9("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 ",
-              /* @__PURE__ */ jsx9(ExternalLink, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx9("a", {
-            href: "vscode:extension/lssm.vscode-contractspec",
-            className: "btn-ghost inline-flex items-center gap-2",
-            children: "Open in VS Code"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs9("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx9("h2", {
-                className: "font-bold text-2xl",
-                children: "Installation"
-              }),
-              /* @__PURE__ */ jsxs9("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsxs9("p", {
-                    className: "text-muted-foreground text-sm",
-                    children: [
-                      /* @__PURE__ */ jsx9("strong", {
-                        children: "Option 1:"
-                      }),
-                      " Install from VS Code Marketplace"
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx9(CodeBlock8, {
-                    language: "bash",
-                    code: "code --install-extension lssm.vscode-contractspec"
-                  }),
-                  /* @__PURE__ */ jsxs9("p", {
-                    className: "mt-4 text-muted-foreground text-sm",
-                    children: [
-                      /* @__PURE__ */ jsx9("strong", {
-                        children: "Option 2:"
-                      }),
-                      ' Search for "ContractSpec" in VS Code Extensions (Ctrl/Cmd+Shift+X)'
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsx9("h2", {
-                className: "font-bold text-2xl",
-                children: "Features"
-              }),
-              /* @__PURE__ */ jsx9("div", {
-                className: "grid gap-4 md:grid-cols-3",
-                children: features.map((section) => /* @__PURE__ */ jsxs9("div", {
-                  className: "card-subtle space-y-3 p-4",
-                  children: [
-                    /* @__PURE__ */ jsx9("h3", {
-                      className: "font-bold text-violet-400",
-                      children: section.category
-                    }),
-                    /* @__PURE__ */ jsx9("ul", {
-                      className: "space-y-2",
-                      children: section.items.map((item) => /* @__PURE__ */ jsxs9("li", {
-                        className: "flex items-start gap-2 text-muted-foreground text-sm",
-                        children: [
-                          /* @__PURE__ */ jsx9("span", {
-                            className: "mt-1 text-violet-400",
-                            children: "-"
-                          }),
-                          /* @__PURE__ */ jsx9("span", {
-                            children: item
-                          })
-                        ]
-                      }, item))
-                    })
-                  ]
-                }, section.category))
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsx9("h2", {
-                className: "font-bold text-2xl",
-                children: "Commands"
-              }),
-              /* @__PURE__ */ jsxs9("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Access commands via Command Palette (Ctrl/Cmd+Shift+P) with prefix",
-                  " ",
-                  /* @__PURE__ */ jsx9("code", {
-                    children: "ContractSpec:"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsx9("div", {
-                className: "grid gap-3 md:grid-cols-2",
-                children: commands.map((cmd) => /* @__PURE__ */ jsx9("div", {
-                  className: "card-subtle flex items-center gap-3 p-3",
-                  children: /* @__PURE__ */ jsxs9("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsx9("p", {
-                        className: "font-medium font-mono text-sm",
-                        children: cmd.name
-                      }),
-                      /* @__PURE__ */ jsx9("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: cmd.description
-                      })
-                    ]
-                  })
-                }, cmd.name))
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx9("h2", {
-                className: "font-bold text-2xl",
-                children: "Sidebar Views"
-              }),
-              /* @__PURE__ */ jsx9("p", {
-                className: "text-muted-foreground",
-                children: "The extension adds a ContractSpec activity bar (icon in sidebar) with three views:"
-              }),
-              /* @__PURE__ */ jsxs9("div", {
-                className: "grid gap-4 md:grid-cols-3",
-                children: [
-                  /* @__PURE__ */ jsxs9("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx9("h4", {
-                        className: "font-bold",
-                        children: "Specs Explorer"
-                      }),
-                      /* @__PURE__ */ jsx9("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."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs9("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx9("h4", {
-                        className: "font-bold",
-                        children: "Dependencies"
-                      }),
-                      /* @__PURE__ */ jsx9("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Visualize spec relationships. Detect circular dependencies. Navigate to referenced specs."
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs9("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsx9("h4", {
-                        className: "font-bold",
-                        children: "Build Results"
-                      }),
-                      /* @__PURE__ */ jsx9("p", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Track build history (last 20). Success/failure indicators. Click to open generated files."
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx9("h2", {
-                className: "font-bold text-2xl",
-                children: "Getting Started"
-              }),
-              /* @__PURE__ */ jsxs9("ol", {
-                className: "list-inside list-decimal space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx9("li", {
-                    children: "Install the extension from VS Code Marketplace"
-                  }),
-                  /* @__PURE__ */ jsx9("li", {
-                    children: "Open a workspace with ContractSpec files (or create one)"
-                  }),
-                  /* @__PURE__ */ jsx9("li", {
-                    children: "Start the walkthrough: Help - Welcome - ContractSpec"
-                  }),
-                  /* @__PURE__ */ jsxs9("li", {
-                    children: [
-                      "Create your first spec: Click ",
-                      /* @__PURE__ */ jsx9("strong", {
-                        children: "+"
-                      }),
-                      " in Specs Explorer or run ",
-                      /* @__PURE__ */ jsx9("code", {
-                        children: "ContractSpec: Create New Spec"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx9("li", {
-                    children: "Build from it: Click the build icon in the editor title bar"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: "card-subtle space-y-4 p-6",
-            children: [
-              /* @__PURE__ */ jsx9("h3", {
-                className: "font-bold",
-                children: "Configuration"
-              }),
-              /* @__PURE__ */ jsx9("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Configure the extension in VS Code Settings:"
-              }),
-              /* @__PURE__ */ jsx9("div", {
-                className: "overflow-x-auto",
-                children: /* @__PURE__ */ jsxs9("table", {
-                  className: "w-full text-muted-foreground text-sm",
-                  children: [
-                    /* @__PURE__ */ jsx9("thead", {
-                      children: /* @__PURE__ */ jsxs9("tr", {
-                        className: "border-border border-b",
-                        children: [
-                          /* @__PURE__ */ jsx9("th", {
-                            className: "p-2 text-left font-medium",
-                            children: "Setting"
-                          }),
-                          /* @__PURE__ */ jsx9("th", {
-                            className: "p-2 text-left font-medium",
-                            children: "Description"
-                          }),
-                          /* @__PURE__ */ jsx9("th", {
-                            className: "p-2 text-left font-medium",
-                            children: "Default"
-                          })
-                        ]
-                      })
-                    }),
-                    /* @__PURE__ */ jsxs9("tbody", {
-                      children: [
-                        /* @__PURE__ */ jsxs9("tr", {
-                          className: "border-border border-b",
-                          children: [
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2 font-mono text-xs",
-                              children: "validation.onSave"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "Run validation on save"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "true"
-                            })
-                          ]
-                        }),
-                        /* @__PURE__ */ jsxs9("tr", {
-                          className: "border-border border-b",
-                          children: [
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2 font-mono text-xs",
-                              children: "validation.onOpen"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "Run validation on open"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "true"
-                            })
-                          ]
-                        }),
-                        /* @__PURE__ */ jsxs9("tr", {
-                          className: "border-border border-b",
-                          children: [
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2 font-mono text-xs",
-                              children: "api.baseUrl"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "Base URL for ContractSpec API"
-                            }),
-                            /* @__PURE__ */ jsx9("td", {
-                              className: "p-2",
-                              children: "(empty)"
-                            })
-                          ]
-                        })
-                      ]
-                    })
-                  ]
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx9(Link9, {
-            href: "/docs/getting-started/tools/cli",
-            className: "btn-ghost",
-            children: "Back: CLI"
-          }),
-          /* @__PURE__ */ jsxs9(Link9, {
-            href: "/docs/specs",
-            className: "btn-primary",
-            children: [
-              "Next: Core Concepts ",
-              /* @__PURE__ */ jsx9(ChevronRight9, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/getting-started/getting-started.docblocks.ts
-import { registerDocBlocks } from "@contractspec/lib.contracts-spec/docs";
-var gettingStartedDocBlocks = [
-  {
-    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
+contractspec validate src/contracts/mySpec.ts`})]}),d("div",{className:"card-subtle space-y-3 p-6",children:[r("h2",{className:"font-bold text-2xl",children:"Still blocked?"}),d("ul",{className:"space-y-2 text-muted-foreground",children:[r("li",{children:"Confirm compatibility requirements for runtime and framework."}),r("li",{children:"Re-run builds on a clean branch to isolate changes."}),r("li",{children:"Use a new spec and minimal adapter to validate setup."})]})]})]}),d("div",{className:"flex flex-wrap items-center gap-3 pt-2",children:[r(D,{href:"/docs/getting-started/start-here",className:"btn-ghost",children:"Start here"}),r(D,{href:"/docs/getting-started/compatibility",className:"btn-ghost",children:"Compatibility"}),d(D,{href:"/docs/getting-started/installation",className:"btn-primary",children:["Next: Installation ",r(re,{size:16})]})]})]})}import{CodeBlock as le}from"@contractspec/lib.design-system";import F from"@contractspec/lib.ui-link";import{ChevronRight as se,ExternalLink as de}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function at(){let S=[{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"]}],u=[{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(de,{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(le,{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:S.map((y)=>t("div",{className:"card-subtle space-y-3 p-4",children:[e("h3",{className:"font-bold text-violet-400",children:y.category}),e("ul",{className:"space-y-2",children:y.items.map((N)=>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:N})]},N))})]},y.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:u.map((y)=>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:y.name}),e("p",{className:"text-muted-foreground text-xs",children:y.description})]})},y.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(F,{href:"/docs/getting-started/tools/cli",className:"btn-ghost",children:"Back: CLI"}),t(F,{href:"/docs/specs",className:"btn-primary",children:["Next: Core Concepts ",e(se,{size:16})]})]})]})}import{registerDocBlocks as pe}from"@contractspec/lib.contracts-spec/docs";var me=[{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.
 
@@ -2083,17 +266,7 @@ contractspec validate src/contracts/mySpec.ts
 - Follow the Hello World tutorial for a full walkthrough.
 - Install the VS Code extension for inline validation.
 - Review compatibility notes before deploying to production.
-`
-  },
-  {
-    id: "docs.getting-started.troubleshooting",
-    title: "Troubleshooting",
-    summary: "Resolve common install, spec discovery, and build issues.",
-    kind: "faq",
-    visibility: "public",
-    route: "/docs/getting-started/troubleshooting",
-    tags: ["getting-started", "troubleshooting"],
-    body: `# Troubleshooting
+`},{id:"docs.getting-started.troubleshooting",title:"Troubleshooting",summary:"Resolve common install, spec discovery, and build issues.",kind:"faq",visibility:"public",route:"/docs/getting-started/troubleshooting",tags:["getting-started","troubleshooting"],body:`# Troubleshooting
 
 Common issues and quick fixes when getting started with ContractSpec.
 
@@ -2124,17 +297,7 @@ contractspec validate src/contracts/mySpec.ts
 
 - Confirm compatibility requirements (runtime, framework, package manager).
 - Re-run \`contractspec build\` with a clean working tree.
-`
-  },
-  {
-    id: "docs.getting-started.compatibility",
-    title: "Compatibility",
-    summary: "Supported runtimes, frameworks, package managers, and AI modes.",
-    kind: "reference",
-    visibility: "public",
-    route: "/docs/getting-started/compatibility",
-    tags: ["getting-started", "compatibility"],
-    body: `# Compatibility
+`},{id:"docs.getting-started.compatibility",title:"Compatibility",summary:"Supported runtimes, frameworks, package managers, and AI modes.",kind:"reference",visibility:"public",route:"/docs/getting-started/compatibility",tags:["getting-started","compatibility"],body:`# Compatibility
 
 ContractSpec supports modern TypeScript stacks with spec-first workflows.
 
@@ -2167,18 +330,4 @@ ContractSpec supports modern TypeScript stacks with spec-first workflows.
 
 - PostgreSQL via Prisma
 - Bring your own adapter for other databases
-`
-  }
-];
-registerDocBlocks(gettingStartedDocBlocks);
-export {
-  VSCodeExtensionPage,
-  TroubleshootingPage,
-  StartHerePage,
-  InstallationPage,
-  HelloWorldPage,
-  DeveloperToolsPage,
-  DataViewTutorialPage,
-  CompatibilityPage,
-  CLIPage
-};
+`}];pe(me);export{at as VSCodeExtensionPage,ce as TroubleshootingPage,oe as StartHerePage,ae as InstallationPage,j as HelloWorldPage,De as DeveloperToolsPage,U as DataViewTutorialPage,G as CompatibilityPage,M as CLIPage};