@contractspec/bundle.library 2.1.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/bundle.library",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
@@ -2053,17 +2053,17 @@
   },
   "dependencies": {
     "@apollo/client": "^4.1.4",
-    "@contractspec/lib.contracts-spec": "2.1.0",
-    "@contractspec/lib.contracts-library": "2.1.0",
-    "@contractspec/lib.contracts-runtime-server-mcp": "2.1.0",
-    "@contractspec/lib.design-system": "2.1.0",
-    "@contractspec/lib.example-shared-ui": "2.1.0",
+    "@contractspec/lib.contracts-spec": "2.1.1",
+    "@contractspec/lib.contracts-library": "2.1.1",
+    "@contractspec/lib.contracts-runtime-server-mcp": "2.1.1",
+    "@contractspec/lib.design-system": "2.1.1",
+    "@contractspec/lib.example-shared-ui": "2.1.1",
     "@contractspec/lib.logger": "2.1.0",
     "@contractspec/lib.runtime-sandbox": "1.1.0",
     "@contractspec/lib.schema": "2.1.0",
     "@contractspec/lib.ui-kit-web": "2.1.0",
     "@contractspec/lib.ui-link": "2.1.0",
-    "@contractspec/module.examples": "2.1.0",
+    "@contractspec/module.examples": "2.1.1",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -2079,9 +2079,9 @@
     "posthog-react-native": "^4.34.0",
     "react-hook-form": "^7.70.0",
     "zod": "^4.3.5",
-    "@contractspec/lib.contracts-integrations": "2.1.0",
-    "@contractspec/lib.contracts-runtime-server-rest": "2.1.0",
-    "@contractspec/lib.contracts-runtime-server-graphql": "2.1.0"
+    "@contractspec/lib.contracts-integrations": "2.1.1",
+    "@contractspec/lib.contracts-runtime-server-rest": "2.1.1",
+    "@contractspec/lib.contracts-runtime-server-graphql": "2.1.1"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",

package/src/components/docs/DocsIndexPage.tsx

@@ -94,16 +94,16 @@ export function DocsIndexPage() {
         </Link>
 
         <Link
-          href="/studio"
+          href="/docs/studio"
           className="card-subtle group space-y-3 p-6 transition-colors hover:border-violet-500/50"
         >
           <div className="flex items-start justify-between">
             <div>
               <h3 className="text-lg font-bold transition-colors group-hover:text-violet-400">
-                Studio (managed)
+                Studio
               </h3>
               <p className="text-muted-foreground mt-1 text-sm">
-                Visual builder, deployments, and team collaboration.
+                AI-powered product decision engine for spec-first teams.
               </p>
             </div>
             <Zap size={20} className="shrink-0 text-violet-400" />

package/src/components/docs/ecosystem/TemplatesPage.tsx

@@ -52,8 +52,8 @@ bun add @contractspec/integration.markdown-generator`}
       </div>
 
       <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."
       />
 
       <div className="flex items-center gap-4 pt-4">

package/src/components/docs/getting-started/DeveloperToolsPage.tsx

@@ -32,15 +32,15 @@ export function DeveloperToolsPage() {
     },
     {
       name: 'ContractSpec Studio',
-      href: 'https://www.contractspec.studio',
+      href: 'https://app.contractspec.studio',
       description:
-        'Visual builder, lifecycle management, and deployment orchestration.',
+        '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',
       ],
     },
     {

package/src/components/docs/guides/GuideCIDiffGatingPage.tsx

@@ -86,8 +86,8 @@ bun run validate`}
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideContractTypesPage.tsx

@@ -469,8 +469,8 @@ capabilityRegistry.register(UserManagementCapability);`}
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideDocsPipelinePage.tsx

@@ -91,8 +91,8 @@ export default async function Page({ params }: { params: { slug?: string[] } })
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideGenerateDocsClientsSchemasPage.tsx

@@ -85,8 +85,8 @@ contractspec openapi export --registry ./src/contracts/registry.ts --out ./gener
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideImportExistingCodebasesPage.tsx

@@ -496,8 +496,8 @@ installOp(registry, CreateUserCommand, async (input) => {
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideNextjsOneEndpointPage.tsx

@@ -158,8 +158,8 @@ contractspec examples validate --repo-root .`}
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/guides/GuideSpecValidationTypingPage.tsx

@@ -137,8 +137,8 @@ bun run validate`}
         </div>
 
         <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."
         />
       </div>
 

package/src/components/docs/manifesto/ManifestoPage.tsx

@@ -128,8 +128,8 @@ export function ManifestoPage() {
           <a href="/install" className="btn-primary">
             Install OSS Core
           </a>
-          <a href="/contact#waitlist" className="btn-ghost">
-            Join Studio Waitlist
+          <a href="https://app.contractspec.studio" className="btn-ghost">
+            Try Studio
           </a>
         </div>
       </div>

package/src/components/docs/shared/StudioPrompt.tsx

@@ -8,10 +8,10 @@ interface StudioPromptProps {
 }
 
 export 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',
 }: StudioPromptProps) {
   return (
     <div className="card-subtle space-y-3 p-6">

package/src/components/docs/studio/StudioBYOKPage.tsx

@@ -1,60 +1,15 @@
-// export const metadata: Metadata = {
-//   title: 'Studio – BYOK Setup',
-//   description:
-//     'Configure Bring Your Own Key for ContractSpec Studio. Secure credentials, rotate keys, and audit access.',
-// };
-
-const steps = [
-  {
-    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.',
-  },
-];
+import Link from '@contractspec/lib.ui-link';
 
 export function StudioBYOKPage() {
   return (
-    <main className="space-y-12 py-12">
-      <header className="space-y-3">
-        <p className="text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase">
-          BYOK
-        </p>
-        <h1 className="text-4xl font-bold">Bring your own key to Studio</h1>
-        <p className="text-muted-foreground max-w-3xl text-lg">
-          Keep secrets under your control. Studio never touches plaintext
-          credentials; everything is encrypted with tenant-specific material.
-        </p>
-      </header>
-      <section className="grid gap-4 md:grid-cols-2">
-        {steps.map((step) => (
-          <article key={step.title} className="card-subtle space-y-2 p-6">
-            <h2 className="text-xl font-semibold">{step.title}</h2>
-            <p className="text-muted-foreground text-sm">{step.body}</p>
-          </article>
-        ))}
-      </section>
-      <section className="space-y-2">
-        <h2 className="text-2xl font-semibold">Audit trail</h2>
-        <p className="text-muted-foreground text-sm">
-          Every decrypt operation logs who requested it, what integration was
-          involved, and the purpose (sync, deploy, manual action).
-        </p>
-        <p className="text-muted-foreground text-sm">
-          You can stream audit logs to your SIEM via webhooks or export CSVs for
-          compliance reviews.
-        </p>
-      </section>
+    <main className="space-y-6 py-12">
+      <h1 className="text-3xl font-bold">Studio docs moved</h1>
+      <p className="text-muted-foreground text-sm">
+        Security and BYOK guidance now lives in the Studio app docs.
+      </p>
+      <Link href="https://app.contractspec.studio/docs" className="btn-primary">
+        Open Studio docs
+      </Link>
     </main>
   );
 }

package/src/components/docs/studio/StudioDeploymentsPage.tsx

@@ -1,76 +1,15 @@
-// export const metadata: Metadata = {
-//   title: 'Studio – Deployment Guide',
-//   description:
-//     'Learn how Studio provisions shared and dedicated environments, monitors health, and rolls back safely.',
-// };
-
-const 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',
-    ],
-  },
-];
-
-const checklist = [
-  'Validate specs before deploying (Studio does this automatically).',
-  'Tag deployments with a description so rituals have context.',
-  'Monitor status cards—failed deploys trigger alerts and auto rollback.',
-  'Use the CLI to export deployment manifests if you want infra-as-code.',
-];
+import Link from '@contractspec/lib.ui-link';
 
 export function StudioDeploymentsPage() {
   return (
-    <main className="space-y-12 py-12">
-      <header className="space-y-3">
-        <p className="text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase">
-          Deployments
-        </p>
-        <h1 className="text-4xl font-bold">Shared vs dedicated workflows</h1>
-        <p className="text-muted-foreground max-w-3xl text-lg">
-          Studio abstracts infra, but you still stay in control. This guide
-          explains how environments are provisioned, monitored, and rolled back.
-        </p>
-      </header>
-      <section className="grid gap-4 md:grid-cols-2">
-        {comparisons.map((option) => (
-          <article key={option.label} className="card-subtle space-y-2 p-6">
-            <h2 className="text-2xl font-semibold">
-              {option.label} deployments
-            </h2>
-            <ul className="space-y-1 text-sm">
-              {option.points.map((point) => (
-                <li key={point}>• {point}</li>
-              ))}
-            </ul>
-          </article>
-        ))}
-      </section>
-      <section className="space-y-3">
-        <h2 className="text-2xl font-semibold">Health & rollback</h2>
-        <p className="text-muted-foreground text-sm">
-          Every deployment emits health events. If a check fails, Studio pauses
-          traffic and offers rollback controls with diff context.
-        </p>
-        <ul className="space-y-2 text-sm">
-          {checklist.map((item) => (
-            <li key={item}>• {item}</li>
-          ))}
-        </ul>
-      </section>
+    <main className="space-y-6 py-12">
+      <h1 className="text-3xl font-bold">Studio docs moved</h1>
+      <p className="text-muted-foreground text-sm">
+        Deployment guidance now lives in the Studio app docs.
+      </p>
+      <Link href="https://app.contractspec.studio/docs" className="btn-primary">
+        Open Studio docs
+      </Link>
     </main>
   );
 }

package/src/components/docs/studio/StudioGettingStartedPage.tsx

@@ -1,72 +1,15 @@
-// export const metadata: Metadata = {
-//   title: 'Studio – Getting Started',
-//   description:
-//     'Create your first ContractSpec Studio project, add specs, and deploy to shared infrastructure.',
-// };
-
-const steps = [
-  {
-    title: '1. Create a Studio workspace',
-    body: 'Sign in, pick “Studio managed” as product, and invite teammates. We provision the workspace plus default shared environments.',
-  },
-  {
-    title: '2. Add your first project',
-    body: 'Click “New project”, 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 “Capability” 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.',
-  },
-];
+import Link from '@contractspec/lib.ui-link';
 
 export function StudioGettingStartedPage() {
   return (
-    <main className="space-y-12 py-12">
-      <header className="space-y-3">
-        <p className="text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase">
-          Getting started
-        </p>
-        <h1 className="text-4xl font-bold">Launch your first Studio project</h1>
-        <p className="text-muted-foreground max-w-3xl text-lg">
-          This short guide takes you from workspace creation to the first
-          deployment. Every step is mobile-friendly and safe to undo.
-        </p>
-      </header>
-      <section className="grid gap-4">
-        {steps.map((step) => (
-          <article key={step.title} className="card-subtle space-y-2 p-6">
-            <h2 className="text-xl font-semibold">{step.title}</h2>
-            <p className="text-muted-foreground text-sm">{step.body}</p>
-          </article>
-        ))}
-      </section>
-      <section className="space-y-4">
-        <h2 className="text-2xl font-semibold">CLI helper (optional)</h2>
-        <p className="text-muted-foreground text-sm">
-          Prefer automation? Use the CLI to pull specs and push overlays.
-        </p>
-        <pre className="bg-muted/40 border-border overflow-auto rounded-xl border p-4 text-left font-mono text-sm">
-          {`# 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>`}
-        </pre>
-      </section>
+    <main className="space-y-6 py-12">
+      <h1 className="text-3xl font-bold">Studio docs moved</h1>
+      <p className="text-muted-foreground text-sm">
+        The latest getting-started guide now lives in the Studio app docs.
+      </p>
+      <Link href="https://app.contractspec.studio/docs" className="btn-primary">
+        Open Studio docs
+      </Link>
     </main>
   );
 }

package/src/components/docs/studio/StudioIntegrationsPage.tsx

@@ -1,53 +1,15 @@
-// export const metadata: Metadata = {
-//   title: 'Studio – Integration Hub Guide',
-//   description:
-//     'Connect providers, manage BYOK credentials, and sync data in the Studio Integration Hub.',
-// };
-
-const 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.',
-  },
-];
+import Link from '@contractspec/lib.ui-link';
 
 export function StudioIntegrationsPage() {
   return (
-    <main className="space-y-12 py-12">
-      <header className="space-y-3">
-        <p className="text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase">
-          Integration hub
-        </p>
-        <h1 className="text-4xl font-bold">Unified connections with BYOK</h1>
-        <p className="text-muted-foreground max-w-3xl text-lg">
-          Manage SaaS providers and knowledge sources without scattering secrets
-          across tools. Studio gives you a simple card layout plus CLI
-          automation.
-        </p>
-      </header>
-      <section className="grid gap-4 md:grid-cols-3">
-        {flow.map((step) => (
-          <article key={step.title} className="card-subtle space-y-2 p-6">
-            <h2 className="text-xl font-semibold">{step.title}</h2>
-            <p className="text-muted-foreground text-sm">{step.body}</p>
-          </article>
-        ))}
-      </section>
-      <section className="space-y-2">
-        <h2 className="text-2xl font-semibold">Monitoring</h2>
-        <p className="text-muted-foreground text-sm">
-          Every integration exposes sync logs and failure alerts. Use the
-          webhook to forward sync events to Slack or PagerDuty.
-        </p>
-      </section>
+    <main className="space-y-6 py-12">
+      <h1 className="text-3xl font-bold">Studio docs moved</h1>
+      <p className="text-muted-foreground text-sm">
+        Integration guides now live in the Studio app docs.
+      </p>
+      <Link href="https://app.contractspec.studio/docs" className="btn-primary">
+        Open Studio docs
+      </Link>
     </main>
   );
 }