@contractspec/bundle.library 2.0.0 → 2.1.1

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>
   );
 }

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

@@ -1,68 +1,80 @@
 import Link from '@contractspec/lib.ui-link';
 
-// export const metadata: Metadata = {
-//   title: 'Studio Documentation – ContractSpec',
-//   description:
-//     'Official ContractSpec Studio documentation. Jump into getting started, visual builder, deployments, BYOK, and integration guides.',
-// };
-
-const sections = [
+const 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.',
   },
 ];
 
 export function StudioOverviewPage() {
   return (
-    <main className="space-y-16 py-16">
-      <section className="section-padding">
+    <main className="space-y-12 py-16">
+      <section className="section-padding space-y-4">
         <p className="text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase">
-          Studio docs
+          ContractSpec Studio
         </p>
-        <h1 className="mt-4 text-4xl font-bold">
-          Everything you need to run Studio.
+        <h1 className="text-4xl font-bold md:text-5xl">
+          Compiler for product truth
         </h1>
-        <p className="text-muted-foreground mt-4 max-w-3xl text-lg">
-          ContractSpec Studio pairs a visual builder with managed
-          infrastructure. These guides keep teams aligned—especially when
-          engineers and operators share the same console.
+        <p className="text-muted-foreground max-w-3xl text-lg">
+          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:
+        </p>
+        <p className="text-muted-foreground font-mono text-sm">
+          Evidence -&gt; Correlation -&gt; Decision -&gt; Change -&gt; Export
+          -&gt; Check -&gt; Notify -&gt; Autopilot
         </p>
       </section>
-      <section className="section-padding grid gap-4">
-        {sections.map((section) => (
+
+      <section className="section-padding grid gap-4 md:grid-cols-2">
+        {coreLoop.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="section-padding card-subtle space-y-4 p-6">
+        <h2 className="text-2xl font-semibold">Use Studio now</h2>
+        <p className="text-muted-foreground text-sm">
+          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.
+        </p>
+        <div className="flex flex-wrap gap-3">
+          <Link href="https://app.contractspec.studio" className="btn-primary">
+            Try Studio
+          </Link>
           <Link
-            key={section.href}
-            href={section.href}
-            className="card-subtle group space-y-2 p-6 transition hover:border-violet-500/40"
+            href="https://app.contractspec.studio/docs"
+            className="btn-ghost"
           >
-            <h2 className="text-xl font-semibold group-hover:text-violet-400">
-              {section.title}
-            </h2>
-            <p className="text-muted-foreground text-sm">{section.body}</p>
+            Read Studio docs
           </Link>
-        ))}
+        </div>
       </section>
     </main>
   );

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

@@ -1,78 +1,15 @@
-import Image from 'next/image';
-
-// export const metadata: Metadata = {
-//   title: 'Studio – Visual Builder Guide',
-//   description:
-//     'Understand the Studio visual builder: canvas controls, component palette, bindings, and validation.',
-// };
-
-const 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.',
-];
+import Link from '@contractspec/lib.ui-link';
 
 export function StudioVisualBuilderPage() {
   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">
-          Visual builder
-        </p>
-        <h1 className="text-4xl font-bold">Canvas, palette, and spec editor</h1>
-        <p className="text-muted-foreground max-w-3xl text-lg">
-          Studio’s builder keeps designers, operators, and engineers in sync.
-          Every action updates the underlying spec and can be undone.
-        </p>
-      </header>
-      <section className="border-border bg-card rounded-2xl border p-6">
-        <Image
-          src="/assets/images/studio/visual-builder.png"
-          alt="Studio visual builder overview"
-          width={1024}
-          height={576}
-          className="border-border rounded-xl border"
-        />
-      </section>
-      <section className="grid gap-4 md:grid-cols-2">
-        <article className="card-subtle space-y-2 p-6">
-          <h2 className="text-2xl font-semibold">Canvas controls</h2>
-          <p className="text-muted-foreground text-sm">
-            Drag to pan, scroll/ pinch to zoom. The right panel shows a tree
-            view.
-          </p>
-        </article>
-        <article className="card-subtle space-y-2 p-6">
-          <h2 className="text-2xl font-semibold">Component palette</h2>
-          <p className="text-muted-foreground text-sm">
-            Search by intent (“capture payment”) or category. Drag components or
-            tap to add.
-          </p>
-        </article>
-        <article className="card-subtle space-y-2 p-6">
-          <h2 className="text-2xl font-semibold">Spec editor</h2>
-          <p className="text-muted-foreground text-sm">
-            Toggle between visual and code views. Changes stay in sync and
-            include diff previews.
-          </p>
-        </article>
-        <article className="card-subtle space-y-2 p-6">
-          <h2 className="text-2xl font-semibold">Deploy panel</h2>
-          <p className="text-muted-foreground text-sm">
-            Choose environment, review validations, and deploy with one button.
-            Rollback is one tap away.
-          </p>
-        </article>
-      </section>
-      <section className="space-y-3">
-        <h2 className="text-2xl font-semibold">Tips</h2>
-        <ul className="space-y-2 text-sm">
-          {tips.map((tip) => (
-            <li key={tip}>• {tip}</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">
+        Visual builder documentation now lives in the Studio app docs.
+      </p>
+      <Link href="https://app.contractspec.studio/docs" className="btn-primary">
+        Open Studio docs
+      </Link>
     </main>
   );
 }