@contractspec/bundle.library 2.0.0 → 2.1.1

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

@@ -1,119 +1,24 @@
 // @bun
 // src/components/docs/studio/StudioVisualBuilderPage.tsx
-import Image from "next/image";
+import Link from "@contractspec/lib.ui-link";
 import { jsxDEV } 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__ */ jsxDEV("main", {
-    className: "space-y-12 py-12",
+    className: "space-y-6 py-12",
     children: [
-      /* @__PURE__ */ jsxDEV("header", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
-            children: "Visual builder"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("h1", {
-            className: "text-4xl font-bold",
-            children: "Canvas, palette, and spec editor"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("section", {
-        className: "border-border bg-card rounded-2xl border p-6",
-        children: /* @__PURE__ */ jsxDEV(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__ */ jsxDEV("h1", {
+        className: "text-3xl font-bold",
+        children: "Studio docs moved"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("section", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: [
-          /* @__PURE__ */ jsxDEV("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "text-2xl font-semibold",
-                children: "Canvas controls"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "text-2xl font-semibold",
-                children: "Component palette"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "text-2xl font-semibold",
-                children: "Spec editor"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("article", {
-            className: "card-subtle space-y-2 p-6",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "text-2xl font-semibold",
-                children: "Deploy panel"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("section", {
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxDEV("h2", {
-            className: "text-2xl font-semibold",
-            children: "Tips"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ul", {
-            className: "space-y-2 text-sm",
-            children: tips.map((tip) => /* @__PURE__ */ jsxDEV("li", {
-              children: [
-                "\u2022 ",
-                tip
-              ]
-            }, tip, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV("p", {
+        className: "text-muted-foreground text-sm",
+        children: "Visual builder documentation now lives in the Studio app docs."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Link, {
+        href: "https://app.contractspec.studio/docs",
+        className: "btn-primary",
+        children: "Open Studio docs"
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }