@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/components/docs/studio/StudioBYOKPage.js

@@ -7,7 +7,7 @@ function StudioBYOKPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx("p", {

package/dist/components/docs/studio/StudioDeploymentsPage.js

@@ -7,7 +7,7 @@ function StudioDeploymentsPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx("p", {

package/dist/components/docs/studio/StudioGettingStartedPage.js

@@ -7,7 +7,7 @@ function StudioGettingStartedPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx("p", {

package/dist/components/docs/studio/StudioIntegrationsPage.js

@@ -7,7 +7,7 @@ function StudioIntegrationsPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx("p", {

package/dist/components/docs/studio/StudioOverviewPage.js

@@ -2,83 +2,136 @@
 // src/components/docs/studio/StudioOverviewPage.tsx
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
-var coreLoop = [
-  {
-    title: "Evidence",
-    body: "Ingest product signals from meetings, support, analytics, code reviews, docs, and Slack."
-  },
-  {
-    title: "Correlation",
-    body: "Cluster signals into scored patterns with hybrid heuristics plus AI signature extraction."
-  },
-  {
-    title: "Decision",
-    body: "Create timeboxed focus zones and evidence-backed briefs with citation chains."
-  },
-  {
-    title: "Change",
-    body: "Compile patch intents into spec diffs, deterministic impact reports, and task packs."
-  },
-  {
-    title: "Export",
-    body: "Push deliverables to Linear, Jira, Notion, and GitHub with full decision context."
-  },
-  {
-    title: "Check + Autopilot",
-    body: "Verify outcomes, capture learning dividends, and automate safely with policy gates."
-  }
+var studioAdds = [
+  "decision workflows that turn product evidence into proposed spec changes",
+  "governed execution loops and task packs on top of the OSS contract layer",
+  "operator surfaces for teams that need a managed workflow instead of raw building blocks",
+  "deeper product-facing workflows that sit above the open system without replacing it"
 ];
 function StudioOverviewPage() {
   return /* @__PURE__ */ jsxs("main", {
-    className: "space-y-12 py-16",
+    className: "space-y-10",
     children: [
       /* @__PURE__ */ jsxs("section", {
-        className: "section-padding space-y-4",
+        className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "ContractSpec Studio"
+            className: "editorial-kicker",
+            children: "Studio bridge"
           }),
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold md:text-5xl",
-            children: "Compiler for product truth"
+            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+            children: "Studio is the operating layer built on top of OSS ContractSpec."
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            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:"
+            className: "max-w-3xl text-lg text-muted-foreground leading-8",
+            children: "Start with the open system first: contracts, generated surfaces, runtimes, integrations, and safe regeneration. Move to Studio when a team wants the product-facing workflow, decision loop, and managed operator surface on top of that foundation."
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("section", {
+        className: "editorial-proof-strip",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            className: "editorial-stat",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "editorial-label",
+                children: "What stays open"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "editorial-stat-value",
+                children: "contracts, code, generated surfaces"
+              })
+            ]
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground font-mono text-sm",
-            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
+            className: "max-w-2xl text-muted-foreground text-sm leading-7",
+            children: "Studio is additive. It does not replace the OSS source of truth or ask teams to abandon their contract layer."
           })
         ]
       }),
-      /* @__PURE__ */ jsx("section", {
-        className: "section-padding grid gap-4 md:grid-cols-2",
-        children: coreLoop.map((step) => /* @__PURE__ */ jsxs("article", {
-          className: "card-subtle space-y-2 p-6",
-          children: [
-            /* @__PURE__ */ jsx("h2", {
-              className: "text-xl font-semibold",
-              children: step.title
-            }),
-            /* @__PURE__ */ jsx("p", {
-              className: "text-muted-foreground text-sm",
-              children: step.body
-            })
-          ]
-        }, step.title))
+      /* @__PURE__ */ jsxs("section", {
+        className: "grid gap-4 md:grid-cols-2",
+        children: [
+          /* @__PURE__ */ jsxs("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsx("h2", {
+                className: "font-serif text-3xl tracking-[-0.03em]",
+                children: "Start with OSS when you need:"
+              }),
+              /* @__PURE__ */ jsxs("ul", {
+                className: "editorial-list",
+                children: [
+                  /* @__PURE__ */ jsxs("li", {
+                    children: [
+                      /* @__PURE__ */ jsx("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx("span", {
+                        children: "explicit contracts and generated surfaces you still own"
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs("li", {
+                    children: [
+                      /* @__PURE__ */ jsx("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx("span", {
+                        children: "incremental adoption inside an existing codebase"
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs("li", {
+                    children: [
+                      /* @__PURE__ */ jsx("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx("span", {
+                        children: "runtime governance, integrations, and safe regeneration without a managed operating product"
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsx("h2", {
+                className: "font-serif text-3xl tracking-[-0.03em]",
+                children: "Adopt Studio when you need:"
+              }),
+              /* @__PURE__ */ jsx("ul", {
+                className: "editorial-list",
+                children: studioAdds.map((item) => /* @__PURE__ */ jsxs("li", {
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      className: "editorial-list-marker"
+                    }),
+                    /* @__PURE__ */ jsx("span", {
+                      children: item
+                    })
+                  ]
+                }, item))
+              })
+            ]
+          })
+        ]
       }),
       /* @__PURE__ */ jsxs("section", {
-        className: "section-padding card-subtle space-y-4 p-6",
+        className: "editorial-panel space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-semibold",
-            children: "Use Studio now"
+            className: "font-serif text-3xl tracking-[-0.03em]",
+            children: "Go to the Studio product docs for the full product surface"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-sm",
-            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."
+            className: "text-muted-foreground text-sm leading-7",
+            children: "The OSS site keeps this section intentionally short. Deep Studio product guidance belongs in the Studio app docs."
           }),
           /* @__PURE__ */ jsxs("div", {
             className: "flex flex-wrap gap-3",
@@ -86,7 +139,7 @@ function StudioOverviewPage() {
               /* @__PURE__ */ jsx(Link, {
                 href: "https://www.contractspec.studio",
                 className: "btn-primary",
-                children: "Try Studio"
+                children: "Open Studio"
               }),
               /* @__PURE__ */ jsx(Link, {
                 href: "https://www.contractspec.studio/docs",

package/dist/components/docs/studio/StudioVisualBuilderPage.js

@@ -7,7 +7,7 @@ function StudioVisualBuilderPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx("p", {

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

@@ -1,6 +1,6 @@
-export { StudioOverviewPage } from './StudioOverviewPage';
+export { StudioBYOKPage } from './StudioBYOKPage';
+export { StudioDeploymentsPage } from './StudioDeploymentsPage';
 export { StudioGettingStartedPage } from './StudioGettingStartedPage';
-export { StudioVisualBuilderPage } from './StudioVisualBuilderPage';
 export { StudioIntegrationsPage } from './StudioIntegrationsPage';
-export { StudioDeploymentsPage } from './StudioDeploymentsPage';
-export { StudioBYOKPage } from './StudioBYOKPage';
+export { StudioOverviewPage } from './StudioOverviewPage';
+export { StudioVisualBuilderPage } from './StudioVisualBuilderPage';

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

@@ -1,120 +1,42 @@
 // @bun
-// src/components/docs/studio/StudioOverviewPage.tsx
+// src/components/docs/studio/StudioBYOKPage.tsx
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
-var coreLoop = [
-  {
-    title: "Evidence",
-    body: "Ingest product signals from meetings, support, analytics, code reviews, docs, and Slack."
-  },
-  {
-    title: "Correlation",
-    body: "Cluster signals into scored patterns with hybrid heuristics plus AI signature extraction."
-  },
-  {
-    title: "Decision",
-    body: "Create timeboxed focus zones and evidence-backed briefs with citation chains."
-  },
-  {
-    title: "Change",
-    body: "Compile patch intents into spec diffs, deterministic impact reports, and task packs."
-  },
-  {
-    title: "Export",
-    body: "Push deliverables to Linear, Jira, Notion, and GitHub with full decision context."
-  },
-  {
-    title: "Check + Autopilot",
-    body: "Verify outcomes, capture learning dividends, and automate safely with policy gates."
-  }
-];
-function StudioOverviewPage() {
+function StudioBYOKPage() {
   return /* @__PURE__ */ jsxs("main", {
-    className: "space-y-12 py-16",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxs("section", {
-        className: "section-padding space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "ContractSpec Studio"
-          }),
-          /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold md:text-5xl",
-            children: "Compiler for product truth"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground max-w-3xl text-lg",
-            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:"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground font-mono text-sm",
-            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
-          })
-        ]
+      /* @__PURE__ */ jsx("h1", {
+        className: "font-bold text-3xl",
+        children: "Studio docs moved"
       }),
-      /* @__PURE__ */ jsx("section", {
-        className: "section-padding grid gap-4 md:grid-cols-2",
-        children: coreLoop.map((step) => /* @__PURE__ */ jsxs("article", {
-          className: "card-subtle space-y-2 p-6",
-          children: [
-            /* @__PURE__ */ jsx("h2", {
-              className: "text-xl font-semibold",
-              children: step.title
-            }),
-            /* @__PURE__ */ jsx("p", {
-              className: "text-muted-foreground text-sm",
-              children: step.body
-            })
-          ]
-        }, step.title))
+      /* @__PURE__ */ jsx("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Security and BYOK guidance now lives in the Studio app docs."
       }),
-      /* @__PURE__ */ jsxs("section", {
-        className: "section-padding card-subtle space-y-4 p-6",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-semibold",
-            children: "Use Studio now"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-sm",
-            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."
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex flex-wrap gap-3",
-            children: [
-              /* @__PURE__ */ jsx(Link, {
-                href: "https://www.contractspec.studio",
-                className: "btn-primary",
-                children: "Try Studio"
-              }),
-              /* @__PURE__ */ jsx(Link, {
-                href: "https://www.contractspec.studio/docs",
-                className: "btn-ghost",
-                children: "Read Studio docs"
-              })
-            ]
-          })
-        ]
+      /* @__PURE__ */ jsx(Link, {
+        href: "https://www.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
       })
     ]
   });
 }
 
-// src/components/docs/studio/StudioGettingStartedPage.tsx
+// src/components/docs/studio/StudioDeploymentsPage.tsx
 import Link2 from "@contractspec/lib.ui-link";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function StudioGettingStartedPage() {
+function StudioDeploymentsPage() {
   return /* @__PURE__ */ jsxs2("main", {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx2("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx2("p", {
         className: "text-muted-foreground text-sm",
-        children: "The latest getting-started guide now lives in the Studio app docs."
+        children: "Deployment guidance now lives in the Studio app docs."
       }),
       /* @__PURE__ */ jsx2(Link2, {
         href: "https://www.contractspec.studio/docs",
@@ -125,20 +47,20 @@ function StudioGettingStartedPage() {
   });
 }
 
-// src/components/docs/studio/StudioVisualBuilderPage.tsx
+// src/components/docs/studio/StudioGettingStartedPage.tsx
 import Link3 from "@contractspec/lib.ui-link";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function StudioVisualBuilderPage() {
+function StudioGettingStartedPage() {
   return /* @__PURE__ */ jsxs3("main", {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx3("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx3("p", {
         className: "text-muted-foreground text-sm",
-        children: "Visual builder documentation now lives in the Studio app docs."
+        children: "The latest getting-started guide now lives in the Studio app docs."
       }),
       /* @__PURE__ */ jsx3(Link3, {
         href: "https://www.contractspec.studio/docs",
@@ -157,7 +79,7 @@ function StudioIntegrationsPage() {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx4("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx4("p", {
@@ -173,44 +95,175 @@ function StudioIntegrationsPage() {
   });
 }
 
-// src/components/docs/studio/StudioDeploymentsPage.tsx
+// src/components/docs/studio/StudioOverviewPage.tsx
 import Link5 from "@contractspec/lib.ui-link";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function StudioDeploymentsPage() {
+var studioAdds = [
+  "decision workflows that turn product evidence into proposed spec changes",
+  "governed execution loops and task packs on top of the OSS contract layer",
+  "operator surfaces for teams that need a managed workflow instead of raw building blocks",
+  "deeper product-facing workflows that sit above the open system without replacing it"
+];
+function StudioOverviewPage() {
   return /* @__PURE__ */ jsxs5("main", {
-    className: "space-y-6 py-12",
+    className: "space-y-10",
     children: [
-      /* @__PURE__ */ jsx5("h1", {
-        className: "text-3xl font-bold",
-        children: "Studio docs moved"
+      /* @__PURE__ */ jsxs5("section", {
+        className: "space-y-3",
+        children: [
+          /* @__PURE__ */ jsx5("p", {
+            className: "editorial-kicker",
+            children: "Studio bridge"
+          }),
+          /* @__PURE__ */ jsx5("h1", {
+            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+            children: "Studio is the operating layer built on top of OSS ContractSpec."
+          }),
+          /* @__PURE__ */ jsx5("p", {
+            className: "max-w-3xl text-lg text-muted-foreground leading-8",
+            children: "Start with the open system first: contracts, generated surfaces, runtimes, integrations, and safe regeneration. Move to Studio when a team wants the product-facing workflow, decision loop, and managed operator surface on top of that foundation."
+          })
+        ]
       }),
-      /* @__PURE__ */ jsx5("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Deployment guidance now lives in the Studio app docs."
+      /* @__PURE__ */ jsxs5("section", {
+        className: "editorial-proof-strip",
+        children: [
+          /* @__PURE__ */ jsxs5("div", {
+            className: "editorial-stat",
+            children: [
+              /* @__PURE__ */ jsx5("span", {
+                className: "editorial-label",
+                children: "What stays open"
+              }),
+              /* @__PURE__ */ jsx5("span", {
+                className: "editorial-stat-value",
+                children: "contracts, code, generated surfaces"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx5("p", {
+            className: "max-w-2xl text-muted-foreground text-sm leading-7",
+            children: "Studio is additive. It does not replace the OSS source of truth or ask teams to abandon their contract layer."
+          })
+        ]
       }),
-      /* @__PURE__ */ jsx5(Link5, {
-        href: "https://www.contractspec.studio/docs",
-        className: "btn-primary",
-        children: "Open Studio docs"
+      /* @__PURE__ */ jsxs5("section", {
+        className: "grid gap-4 md:grid-cols-2",
+        children: [
+          /* @__PURE__ */ jsxs5("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsx5("h2", {
+                className: "font-serif text-3xl tracking-[-0.03em]",
+                children: "Start with OSS when you need:"
+              }),
+              /* @__PURE__ */ jsxs5("ul", {
+                className: "editorial-list",
+                children: [
+                  /* @__PURE__ */ jsxs5("li", {
+                    children: [
+                      /* @__PURE__ */ jsx5("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx5("span", {
+                        children: "explicit contracts and generated surfaces you still own"
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs5("li", {
+                    children: [
+                      /* @__PURE__ */ jsx5("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx5("span", {
+                        children: "incremental adoption inside an existing codebase"
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs5("li", {
+                    children: [
+                      /* @__PURE__ */ jsx5("span", {
+                        className: "editorial-list-marker"
+                      }),
+                      /* @__PURE__ */ jsx5("span", {
+                        children: "runtime governance, integrations, and safe regeneration without a managed operating product"
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs5("article", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsx5("h2", {
+                className: "font-serif text-3xl tracking-[-0.03em]",
+                children: "Adopt Studio when you need:"
+              }),
+              /* @__PURE__ */ jsx5("ul", {
+                className: "editorial-list",
+                children: studioAdds.map((item) => /* @__PURE__ */ jsxs5("li", {
+                  children: [
+                    /* @__PURE__ */ jsx5("span", {
+                      className: "editorial-list-marker"
+                    }),
+                    /* @__PURE__ */ jsx5("span", {
+                      children: item
+                    })
+                  ]
+                }, item))
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs5("section", {
+        className: "editorial-panel space-y-4",
+        children: [
+          /* @__PURE__ */ jsx5("h2", {
+            className: "font-serif text-3xl tracking-[-0.03em]",
+            children: "Go to the Studio product docs for the full product surface"
+          }),
+          /* @__PURE__ */ jsx5("p", {
+            className: "text-muted-foreground text-sm leading-7",
+            children: "The OSS site keeps this section intentionally short. Deep Studio product guidance belongs in the Studio app docs."
+          }),
+          /* @__PURE__ */ jsxs5("div", {
+            className: "flex flex-wrap gap-3",
+            children: [
+              /* @__PURE__ */ jsx5(Link5, {
+                href: "https://www.contractspec.studio",
+                className: "btn-primary",
+                children: "Open Studio"
+              }),
+              /* @__PURE__ */ jsx5(Link5, {
+                href: "https://www.contractspec.studio/docs",
+                className: "btn-ghost",
+                children: "Read Studio docs"
+              })
+            ]
+          })
+        ]
       })
     ]
   });
 }
 
-// src/components/docs/studio/StudioBYOKPage.tsx
+// src/components/docs/studio/StudioVisualBuilderPage.tsx
 import Link6 from "@contractspec/lib.ui-link";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function StudioBYOKPage() {
+function StudioVisualBuilderPage() {
   return /* @__PURE__ */ jsxs6("main", {
     className: "space-y-6 py-12",
     children: [
       /* @__PURE__ */ jsx6("h1", {
-        className: "text-3xl font-bold",
+        className: "font-bold text-3xl",
         children: "Studio docs moved"
       }),
       /* @__PURE__ */ jsx6("p", {
         className: "text-muted-foreground text-sm",
-        children: "Security and BYOK guidance now lives in the Studio app docs."
+        children: "Visual builder documentation now lives in the Studio app docs."
       }),
       /* @__PURE__ */ jsx6(Link6, {
         href: "https://www.contractspec.studio/docs",