@contractspec/bundle.library 3.7.6 → 3.7.7

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

@@ -1,8 +1,9 @@
-// src/components/docs/libraries/LibrariesOverviewPage.tsx
+// src/components/docs/libraries/LibrariesAccessibilityPage.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 LibrariesOverviewPage() {
+function LibrariesAccessibilityPage() {
   return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
@@ -10,12 +11,12 @@ function LibrariesOverviewPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
-            children: "Libraries Overview"
+            className: "font-bold text-4xl",
+            children: "@contractspec/lib.accessibility"
           }),
           /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
-            children: "The LSSM ecosystem provides a comprehensive set of TypeScript libraries for building modern web and mobile applications. All libraries are designed to work together seamlessly while remaining modular and independently useful."
+            children: "Stable exports of accessibility primitives for LSSM web apps, ensuring WCAG compliance and inclusive design."
           })
         ]
       }),
@@ -23,188 +24,11 @@ function LibrariesOverviewPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Core Libraries"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-2",
-            children: [
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/contracts",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.contracts-spec"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Define operations, events, and policies in pure TypeScript. Runtime adapters serve them as REST/GraphQL/MCP endpoints."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/schema",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.schema"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Type-safe schema models that export to Zod, Pothos GraphQL, and JSON Schema from a single source."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsxs("h2", {
-            className: "flex items-center gap-2 text-2xl font-bold",
-            children: [
-              "AI-Native Operations",
-              /* @__PURE__ */ jsx("span", {
-                className: "badge badge-secondary text-xs",
-                children: "Featured"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-            children: [
-              {
-                title: "@contractspec/lib.ai-agent",
-                description: "Agent specs, runner, memory, and approval workflow for safe AI copilots.",
-                href: "/docs/libraries/ai-agent"
-              },
-              {
-                title: "@contractspec/lib.support-bot",
-                description: "Classification, RAG resolver, auto-responder, and performance loop for L1 automation.",
-                href: "/docs/libraries/support-bot"
-              },
-              {
-                title: "@contractspec/lib.content-gen",
-                description: "Blog, landing, email, social, and SEO generators powered by ContentBriefs.",
-                href: "/docs/libraries/content-gen"
-              },
-              {
-                title: "@contractspec/lib.analytics",
-                description: "Funnels, cohorts, churn scoring, and hypothesis generation without a warehouse.",
-                href: "/docs/libraries/analytics"
-              },
-              {
-                title: "@contractspec/lib.growth",
-                description: "Experiment registry, runner, tracker, and stats engine for deterministic A/B tests.",
-                href: "/docs/libraries/growth"
-              },
-              {
-                title: "@contractspec/lib.design-system",
-                description: "Now includes ApprovalQueue + AgentMonitor for human-in-the-loop decisions.",
-                href: "/docs/libraries/design-system"
-              }
-            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
-              href: lib.href,
-              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-              children: [
-                /* @__PURE__ */ jsx("h3", {
-                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                  children: lib.title
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground mt-2 text-sm",
-                  children: lib.description
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                  children: [
-                    "Learn more ",
-                    /* @__PURE__ */ jsx(ChevronRight, {
-                      size: 14
-                    })
-                  ]
-                })
-              ]
-            }, lib.title))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsxs("h2", {
-            className: "flex items-center gap-2 text-2xl font-bold",
-            children: [
-              "Personalization & Customization",
-              /* @__PURE__ */ jsx("span", {
-                className: "badge badge-primary text-xs",
-                children: "Featured"
-              })
-            ]
+            className: "font-bold text-2xl",
+            children: "Installation"
           }),
-          /* @__PURE__ */ jsx("div", {
-            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-            children: [
-              {
-                title: "@contractspec/lib.personalization",
-                description: "Track behavior, analyze unused UI, and feed overlay/workflow adapters.",
-                href: "/docs/libraries/personalization"
-              },
-              {
-                title: "@contractspec/lib.overlay-engine",
-                description: "Signed overlays with validator, registry, runtime engine, and React hooks.",
-                href: "/docs/libraries/overlay-engine"
-              },
-              {
-                title: "@contractspec/lib.workflow-composer",
-                description: "Tenant-aware workflow extensions with step injection helpers.",
-                href: "/docs/libraries/workflow-composer"
-              }
-            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
-              href: lib.href,
-              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-              children: [
-                /* @__PURE__ */ jsx("h3", {
-                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                  children: lib.title
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground mt-2 text-sm",
-                  children: lib.description
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                  children: [
-                    "Learn more ",
-                    /* @__PURE__ */ jsx(ChevronRight, {
-                      size: 14
-                    })
-                  ]
-                })
-              ]
-            }, lib.title))
+          /* @__PURE__ */ jsx(InstallCommand, {
+            package: "@contractspec/lib.accessibility"
           })
         ]
       }),
@@ -212,132 +36,70 @@ function LibrariesOverviewPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "UI Libraries"
+            className: "font-bold text-2xl",
+            children: "Exports"
           }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-2",
+          /* @__PURE__ */ jsxs("ul", {
+            className: "space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/ui-kit",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.ui-kit"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Universal UI components for React Native and Web, built on NativeWind and @rn-primitives."
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "SkipLink"
                   }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
+                  ": A link to skip navigation, visible on focus"
                 ]
               }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/design-system",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.design-system"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "High-level design system components, patterns, and layouts. Built on top of ui-kit."
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "VisuallyHidden"
                   }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
+                  ": Hide content visually but keep it for screen readers"
                 ]
               }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/accessibility",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.accessibility"
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "SRLiveRegionProvider"
                   }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Accessibility primitives for WCAG compliance: skip links, live regions, focus management, and more."
+                  ",",
+                  " ",
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "useSRLiveRegion"
                   }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
+                  ": Manage live region announcements"
                 ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Data & Backend"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/app.cli-database"
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "RouteAnnouncer"
                   }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Prisma wrapper and CLI for schema management"
-                  })
+                  ": Announce page title/path changes on navigation"
                 ]
               }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.bus"
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "FocusOnRouteChange"
                   }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Type-safe event bus for in-memory and distributed events"
-                  })
+                  ": Reset focus to body or main content on navigation"
                 ]
               }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.logger"
+                  /* @__PURE__ */ jsx("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "useReducedMotion"
                   }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Structured logging optimized for Bun with Elysia integration"
-                  })
+                  ": Detect if the user prefers reduced motion"
                 ]
               })
             ]
@@ -348,52 +110,32 @@ function LibrariesOverviewPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "GraphQL"
+            className: "font-bold text-2xl",
+            children: "Example: App Setup"
           }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-core"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Shared Pothos builder with plugins"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-prisma"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Prisma integration for Pothos schemas"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-federation"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Apollo Federation support for Pothos"
-                  })
-                ]
-              })
-            ]
+          /* @__PURE__ */ jsx(CodeBlock, {
+            language: "tsx",
+            code: `import {
+  SRLiveRegionProvider,
+  RouteAnnouncer,
+  SkipLink
+} from '@contractspec/lib.accessibility';
+
+export function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <SRLiveRegionProvider>
+          <SkipLink />
+          <RouteAnnouncer />
+          <main id="main-content">
+            {children}
+          </main>
+        </SRLiveRegionProvider>
+      </body>
+    </html>
+  );
+}`
           })
         ]
       }),
@@ -401,55 +143,57 @@ function LibrariesOverviewPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Philosophy"
+            className: "font-bold text-2xl",
+            children: "Example: Live Announcements"
           }),
-          /* @__PURE__ */ jsx("p", {
+          /* @__PURE__ */ jsx(CodeBlock, {
+            language: "tsx",
+            code: `import { useSRLiveRegion } from '@contractspec/lib.accessibility';
+
+export function TodoList() {
+  const { announce } = useSRLiveRegion();
+
+  const addTodo = () => {
+    // ... add logic
+    announce('Todo added successfully', 'polite');
+  };
+
+  return <button onClick={addTodo}>Add Todo</button>;
+}`
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsx("h2", {
+            className: "font-bold text-2xl",
+            children: "WCAG Compliance"
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
-            children: "All LSSM libraries follow these principles:"
+            children: [
+              "These components map directly to WCAG 2.1 Level AA requirements documented in ",
+              /* @__PURE__ */ jsx("code", {
+                children: "docs/accessibility_wcag_compliance_specs.md"
+              }),
+              ":"
+            ]
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Type Safety First"
-                  }),
-                  ": Full TypeScript support with strict types."
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Modular"
-                  }),
-                  ": Use only what you need, tree-shake the rest."
-                ]
+              /* @__PURE__ */ jsx("li", {
+                children: "2.4.1 Bypass Blocks (SkipLink)"
               }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Platform Aware"
-                  }),
-                  ": Optimized for both Web and Native where applicable."
-                ]
+              /* @__PURE__ */ jsx("li", {
+                children: "4.1.3 Status Messages (LiveRegion)"
               }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Single Source of Truth"
-                  }),
-                  ": Avoid duplication between layers (REST, GraphQL, Zod)."
-                ]
+              /* @__PURE__ */ jsx("li", {
+                children: "2.4.3 Focus Order (FocusOnRouteChange)"
               }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Developer Experience"
-                  }),
-                  ": Clear APIs, comprehensive docs, and helpful error messages."
-                ]
+              /* @__PURE__ */ jsx("li", {
+                children: "2.3.3 Animation from Interactions (useReducedMotion)"
               })
             ]
           })
@@ -458,20 +202,20 @@ function LibrariesOverviewPage() {
       /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
+          /* @__PURE__ */ jsx(Link, {
+            href: "/docs/libraries/design-system",
+            className: "btn-ghost",
+            children: "Previous: Design System"
+          }),
           /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/libraries/contracts",
+            href: "/docs/libraries",
             className: "btn-primary",
             children: [
-              "Explore Contracts ",
+              "Back to Libraries ",
               /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
               })
             ]
-          }),
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/getting-started",
-            className: "btn-ghost",
-            children: "Getting Started"
           })
         ]
       })
@@ -479,12 +223,12 @@ function LibrariesOverviewPage() {
   });
 }
 
-// src/components/docs/libraries/LibrariesContractsPage.tsx
+// src/components/docs/libraries/LibrariesAiAgentPage.tsx
+import { CodeBlock as CodeBlock2, InstallCommand as InstallCommand2 } from "@contractspec/lib.design-system";
 import Link2 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function LibrariesContractsPage() {
+function LibrariesAiAgentPage() {
   return /* @__PURE__ */ jsxs2("div", {
     className: "space-y-8",
     children: [
@@ -492,12 +236,12 @@ function LibrariesContractsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
-            children: "@contractspec/lib.contracts-spec"
+            className: "font-bold text-4xl",
+            children: "@contractspec/lib.ai-agent"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
-            children: "The core library for defining what your application can do. Unified specifications for Operations, Events, Presentations, and Features."
+            className: "text-lg text-muted-foreground",
+            children: "Define AI agents in TypeScript, run them with deterministic tool calling, capture working memory, and route low-confidence decisions to human reviewers."
           })
         ]
       }),
@@ -505,253 +249,116 @@ function LibrariesContractsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx2(InstallCommand, {
-            package: [
-              "@contractspec/lib.contracts-spec",
-              "@contractspec/lib.schema"
-            ]
+          /* @__PURE__ */ jsx2(InstallCommand2, {
+            package: "@contractspec/lib.ai-agent"
           })
         ]
       }),
       /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
+        className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
-            children: "What lives where"
+            className: "font-bold text-2xl",
+            children: "Define & register"
           }),
-          /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
-            children: [
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "@contractspec/lib.contracts-spec"
-                  }),
-                  " (root): The core contracts definitions (OperationSpec, PresentationSpec, Registry)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "@contractspec/lib.contracts-runtime-client-react"
-                  }),
-                  ": Browser-safe helpers (React renderers, client SDK). Import this for web/React Native."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "@contractspec/lib.contracts-runtime-server-rest"
-                  }),
-                  ": HTTP/MCP adapters, registries, integrations (Node-only)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "@contractspec/lib.schema"
-                  }),
-                  ": Schema dictionary (SchemaModel, FieldType) for I/O definitions."
-                ]
-              })
-            ]
+          /* @__PURE__ */ jsx2(CodeBlock2, {
+            language: "typescript",
+            code: `import { defineAgent, AgentRegistry } from '@contractspec/lib.ai-agent';
+
+const SupportBot = defineAgent({
+  meta: { name: 'support.bot', version: '1.0.0' },
+  instructions: 'Resolve tickets. Escalate when confidence < 0.75.',
+  tools: [{ name: 'support_resolve_ticket' }],
+  policy: {
+    confidence: { min: 0.7, default: 0.6 },
+    escalation: { confidenceThreshold: 0.75 },
+  },
+});
+
+const registry = new AgentRegistry().register(SupportBot);`
           })
         ]
       }),
       /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
+        className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
-            children: "Quick Example"
+            className: "font-bold text-2xl",
+            children: "Run with approvals"
           }),
-          /* @__PURE__ */ jsx2(CodeBlock, {
+          /* @__PURE__ */ jsx2(CodeBlock2, {
             language: "typescript",
-            code: `import { defineCommand } from '@contractspec/lib.contracts-spec';
-import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
+            code: `import { AgentRunner, ToolExecutor, ApprovalWorkflow } from '@contractspec/lib.ai-agent';
 
-const CreateUserInput = new SchemaModel({
-  name: 'CreateUserInput',
-  fields: {
-    email: { type: ScalarTypeEnum.Email(), isOptional: false },
-    name: { type: ScalarTypeEnum.NonEmptyString(), isOptional: false },
-  },
+const runner = new AgentRunner({
+  registry,
+  llm: mistralProvider,
+  toolExecutor: new ToolExecutor({ tools: supportTools }),
+  approvalWorkflow: new ApprovalWorkflow(),
 });
 
-export const CreateUser = defineCommand({
-  meta: {
-    key: 'users.createUser',
-    version: '1.0.0',
-    description: 'Create a new user account',
-  },
-  io: {
-    input: CreateUserInput,
-    output: /* ... */,
-  },
-  policy: { auth: 'admin' },
-});`
+const result = await runner.run({ agent: 'support.bot', input: ticket.body });
+if (result.approvalRequestId) {
+  // show in ApprovalQueue UI
+}`
           })
         ]
       }),
       /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
+        className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
-            children: "Core Concepts"
+            className: "font-bold text-2xl",
+            children: "What's inside"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs2("li", {
                 children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "OperationSpec"
-                  }),
-                  ": Immutable description of an operation (Command or Query). Defines I/O, policy, and metadata."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "OperationSpecRegistry"
-                  }),
-                  ": Registry of specs + handlers. Use ",
                   /* @__PURE__ */ jsx2("code", {
-                    className: "font-mono text-xs",
-                    children: "installOp"
-                  }),
-                  " ",
-                  "to attach a handler."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "CapabilitySpec"
-                  }),
-                  ": Canonical capability declaration (requires/provides)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "PolicySpec"
-                  }),
-                  ": Declarative policy rules (ABAC/ReBAC, rate limits)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "TelemetrySpec"
-                  }),
-                  ": Analytics definitions and privacy levels."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "PresentationSpec (V2)"
-                  }),
-                  ": Describes how data is rendered (Web Components, Markdown, Data)."
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
-            children: "Lifecycle"
-          }),
-          /* @__PURE__ */ jsxs2("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-2",
-            children: [
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "Define"
+                    children: "defineAgent"
                   }),
-                  " the spec (I/O via SchemaModel or Zod)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "Register"
+                  ", ",
+                  /* @__PURE__ */ jsx2("code", {
+                    children: "AgentRegistry"
                   }),
-                  " it:",
+                  ",",
                   " ",
                   /* @__PURE__ */ jsx2("code", {
-                    className: "font-mono text-xs",
-                    children: "installOp(registry, spec, handler)"
-                  }),
-                  "."
+                    children: "AgentRunner"
+                  })
                 ]
               }),
               /* @__PURE__ */ jsxs2("li", {
                 children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "Expose"
+                  /* @__PURE__ */ jsx2("code", {
+                    children: "ToolExecutor"
                   }),
-                  " it via an adapter (REST, GraphQL, MCP)."
+                  " with schema-enforced tool definitions"
                 ]
               }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
-                  /* @__PURE__ */ jsx2("strong", {
-                    children: "Validate"
-                  }),
-                  " at runtime automatically."
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
-            children: "Adapters"
-          }),
-          /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2",
-            children: [
               /* @__PURE__ */ jsxs2("li", {
                 children: [
                   /* @__PURE__ */ jsx2("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "server/rest-next-app"
+                    children: "InMemoryAgentMemory"
                   }),
-                  ": Next.js App Router adapter"
+                  " plus interfaces for custom stores"
                 ]
               }),
               /* @__PURE__ */ jsxs2("li", {
                 children: [
                   /* @__PURE__ */ jsx2("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "server/provider-mcp"
+                    children: "ApprovalWorkflow"
                   }),
-                  ": Model Context Protocol (MCP) for AI agents"
-                ]
-              }),
-              /* @__PURE__ */ jsxs2("li", {
-                children: [
+                  " + ",
                   /* @__PURE__ */ jsx2("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "server/graphql-pothos"
+                    children: "ApprovalStore"
                   }),
-                  ": GraphQL schema generator"
+                  " for human-in-the-loop reviews"
                 ]
               })
             ]
@@ -761,20 +368,20 @@ export const CreateUser = defineCommand({
       /* @__PURE__ */ jsxs2("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
+          /* @__PURE__ */ jsx2(Link2, {
+            href: "/docs/libraries",
+            className: "btn-ghost",
+            children: "Back to Libraries"
+          }),
           /* @__PURE__ */ jsxs2(Link2, {
-            href: "/docs/libraries/schema",
+            href: "/docs/libraries/support-bot",
             className: "btn-primary",
             children: [
-              "Next: Schema ",
+              "Next: Support Bot ",
               /* @__PURE__ */ jsx2(ChevronRight2, {
                 size: 16
               })
             ]
-          }),
-          /* @__PURE__ */ jsx2(Link2, {
-            href: "/docs/specs/capabilities",
-            className: "btn-ghost",
-            children: "Core Concepts"
           })
         ]
       })
@@ -782,12 +389,10 @@ export const CreateUser = defineCommand({
   });
 }
 
-// src/components/docs/libraries/LibrariesAiAgentPage.tsx
-import Link3 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { CodeBlock as CodeBlock2, InstallCommand as InstallCommand2 } from "@contractspec/lib.design-system";
+// src/components/docs/libraries/LibrariesAnalyticsPage.tsx
+import { CodeBlock as CodeBlock3, InstallCommand as InstallCommand3 } from "@contractspec/lib.design-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function LibrariesAiAgentPage() {
+function LibrariesAnalyticsPage() {
   return /* @__PURE__ */ jsxs3("div", {
     className: "space-y-8",
     children: [
@@ -795,12 +400,12 @@ function LibrariesAiAgentPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h1", {
-            className: "text-4xl font-bold",
-            children: "@contractspec/lib.ai-agent"
+            className: "font-bold text-4xl",
+            children: "@contractspec/lib.analytics"
           }),
           /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground text-lg",
-            children: "Define AI agents in TypeScript, run them with deterministic tool calling, capture working memory, and route low-confidence decisions to human reviewers."
+            className: "text-lg text-muted-foreground",
+            children: "Work directly with telemetry events to understand conversion, retention, churn, and growth opportunities."
           })
         ]
       }),
@@ -808,11 +413,11 @@ function LibrariesAiAgentPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx3(InstallCommand2, {
-            package: "@contractspec/lib.ai-agent"
+          /* @__PURE__ */ jsx3(InstallCommand3, {
+            package: "@contractspec/lib.analytics"
           })
         ]
       }),
@@ -820,24 +425,22 @@ function LibrariesAiAgentPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
-            children: "Define & register"
+            className: "font-bold text-2xl",
+            children: "Funnels in memory"
           }),
-          /* @__PURE__ */ jsx3(CodeBlock2, {
+          /* @__PURE__ */ jsx3(CodeBlock3, {
             language: "typescript",
-            code: `import { defineAgent, AgentRegistry } from '@contractspec/lib.ai-agent';
-
-const SupportBot = defineAgent({
-  meta: { name: 'support.bot', version: '1.0.0' },
-  instructions: 'Resolve tickets. Escalate when confidence < 0.75.',
-  tools: [{ name: 'support_resolve_ticket' }],
-  policy: {
-    confidence: { min: 0.7, default: 0.6 },
-    escalation: { confidenceThreshold: 0.75 },
-  },
-});
+            code: `import { FunnelAnalyzer } from '@contractspec/lib.analytics/funnel';
 
-const registry = new AgentRegistry().register(SupportBot);`
+const analyzer = new FunnelAnalyzer();
+const report = analyzer.analyze(events, {
+  name: 'signup',
+  steps: [
+    { id: 'view', eventName: 'page.view', match: (e) => e.properties?.slug === '/signup' },
+    { id: 'submit', eventName: 'signup.submit' },
+    { id: 'verified', eventName: 'account.verified' },
+  ],
+});`
           })
         ]
       }),
@@ -845,24 +448,16 @@ const registry = new AgentRegistry().register(SupportBot);`
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
-            children: "Run with approvals"
+            className: "font-bold text-2xl",
+            children: "Cohorts & churn"
           }),
-          /* @__PURE__ */ jsx3(CodeBlock2, {
+          /* @__PURE__ */ jsx3(CodeBlock3, {
             language: "typescript",
-            code: `import { AgentRunner, ToolExecutor, ApprovalWorkflow } from '@contractspec/lib.ai-agent';
-
-const runner = new AgentRunner({
-  registry,
-  llm: mistralProvider,
-  toolExecutor: new ToolExecutor({ tools: supportTools }),
-  approvalWorkflow: new ApprovalWorkflow(),
-});
+            code: `import { CohortTracker } from '@contractspec/lib.analytics/cohort';
+import { ChurnPredictor } from '@contractspec/lib.analytics/churn';
 
-const result = await runner.run({ agent: 'support.bot', input: ticket.body });
-if (result.approvalRequestId) {
-  // show in ApprovalQueue UI
-}`
+const cohorts = new CohortTracker().analyze(events, { bucket: 'week', periods: 8 });
+const churn = new ChurnPredictor().score(events);`
           })
         ]
       }),
@@ -870,77 +465,17 @@ if (result.approvalRequestId) {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
-            children: "What's inside"
-          }),
-          /* @__PURE__ */ jsxs3("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
-            children: [
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "defineAgent"
-                  }),
-                  ", ",
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "AgentRegistry"
-                  }),
-                  ",",
-                  " ",
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "AgentRunner"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "ToolExecutor"
-                  }),
-                  " with schema-enforced tool definitions"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "InMemoryAgentMemory"
-                  }),
-                  " plus interfaces for custom stores"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3("li", {
-                children: [
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "ApprovalWorkflow"
-                  }),
-                  " + ",
-                  /* @__PURE__ */ jsx3("code", {
-                    children: "ApprovalStore"
-                  }),
-                  " for human-in-the-loop reviews"
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx3(Link3, {
-            href: "/docs/libraries",
-            className: "btn-ghost",
-            children: "Back to Libraries"
+            className: "font-bold text-2xl",
+            children: "Growth hypotheses"
           }),
-          /* @__PURE__ */ jsxs3(Link3, {
-            href: "/docs/libraries/support-bot",
-            className: "btn-primary",
-            children: [
-              "Next: Support Bot ",
-              /* @__PURE__ */ jsx3(ChevronRight3, {
-                size: 16
-              })
-            ]
+          /* @__PURE__ */ jsx3(CodeBlock3, {
+            language: "typescript",
+            code: `import { GrowthHypothesisGenerator } from '@contractspec/lib.analytics/growth';
+
+const ideas = new GrowthHypothesisGenerator().generate([
+  { name: 'Activation rate', current: 0.42, previous: 0.55, target: 0.6 },
+  { name: 'Expansion ARPU', current: 1.2, previous: 0.9 },
+]);`
           })
         ]
       })
@@ -948,10 +483,12 @@ if (result.approvalRequestId) {
   });
 }
 
-// src/components/docs/libraries/LibrariesAnalyticsPage.tsx
-import { CodeBlock as CodeBlock3, InstallCommand as InstallCommand3 } from "@contractspec/lib.design-system";
+// src/components/docs/libraries/LibrariesContentGenPage.tsx
+import { CodeBlock as CodeBlock4, InstallCommand as InstallCommand4 } from "@contractspec/lib.design-system";
+import Link3 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function LibrariesAnalyticsPage() {
+function LibrariesContentGenPage() {
   return /* @__PURE__ */ jsxs4("div", {
     className: "space-y-8",
     children: [
@@ -959,12 +496,12 @@ function LibrariesAnalyticsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h1", {
-            className: "text-4xl font-bold",
-            children: "@contractspec/lib.analytics"
+            className: "font-bold text-4xl",
+            children: "@contractspec/lib.content-gen"
           }),
           /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground text-lg",
-            children: "Work directly with telemetry events to understand conversion, retention, churn, and growth opportunities."
+            className: "text-lg text-muted-foreground",
+            children: "Feed a single ContentBrief and produce cohesive marketing assets without touching a CMS."
           })
         ]
       }),
@@ -972,11 +509,11 @@ function LibrariesAnalyticsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx4(InstallCommand3, {
-            package: "@contractspec/lib.analytics"
+          /* @__PURE__ */ jsx4(InstallCommand4, {
+            package: "@contractspec/lib.content-gen"
           })
         ]
       }),
@@ -984,22 +521,32 @@ function LibrariesAnalyticsPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
-            children: "Funnels in memory"
+            className: "font-bold text-2xl",
+            children: "One brief, many assets"
           }),
-          /* @__PURE__ */ jsx4(CodeBlock3, {
+          /* @__PURE__ */ jsx4(CodeBlock4, {
             language: "typescript",
-            code: `import { FunnelAnalyzer } from '@contractspec/lib.analytics/funnel';
+            code: `import {
+  BlogGenerator,
+  LandingPageGenerator,
+  EmailCampaignGenerator,
+  SocialPostGenerator,
+} from '@contractspec/lib.content-gen/generators';
+import { SeoOptimizer } from '@contractspec/lib.content-gen/seo';
 
-const analyzer = new FunnelAnalyzer();
-const report = analyzer.analyze(events, {
-  name: 'signup',
-  steps: [
-    { id: 'view', eventName: 'page.view', match: (e) => e.properties?.slug === '/signup' },
-    { id: 'submit', eventName: 'signup.submit' },
-    { id: 'verified', eventName: 'account.verified' },
-  ],
-});`
+const brief = {
+  title: 'AI Ops Copilot',
+  summary: 'Automates support + growth.',
+  problems: ['Support queues pile up', 'Growth teams lack experiments'],
+  solutions: ['AI agents', 'Approval queue', 'Analytics'],
+  audience: { role: 'COO', industry: 'Fintech' },
+};
+
+const blog = await new BlogGenerator().generate(brief);
+const landing = await new LandingPageGenerator().generate(brief);
+const email = await new EmailCampaignGenerator().generate({ brief, variant: 'announcement' });
+const social = await new SocialPostGenerator().generate(brief);
+const seo = new SeoOptimizer().optimize(brief);`
           })
         ]
       }),
@@ -1007,34 +554,45 @@ const report = analyzer.analyze(events, {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
-            children: "Cohorts & churn"
+            className: "font-bold text-2xl",
+            children: "When to use"
           }),
-          /* @__PURE__ */ jsx4(CodeBlock3, {
-            language: "typescript",
-            code: `import { CohortTracker } from '@contractspec/lib.analytics/cohort';
-import { ChurnPredictor } from '@contractspec/lib.analytics/churn';
-
-const cohorts = new CohortTracker().analyze(events, { bucket: 'week', periods: 8 });
-const churn = new ChurnPredictor().score(events);`
+          /* @__PURE__ */ jsxs4("ul", {
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx4("li", {
+                children: "Ship landing page refreshes whenever specs change."
+              }),
+              /* @__PURE__ */ jsx4("li", {
+                children: "Automate release emails + nurture sequences per vertical."
+              }),
+              /* @__PURE__ */ jsx4("li", {
+                children: "Create social snippets that stay on-message with the same brief."
+              }),
+              /* @__PURE__ */ jsx4("li", {
+                children: "Generate SEO metadata + Schema.org markup alongside content."
+              })
+            ]
           })
         ]
       }),
       /* @__PURE__ */ jsxs4("div", {
-        className: "space-y-3",
+        className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx4("h2", {
-            className: "text-2xl font-bold",
-            children: "Growth hypotheses"
+          /* @__PURE__ */ jsx4(Link3, {
+            href: "/docs/libraries",
+            className: "btn-ghost",
+            children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsx4(CodeBlock3, {
-            language: "typescript",
-            code: `import { GrowthHypothesisGenerator } from '@contractspec/lib.analytics/growth';
-
-const ideas = new GrowthHypothesisGenerator().generate([
-  { name: 'Activation rate', current: 0.42, previous: 0.55, target: 0.6 },
-  { name: 'Expansion ARPU', current: 1.2, previous: 0.9 },
-]);`
+          /* @__PURE__ */ jsxs4(Link3, {
+            href: "/docs/libraries/support-bot",
+            className: "btn-primary",
+            children: [
+              "Next: Support Bot ",
+              /* @__PURE__ */ jsx4(ChevronRight3, {
+                size: 16
+              })
+            ]
           })
         ]
       })
@@ -1042,12 +600,12 @@ const ideas = new GrowthHypothesisGenerator().generate([
   });
 }
 
-// src/components/docs/libraries/LibrariesAccessibilityPage.tsx
+// src/components/docs/libraries/LibrariesContractsPage.tsx
+import { CodeBlock as CodeBlock5, InstallCommand as InstallCommand5 } from "@contractspec/lib.design-system";
 import Link4 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight4 } from "lucide-react";
-import { CodeBlock as CodeBlock4, InstallCommand as InstallCommand4 } from "@contractspec/lib.design-system";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function LibrariesAccessibilityPage() {
+function LibrariesContractsPage() {
   return /* @__PURE__ */ jsxs5("div", {
     className: "space-y-8",
     children: [
@@ -1055,12 +613,12 @@ function LibrariesAccessibilityPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h1", {
-            className: "text-4xl font-bold",
-            children: "@contractspec/lib.accessibility"
+            className: "font-bold text-4xl",
+            children: "@contractspec/lib.contracts-spec"
           }),
           /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground",
-            children: "Stable exports of accessibility primitives for LSSM web apps, ensuring WCAG compliance and inclusive design."
+            className: "text-lg text-muted-foreground",
+            children: "The core library for defining what your application can do. Unified specifications for Operations, Events, Presentations, and Features."
           })
         ]
       }),
@@ -1068,11 +626,14 @@ function LibrariesAccessibilityPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx5(InstallCommand4, {
-            package: "@contractspec/lib.accessibility"
+          /* @__PURE__ */ jsx5(InstallCommand5, {
+            package: [
+              "@contractspec/lib.contracts-spec",
+              "@contractspec/lib.schema"
+            ]
           })
         ]
       }),
@@ -1080,70 +641,42 @@ function LibrariesAccessibilityPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
-            children: "Exports"
+            className: "font-bold text-2xl",
+            children: "What lives where"
           }),
           /* @__PURE__ */ jsxs5("ul", {
-            className: "text-muted-foreground space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "SkipLink"
-                  }),
-                  ": A link to skip navigation, visible on focus"
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "VisuallyHidden"
-                  }),
-                  ": Hide content visually but keep it for screen readers"
-                ]
-              }),
-              /* @__PURE__ */ jsxs5("li", {
-                children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "SRLiveRegionProvider"
-                  }),
-                  ",",
-                  " ",
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "useSRLiveRegion"
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "@contractspec/lib.contracts-spec"
                   }),
-                  ": Manage live region announcements"
+                  " (root): The core contracts definitions (OperationSpec, PresentationSpec, Registry)."
                 ]
               }),
               /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "RouteAnnouncer"
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "@contractspec/lib.contracts-runtime-client-react"
                   }),
-                  ": Announce page title/path changes on navigation"
+                  ": Browser-safe helpers (React renderers, client SDK). Import this for web/React Native."
                 ]
               }),
               /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "FocusOnRouteChange"
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "@contractspec/lib.contracts-runtime-server-rest"
                   }),
-                  ": Reset focus to body or main content on navigation"
+                  ": HTTP/MCP adapters, registries, integrations (Node-only)."
                 ]
               }),
               /* @__PURE__ */ jsxs5("li", {
                 children: [
-                  /* @__PURE__ */ jsx5("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
-                    children: "useReducedMotion"
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "@contractspec/lib.schema"
                   }),
-                  ": Detect if the user prefers reduced motion"
+                  ": Schema dictionary (SchemaModel, FieldType) for I/O definitions."
                 ]
               })
             ]
@@ -1154,56 +687,34 @@ function LibrariesAccessibilityPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
-            children: "Example: App Setup"
-          }),
-          /* @__PURE__ */ jsx5(CodeBlock4, {
-            language: "tsx",
-            code: `import {
-  SRLiveRegionProvider,
-  RouteAnnouncer,
-  SkipLink
-} from '@contractspec/lib.accessibility';
-
-export function RootLayout({ children }) {
-  return (
-    <html lang="en">
-      <body>
-        <SRLiveRegionProvider>
-          <SkipLink />
-          <RouteAnnouncer />
-          <main id="main-content">
-            {children}
-          </main>
-        </SRLiveRegionProvider>
-      </body>
-    </html>
-  );
-}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
-            children: "Example: Live Announcements"
+            className: "font-bold text-2xl",
+            children: "Quick Example"
           }),
-          /* @__PURE__ */ jsx5(CodeBlock4, {
-            language: "tsx",
-            code: `import { useSRLiveRegion } from '@contractspec/lib.accessibility';
-
-export function TodoList() {
-  const { announce } = useSRLiveRegion();
+          /* @__PURE__ */ jsx5(CodeBlock5, {
+            language: "typescript",
+            code: `import { defineCommand } from '@contractspec/lib.contracts-spec';
+import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
 
-  const addTodo = () => {
-    // ... add logic
-    announce('Todo added successfully', 'polite');
-  };
+const CreateUserInput = new SchemaModel({
+  name: 'CreateUserInput',
+  fields: {
+    email: { type: ScalarTypeEnum.Email(), isOptional: false },
+    name: { type: ScalarTypeEnum.NonEmptyString(), isOptional: false },
+  },
+});
 
-  return <button onClick={addTodo}>Add Todo</button>;
-}`
+export const CreateUser = defineCommand({
+  meta: {
+    key: 'users.createUser',
+    version: '1.0.0',
+    description: 'Create a new user account',
+  },
+  io: {
+    input: CreateUserInput,
+    output: /* ... */,
+  },
+  policy: { auth: 'admin' },
+});`
           })
         ]
       }),
@@ -1211,172 +722,180 @@ export function TodoList() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx5("h2", {
-            className: "text-2xl font-bold",
-            children: "WCAG Compliance"
-          }),
-          /* @__PURE__ */ jsxs5("p", {
-            className: "text-muted-foreground",
-            children: [
-              "These components map directly to WCAG 2.1 Level AA requirements documented in ",
-              /* @__PURE__ */ jsx5("code", {
-                children: "docs/accessibility_wcag_compliance_specs.md"
-              }),
-              ":"
-            ]
+            className: "font-bold text-2xl",
+            children: "Core Concepts"
           }),
           /* @__PURE__ */ jsxs5("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx5("li", {
-                children: "2.4.1 Bypass Blocks (SkipLink)"
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "OperationSpec"
+                  }),
+                  ": Immutable description of an operation (Command or Query). Defines I/O, policy, and metadata."
+                ]
               }),
-              /* @__PURE__ */ jsx5("li", {
-                children: "4.1.3 Status Messages (LiveRegion)"
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "OperationSpecRegistry"
+                  }),
+                  ": Registry of specs + handlers. Use ",
+                  /* @__PURE__ */ jsx5("code", {
+                    className: "font-mono text-xs",
+                    children: "installOp"
+                  }),
+                  " ",
+                  "to attach a handler."
+                ]
               }),
-              /* @__PURE__ */ jsx5("li", {
-                children: "2.4.3 Focus Order (FocusOnRouteChange)"
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "CapabilitySpec"
+                  }),
+                  ": Canonical capability declaration (requires/provides)."
+                ]
               }),
-              /* @__PURE__ */ jsx5("li", {
-                children: "2.3.3 Animation from Interactions (useReducedMotion)"
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "PolicySpec"
+                  }),
+                  ": Declarative policy rules (ABAC/ReBAC, rate limits)."
+                ]
+              }),
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "TelemetrySpec"
+                  }),
+                  ": Analytics definitions and privacy levels."
+                ]
+              }),
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "PresentationSpec (V2)"
+                  }),
+                  ": Describes how data is rendered (Web Components, Markdown, Data)."
+                ]
               })
             ]
           })
         ]
       }),
       /* @__PURE__ */ jsxs5("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx5(Link4, {
-            href: "/docs/libraries/design-system",
-            className: "btn-ghost",
-            children: "Previous: Design System"
-          }),
-          /* @__PURE__ */ jsxs5(Link4, {
-            href: "/docs/libraries",
-            className: "btn-primary",
-            children: [
-              "Back to Libraries ",
-              /* @__PURE__ */ jsx5(ChevronRight4, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/libraries/LibrariesContentGenPage.tsx
-import { CodeBlock as CodeBlock5, InstallCommand as InstallCommand5 } from "@contractspec/lib.design-system";
-import Link5 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function LibrariesContentGenPage() {
-  return /* @__PURE__ */ jsxs6("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx6("h1", {
-            className: "text-4xl font-bold",
-            children: "@contractspec/lib.content-gen"
-          }),
-          /* @__PURE__ */ jsx6("p", {
-            className: "text-muted-foreground text-lg",
-            children: "Feed a single ContentBrief and produce cohesive marketing assets without touching a CMS."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "Installation"
-          }),
-          /* @__PURE__ */ jsx6(InstallCommand5, {
-            package: "@contractspec/lib.content-gen"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "One brief, many assets"
+          /* @__PURE__ */ jsx5("h2", {
+            className: "font-bold text-2xl",
+            children: "Lifecycle"
           }),
-          /* @__PURE__ */ jsx6(CodeBlock5, {
-            language: "typescript",
-            code: `import {
-  BlogGenerator,
-  LandingPageGenerator,
-  EmailCampaignGenerator,
-  SocialPostGenerator,
-} from '@contractspec/lib.content-gen/generators';
-import { SeoOptimizer } from '@contractspec/lib.content-gen/seo';
-
-const brief = {
-  title: 'AI Ops Copilot',
-  summary: 'Automates support + growth.',
-  problems: ['Support queues pile up', 'Growth teams lack experiments'],
-  solutions: ['AI agents', 'Approval queue', 'Analytics'],
-  audience: { role: 'COO', industry: 'Fintech' },
-};
-
-const blog = await new BlogGenerator().generate(brief);
-const landing = await new LandingPageGenerator().generate(brief);
-const email = await new EmailCampaignGenerator().generate({ brief, variant: 'announcement' });
-const social = await new SocialPostGenerator().generate(brief);
-const seo = new SeoOptimizer().optimize(brief);`
+          /* @__PURE__ */ jsxs5("ol", {
+            className: "list-inside list-decimal space-y-2 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "Define"
+                  }),
+                  " the spec (I/O via SchemaModel or Zod)."
+                ]
+              }),
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "Register"
+                  }),
+                  " it:",
+                  " ",
+                  /* @__PURE__ */ jsx5("code", {
+                    className: "font-mono text-xs",
+                    children: "installOp(registry, spec, handler)"
+                  }),
+                  "."
+                ]
+              }),
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "Expose"
+                  }),
+                  " it via an adapter (REST, GraphQL, MCP)."
+                ]
+              }),
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("strong", {
+                    children: "Validate"
+                  }),
+                  " at runtime automatically."
+                ]
+              })
+            ]
           })
         ]
       }),
-      /* @__PURE__ */ jsxs6("div", {
-        className: "space-y-3",
+      /* @__PURE__ */ jsxs5("div", {
+        className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx6("h2", {
-            className: "text-2xl font-bold",
-            children: "When to use"
+          /* @__PURE__ */ jsx5("h2", {
+            className: "font-bold text-2xl",
+            children: "Adapters"
           }),
-          /* @__PURE__ */ jsxs6("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+          /* @__PURE__ */ jsxs5("ul", {
+            className: "space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx6("li", {
-                children: "Ship landing page refreshes whenever specs change."
-              }),
-              /* @__PURE__ */ jsx6("li", {
-                children: "Automate release emails + nurture sequences per vertical."
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "server/rest-next-app"
+                  }),
+                  ": Next.js App Router adapter"
+                ]
               }),
-              /* @__PURE__ */ jsx6("li", {
-                children: "Create social snippets that stay on-message with the same brief."
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "server/provider-mcp"
+                  }),
+                  ": Model Context Protocol (MCP) for AI agents"
+                ]
               }),
-              /* @__PURE__ */ jsx6("li", {
-                children: "Generate SEO metadata + Schema.org markup alongside content."
+              /* @__PURE__ */ jsxs5("li", {
+                children: [
+                  /* @__PURE__ */ jsx5("code", {
+                    className: "rounded bg-background/50 px-2 py-1",
+                    children: "server/graphql-pothos"
+                  }),
+                  ": GraphQL schema generator"
+                ]
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsxs6("div", {
+      /* @__PURE__ */ jsxs5("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx6(Link5, {
-            href: "/docs/libraries",
-            className: "btn-ghost",
-            children: "Back to Libraries"
-          }),
-          /* @__PURE__ */ jsxs6(Link5, {
-            href: "/docs/libraries/support-bot",
+          /* @__PURE__ */ jsxs5(Link4, {
+            href: "/docs/libraries/schema",
             className: "btn-primary",
             children: [
-              "Next: Support Bot ",
-              /* @__PURE__ */ jsx6(ChevronRight5, {
+              "Next: Schema ",
+              /* @__PURE__ */ jsx5(ChevronRight4, {
                 size: 16
               })
             ]
+          }),
+          /* @__PURE__ */ jsx5(Link4, {
+            href: "/docs/specs/capabilities",
+            className: "btn-ghost",
+            children: "Core Concepts"
           })
         ]
       })
@@ -1386,24 +905,24 @@ const seo = new SeoOptimizer().optimize(brief);`
 
 // src/components/docs/libraries/LibrariesCostTrackingPage.tsx
 import { CodeBlock as CodeBlock6, InstallCommand as InstallCommand6 } from "@contractspec/lib.design-system";
-import Link6 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import Link5 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight5 } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function LibrariesCostTrackingPage() {
-  return /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx7("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx6("h1", {
+            className: "font-bold text-4xl",
             children: "Cost Tracking Library"
           }),
-          /* @__PURE__ */ jsxs7("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsxs6("p", {
+            className: "text-lg text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx7("code", {
+              /* @__PURE__ */ jsx6("code", {
                 children: "@contractspec/lib.cost-tracking"
               }),
               " transforms raw telemetry into dollars: DB/API/compute costs per operation, budget alerts per tenant, and actionable optimization tips."
@@ -1411,26 +930,26 @@ function LibrariesCostTrackingPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx7("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx6("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx7(InstallCommand6, {
+          /* @__PURE__ */ jsx6(InstallCommand6, {
             package: "@contractspec/lib.cost-tracking"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx7("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx6("h2", {
+            className: "font-bold text-2xl",
             children: "Record Samples"
           }),
-          /* @__PURE__ */ jsx7(CodeBlock6, {
+          /* @__PURE__ */ jsx6(CodeBlock6, {
             language: "typescript",
             code: `const tracker = new CostTracker();
 tracker.recordSample({
@@ -1444,14 +963,14 @@ tracker.recordSample({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx7("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx6("h2", {
+            className: "font-bold text-2xl",
             children: "Budget Alerts"
           }),
-          /* @__PURE__ */ jsx7(CodeBlock6, {
+          /* @__PURE__ */ jsx6(CodeBlock6, {
             language: "typescript",
             code: `const budgets = new BudgetAlertManager({
   budgets: [{ tenantId: 'acme', monthlyLimit: 150 }],
@@ -1462,18 +981,18 @@ tracker.getTotals({ tenantId: 'acme' }).forEach((summary) => budgets.track(summa
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx7("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx6("h2", {
+            className: "font-bold text-2xl",
             children: "Optimization Suggestions"
           }),
-          /* @__PURE__ */ jsxs7("p", {
+          /* @__PURE__ */ jsxs6("p", {
             className: "text-muted-foreground text-sm",
             children: [
               "Feed summaries into ",
-              /* @__PURE__ */ jsx7("code", {
+              /* @__PURE__ */ jsx6("code", {
                 children: "OptimizationRecommender"
               }),
               " to surface N+1 queries, compute-heavy steps, or expensive external calls. Store the generated suggestions in the new Prisma model to power Ops playbooks."
@@ -1481,20 +1000,20 @@ tracker.getTotals({ tenantId: 'acme' }).forEach((summary) => budgets.track(summa
           })
         ]
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx7(Link6, {
+          /* @__PURE__ */ jsx6(Link5, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs7(Link6, {
+          /* @__PURE__ */ jsxs6(Link5, {
             href: "/docs/libraries/slo",
             className: "btn-primary",
             children: [
               "Next: SLO ",
-              /* @__PURE__ */ jsx7(ChevronRight6, {
+              /* @__PURE__ */ jsx6(ChevronRight5, {
                 size: 16
               })
             ]
@@ -1506,48 +1025,48 @@ tracker.getTotals({ tenantId: 'acme' }).forEach((summary) => budgets.track(summa
 }
 
 // src/components/docs/libraries/LibrariesDataBackendPage.tsx
-import Link7 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight7 } from "lucide-react";
 import { CodeBlock as CodeBlock7 } from "@contractspec/lib.design-system";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import Link6 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight6 } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function LibrariesDataBackendPage() {
-  return /* @__PURE__ */ jsxs8("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx8("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx7("h1", {
+            className: "font-bold text-4xl",
             children: "Data & Backend"
           }),
-          /* @__PURE__ */ jsx8("p", {
+          /* @__PURE__ */ jsx7("p", {
             className: "text-muted-foreground",
             children: "A collection of robust, platform-agnostic libraries for building the backend infrastructure of your LSSM applications."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx8("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx7("h2", {
+            className: "font-bold text-2xl",
             children: "Libraries"
           }),
-          /* @__PURE__ */ jsxs8("div", {
+          /* @__PURE__ */ jsxs7("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxs8("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx7("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/app.cli-database"
                   }),
-                  /* @__PURE__ */ jsxs8("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsxs7("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx8("strong", {
+                      /* @__PURE__ */ jsx7("strong", {
                         children: "Prisma Wrapper & CLI"
                       }),
                       ". Provides a unified way to manage database schemas, migrations, and clients. Includes seeders and factory patterns for testing."
@@ -1555,17 +1074,17 @@ function LibrariesDataBackendPage() {
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs8("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx7("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.bus"
                   }),
-                  /* @__PURE__ */ jsxs8("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsxs7("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx8("strong", {
+                      /* @__PURE__ */ jsx7("strong", {
                         children: "Type-Safe Event Bus"
                       }),
                       ". Decouple your architecture with typed events. Supports in-memory dispatch for monoliths and can be extended for distributed message queues (Redis, SQS)."
@@ -1573,17 +1092,17 @@ function LibrariesDataBackendPage() {
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs8("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx7("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.logger"
                   }),
-                  /* @__PURE__ */ jsxs8("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsxs7("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx8("strong", {
+                      /* @__PURE__ */ jsx7("strong", {
                         children: "High-Performance Logging"
                       }),
                       ". Optimized for Bun and structured JSON output. Includes plugins for ElysiaJS to log HTTP requests automatically."
@@ -1591,17 +1110,17 @@ function LibrariesDataBackendPage() {
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs8("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx7("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.error"
                   }),
-                  /* @__PURE__ */ jsxs8("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsxs7("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx8("strong", {
+                      /* @__PURE__ */ jsx7("strong", {
                         children: "Standardized Errors"
                       }),
                       ". Use `AppError` with standard codes (NOT_FOUND, UNAUTHORIZED) to ensure consistent HTTP responses and error handling across services."
@@ -1609,17 +1128,17 @@ function LibrariesDataBackendPage() {
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs8("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx7("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.exporter"
                   }),
-                  /* @__PURE__ */ jsxs8("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsxs7("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx8("strong", {
+                      /* @__PURE__ */ jsx7("strong", {
                         children: "Data Export"
                       }),
                       ". Generate CSV and XML files from your data. Platform-agnostic and streaming-friendly."
@@ -1631,14 +1150,14 @@ function LibrariesDataBackendPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx8("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx7("h2", {
+            className: "font-bold text-2xl",
             children: "Example: Unified Backend Flow"
           }),
-          /* @__PURE__ */ jsx8(CodeBlock7, {
+          /* @__PURE__ */ jsx7(CodeBlock7, {
             language: "typescript",
             code: `import { logger } from '@contractspec/lib.logger';
 import { AppError } from '@contractspec/lib.error';
@@ -1662,20 +1181,20 @@ export async function createUser(email: string) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxs8(Link7, {
+          /* @__PURE__ */ jsxs7(Link6, {
             href: "/docs/libraries/runtime",
             className: "btn-primary",
             children: [
               "Next: Runtime ",
-              /* @__PURE__ */ jsx8(ChevronRight7, {
+              /* @__PURE__ */ jsx7(ChevronRight6, {
                 size: 16
               })
             ]
           }),
-          /* @__PURE__ */ jsx8(Link7, {
+          /* @__PURE__ */ jsx7(Link6, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
@@ -1688,30 +1207,30 @@ export async function createUser(email: string) {
 
 // src/components/docs/libraries/LibrariesDataViewsPage.tsx
 import { CodeBlock as CodeBlock8, InstallCommand as InstallCommand7 } from "@contractspec/lib.design-system";
-import Link8 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight8 } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import Link7 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight7 } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function LibrariesDataViewsPage() {
-  return /* @__PURE__ */ jsxs9("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx9("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx8("h1", {
+            className: "font-bold text-4xl",
             children: "DataViews Runtime Library"
           }),
-          /* @__PURE__ */ jsxs9("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsxs8("p", {
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsx9("code", {
+              /* @__PURE__ */ jsx8("code", {
                 children: "@contractspec/lib.contracts-spec/data-views"
               }),
               " and",
               " ",
-              /* @__PURE__ */ jsx9("code", {
+              /* @__PURE__ */ jsx8("code", {
                 children: "@contractspec/lib.design-system"
               }),
               " libraries provide the runtime logic and UI components to render DataViews in your application."
@@ -1719,14 +1238,14 @@ function LibrariesDataViewsPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx8("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx9(InstallCommand7, {
+          /* @__PURE__ */ jsx8(InstallCommand7, {
             package: [
               "@contractspec/lib.contracts-spec",
               "@contractspec/lib.design-system"
@@ -1734,18 +1253,18 @@ function LibrariesDataViewsPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx8("h2", {
+            className: "font-bold text-2xl",
             children: "DataViewRenderer"
           }),
-          /* @__PURE__ */ jsx9("p", {
+          /* @__PURE__ */ jsx8("p", {
             className: "text-muted-foreground",
             children: "The primary component for rendering any DataView. It automatically selects the correct layout (List, Table, Grid, Detail) based on the spec."
           }),
-          /* @__PURE__ */ jsx9(CodeBlock8, {
+          /* @__PURE__ */ jsx8(CodeBlock8, {
             language: "tsx",
             code: `import { DataViewRenderer } from '@contractspec/lib.design-system';
 import { MyUserList } from './specs/users.data-view';
@@ -1761,69 +1280,69 @@ export function UserPage() {
   );
 }`
           }),
-          /* @__PURE__ */ jsx9("h3", {
-            className: "text-xl font-semibold",
+          /* @__PURE__ */ jsx8("h3", {
+            className: "font-semibold text-xl",
             children: "Props"
           }),
-          /* @__PURE__ */ jsxs9("ul", {
-            className: "text-muted-foreground list-disc space-y-2 pl-6",
+          /* @__PURE__ */ jsxs8("ul", {
+            className: "list-disc space-y-2 pl-6 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "spec"
                   }),
                   ": The DataViewSpec definition."
                 ]
               }),
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "items"
                   }),
                   ": Array of data items to render."
                 ]
               }),
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "filters"
                   }),
                   ": Current filter state object."
                 ]
               }),
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "onFilterChange"
                   }),
                   ": Callback when filters change."
                 ]
               }),
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "pagination"
                   }),
                   ": Object with ",
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "page"
                   }),
                   ",",
                   " ",
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "pageSize"
                   }),
                   ", ",
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "total"
                   }),
                   "."
                 ]
               }),
-              /* @__PURE__ */ jsxs9("li", {
+              /* @__PURE__ */ jsxs8("li", {
                 children: [
-                  /* @__PURE__ */ jsx9("code", {
+                  /* @__PURE__ */ jsx8("code", {
                     children: "onPageChange"
                   }),
                   ": Callback when page changes."
@@ -1833,24 +1352,24 @@ export function UserPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx8("h2", {
+            className: "font-bold text-2xl",
             children: "Query Generation"
           }),
-          /* @__PURE__ */ jsxs9("p", {
+          /* @__PURE__ */ jsxs8("p", {
             className: "text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsx9("code", {
+              /* @__PURE__ */ jsx8("code", {
                 children: "DataViewQueryGenerator"
               }),
               " utility helps translate DataView parameters (filters, sorting, pagination) into query arguments for your backend."
             ]
           }),
-          /* @__PURE__ */ jsx9(CodeBlock8, {
+          /* @__PURE__ */ jsx8(CodeBlock8, {
             language: "typescript",
             code: `import { DataViewQueryGenerator } from '@contractspec/lib.contracts-spec/data-views/query-generator';
 
@@ -1864,20 +1383,20 @@ const query = generator.generate({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs9("div", {
+      /* @__PURE__ */ jsxs8("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx9(Link8, {
+          /* @__PURE__ */ jsx8(Link7, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs9(Link8, {
+          /* @__PURE__ */ jsxs8(Link7, {
             href: "/docs/libraries/data-backend",
             className: "btn-primary",
             children: [
               "Next: Data & Backend ",
-              /* @__PURE__ */ jsx9(ChevronRight8, {
+              /* @__PURE__ */ jsx8(ChevronRight7, {
                 size: 16
               })
             ]
@@ -1889,26 +1408,26 @@ const query = generator.generate({
 }
 
 // src/components/docs/libraries/LibrariesDesignSystemPage.tsx
-import Link9 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight9 } from "lucide-react";
 import { CodeBlock as CodeBlock9, InstallCommand as InstallCommand8 } from "@contractspec/lib.design-system";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import Link8 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight8 } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function LibrariesDesignSystemPage() {
-  return /* @__PURE__ */ jsxs10("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx9("h1", {
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.design-system"
           }),
-          /* @__PURE__ */ jsxs10("p", {
+          /* @__PURE__ */ jsxs9("p", {
             className: "text-muted-foreground",
             children: [
               "High-level design system components, patterns, and layouts for LSSM applications. Built on top of ",
-              /* @__PURE__ */ jsx10("code", {
+              /* @__PURE__ */ jsx9("code", {
                 children: "@contractspec/lib.ui-kit"
               }),
               "."
@@ -1916,79 +1435,79 @@ function LibrariesDesignSystemPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx10(InstallCommand8, {
+          /* @__PURE__ */ jsx9(InstallCommand8, {
             package: "@contractspec/lib.design-system"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "What It Provides"
           }),
-          /* @__PURE__ */ jsxs10("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+          /* @__PURE__ */ jsxs9("ul", {
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Composite Components"
                   }),
                   ": Molecules and Organisms that solve common UI problems"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Layouts"
                   }),
                   ": Ready-to-use page structures for dashboards, marketing sites, and lists"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Data Views"
                   }),
                   ": Standardized renderers for lists, tables, and detail views"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Forms"
                   }),
                   ": Zod-integrated form layouts and components"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Code Display"
                   }),
                   ": Syntax-highlighted code blocks with package manager tabs"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Platform Utilities"
                   }),
                   ": Hooks for responsive and adaptive design"
                 ]
               }),
-              /* @__PURE__ */ jsxs10("li", {
+              /* @__PURE__ */ jsxs9("li", {
                 children: [
-                  /* @__PURE__ */ jsx10("strong", {
+                  /* @__PURE__ */ jsx9("strong", {
                     children: "Legal Templates"
                   }),
                   ": Compliant templates for Terms, Privacy, and GDPR"
@@ -1998,14 +1517,14 @@ function LibrariesDesignSystemPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "Example: App Layout"
           }),
-          /* @__PURE__ */ jsx10(CodeBlock9, {
+          /* @__PURE__ */ jsx9(CodeBlock9, {
             language: "tsx",
             code: `import { AppLayout } from '@contractspec/lib.design-system';
 import { AppSidebar } from '@contractspec/lib.design-system';
@@ -2020,14 +1539,14 @@ export function Layout({ children }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "Example: Zod Form"
           }),
-          /* @__PURE__ */ jsx10(CodeBlock9, {
+          /* @__PURE__ */ jsx9(CodeBlock9, {
             language: "tsx",
             code: `import { ZodForm } from '@contractspec/lib.design-system';
 import * as z from "zod";
@@ -2049,14 +1568,14 @@ export function SignupForm() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "Example: Code Block with Package Manager Tabs"
           }),
-          /* @__PURE__ */ jsx10(CodeBlock9, {
+          /* @__PURE__ */ jsx9(CodeBlock9, {
             language: "tsx",
             code: `import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';
 
@@ -2073,98 +1592,98 @@ export function SignupForm() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx10("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx9("h2", {
+            className: "font-bold text-2xl",
             children: "Key Exports"
           }),
-          /* @__PURE__ */ jsxs10("div", {
+          /* @__PURE__ */ jsxs9("div", {
             className: "grid gap-4 md:grid-cols-2",
             children: [
-              /* @__PURE__ */ jsxs10("div", {
+              /* @__PURE__ */ jsxs9("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsx10("h3", {
+                  /* @__PURE__ */ jsx9("h3", {
                     className: "mb-2 font-semibold",
                     children: "Organisms"
                   }),
-                  /* @__PURE__ */ jsxs10("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                  /* @__PURE__ */ jsxs9("ul", {
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "AppLayout, AppHeader, AppSidebar"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "MarketingLayout, HeroSection"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "ListCardPage, ListTablePage"
                       })
                     ]
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs10("div", {
+              /* @__PURE__ */ jsxs9("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsx10("h3", {
+                  /* @__PURE__ */ jsx9("h3", {
                     className: "mb-2 font-semibold",
                     children: "Data & Forms"
                   }),
-                  /* @__PURE__ */ jsxs10("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                  /* @__PURE__ */ jsxs9("ul", {
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "DataViewRenderer"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "ZodForm"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "FormLayout, FormDialog"
                       })
                     ]
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs10("div", {
+              /* @__PURE__ */ jsxs9("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsx10("h3", {
+                  /* @__PURE__ */ jsx9("h3", {
                     className: "mb-2 font-semibold",
                     children: "Code Display"
                   }),
-                  /* @__PURE__ */ jsxs10("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                  /* @__PURE__ */ jsxs9("ul", {
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "CodeBlock (syntax highlighting)"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "CommandTabs (package manager tabs)"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "InstallCommand (convenience wrapper)"
                       }),
-                      /* @__PURE__ */ jsx10("li", {
+                      /* @__PURE__ */ jsx9("li", {
                         children: "CopyButton"
                       })
                     ]
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs10("div", {
+              /* @__PURE__ */ jsxs9("div", {
                 className: "card-subtle p-4",
                 children: [
-                  /* @__PURE__ */ jsx10("h3", {
+                  /* @__PURE__ */ jsx9("h3", {
                     className: "mb-2 font-semibold",
                     children: "Providers"
                   }),
-                  /* @__PURE__ */ jsx10("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
-                    children: /* @__PURE__ */ jsx10("li", {
+                  /* @__PURE__ */ jsx9("ul", {
+                    className: "space-y-1 text-muted-foreground text-sm",
+                    children: /* @__PURE__ */ jsx9("li", {
                       children: "PackageManagerProvider"
                     })
                   })
@@ -2174,20 +1693,20 @@ export function SignupForm() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs9("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx10(Link9, {
+          /* @__PURE__ */ jsx9(Link8, {
             href: "/docs/libraries/ui-kit",
             className: "btn-ghost",
             children: "Previous: UI Kit"
           }),
-          /* @__PURE__ */ jsxs10(Link9, {
+          /* @__PURE__ */ jsxs9(Link8, {
             href: "/docs/libraries/accessibility",
             className: "btn-primary",
             children: [
               "Next: Accessibility ",
-              /* @__PURE__ */ jsx10(ChevronRight9, {
+              /* @__PURE__ */ jsx9(ChevronRight8, {
                 size: 16
               })
             ]
@@ -2200,46 +1719,46 @@ export function SignupForm() {
 
 // src/components/docs/libraries/LibrariesEvolutionPage.tsx
 import { CodeBlock as CodeBlock10, InstallCommand as InstallCommand9 } from "@contractspec/lib.design-system";
-import Link10 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight10 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import Link9 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight9 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function LibrariesEvolutionPage() {
-  return /* @__PURE__ */ jsxs11("div", {
+  return /* @__PURE__ */ jsxs10("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx11("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx10("h1", {
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.evolution"
           }),
-          /* @__PURE__ */ jsx11("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsx10("p", {
+            className: "text-lg text-muted-foreground",
             children: "Analyze production telemetry, surface anomalies, and turn them into AI-reviewed spec proposals that can be approved, rolled out, or reverted."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx11("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx10("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx11(InstallCommand9, {
+          /* @__PURE__ */ jsx10(InstallCommand9, {
             package: "@contractspec/lib.evolution"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsx11("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx10("h2", {
+            className: "font-bold text-2xl",
             children: "From telemetry to intent"
           }),
-          /* @__PURE__ */ jsx11(CodeBlock10, {
+          /* @__PURE__ */ jsx10(CodeBlock10, {
             language: "typescript",
             code: `import { SpecAnalyzer } from '@contractspec/lib.evolution/analyzer';
 import { EvolutionPipeline } from '@contractspec/lib.observability';
@@ -2260,14 +1779,14 @@ pipeline.ingest({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsx11("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx10("h2", {
+            className: "font-bold text-2xl",
             children: "Generate & approve suggestions"
           }),
-          /* @__PURE__ */ jsx11(CodeBlock10, {
+          /* @__PURE__ */ jsx10(CodeBlock10, {
             language: "typescript",
             code: `import {
   SpecGenerator,
@@ -2287,14 +1806,14 @@ await orchestrator.submit(suggestion, sessionState);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsx11("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx10("h2", {
+            className: "font-bold text-2xl",
             children: "Write approved specs back to git"
           }),
-          /* @__PURE__ */ jsx11(CodeBlock10, {
+          /* @__PURE__ */ jsx10(CodeBlock10, {
             language: "typescript",
             code: `import { FileSystemSuggestionWriter } from '@contractspec/lib.evolution/approval';
 
@@ -2311,7 +1830,7 @@ await writer.write({
           })
         ]
       }),
-      /* @__PURE__ */ jsx11("div", {
+      /* @__PURE__ */ jsx10("div", {
         className: "grid gap-4 md:grid-cols-2",
         children: [
           {
@@ -2322,34 +1841,34 @@ await writer.write({
             title: "Pluggable storage",
             description: "Use the Prisma repository in production, in-memory for tests, or stream serialized suggestions into your own queue."
           }
-        ].map((card) => /* @__PURE__ */ jsxs11("div", {
+        ].map((card) => /* @__PURE__ */ jsxs10("div", {
           className: "card-subtle space-y-2 p-4",
           children: [
-            /* @__PURE__ */ jsx11("h3", {
-              className: "text-lg font-semibold",
+            /* @__PURE__ */ jsx10("h3", {
+              className: "font-semibold text-lg",
               children: card.title
             }),
-            /* @__PURE__ */ jsx11("p", {
+            /* @__PURE__ */ jsx10("p", {
               className: "text-muted-foreground text-sm",
               children: card.description
             })
           ]
         }, card.title))
       }),
-      /* @__PURE__ */ jsxs11("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx11(Link10, {
+          /* @__PURE__ */ jsx10(Link9, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs11(Link10, {
+          /* @__PURE__ */ jsxs10(Link9, {
             href: "/docs/libraries/observability",
             className: "btn-primary",
             children: [
               "Next: Observability ",
-              /* @__PURE__ */ jsx11(ChevronRight10, {
+              /* @__PURE__ */ jsx10(ChevronRight9, {
                 size: 16
               })
             ]
@@ -2361,72 +1880,72 @@ await writer.write({
 }
 
 // src/components/docs/libraries/LibrariesGraphQLPage.tsx
-import Link11 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight11 } from "lucide-react";
 import { CodeBlock as CodeBlock11, InstallCommand as InstallCommand10 } from "@contractspec/lib.design-system";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import Link10 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight10 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function LibrariesGraphQLPage() {
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx12("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx11("h1", {
+            className: "font-bold text-4xl",
             children: "GraphQL Libraries"
           }),
-          /* @__PURE__ */ jsx12("p", {
+          /* @__PURE__ */ jsx11("p", {
             className: "text-muted-foreground",
             children: "This suite of libraries enables seamless GraphQL integration, transforming your ContractSpecs into a type-safe Pothos schema, connecting with Prisma, and enabling Apollo Federation."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx12("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx11("h2", {
+            className: "font-bold text-2xl",
             children: "Libraries"
           }),
-          /* @__PURE__ */ jsxs12("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "grid gap-4 md:grid-cols-1",
             children: [
-              /* @__PURE__ */ jsxs12("div", {
+              /* @__PURE__ */ jsxs11("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx12("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx11("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.graphql-core"
                   }),
-                  /* @__PURE__ */ jsx12("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsx11("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: "The foundation. Provides a configured Pothos builder, common scalars (JSON, DateTime), and utilities for mapping ContractSpec I/O to Pothos types."
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs12("div", {
+              /* @__PURE__ */ jsxs11("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx12("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx11("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.graphql-prisma"
                   }),
-                  /* @__PURE__ */ jsx12("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsx11("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: "Connects Pothos to Prisma. Automatically generates GraphQL types from your Prisma schema and optimizes queries to prevent N+1 issues."
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs12("div", {
+              /* @__PURE__ */ jsxs11("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsx12("h3", {
-                    className: "text-lg font-bold",
+                  /* @__PURE__ */ jsx11("h3", {
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.graphql-federation"
                   }),
-                  /* @__PURE__ */ jsx12("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                  /* @__PURE__ */ jsx11("p", {
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: "Adds Apollo Federation V2 support. Allows your subgraph to define keys and entities, making it ready for a supergraph."
                   })
                 ]
@@ -2435,14 +1954,14 @@ function LibrariesGraphQLPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx12("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx11("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx12(InstallCommand10, {
+          /* @__PURE__ */ jsx11(InstallCommand10, {
             package: [
               "@contractspec/lib.graphql-core",
               "@contractspec/lib.graphql-prisma",
@@ -2451,18 +1970,18 @@ function LibrariesGraphQLPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx12("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx11("h2", {
+            className: "font-bold text-2xl",
             children: "Usage: Building a Schema"
           }),
-          /* @__PURE__ */ jsx12("p", {
+          /* @__PURE__ */ jsx11("p", {
             className: "text-muted-foreground",
             children: "Here's how to assemble a federated GraphQL schema from your specs:"
           }),
-          /* @__PURE__ */ jsx12(CodeBlock11, {
+          /* @__PURE__ */ jsx11(CodeBlock11, {
             language: "typescript",
             code: `import { builder } from '@contractspec/lib.graphql-core';
 import { registerContractsOnBuilder } from '@contractspec/lib.contracts-runtime-server-graphql/graphql-pothos';
@@ -2482,35 +2001,35 @@ console.log(printSchema(schema));`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx12("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx11("h2", {
+            className: "font-bold text-2xl",
             children: "Features"
           }),
-          /* @__PURE__ */ jsxs12("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+          /* @__PURE__ */ jsxs11("ul", {
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs12("li", {
+              /* @__PURE__ */ jsxs11("li", {
                 children: [
-                  /* @__PURE__ */ jsx12("strong", {
+                  /* @__PURE__ */ jsx11("strong", {
                     children: "Code-First"
                   }),
                   ": Define schema in TypeScript (Pothos), get SDL as artifact."
                 ]
               }),
-              /* @__PURE__ */ jsxs12("li", {
+              /* @__PURE__ */ jsxs11("li", {
                 children: [
-                  /* @__PURE__ */ jsx12("strong", {
+                  /* @__PURE__ */ jsx11("strong", {
                     children: "Spec Integration"
                   }),
                   ": `registerContractsOnBuilder` automatically converts Command/Query specs into Mutations/Queries."
                 ]
               }),
-              /* @__PURE__ */ jsxs12("li", {
+              /* @__PURE__ */ jsxs11("li", {
                 children: [
-                  /* @__PURE__ */ jsx12("strong", {
+                  /* @__PURE__ */ jsx11("strong", {
                     children: "Federation Ready"
                   }),
                   ": Just add `provider: 'federation'` to your config."
@@ -2520,20 +2039,20 @@ console.log(printSchema(schema));`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxs12(Link11, {
+          /* @__PURE__ */ jsxs11(Link10, {
             href: "/docs/libraries/data-backend",
             className: "btn-primary",
             children: [
               "Next: Data & Backend ",
-              /* @__PURE__ */ jsx12(ChevronRight11, {
+              /* @__PURE__ */ jsx11(ChevronRight10, {
                 size: 16
               })
             ]
           }),
-          /* @__PURE__ */ jsx12(Link11, {
+          /* @__PURE__ */ jsx11(Link10, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
@@ -2546,46 +2065,46 @@ console.log(printSchema(schema));`
 
 // src/components/docs/libraries/LibrariesGrowthPage.tsx
 import { CodeBlock as CodeBlock12, InstallCommand as InstallCommand11 } from "@contractspec/lib.design-system";
-import Link12 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight12 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import Link11 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight11 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function LibrariesGrowthPage() {
-  return /* @__PURE__ */ jsxs13("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx13("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx12("h1", {
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.growth"
           }),
-          /* @__PURE__ */ jsx13("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsx12("p", {
+            className: "text-lg text-muted-foreground",
             children: "Launch experiments without third-party SDKs. Register variants, assign users deterministically, track exposures, and compute significance."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx13("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx12("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx13(InstallCommand11, {
+          /* @__PURE__ */ jsx12(InstallCommand11, {
             package: "@contractspec/lib.growth"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsx13("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx12("h2", {
+            className: "font-bold text-2xl",
             children: "Register + assign"
           }),
-          /* @__PURE__ */ jsx13(CodeBlock12, {
+          /* @__PURE__ */ jsx12(CodeBlock12, {
             language: "typescript",
             code: `import { ExperimentRegistry, ExperimentRunner } from '@contractspec/lib.growth/experiments';
 
@@ -2605,14 +2124,14 @@ const assignment = runner.assign(registry.get('pricing.cta')!, 'user_123');`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsx13("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx12("h2", {
+            className: "font-bold text-2xl",
             children: "Track + analyze"
           }),
-          /* @__PURE__ */ jsx13(CodeBlock12, {
+          /* @__PURE__ */ jsx12(CodeBlock12, {
             language: "typescript",
             code: `import { ExperimentTracker } from '@contractspec/lib.growth/tracker';
 import { StatsEngine } from '@contractspec/lib.growth/stats';
@@ -2634,20 +2153,20 @@ const stats = new StatsEngine().summarize(
           })
         ]
       }),
-      /* @__PURE__ */ jsxs13("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx13(Link12, {
+          /* @__PURE__ */ jsx12(Link11, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs13(Link12, {
+          /* @__PURE__ */ jsxs12(Link11, {
             href: "/docs/libraries/analytics",
             className: "btn-primary",
             children: [
               "Next: Analytics ",
-              /* @__PURE__ */ jsx13(ChevronRight12, {
+              /* @__PURE__ */ jsx12(ChevronRight11, {
                 size: 16
               })
             ]
@@ -2660,25 +2179,25 @@ const stats = new StatsEngine().summarize(
 
 // src/components/docs/libraries/LibrariesMultiTenancyPage.tsx
 import { CodeBlock as CodeBlock13, InstallCommand as InstallCommand12 } from "@contractspec/lib.design-system";
-import Link13 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight13 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import Link12 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight12 } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function LibrariesMultiTenancyPage() {
-  return /* @__PURE__ */ jsxs14("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx14("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx13("h1", {
+            className: "font-bold text-4xl",
             children: "Multi-Tenancy Library"
           }),
-          /* @__PURE__ */ jsxs14("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsxs13("p", {
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsx14("code", {
+              /* @__PURE__ */ jsx13("code", {
                 children: "@contractspec/lib.multi-tenancy"
               }),
               " library provides the core building blocks for secure SaaS applications."
@@ -2686,36 +2205,36 @@ function LibrariesMultiTenancyPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx14("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx13("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx14(InstallCommand12, {
+          /* @__PURE__ */ jsx13(InstallCommand12, {
             package: "@contractspec/lib.multi-tenancy"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx14("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx13("h2", {
+            className: "font-bold text-2xl",
             children: "Prisma RLS Middleware"
           }),
-          /* @__PURE__ */ jsxs14("p", {
+          /* @__PURE__ */ jsxs13("p", {
             className: "text-muted-foreground",
             children: [
               "Automatically injects ",
-              /* @__PURE__ */ jsx14("code", {
+              /* @__PURE__ */ jsx13("code", {
                 children: "tenantId"
               }),
               " into all queries."
             ]
           }),
-          /* @__PURE__ */ jsx14(CodeBlock13, {
+          /* @__PURE__ */ jsx13(CodeBlock13, {
             language: "typescript",
             code: `import { createRlsMiddleware } from '@contractspec/lib.multi-tenancy/rls';
 import { prisma } from './db';
@@ -2725,18 +2244,18 @@ prisma.$use(createRlsMiddleware(() => getTenantId()));`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx14("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx13("h2", {
+            className: "font-bold text-2xl",
             children: "Provisioning Service"
           }),
-          /* @__PURE__ */ jsx14("p", {
+          /* @__PURE__ */ jsx13("p", {
             className: "text-muted-foreground",
             children: "Automates the creation of new tenants, including database setup and default user creation."
           }),
-          /* @__PURE__ */ jsx14(CodeBlock13, {
+          /* @__PURE__ */ jsx13(CodeBlock13, {
             language: "typescript",
             code: `import { TenantProvisioningService } from '@contractspec/lib.multi-tenancy/provisioning';
 
@@ -2750,20 +2269,20 @@ await service.provision({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs13("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx14(Link13, {
+          /* @__PURE__ */ jsx13(Link12, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs14(Link13, {
+          /* @__PURE__ */ jsxs13(Link12, {
             href: "/docs/libraries/progressive-delivery",
             className: "btn-primary",
             children: [
               "Next: Progressive Delivery ",
-              /* @__PURE__ */ jsx14(ChevronRight13, {
+              /* @__PURE__ */ jsx13(ChevronRight12, {
                 size: 16
               })
             ]
@@ -2776,25 +2295,25 @@ await service.provision({
 
 // src/components/docs/libraries/LibrariesObservabilityPage.tsx
 import { CodeBlock as CodeBlock14, InstallCommand as InstallCommand13 } from "@contractspec/lib.design-system";
-import Link14 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight14 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import Link13 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight13 } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function LibrariesObservabilityPage() {
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx14("h1", {
+            className: "font-bold text-4xl",
             children: "Observability Library"
           }),
-          /* @__PURE__ */ jsxs15("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsxs14("p", {
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsx15("code", {
+              /* @__PURE__ */ jsx14("code", {
                 children: "@contractspec/lib.observability"
               }),
               " library provides a thin wrapper around OpenTelemetry to simplify instrumentation."
@@ -2802,26 +2321,26 @@ function LibrariesObservabilityPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx14("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx15(InstallCommand13, {
+          /* @__PURE__ */ jsx14(InstallCommand13, {
             package: "@contractspec/lib.observability"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx14("h2", {
+            className: "font-bold text-2xl",
             children: "Tracing"
           }),
-          /* @__PURE__ */ jsx15(CodeBlock14, {
+          /* @__PURE__ */ jsx14(CodeBlock14, {
             language: "typescript",
             code: `import { traceAsync, traceSync } from '@contractspec/lib.observability/tracing';
 
@@ -2832,14 +2351,14 @@ await traceAsync('process_order', async (span) => {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx14("h2", {
+            className: "font-bold text-2xl",
             children: "Metrics"
           }),
-          /* @__PURE__ */ jsx15(CodeBlock14, {
+          /* @__PURE__ */ jsx14(CodeBlock14, {
             language: "typescript",
             code: `import { createCounter, createHistogram } from '@contractspec/lib.observability/metrics';
 
@@ -2851,18 +2370,18 @@ latencyHistogram.record(0.123);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx14("h2", {
+            className: "font-bold text-2xl",
             children: "Middleware"
           }),
-          /* @__PURE__ */ jsx15("p", {
+          /* @__PURE__ */ jsx14("p", {
             className: "text-muted-foreground",
             children: "Automatically instrument your HTTP handlers:"
           }),
-          /* @__PURE__ */ jsx15(CodeBlock14, {
+          /* @__PURE__ */ jsx14(CodeBlock14, {
             language: "typescript",
             code: `import { createTracingMiddleware } from '@contractspec/lib.observability/tracing/middleware';
 
@@ -2870,18 +2389,18 @@ app.use(createTracingMiddleware());`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx15("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx14("h2", {
+            className: "font-bold text-2xl",
             children: "Anomaly Detection"
           }),
-          /* @__PURE__ */ jsx15("p", {
+          /* @__PURE__ */ jsx14("p", {
             className: "text-muted-foreground text-sm",
             children: "Includes baseline calculation and anomaly detection helpers for auto-rollback without writing custom math."
           }),
-          /* @__PURE__ */ jsx15(CodeBlock14, {
+          /* @__PURE__ */ jsx14(CodeBlock14, {
             language: "typescript",
             code: `import { AnomalyDetector, RootCauseAnalyzer, AlertManager } from '@contractspec/lib.observability';
 
@@ -2897,20 +2416,20 @@ signals.forEach((signal) => {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx15(Link14, {
+          /* @__PURE__ */ jsx14(Link13, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs15(Link14, {
+          /* @__PURE__ */ jsxs14(Link13, {
             href: "/docs/libraries/slo",
             className: "btn-primary",
             children: [
               "Next: SLO ",
-              /* @__PURE__ */ jsx15(ChevronRight14, {
+              /* @__PURE__ */ jsx14(ChevronRight13, {
                 size: 16
               })
             ]
@@ -2923,46 +2442,46 @@ signals.forEach((signal) => {
 
 // src/components/docs/libraries/LibrariesOverlayEnginePage.tsx
 import { CodeBlock as CodeBlock15, InstallCommand as InstallCommand14 } from "@contractspec/lib.design-system";
-import Link15 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight15 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import Link14 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight14 } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function LibrariesOverlayEnginePage() {
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs15("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx16("h1", {
-            className: "text-4xl font-bold",
+          /* @__PURE__ */ jsx15("h1", {
+            className: "font-bold text-4xl",
             children: "Overlay Engine"
           }),
-          /* @__PURE__ */ jsx16("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsx15("p", {
+            className: "text-lg text-muted-foreground",
             children: "`@contractspec/lib.overlay-engine` keeps OverlaySpecs typed, signed, and auditable across tenants, roles, users, and devices."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx15("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx16(InstallCommand14, {
+          /* @__PURE__ */ jsx15(InstallCommand14, {
             package: "@contractspec/lib.overlay-engine"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx15("h2", {
+            className: "font-bold text-2xl",
             children: "Define + Sign"
           }),
-          /* @__PURE__ */ jsx16(CodeBlock15, {
+          /* @__PURE__ */ jsx15(CodeBlock15, {
             language: "typescript",
             code: `import { defineOverlay } from '@contractspec/lib.overlay-engine/spec';
 import { signOverlay } from '@contractspec/lib.overlay-engine/signer';
@@ -2978,18 +2497,18 @@ const signed = await signOverlay(overlay, privateKeyPem);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx15("h2", {
+            className: "font-bold text-2xl",
             children: "Runtime"
           }),
-          /* @__PURE__ */ jsx16("p", {
+          /* @__PURE__ */ jsx15("p", {
             className: "text-muted-foreground",
             children: "`OverlayRegistry` stores signed overlays with specificity scoring. `OverlayEngine` merges modifications and emits audit events."
           }),
-          /* @__PURE__ */ jsx16(CodeBlock15, {
+          /* @__PURE__ */ jsx15(CodeBlock15, {
             language: "typescript",
             code: `const registry = new OverlayRegistry();
 registry.register(signed);
@@ -3007,18 +2526,18 @@ const result = engine.apply({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx15("h2", {
+            className: "font-bold text-2xl",
             children: "React Hooks"
           }),
-          /* @__PURE__ */ jsx16("p", {
+          /* @__PURE__ */ jsx15("p", {
             className: "text-muted-foreground",
             children: "Render overlays in React/React Native via `useOverlay`."
           }),
-          /* @__PURE__ */ jsx16(CodeBlock15, {
+          /* @__PURE__ */ jsx15(CodeBlock15, {
             language: "typescript",
             code: `import { useOverlay } from '@contractspec/lib.overlay-engine/react';
 
@@ -3030,20 +2549,20 @@ const { target } = useOverlay(engine, {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsx16(Link15, {
+          /* @__PURE__ */ jsx15(Link14, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
           }),
-          /* @__PURE__ */ jsxs16(Link15, {
+          /* @__PURE__ */ jsxs15(Link14, {
             href: "/docs/libraries/workflow-composer",
             className: "btn-primary",
             children: [
               "Next: Workflow Composer ",
-              /* @__PURE__ */ jsx16(ChevronRight15, {
+              /* @__PURE__ */ jsx15(ChevronRight14, {
                 size: 16
               })
             ]
@@ -3054,6 +2573,174 @@ const { target } = useOverlay(engine, {
   });
 }
 
+// src/components/docs/libraries/LibrariesOverviewPage.tsx
+import Link15 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight15 } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var libraryGroups = [
+  {
+    title: "Contract and schema foundation",
+    body: "Use these packages to define explicit contracts, schemas, and generated artifacts without inventing a new platform-specific language.",
+    items: [
+      {
+        title: "@contractspec/lib.contracts-spec",
+        description: "Define operations, events, policies, and generated surfaces in TypeScript.",
+        href: "/docs/libraries/contracts"
+      },
+      {
+        title: "@contractspec/lib.schema",
+        description: "Share type-safe schema definitions across validation, clients, and runtime adapters.",
+        href: "/docs/libraries/schema"
+      }
+    ]
+  },
+  {
+    title: "Runtime and surface libraries",
+    body: "These packages execute the contract model across UI, data, observability, workflows, and generated runtime behavior.",
+    items: [
+      {
+        title: "@contractspec/lib.runtime",
+        description: "Run typed capability surfaces, execute policies, and connect runtime adapters.",
+        href: "/docs/libraries/runtime"
+      },
+      {
+        title: "@contractspec/lib.ui-kit",
+        description: "Render shared surfaces across web and React Native without forking the contract layer.",
+        href: "/docs/libraries/ui-kit"
+      },
+      {
+        title: "@contractspec/lib.design-system",
+        description: "Build higher-level product surfaces and documented marketing/docs primitives on top of the UI kit.",
+        href: "/docs/libraries/design-system"
+      },
+      {
+        title: "@contractspec/lib.data-views",
+        description: "Generate and render list/detail style surfaces that stay aligned with data contracts.",
+        href: "/docs/libraries/data-views"
+      }
+    ]
+  },
+  {
+    title: "Operator and system packages",
+    body: "These packages matter once the system is live and you need governance, resilience, and observability.",
+    items: [
+      {
+        title: "@contractspec/lib.observability",
+        description: "Trace, log, and measure contract execution using the same system boundaries.",
+        href: "/docs/libraries/observability"
+      },
+      {
+        title: "@contractspec/lib.resilience",
+        description: "Add circuit breakers, retries, and failure controls without hiding the integration model.",
+        href: "/docs/libraries/resilience"
+      },
+      {
+        title: "@contractspec/lib.multi-tenancy",
+        description: "Keep tenant-specific config, policy, and surface resolution explicit.",
+        href: "/docs/libraries/multi-tenancy"
+      },
+      {
+        title: "@contractspec/lib.workflow-composer",
+        description: "Compose and extend workflows without smearing orchestration concerns across apps.",
+        href: "/docs/libraries/workflow-composer"
+      }
+    ]
+  }
+];
+function LibrariesOverviewPage() {
+  return /* @__PURE__ */ jsxs16("div", {
+    className: "space-y-10",
+    children: [
+      /* @__PURE__ */ jsxs16("div", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsx16("p", {
+            className: "editorial-kicker",
+            children: "Build"
+          }),
+          /* @__PURE__ */ jsx16("h1", {
+            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+            children: "The OSS foundation is a library system, not a closed platform."
+          }),
+          /* @__PURE__ */ jsx16("p", {
+            className: "max-w-3xl text-lg text-muted-foreground leading-8",
+            children: "ContractSpec is assembled from libraries that remain useful on their own and stronger together. Start with the contract and schema foundation, then add runtime, UI, integration, and operator packages as your system grows."
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs16("div", {
+        className: "editorial-proof-strip",
+        children: [
+          /* @__PURE__ */ jsxs16("div", {
+            className: "editorial-stat",
+            children: [
+              /* @__PURE__ */ jsx16("span", {
+                className: "editorial-label",
+                children: "Layering rule"
+              }),
+              /* @__PURE__ */ jsx16("span", {
+                className: "editorial-stat-value",
+                children: "libs → bundles → apps"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx16("p", {
+            className: "max-w-2xl text-muted-foreground text-sm leading-7",
+            children: "Keep reusable behavior in libraries, compose it into bundle-level surfaces, and reserve app packages for concrete delivery shells."
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx16("div", {
+        className: "space-y-6",
+        children: libraryGroups.map((group) => /* @__PURE__ */ jsxs16("section", {
+          className: "editorial-panel space-y-5",
+          children: [
+            /* @__PURE__ */ jsxs16("div", {
+              className: "space-y-2",
+              children: [
+                /* @__PURE__ */ jsx16("h2", {
+                  className: "font-serif text-3xl tracking-[-0.03em]",
+                  children: group.title
+                }),
+                /* @__PURE__ */ jsx16("p", {
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: group.body
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx16("div", {
+              className: "grid gap-4 md:grid-cols-2",
+              children: group.items.map((item) => /* @__PURE__ */ jsxs16(Link15, {
+                href: item.href,
+                className: "rounded-[24px] border border-border/75 bg-background/70 p-5 transition-colors hover:border-[color:rgb(162_79_42_/_0.45)]",
+                children: [
+                  /* @__PURE__ */ jsx16("h3", {
+                    className: "font-semibold text-lg",
+                    children: item.title
+                  }),
+                  /* @__PURE__ */ jsx16("p", {
+                    className: "mt-2 text-muted-foreground text-sm leading-7",
+                    children: item.description
+                  }),
+                  /* @__PURE__ */ jsxs16("div", {
+                    className: "mt-3 flex items-center gap-2 text-[color:var(--rust)] text-sm",
+                    children: [
+                      "Learn more ",
+                      /* @__PURE__ */ jsx16(ChevronRight15, {
+                        size: 14
+                      })
+                    ]
+                  })
+                ]
+              }, item.title))
+            })
+          ]
+        }, group.title))
+      })
+    ]
+  });
+}
+
 // src/components/docs/libraries/LibrariesPersonalizationPage.tsx
 import { CodeBlock as CodeBlock16, InstallCommand as InstallCommand15 } from "@contractspec/lib.design-system";
 import Link16 from "@contractspec/lib.ui-link";
@@ -3067,11 +2754,11 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx17("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.personalization"
           }),
           /* @__PURE__ */ jsx17("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Track field/feature/workflow usage, analyze drop-offs, and convert insights into OverlaySpecs or workflow tweaks."
           })
         ]
@@ -3080,7 +2767,7 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx17("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx17(InstallCommand15, {
@@ -3092,7 +2779,7 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx17("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Tracker"
           }),
           /* @__PURE__ */ jsx17("p", {
@@ -3117,7 +2804,7 @@ tracker.trackWorkflowStep({ workflow: 'invoice', step: 'review', status: 'entere
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx17("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Analyzer"
           }),
           /* @__PURE__ */ jsx17("p", {
@@ -3138,7 +2825,7 @@ const insights = await analyzer.analyze({ tenantId: 'acme', userId: 'ops-42' });
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx17("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Adapter"
           }),
           /* @__PURE__ */ jsx17("p", {
@@ -3194,11 +2881,11 @@ function LibrariesProgressiveDeliveryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx18("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Progressive Delivery Library"
           }),
           /* @__PURE__ */ jsxs18("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
               /* @__PURE__ */ jsx18("code", {
@@ -3213,7 +2900,7 @@ function LibrariesProgressiveDeliveryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx18("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx18(InstallCommand16, {
@@ -3225,7 +2912,7 @@ function LibrariesProgressiveDeliveryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx18("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Define a Strategy"
           }),
           /* @__PURE__ */ jsx18(CodeBlock17, {
@@ -3248,7 +2935,7 @@ const strategy = {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx18("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Run the Coordinator"
           }),
           /* @__PURE__ */ jsx18(CodeBlock17, {
@@ -3291,7 +2978,7 @@ const result = await coordinator.run();`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx18("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Blue-Green Swap"
           }),
           /* @__PURE__ */ jsxs18("p", {
@@ -3343,11 +3030,11 @@ function LibrariesResiliencePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx19("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Resilience Library"
           }),
           /* @__PURE__ */ jsxs19("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
               /* @__PURE__ */ jsx19("code", {
@@ -3362,7 +3049,7 @@ function LibrariesResiliencePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx19("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx19(InstallCommand17, {
@@ -3374,7 +3061,7 @@ function LibrariesResiliencePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx19("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Circuit Breaker"
           }),
           /* @__PURE__ */ jsx19("p", {
@@ -3400,7 +3087,7 @@ const result = await breaker.execute(async () => {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx19("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Retry"
           }),
           /* @__PURE__ */ jsx19("p", {
@@ -3424,7 +3111,7 @@ const result = await retry(
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx19("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Timeout & Fallback"
           }),
           /* @__PURE__ */ jsx19("p", {
@@ -3467,9 +3154,9 @@ const result = await fallback(
 }
 
 // src/components/docs/libraries/LibrariesRuntimePage.tsx
+import { CodeBlock as CodeBlock19, InstallCommand as InstallCommand18 } from "@contractspec/lib.design-system";
 import Link19 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight19 } from "lucide-react";
-import { CodeBlock as CodeBlock19, InstallCommand as InstallCommand18 } from "@contractspec/lib.design-system";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function LibrariesRuntimePage() {
   return /* @__PURE__ */ jsxs20("div", {
@@ -3479,7 +3166,7 @@ function LibrariesRuntimePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx20("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Runtime Libraries"
           }),
           /* @__PURE__ */ jsx20("p", {
@@ -3492,7 +3179,7 @@ function LibrariesRuntimePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx20("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx20(InstallCommand18, {
@@ -3504,7 +3191,7 @@ function LibrariesRuntimePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx20("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Libraries"
           }),
           /* @__PURE__ */ jsxs20("div", {
@@ -3514,11 +3201,11 @@ function LibrariesRuntimePage() {
                 className: "card-subtle p-6",
                 children: [
                   /* @__PURE__ */ jsx20("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.presentation-runtime-core"
                   }),
                   /* @__PURE__ */ jsxs20("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx20("strong", {
                         children: "Framework-Agnostic Core"
@@ -3532,11 +3219,11 @@ function LibrariesRuntimePage() {
                 className: "card-subtle p-6",
                 children: [
                   /* @__PURE__ */ jsx20("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.presentation-runtime-react"
                   }),
                   /* @__PURE__ */ jsxs20("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx20("strong", {
                         children: "React Bindings"
@@ -3550,11 +3237,11 @@ function LibrariesRuntimePage() {
                 className: "card-subtle p-6",
                 children: [
                   /* @__PURE__ */ jsx20("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: "@contractspec/lib.presentation-runtime-react-native"
                   }),
                   /* @__PURE__ */ jsxs20("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
+                    className: "mt-2 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx20("strong", {
                         children: "React Native Bindings"
@@ -3572,7 +3259,7 @@ function LibrariesRuntimePage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx20("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: React Workflow"
           }),
           /* @__PURE__ */ jsx20(CodeBlock19, {
@@ -3625,7 +3312,7 @@ export function OnboardingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx20("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Architecture"
           }),
           /* @__PURE__ */ jsx20("p", {
@@ -3633,7 +3320,7 @@ export function OnboardingPage() {
             children: 'The runtime follows a "render-loop" pattern:'
           }),
           /* @__PURE__ */ jsxs20("ol", {
-            className: "text-muted-foreground list-inside list-decimal space-y-2",
+            className: "list-inside list-decimal space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs20("li", {
                 children: [
@@ -3704,9 +3391,9 @@ export function OnboardingPage() {
 }
 
 // src/components/docs/libraries/LibrariesSchemaPage.tsx
+import { CodeBlock as CodeBlock20, InstallCommand as InstallCommand19 } from "@contractspec/lib.design-system";
 import Link20 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight20 } from "lucide-react";
-import { CodeBlock as CodeBlock20, InstallCommand as InstallCommand19 } from "@contractspec/lib.design-system";
 import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function LibrariesSchemaPage() {
   return /* @__PURE__ */ jsxs21("div", {
@@ -3716,7 +3403,7 @@ function LibrariesSchemaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.schema"
           }),
           /* @__PURE__ */ jsx21("p", {
@@ -3729,7 +3416,7 @@ function LibrariesSchemaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx21(InstallCommand19, {
@@ -3741,16 +3428,16 @@ function LibrariesSchemaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Core Exports"
           }),
           /* @__PURE__ */ jsxs21("ul", {
-            className: "text-muted-foreground space-y-2",
+            className: "space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs21("li", {
                 children: [
                   /* @__PURE__ */ jsx21("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "SchemaModel"
                   }),
                   ": Compose fields into typed object models"
@@ -3759,7 +3446,7 @@ function LibrariesSchemaPage() {
               /* @__PURE__ */ jsxs21("li", {
                 children: [
                   /* @__PURE__ */ jsx21("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "ScalarTypeEnum"
                   }),
                   ": Common scalar types (NonEmptyString, Email, DateTime, etc.)"
@@ -3768,7 +3455,7 @@ function LibrariesSchemaPage() {
               /* @__PURE__ */ jsxs21("li", {
                 children: [
                   /* @__PURE__ */ jsx21("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "defineEnum"
                   }),
                   ": Create type-safe enums"
@@ -3777,7 +3464,7 @@ function LibrariesSchemaPage() {
               /* @__PURE__ */ jsxs21("li", {
                 children: [
                   /* @__PURE__ */ jsx21("code", {
-                    className: "bg-background/50 rounded px-2 py-1",
+                    className: "rounded bg-background/50 px-2 py-1",
                     children: "FieldType"
                   }),
                   ": Wrap scalars with Zod/GraphQL/JSON Schema"
@@ -3791,7 +3478,7 @@ function LibrariesSchemaPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Basic Schema"
           }),
           /* @__PURE__ */ jsx21(CodeBlock20, {
@@ -3822,7 +3509,7 @@ const jsonSchema = CreateSpotInput.getJsonSchema();`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Enums"
           }),
           /* @__PURE__ */ jsx21(CodeBlock20, {
@@ -3850,7 +3537,7 @@ const RecurrenceRule = new SchemaModel({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx21("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Available Scalars"
           }),
           /* @__PURE__ */ jsxs21("div", {
@@ -3864,7 +3551,7 @@ const RecurrenceRule = new SchemaModel({
                     children: "Strings"
                   }),
                   /* @__PURE__ */ jsxs21("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx21("li", {
                         children: /* @__PURE__ */ jsx21("code", {
@@ -3908,7 +3595,7 @@ const RecurrenceRule = new SchemaModel({
                     children: "Numbers"
                   }),
                   /* @__PURE__ */ jsxs21("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx21("li", {
                         children: /* @__PURE__ */ jsx21("code", {
@@ -3937,7 +3624,7 @@ const RecurrenceRule = new SchemaModel({
                     children: "Dates & Times"
                   }),
                   /* @__PURE__ */ jsxs21("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx21("li", {
                         children: /* @__PURE__ */ jsx21("code", {
@@ -3961,7 +3648,7 @@ const RecurrenceRule = new SchemaModel({
                     children: "Generic"
                   }),
                   /* @__PURE__ */ jsxs21("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx21("li", {
                         children: /* @__PURE__ */ jsx21("code", {
@@ -4018,11 +3705,11 @@ function LibrariesSLOPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx22("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "SLO Library"
           }),
           /* @__PURE__ */ jsxs22("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx22("code", {
                 children: "@contractspec/lib.slo"
@@ -4036,7 +3723,7 @@ function LibrariesSLOPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx22("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx22(InstallCommand20, {
@@ -4048,7 +3735,7 @@ function LibrariesSLOPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx22("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Define Targets"
           }),
           /* @__PURE__ */ jsx22(CodeBlock21, {
@@ -4067,7 +3754,7 @@ function LibrariesSLOPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx22("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Monitor Burn Rate"
           }),
           /* @__PURE__ */ jsx22(CodeBlock21, {
@@ -4096,7 +3783,7 @@ const { snapshot, burnRate } = monitor.recordWindow({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx22("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "History & Reporting"
           }),
           /* @__PURE__ */ jsx22("p", {
@@ -4142,11 +3829,11 @@ function LibrariesSupportBotPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx23("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.support-bot"
           }),
           /* @__PURE__ */ jsx23("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Build AI-first support flows using drop-in classifiers, knowledge-grounded resolvers, and tone-aware responders—all wired into the agent runner."
           })
         ]
@@ -4155,7 +3842,7 @@ function LibrariesSupportBotPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx23("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx23(InstallCommand21, {
@@ -4167,7 +3854,7 @@ function LibrariesSupportBotPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx23("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Wire the primitives"
           }),
           /* @__PURE__ */ jsx23(CodeBlock22, {
@@ -4188,7 +3875,7 @@ const draft = await responder.draft(ticket, resolution, classification);`
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx23("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Expose as agent tools"
           }),
           /* @__PURE__ */ jsx23(CodeBlock22, {
@@ -4205,11 +3892,11 @@ const executor = new ToolExecutor({ tools });`
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx23("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Included modules"
           }),
           /* @__PURE__ */ jsxs23("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs23("li", {
                 children: [
@@ -4284,11 +3971,11 @@ function LibrariesTestingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx24("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.testing"
           }),
           /* @__PURE__ */ jsx24("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Golden tests ensure new rollouts behave exactly like the traffic that inspired them. Record requests in production, replay them locally, and ship with confidence."
           })
         ]
@@ -4297,7 +3984,7 @@ function LibrariesTestingPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx24("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx24(InstallCommand22, {
@@ -4309,7 +3996,7 @@ function LibrariesTestingPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx24("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Record traffic"
           }),
           /* @__PURE__ */ jsx24(CodeBlock23, {
@@ -4342,7 +4029,7 @@ await recorder.record({
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx24("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Generate suites"
           }),
           /* @__PURE__ */ jsx24(CodeBlock23, {
@@ -4363,7 +4050,7 @@ const code = generator.generate(snapshots, {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx24("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "CLI workflow"
           }),
           /* @__PURE__ */ jsx24(CodeBlock23, {
@@ -4394,7 +4081,7 @@ const code = generator.generate(snapshots, {
           className: "card-subtle space-y-2 p-4",
           children: [
             /* @__PURE__ */ jsx24("h3", {
-              className: "text-lg font-semibold",
+              className: "font-semibold text-lg",
               children: card.title
             }),
             /* @__PURE__ */ jsx24("p", {
@@ -4429,9 +4116,9 @@ const code = generator.generate(snapshots, {
 }
 
 // src/components/docs/libraries/LibrariesUIKitPage.tsx
+import { CodeBlock as CodeBlock24, InstallCommand as InstallCommand23 } from "@contractspec/lib.design-system";
 import Link24 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight24 } from "lucide-react";
-import { CodeBlock as CodeBlock24, InstallCommand as InstallCommand23 } from "@contractspec/lib.design-system";
 import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 function LibrariesUIKitPage() {
   return /* @__PURE__ */ jsxs25("div", {
@@ -4441,7 +4128,7 @@ function LibrariesUIKitPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx25("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.ui-kit"
           }),
           /* @__PURE__ */ jsxs25("p", {
@@ -4464,7 +4151,7 @@ function LibrariesUIKitPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx25("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx25(InstallCommand23, {
@@ -4476,11 +4163,11 @@ function LibrariesUIKitPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx25("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Key Features"
           }),
           /* @__PURE__ */ jsxs25("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs25("li", {
                 children: [
@@ -4527,7 +4214,7 @@ function LibrariesUIKitPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx25("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example Usage"
           }),
           /* @__PURE__ */ jsx25(CodeBlock24, {
@@ -4558,7 +4245,7 @@ export function MyComponent() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx25("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Core Components"
           }),
           /* @__PURE__ */ jsxs25("div", {
@@ -4572,7 +4259,7 @@ export function MyComponent() {
                     children: "Form Controls"
                   }),
                   /* @__PURE__ */ jsxs25("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx25("li", {
                         children: "Button"
@@ -4601,7 +4288,7 @@ export function MyComponent() {
                     children: "Layout"
                   }),
                   /* @__PURE__ */ jsxs25("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx25("li", {
                         children: "Card"
@@ -4627,7 +4314,7 @@ export function MyComponent() {
                     children: "Feedback"
                   }),
                   /* @__PURE__ */ jsxs25("ul", {
-                    className: "text-muted-foreground space-y-1 text-sm",
+                    className: "space-y-1 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx25("li", {
                         children: "Alert"
@@ -4673,12 +4360,12 @@ export function MyComponent() {
   });
 }
 
-// src/components/docs/libraries/LibrariesWorkflowsPage.tsx
+// src/components/docs/libraries/LibrariesWorkflowComposerPage.tsx
 import { CodeBlock as CodeBlock25, InstallCommand as InstallCommand24 } from "@contractspec/lib.design-system";
 import Link25 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight25 } from "lucide-react";
 import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
-function LibrariesWorkflowsPage() {
+function LibrariesWorkflowComposerPage() {
   return /* @__PURE__ */ jsxs26("div", {
     className: "space-y-8",
     children: [
@@ -4686,18 +4373,124 @@ function LibrariesWorkflowsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx26("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
+            children: "Workflow Composer"
+          }),
+          /* @__PURE__ */ jsx26("p", {
+            className: "text-lg text-muted-foreground",
+            children: "`@contractspec/lib.workflow-composer` injects tenant-/role-/device-specific steps into base WorkflowSpecs and keeps transitions valid."
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs26("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsx26("h2", {
+            className: "font-bold text-2xl",
+            children: "Installation"
+          }),
+          /* @__PURE__ */ jsx26(InstallCommand24, {
+            package: "@contractspec/lib.workflow-composer"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs26("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsx26("h2", {
+            className: "font-bold text-2xl",
+            children: "Register extensions"
+          }),
+          /* @__PURE__ */ jsx26(CodeBlock25, {
+            language: "typescript",
+            code: `const composer = new WorkflowComposer();
+
+composer.register({
+  workflow: 'billing.invoiceApproval',
+  tenantId: 'acme',
+  customSteps: [
+    {
+      after: 'validate-invoice',
+      inject: {
+        id: 'acme-legal',
+        type: 'human',
+        label: 'ACME Legal Review',
+      },
+      transitionTo: 'final-approval',
+    },
+  ],
+  hiddenSteps: ['internal-audit'],
+});`
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs26("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsx26("h2", {
+            className: "font-bold text-2xl",
+            children: "Compose at runtime"
+          }),
+          /* @__PURE__ */ jsx26(CodeBlock25, {
+            language: "typescript",
+            code: `const tenantWorkflow = composer.compose({
+  base: BaseInvoiceWorkflow,
+  tenantId: 'acme',
+});
+
+workflowRunner.execute(tenantWorkflow, ctx);`
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs26("div", {
+        className: "flex items-center gap-4 pt-4",
+        children: [
+          /* @__PURE__ */ jsx26(Link25, {
+            href: "/docs/libraries",
+            className: "btn-ghost",
+            children: "Back to Libraries"
+          }),
+          /* @__PURE__ */ jsxs26(Link25, {
+            href: "/docs/libraries/workflows",
+            className: "btn-primary",
+            children: [
+              "Next: Workflow Runtime ",
+              /* @__PURE__ */ jsx26(ChevronRight25, {
+                size: 16
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/docs/libraries/LibrariesWorkflowsPage.tsx
+import { CodeBlock as CodeBlock26, InstallCommand as InstallCommand25 } from "@contractspec/lib.design-system";
+import Link26 from "@contractspec/lib.ui-link";
+import { ChevronRight as ChevronRight26 } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+function LibrariesWorkflowsPage() {
+  return /* @__PURE__ */ jsxs27("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxs27("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsx27("h1", {
+            className: "font-bold text-4xl",
             children: "Workflow Runtime Library"
           }),
-          /* @__PURE__ */ jsxs26("p", {
-            className: "text-muted-foreground text-lg",
+          /* @__PURE__ */ jsxs27("p", {
+            className: "text-lg text-muted-foreground",
             children: [
               "The ",
-              /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("code", {
                 children: "@contractspec/lib.contracts-spec/workflow"
               }),
               " library provides the core ",
-              /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("code", {
                 children: "WorkflowRunner"
               }),
               " for executing stateful, durable workflows."
@@ -4705,30 +4498,30 @@ function LibrariesWorkflowsPage() {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx26("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx27("h2", {
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
-          /* @__PURE__ */ jsx26(InstallCommand24, {
+          /* @__PURE__ */ jsx27(InstallCommand25, {
             package: "@contractspec/lib.contracts-spec"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx26("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx27("h2", {
+            className: "font-bold text-2xl",
             children: "WorkflowRunner"
           }),
-          /* @__PURE__ */ jsx26("p", {
+          /* @__PURE__ */ jsx27("p", {
             className: "text-muted-foreground",
             children: "The runner manages execution state, step transitions, retries, and compensation."
           }),
-          /* @__PURE__ */ jsx26(CodeBlock25, {
+          /* @__PURE__ */ jsx27(CodeBlock26, {
             language: "typescript",
             code: `import { WorkflowRunner } from '@contractspec/lib.contracts-spec/workflow/runner';
 import { InMemoryStateStore } from '@contractspec/lib.contracts-spec/workflow/adapters/memory-store';
@@ -4754,37 +4547,37 @@ await runner.executeStep(workflowId);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx26("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx27("h2", {
+            className: "font-bold text-2xl",
             children: "State Persistence"
           }),
-          /* @__PURE__ */ jsxs26("p", {
+          /* @__PURE__ */ jsxs27("p", {
             className: "text-muted-foreground",
             children: [
               "The runner relies on a ",
-              /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("code", {
                 children: "StateStore"
               }),
               " to persist workflow execution history. ContractSpec ships with:"
             ]
           }),
-          /* @__PURE__ */ jsxs26("ul", {
-            className: "text-muted-foreground list-disc space-y-2 pl-6",
+          /* @__PURE__ */ jsxs27("ul", {
+            className: "list-disc space-y-2 pl-6 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxs26("li", {
+              /* @__PURE__ */ jsxs27("li", {
                 children: [
-                  /* @__PURE__ */ jsx26("code", {
+                  /* @__PURE__ */ jsx27("code", {
                     children: "InMemoryStateStore"
                   }),
                   " - for testing and development."
                 ]
               }),
-              /* @__PURE__ */ jsxs26("li", {
+              /* @__PURE__ */ jsxs27("li", {
                 children: [
-                  /* @__PURE__ */ jsx26("code", {
+                  /* @__PURE__ */ jsx27("code", {
                     children: "PrismaStateStore"
                   }),
                   " - for production using Prisma ORM."
@@ -4794,52 +4587,52 @@ await runner.executeStep(workflowId);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsx26("h2", {
-            className: "text-2xl font-bold",
+          /* @__PURE__ */ jsx27("h2", {
+            className: "font-bold text-2xl",
             children: "Events"
           }),
-          /* @__PURE__ */ jsx26("p", {
+          /* @__PURE__ */ jsx27("p", {
             className: "text-muted-foreground",
             children: "The runner emits events that you can subscribe to for monitoring:"
           }),
-          /* @__PURE__ */ jsxs26("ul", {
-            className: "text-muted-foreground list-disc space-y-2 pl-6",
+          /* @__PURE__ */ jsxs27("ul", {
+            className: "list-disc space-y-2 pl-6 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.started"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.step_completed"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.step_failed"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.step_retrying"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.completed"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.cancelled"
                 })
               }),
-              /* @__PURE__ */ jsx26("li", {
-                children: /* @__PURE__ */ jsx26("code", {
+              /* @__PURE__ */ jsx27("li", {
+                children: /* @__PURE__ */ jsx27("code", {
                   children: "workflow.compensation_step_completed"
                 })
               })
@@ -4847,112 +4640,6 @@ await runner.executeStep(workflowId);`
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsx26(Link25, {
-            href: "/docs/libraries",
-            className: "btn-ghost",
-            children: "Back to Libraries"
-          }),
-          /* @__PURE__ */ jsxs26(Link25, {
-            href: "/docs/libraries/data-views",
-            className: "btn-primary",
-            children: [
-              "Next: Data Views ",
-              /* @__PURE__ */ jsx26(ChevronRight25, {
-                size: 16
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/docs/libraries/LibrariesWorkflowComposerPage.tsx
-import { CodeBlock as CodeBlock26, InstallCommand as InstallCommand25 } from "@contractspec/lib.design-system";
-import Link26 from "@contractspec/lib.ui-link";
-import { ChevronRight as ChevronRight26 } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
-function LibrariesWorkflowComposerPage() {
-  return /* @__PURE__ */ jsxs27("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs27("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx27("h1", {
-            className: "text-4xl font-bold",
-            children: "Workflow Composer"
-          }),
-          /* @__PURE__ */ jsx27("p", {
-            className: "text-muted-foreground text-lg",
-            children: "`@contractspec/lib.workflow-composer` injects tenant-/role-/device-specific steps into base WorkflowSpecs and keeps transitions valid."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs27("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx27("h2", {
-            className: "text-2xl font-bold",
-            children: "Installation"
-          }),
-          /* @__PURE__ */ jsx27(InstallCommand25, {
-            package: "@contractspec/lib.workflow-composer"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs27("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx27("h2", {
-            className: "text-2xl font-bold",
-            children: "Register extensions"
-          }),
-          /* @__PURE__ */ jsx27(CodeBlock26, {
-            language: "typescript",
-            code: `const composer = new WorkflowComposer();
-
-composer.register({
-  workflow: 'billing.invoiceApproval',
-  tenantId: 'acme',
-  customSteps: [
-    {
-      after: 'validate-invoice',
-      inject: {
-        id: 'acme-legal',
-        type: 'human',
-        label: 'ACME Legal Review',
-      },
-      transitionTo: 'final-approval',
-    },
-  ],
-  hiddenSteps: ['internal-audit'],
-});`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs27("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx27("h2", {
-            className: "text-2xl font-bold",
-            children: "Compose at runtime"
-          }),
-          /* @__PURE__ */ jsx27(CodeBlock26, {
-            language: "typescript",
-            code: `const tenantWorkflow = composer.compose({
-  base: BaseInvoiceWorkflow,
-  tenantId: 'acme',
-});
-
-workflowRunner.execute(tenantWorkflow, ctx);`
-          })
-        ]
-      }),
       /* @__PURE__ */ jsxs27("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
@@ -4962,10 +4649,10 @@ workflowRunner.execute(tenantWorkflow, ctx);`
             children: "Back to Libraries"
           }),
           /* @__PURE__ */ jsxs27(Link26, {
-            href: "/docs/libraries/workflows",
+            href: "/docs/libraries/data-views",
             className: "btn-primary",
             children: [
-              "Next: Workflow Runtime ",
+              "Next: Data Views ",
               /* @__PURE__ */ jsx27(ChevronRight26, {
                 size: 16
               })