@contractspec/bundle.library 3.7.6 → 3.7.7

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

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

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

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

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

@@ -1,5 +1,5 @@
 import './ecosystem.docblocks';
-export { EcosystemPluginsPage } from './PluginsPage';
 export { EcosystemIntegrationsPage } from './IntegrationsPage';
-export { EcosystemTemplatesPage } from './TemplatesPage';
+export { EcosystemPluginsPage } from './PluginsPage';
 export { EcosystemRegistryPage } from './RegistryPage';
+export { EcosystemTemplatesPage } from './TemplatesPage';

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

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

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

@@ -1,14 +1,14 @@
 // @bun
 // src/components/docs/examples/DocsExamplesPage.tsx
-import { listExamples } from "@contractspec/module.examples";
+import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
 import {
   ButtonLink,
   DataViewList,
   StatusChip
 } from "@contractspec/lib.design-system";
-import { VStack, HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { H1, Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
-import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
+import { listExamples } from "@contractspec/module.examples";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function buildReferenceRoute(key) {
@@ -43,7 +43,7 @@ function DocsExamplesPage() {
             children: "Examples"
           }),
           /* @__PURE__ */ jsx(Muted, {
-            children: "Curated examples and templates you can explore in the sandbox or use as reference implementations."
+            children: "Reference implementations for real ContractSpec surfaces. Use them to study adoption patterns, inspect generated artifacts, and validate the OSS workflow against runnable systems."
           })
         ]
       }),

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

@@ -1,14 +1,14 @@
 // @bun
 // src/components/docs/examples/DocsExamplesPage.tsx
-import { listExamples } from "@contractspec/module.examples";
+import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
 import {
   ButtonLink,
   DataViewList,
   StatusChip
 } from "@contractspec/lib.design-system";
-import { VStack, HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { H1, Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
-import { ExampleCatalogDataView } from "@contractspec/lib.contracts-spec/docs";
+import { listExamples } from "@contractspec/module.examples";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function buildReferenceRoute(key) {
@@ -43,7 +43,7 @@ function DocsExamplesPage() {
             children: "Examples"
           }),
           /* @__PURE__ */ jsx(Muted, {
-            children: "Curated examples and templates you can explore in the sandbox or use as reference implementations."
+            children: "Reference implementations for real ContractSpec surfaces. Use them to study adoption patterns, inspect generated artifacts, and validate the OSS workflow against runnable systems."
           })
         ]
       }),

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

@@ -1,8 +1,8 @@
 // @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 { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CLIPage() {
   const commands = [
@@ -59,11 +59,11 @@ function CLIPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "ContractSpec CLI"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."
           })
         ]
@@ -75,7 +75,7 @@ function CLIPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Installation"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -88,7 +88,7 @@ function CLIPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Quick Start"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {
@@ -111,7 +111,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Commands"
               }),
               /* @__PURE__ */ jsx("div", {
@@ -120,7 +120,7 @@ contractspec validate src/contracts/mySpec.ts`
                   className: "card-subtle space-y-2 p-4",
                   children: [
                     /* @__PURE__ */ jsx("h3", {
-                      className: "font-mono font-bold text-violet-400",
+                      className: "font-bold font-mono text-violet-400",
                       children: cmd.name
                     }),
                     /* @__PURE__ */ jsx("p", {
@@ -141,7 +141,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "AI Agent Modes"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -211,7 +211,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "CI/CD Integration"
               }),
               /* @__PURE__ */ jsx("p", {

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

@@ -11,11 +11,11 @@ function CompatibilityPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Compatibility"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Supported runtimes, frameworks, and agent modes for ContractSpec."
           })
         ]
@@ -27,11 +27,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Runtimes"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "Node.js 20+"
@@ -47,11 +47,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Frameworks"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "Next.js 14+ (App Router preferred)"
@@ -67,11 +67,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Package managers"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "bun (recommended)"
@@ -90,11 +90,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "AI agent modes"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "claude-code"
@@ -119,7 +119,7 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Datastores"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -127,7 +127,7 @@ function CompatibilityPage() {
                 children: "ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "PostgreSQL via Prisma"

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

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/DataViewTutorialPage.tsx
+import { CodeBlock } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { CodeBlock } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DataViewTutorialPage() {
   return /* @__PURE__ */ jsxs("div", {
@@ -12,11 +12,11 @@ function DataViewTutorialPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Display Data with DataViews"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Define a filterable, sortable transaction history view that works across web and mobile without duplicating UI code."
           })
         ]
@@ -25,7 +25,7 @@ function DataViewTutorialPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "1. Define the underlying query"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -56,7 +56,7 @@ export const ListTransactions = defineQuery({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "2. Define the DataView spec"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -143,7 +143,7 @@ export const TransactionHistory = defineDataView({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "3. Render on the frontend"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -190,7 +190,7 @@ export function TransactionsPage() {
             children: "Why DataViews?"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Same spec renders on web (React) and mobile (React Native)"

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

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/DeveloperToolsPage.tsx
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight, Code2, Cpu, Layers, Terminal } from "lucide-react";
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DeveloperToolsPage() {
   const tools = [
@@ -33,7 +33,7 @@ function DeveloperToolsPage() {
     {
       name: "ContractSpec Studio",
       href: "https://www.contractspec.studio",
-      description: "AI-powered product decision engine that turns product signals into spec-first deliverables.",
+      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: [
@@ -62,12 +62,12 @@ function DeveloperToolsPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Developer Tools"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
-            children: "ContractSpec provides a suite of tools to help you build, validate, and manage your specifications across different environments."
+            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."
           })
         ]
       }),
@@ -80,7 +80,7 @@ function DeveloperToolsPage() {
             className: `card-subtle relative space-y-4 p-6 ${isComingSoon ? "opacity-75" : ""}`,
             children: [
               isComingSoon && /* @__PURE__ */ jsx("span", {
-                className: "absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 text-xs font-medium text-violet-400",
+                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__ */ jsxs("div", {
@@ -93,7 +93,7 @@ function DeveloperToolsPage() {
                     })
                   }),
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: tool.name
                   })
                 ]
@@ -105,7 +105,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsx("ul", {
                 className: "space-y-1",
                 children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs("li", {
-                  className: "text-muted-foreground flex items-center gap-2 text-sm",
+                  className: "flex items-center gap-2 text-muted-foreground text-sm",
                   children: [
                     /* @__PURE__ */ jsx("span", {
                       className: "text-violet-400",
@@ -142,7 +142,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mb-2 text-xs font-medium",
+                    className: "mb-2 font-medium text-muted-foreground text-xs",
                     children: "CLI"
                   }),
                   /* @__PURE__ */ jsx(InstallCommand, {
@@ -154,7 +154,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mb-2 text-xs font-medium",
+                    className: "mb-2 font-medium text-muted-foreground text-xs",
                     children: "VS Code Extension"
                   }),
                   /* @__PURE__ */ jsx(CodeBlock, {