@contractspec/bundle.library 2.1.0 → 2.2.0

package/dist/components/docs/index.js

@@ -100,7 +100,7 @@ function DocsIndexPage() {
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV(Link, {
-            href: "/studio",
+            href: "/docs/studio",
             className: "card-subtle group space-y-3 p-6 transition-colors hover:border-violet-500/50",
             children: /* @__PURE__ */ jsxDEV("div", {
               className: "flex items-start justify-between",
@@ -109,11 +109,11 @@ function DocsIndexPage() {
                   children: [
                     /* @__PURE__ */ jsxDEV("h3", {
                       className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                      children: "Studio (managed)"
+                      children: "Studio"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV("p", {
                       className: "text-muted-foreground mt-1 text-sm",
-                      children: "Visual builder, deployments, and team collaboration."
+                      children: "AI-powered product decision engine for spec-first teams."
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
@@ -5306,10 +5306,10 @@ export const PrivateRegistryResolver: RegistryResolverPlugin = {
 import Link15 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
 function StudioPrompt({
-  title = "Need managed policy gates and approvals?",
-  body = "ContractSpec Studio adds policy gates, remote registry workflows, and audit trails when you are ready to scale adoption.",
-  ctaLabel = "Join Studio waitlist",
-  href = "/contact#waitlist"
+  title = "Want to turn product signals into spec-first deliverables?",
+  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
+  ctaLabel = "Try Studio",
+  href = "https://app.contractspec.studio"
 }) {
   return /* @__PURE__ */ jsxDEV22("div", {
     className: "card-subtle space-y-3 p-6",
@@ -5419,8 +5419,8 @@ bun add @contractspec/integration.markdown-generator`
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV23(StudioPrompt, {
-        title: "Need managed plugin distribution?",
-        body: "Studio can host private plugin registries, approvals, and policy gates for teams."
+        title: "Need evidence-backed template iteration?",
+        body: "Studio helps teams prioritize template changes from real product signals and export implementation-ready task packs."
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV23("div", {
         className: "flex items-center gap-4 pt-4",
@@ -6375,14 +6375,14 @@ function DeveloperToolsPage() {
     },
     {
       name: "ContractSpec Studio",
-      href: "https://www.contractspec.studio",
-      description: "Visual builder, lifecycle management, and deployment orchestration.",
+      href: "https://app.contractspec.studio",
+      description: "AI-powered product decision engine that turns product signals into spec-first deliverables.",
       icon: Layers,
-      status: "coming-soon",
+      status: "available",
       highlights: [
-        "Visual spec editor",
-        "Deployment pipelines",
-        "Analytics dashboard"
+        "Evidence-to-decision loop",
+        "Compiled spec diffs and task packs",
+        "Exports to Linear, Jira, Notion, and GitHub"
       ]
     },
     {
@@ -7954,8 +7954,8 @@ bun run validate`
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV34(StudioPrompt, {
-            title: "Need managed CI policy gates?",
-            body: "Studio adds policy approvals, drift dashboards, and audit trails after CI checks pass."
+            title: "Need continuous checks tied to outcomes?",
+            body: "Studio closes the loop with post-change verification and learning dividends that improve future decisions."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -8661,8 +8661,8 @@ capabilityRegistry.register(UserManagementCapability);`
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV35(StudioPrompt, {
-            title: "Want visual contract design?",
-            body: "Studio provides a visual editor for creating and managing contracts with team collaboration and version control."
+            title: "Need to decide which contract should change next?",
+            body: "Studio uses evidence and focus constraints to generate decision briefs, patch intents, and execution-ready task packs."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -8855,8 +8855,8 @@ export default async function Page({ params }: { params: { slug?: string[] } })
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV36(StudioPrompt, {
-            title: "Need hosted docs releases?",
-            body: "Studio can publish versioned docs bundles with approvals and audit trails."
+            title: "Need decision-to-export automation?",
+            body: "Studio exports evidence-backed spec changes and task packs to Linear, Jira, Notion, and GitHub."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -9035,8 +9035,8 @@ contractspec openapi export --registry ./src/contracts/registry.ts --out ./gener
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV37(StudioPrompt, {
-            title: "Want managed schema releases?",
-            body: "Studio can publish OpenAPI, SDKs, and release notes automatically with approvals."
+            title: "Want exports tied to product decisions?",
+            body: "Studio compiles approved changes into deliverables and pushes them to your execution stack with full evidence context."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -9882,8 +9882,8 @@ installOp(registry, CreateUserCommand, async (input) => {
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV38(StudioPrompt, {
-            title: "Want automated contract evolution?",
-            body: "Studio monitors your codebase and suggests contract updates when your API changes, keeping specs and code in sync."
+            title: "Want evidence-driven migration priorities?",
+            body: "Studio clusters product signals into scored patterns, then proposes spec-first change cards for the highest-impact areas."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -10169,8 +10169,8 @@ contractspec examples validate --repo-root .`
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV39(StudioPrompt, {
-            title: "Need team approvals for new endpoints?",
-            body: "Studio adds review gates, shared registries, and audit trails after you ship your first endpoint."
+            title: "Want real product evidence behind endpoint changes?",
+            body: "Studio correlates meetings, support, analytics, and code signals before compiling endpoint decisions into spec diffs."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -10393,8 +10393,8 @@ bun run validate`
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV40(StudioPrompt, {
-            title: "Need shared validation policies?",
-            body: "Studio lets teams enforce validation policies and review changes before they ship."
+            title: "Need validation tied to real outcomes?",
+            body: "Studio links checks to evidence, focus decisions, and post-release verification so specs evolve with product truth."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -27521,9 +27521,9 @@ function ManifestoPage() {
                 children: "Install OSS Core"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV114("a", {
-                href: "/contact#waitlist",
+                href: "https://app.contractspec.studio",
                 className: "btn-ghost",
-                children: "Join Studio Waitlist"
+                children: "Try Studio"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -27536,529 +27536,221 @@ function ManifestoPage() {
 // src/components/docs/studio/StudioOverviewPage.tsx
 import Link96 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV115 } from "react/jsx-dev-runtime";
-var sections = [
+var coreLoop = [
+  {
+    title: "Evidence",
+    body: "Ingest product signals from meetings, support, analytics, code reviews, docs, and Slack."
+  },
   {
-    title: "1. Getting started",
-    body: "Provision your Studio workspace, create a project, and run the first deployment.",
-    href: "/docs/studio/getting-started"
+    title: "Correlation",
+    body: "Cluster signals into scored patterns with hybrid heuristics plus AI signature extraction."
   },
   {
-    title: "2. Visual builder",
-    body: "Learn the canvas controls, component palette, and spec validation workflow.",
-    href: "/docs/studio/visual-builder"
+    title: "Decision",
+    body: "Create timeboxed focus zones and evidence-backed briefs with citation chains."
   },
   {
-    title: "3. Deployments",
-    body: "Switch between shared and dedicated environments, monitor health, and roll back safely.",
-    href: "/docs/studio/deployments"
+    title: "Change",
+    body: "Compile patch intents into spec diffs, deterministic impact reports, and task packs."
   },
   {
-    title: "4. BYOK security",
-    body: "Configure your vault, rotate keys, and audit credential access.",
-    href: "/docs/studio/byok"
+    title: "Export",
+    body: "Push deliverables to Linear, Jira, Notion, and GitHub with full decision context."
   },
   {
-    title: "5. Integration hub",
-    body: "Connect third-party providers, sync data, and index knowledge sources.",
-    href: "/docs/studio/integrations"
+    title: "Check + Autopilot",
+    body: "Verify outcomes, capture learning dividends, and automate safely with policy gates."
   }
 ];
 function StudioOverviewPage() {
   return /* @__PURE__ */ jsxDEV115("main", {
-    className: "space-y-16 py-16",
+    className: "space-y-12 py-16",
     children: [
       /* @__PURE__ */ jsxDEV115("section", {
-        className: "section-padding",
+        className: "section-padding space-y-4",
         children: [
           /* @__PURE__ */ jsxDEV115("p", {
             className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Studio docs"
+            children: "ContractSpec Studio"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV115("h1", {
-            className: "mt-4 text-4xl font-bold",
-            children: "Everything you need to run Studio."
+            className: "text-4xl font-bold md:text-5xl",
+            children: "Compiler for product truth"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV115("p", {
-            className: "text-muted-foreground mt-4 max-w-3xl text-lg",
-            children: "ContractSpec Studio pairs a visual builder with managed infrastructure. These guides keep teams aligned\u2014especially when engineers and operators share the same console."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV115("section", {
-        className: "section-padding grid gap-4",
-        children: sections.map((section) => /* @__PURE__ */ jsxDEV115(Link96, {
-          href: section.href,
-          className: "card-subtle group space-y-2 p-6 transition hover:border-violet-500/40",
-          children: [
-            /* @__PURE__ */ jsxDEV115("h2", {
-              className: "text-xl font-semibold group-hover:text-violet-400",
-              children: section.title
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV115("p", {
-              className: "text-muted-foreground text-sm",
-              children: section.body
-            }, undefined, false, undefined, this)
-          ]
-        }, section.href, true, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/components/docs/studio/StudioGettingStartedPage.tsx
-import { jsxDEV as jsxDEV116 } from "react/jsx-dev-runtime";
-var steps = [
-  {
-    title: "1. Create a Studio workspace",
-    body: "Sign in, pick \u201CStudio managed\u201D as product, and invite teammates. We provision the workspace plus default shared environments."
-  },
-  {
-    title: "2. Add your first project",
-    body: "Click \u201CNew project\u201D, choose Starter tier, and keep BYOK disabled for the trial. You can upgrade later."
-  },
-  {
-    title: "3. Author a spec",
-    body: "Use the Visual Builder or Spec Editor. Pick \u201CCapability\u201D as type and describe the operation (e.g., capture donation)."
-  },
-  {
-    title: "4. Deploy to shared infra",
-    body: "Open the deployment panel, select Development, and hit Deploy. Studio provisions the runtime slice automatically."
-  },
-  {
-    title: "5. Wire integrations",
-    body: "From Integration Hub, connect one provider (e.g., PostHog). Starter plan supports two providers."
-  }
-];
-function StudioGettingStartedPage() {
-  return /* @__PURE__ */ jsxDEV116("main", {
-    className: "space-y-12 py-12",
-    children: [
-      /* @__PURE__ */ jsxDEV116("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV116("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Getting started"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV116("h1", {
-            className: "text-4xl font-bold",
-            children: "Launch your first Studio project"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV116("p", {
             className: "text-muted-foreground max-w-3xl text-lg",
-            children: "This short guide takes you from workspace creation to the first deployment. Every step is mobile-friendly and safe to undo."
+            children: "ContractSpec Studio is the AI-powered product decision engine built on top of ContractSpec. It turns product signals into spec-first deliverables through a deterministic loop:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV115("p", {
+            className: "text-muted-foreground font-mono text-sm",
+            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV116("section", {
-        className: "grid gap-4",
-        children: steps.map((step) => /* @__PURE__ */ jsxDEV116("article", {
+      /* @__PURE__ */ jsxDEV115("section", {
+        className: "section-padding grid gap-4 md:grid-cols-2",
+        children: coreLoop.map((step) => /* @__PURE__ */ jsxDEV115("article", {
           className: "card-subtle space-y-2 p-6",
           children: [
-            /* @__PURE__ */ jsxDEV116("h2", {
+            /* @__PURE__ */ jsxDEV115("h2", {
               className: "text-xl font-semibold",
               children: step.title
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV116("p", {
+            /* @__PURE__ */ jsxDEV115("p", {
               className: "text-muted-foreground text-sm",
               children: step.body
             }, undefined, false, undefined, this)
           ]
         }, step.title, true, undefined, this))
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV116("section", {
-        className: "space-y-4",
+      /* @__PURE__ */ jsxDEV115("section", {
+        className: "section-padding card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV116("h2", {
+          /* @__PURE__ */ jsxDEV115("h2", {
             className: "text-2xl font-semibold",
-            children: "CLI helper (optional)"
+            children: "Use Studio now"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV116("p", {
+          /* @__PURE__ */ jsxDEV115("p", {
             className: "text-muted-foreground text-sm",
-            children: "Prefer automation? Use the CLI to pull specs and push overlays."
+            children: "Studio is live and runs the same spec-first grammar as the OSS compiler. Keep your contracts, keep your code, and add a full decision-to-change workflow on top."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV116("pre", {
-            className: "bg-muted/40 border-border overflow-auto rounded-xl border p-4 text-left font-mono text-sm",
-            children: `# Authenticate
-cs login
-
-# List projects
-cs studio projects list
-
-# Pull specs locally
-cs studio specs pull <project-id>
-
-# Push after editing
-cs studio specs push <project-id>`
-          }, undefined, false, undefined, this)
+          /* @__PURE__ */ jsxDEV115("div", {
+            className: "flex flex-wrap gap-3",
+            children: [
+              /* @__PURE__ */ jsxDEV115(Link96, {
+                href: "https://app.contractspec.studio",
+                className: "btn-primary",
+                children: "Try Studio"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV115(Link96, {
+                href: "https://app.contractspec.studio/docs",
+                className: "btn-ghost",
+                children: "Read Studio docs"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
+// src/components/docs/studio/StudioGettingStartedPage.tsx
+import Link97 from "@contractspec/lib.ui-link";
+import { jsxDEV as jsxDEV116 } from "react/jsx-dev-runtime";
+function StudioGettingStartedPage() {
+  return /* @__PURE__ */ jsxDEV116("main", {
+    className: "space-y-6 py-12",
+    children: [
+      /* @__PURE__ */ jsxDEV116("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV116("p", {
+        className: "text-muted-foreground text-sm",
+        children: "The latest getting-started guide now lives in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV116(Link97, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/components/docs/studio/StudioVisualBuilderPage.tsx
-import Image from "next/image";
+import Link98 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV117 } from "react/jsx-dev-runtime";
-var tips = [
-  "Use two-finger drag on touch devices to pan the canvas.",
-  "Tap a component to open the spec sidebar and edit props.",
-  "The timeline records every change; tap a dot to roll back.",
-  "Validation runs automatically before deploy. Errors show inline."
-];
 function StudioVisualBuilderPage() {
   return /* @__PURE__ */ jsxDEV117("main", {
-    className: "space-y-12 py-12",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxDEV117("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV117("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Visual builder"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV117("h1", {
-            className: "text-4xl font-bold",
-            children: "Canvas, palette, and spec editor"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV117("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            children: "Studio\u2019s builder keeps designers, operators, and engineers in sync. Every action updates the underlying spec and can be undone."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV117("section", {
-        className: "border-border bg-card rounded-2xl border p-6",
-        children: /* @__PURE__ */ jsxDEV117(Image, {
-          src: "/assets/images/studio/visual-builder.png",
-          alt: "Studio visual builder overview",
-          width: 1024,
-          height: 576,
-          className: "border-border rounded-xl border"
-        }, undefined, false, undefined, this)
+      /* @__PURE__ */ jsxDEV117("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV117("section", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: [
-          /* @__PURE__ */ jsxDEV117("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV117("h2", {
-                className: "text-2xl font-semibold",
-                children: "Canvas controls"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV117("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Drag to pan, scroll/ pinch to zoom. The right panel shows a tree view."
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV117("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV117("h2", {
-                className: "text-2xl font-semibold",
-                children: "Component palette"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV117("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Search by intent (\u201Ccapture payment\u201D) or category. Drag components or tap to add."
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV117("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV117("h2", {
-                className: "text-2xl font-semibold",
-                children: "Spec editor"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV117("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Toggle between visual and code views. Changes stay in sync and include diff previews."
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV117("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV117("h2", {
-                className: "text-2xl font-semibold",
-                children: "Deploy panel"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV117("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Choose environment, review validations, and deploy with one button. Rollback is one tap away."
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV117("section", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV117("h2", {
-            className: "text-2xl font-semibold",
-            children: "Tips"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV117("ul", {
-            className: "space-y-2 text-sm",
-            children: tips.map((tip) => /* @__PURE__ */ jsxDEV117("li", {
-              children: [
-                "\u2022 ",
-                tip
-              ]
-            }, tip, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV117("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Visual builder documentation now lives in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV117(Link98, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
 // src/components/docs/studio/StudioIntegrationsPage.tsx
+import Link99 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV118 } from "react/jsx-dev-runtime";
-var flow = [
-  {
-    title: "Connect a provider",
-    body: "Choose a provider from the marketplace, enter credentials, and run the test connection. Studio encrypts secrets immediately."
-  },
-  {
-    title: "Schedule syncs",
-    body: "Define sync cadence (manual, hourly, daily). Studio tracks usage count and last sync timestamp."
-  },
-  {
-    title: "Index knowledge",
-    body: "Add documentation or API specs as knowledge sources. Reindex whenever files change."
-  }
-];
 function StudioIntegrationsPage() {
   return /* @__PURE__ */ jsxDEV118("main", {
-    className: "space-y-12 py-12",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxDEV118("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV118("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Integration hub"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV118("h1", {
-            className: "text-4xl font-bold",
-            children: "Unified connections with BYOK"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV118("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            children: "Manage SaaS providers and knowledge sources without scattering secrets across tools. Studio gives you a simple card layout plus CLI automation."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV118("section", {
-        className: "grid gap-4 md:grid-cols-3",
-        children: flow.map((step) => /* @__PURE__ */ jsxDEV118("article", {
-          className: "card-subtle space-y-2 p-6",
-          children: [
-            /* @__PURE__ */ jsxDEV118("h2", {
-              className: "text-xl font-semibold",
-              children: step.title
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV118("p", {
-              className: "text-muted-foreground text-sm",
-              children: step.body
-            }, undefined, false, undefined, this)
-          ]
-        }, step.title, true, undefined, this))
+      /* @__PURE__ */ jsxDEV118("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV118("section", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsxDEV118("h2", {
-            className: "text-2xl font-semibold",
-            children: "Monitoring"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV118("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Every integration exposes sync logs and failure alerts. Use the webhook to forward sync events to Slack or PagerDuty."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV118("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Integration guides now live in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV118(Link99, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
 // src/components/docs/studio/StudioDeploymentsPage.tsx
+import Link100 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV119 } from "react/jsx-dev-runtime";
-var comparisons = [
-  {
-    label: "Shared",
-    points: [
-      "Ready in seconds",
-      "DEV + STAGE by default",
-      "Best for prototypes",
-      "Managed SSL"
-    ]
-  },
-  {
-    label: "Dedicated",
-    points: [
-      "Isolated clusters",
-      "Choose region + VPC",
-      "Rolling deploys",
-      "Custom observability sinks"
-    ]
-  }
-];
-var checklist = [
-  "Validate specs before deploying (Studio does this automatically).",
-  "Tag deployments with a description so rituals have context.",
-  "Monitor status cards\u2014failed deploys trigger alerts and auto rollback.",
-  "Use the CLI to export deployment manifests if you want infra-as-code."
-];
 function StudioDeploymentsPage() {
   return /* @__PURE__ */ jsxDEV119("main", {
-    className: "space-y-12 py-12",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxDEV119("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV119("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Deployments"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV119("h1", {
-            className: "text-4xl font-bold",
-            children: "Shared vs dedicated workflows"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV119("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            children: "Studio abstracts infra, but you still stay in control. This guide explains how environments are provisioned, monitored, and rolled back."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV119("section", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: comparisons.map((option) => /* @__PURE__ */ jsxDEV119("article", {
-          className: "card-subtle space-y-2 p-6",
-          children: [
-            /* @__PURE__ */ jsxDEV119("h2", {
-              className: "text-2xl font-semibold",
-              children: [
-                option.label,
-                " deployments"
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV119("ul", {
-              className: "space-y-1 text-sm",
-              children: option.points.map((point) => /* @__PURE__ */ jsxDEV119("li", {
-                children: [
-                  "\u2022 ",
-                  point
-                ]
-              }, point, true, undefined, this))
-            }, undefined, false, undefined, this)
-          ]
-        }, option.label, true, undefined, this))
+      /* @__PURE__ */ jsxDEV119("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV119("section", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV119("h2", {
-            className: "text-2xl font-semibold",
-            children: "Health & rollback"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV119("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Every deployment emits health events. If a check fails, Studio pauses traffic and offers rollback controls with diff context."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV119("ul", {
-            className: "space-y-2 text-sm",
-            children: checklist.map((item) => /* @__PURE__ */ jsxDEV119("li", {
-              children: [
-                "\u2022 ",
-                item
-              ]
-            }, item, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV119("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Deployment guidance now lives in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV119(Link100, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
 // src/components/docs/studio/StudioBYOKPage.tsx
+import Link101 from "@contractspec/lib.ui-link";
 import { jsxDEV as jsxDEV120 } from "react/jsx-dev-runtime";
-var steps2 = [
-  {
-    title: "1. Provide vault endpoint",
-    body: "Enter your Vault/HSM URL and the key identifier. Studio only stores the reference."
-  },
-  {
-    title: "2. Verify encryption",
-    body: "Studio runs a test by encrypting a dummy payload and asking you to decrypt it."
-  },
-  {
-    title: "3. Store credentials",
-    body: "When integrations are connected, secrets get encrypted client side before landing in the database."
-  },
-  {
-    title: "4. Rotate keys",
-    body: "Trigger rotation from the BYOK manager. Studio fetches existing secrets, decrypts with the old key, and re-encrypts with the new one."
-  }
-];
 function StudioBYOKPage() {
   return /* @__PURE__ */ jsxDEV120("main", {
-    className: "space-y-12 py-12",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxDEV120("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV120("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "BYOK"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV120("h1", {
-            className: "text-4xl font-bold",
-            children: "Bring your own key to Studio"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV120("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            children: "Keep secrets under your control. Studio never touches plaintext credentials; everything is encrypted with tenant-specific material."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV120("section", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: steps2.map((step) => /* @__PURE__ */ jsxDEV120("article", {
-          className: "card-subtle space-y-2 p-6",
-          children: [
-            /* @__PURE__ */ jsxDEV120("h2", {
-              className: "text-xl font-semibold",
-              children: step.title
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV120("p", {
-              className: "text-muted-foreground text-sm",
-              children: step.body
-            }, undefined, false, undefined, this)
-          ]
-        }, step.title, true, undefined, this))
+      /* @__PURE__ */ jsxDEV120("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV120("section", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsxDEV120("h2", {
-            className: "text-2xl font-semibold",
-            children: "Audit trail"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV120("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Every decrypt operation logs who requested it, what integration was involved, and the purpose (sync, deploy, manual action)."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV120("p", {
-            className: "text-muted-foreground text-sm",
-            children: "You can stream audit logs to your SIEM via webhooks or export CSVs for compliance reviews."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV120("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Security and BYOK guidance now lives in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV120(Link101, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }