@aiworkbench/vibe-ide 0.0.1 → 0.0.3

package/dist/index.js

@@ -7403,9 +7403,88 @@ function VibeIdePreviewPane() {
 // src/react/vibe-ide-toolbar.tsx
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var TABS = [
-  { id: "preview", label: "Preview" },
-  { id: "code", label: "</> Code" },
-  { id: "terminal", label: "Terminal" }
+  {
+    id: "preview",
+    label: "Preview",
+    icon: /* @__PURE__ */ jsxDEV4("svg", {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxDEV4("rect", {
+          width: "20",
+          height: "14",
+          x: "2",
+          y: "3",
+          rx: "2"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4("line", {
+          x1: "8",
+          x2: "16",
+          y1: "21",
+          y2: "21"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4("line", {
+          x1: "12",
+          x2: "12",
+          y1: "17",
+          y2: "21"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  },
+  {
+    id: "code",
+    label: "Code",
+    icon: /* @__PURE__ */ jsxDEV4("svg", {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxDEV4("polyline", {
+          points: "16 18 22 12 16 6"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4("polyline", {
+          points: "8 6 2 12 8 18"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  },
+  {
+    id: "terminal",
+    label: "Terminal",
+    icon: /* @__PURE__ */ jsxDEV4("svg", {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxDEV4("polyline", {
+          points: "4 17 10 11 4 5"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4("line", {
+          x1: "12",
+          x2: "20",
+          y1: "19",
+          y2: "19"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }
 ];
 function VibeIdeToolbar({ extra, onCollapse }) {
   const { activeRightPane, setActiveRightPane, webcontainer } = useVibeIde();
@@ -7449,8 +7528,10 @@ function VibeIdeToolbar({ extra, onCollapse }) {
             className: "ide-pill-group",
             children: TABS.map((tab) => /* @__PURE__ */ jsxDEV4("button", {
               onClick: () => setActiveRightPane(tab.id),
-              className: `ide-pill ${activeRightPane === tab.id ? "ide-pill-active" : "ide-pill-inactive"}`,
-              children: tab.label
+              title: tab.label,
+              "aria-label": tab.label,
+              className: `ide-pill flex items-center justify-center !px-2.5 ${activeRightPane === tab.id ? "ide-pill-active" : "ide-pill-inactive"}`,
+              children: tab.icon
             }, tab.id, false, undefined, this))
           }, undefined, false, undefined, this),
           extra
@@ -7509,7 +7590,8 @@ function VibeIdeToolbar({ extra, onCollapse }) {
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
 function IdePlaceholder({
   label,
-  sublabel
+  sublabel,
+  icon
 }) {
   return /* @__PURE__ */ jsxDEV5("div", {
     className: "flex h-full w-full flex-col items-center justify-center gap-3",
@@ -7518,7 +7600,7 @@ function IdePlaceholder({
       /* @__PURE__ */ jsxDEV5("div", {
         className: "flex h-12 w-12 items-center justify-center rounded-xl",
         style: { background: "var(--ide-accent-soft)" },
-        children: /* @__PURE__ */ jsxDEV5("svg", {
+        children: icon || /* @__PURE__ */ jsxDEV5("svg", {
           width: "24",
           height: "24",
           viewBox: "0 0 24 24",
@@ -7560,12 +7642,51 @@ function RightPaneContent({ tab }) {
     case "code":
       return /* @__PURE__ */ jsxDEV5(IdePlaceholder, {
         label: "Code View",
-        sublabel: "Coming in Phase 2"
+        sublabel: "Coming in Phase 2",
+        icon: /* @__PURE__ */ jsxDEV5("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "var(--ide-accent)",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsxDEV5("polyline", {
+              points: "16 18 22 12 16 6"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5("polyline", {
+              points: "8 6 2 12 8 18"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
       }, undefined, false, undefined, this);
     case "terminal":
       return /* @__PURE__ */ jsxDEV5(IdePlaceholder, {
         label: "Terminal",
-        sublabel: "Coming in Phase 2"
+        sublabel: "Coming in Phase 2",
+        icon: /* @__PURE__ */ jsxDEV5("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "var(--ide-accent)",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsxDEV5("polyline", {
+              points: "4 17 10 11 4 5"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5("line", {
+              x1: "12",
+              y1: "19",
+              x2: "20",
+              y2: "19"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
       }, undefined, false, undefined, this);
     default:
       return null;

package/dist/react/vibe-ide-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-ide-layout.d.ts","sourceRoot":"","sources":["../../src/react/vibe-ide-layout.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAgB,MAAM,UAAU,CAAC;AAuEtE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CAqFzB"}
+{"version":3,"file":"vibe-ide-layout.d.ts","sourceRoot":"","sources":["../../src/react/vibe-ide-layout.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAgB,MAAM,UAAU,CAAC;AA6FtE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CAqFzB"}

package/dist/react/vibe-ide-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-ide-toolbar.d.ts","sourceRoot":"","sources":["../../src/react/vibe-ide-toolbar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,mBAAmB;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CAkHxE"}
+{"version":3,"file":"vibe-ide-toolbar.d.ts","sourceRoot":"","sources":["../../src/react/vibe-ide-toolbar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,UAAU,mBAAmB;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CAoHxE"}

package/dist/server.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @aiworkbench/vibe-ide — Server-Safe API barrel export.
+ *
+ * This entry point re-exports only everything that is safe to use in a Node.js
+ * or serverless backend environment (e.g. Next.js API Routes).
+ * It explicitly EXCLUDES any React components, hooks, WebContainer references,
+ * or browser-only APIs.
+ */
+export { webContainerToolArgumentSchemas, WebContainerToolSchema, webContainerToolsDefinition, type WebContainerToolCall, } from "./mcp/mcp-tools";
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,+BAA+B,EAC/B,sBAAsB,EACtB,2BAA2B,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC"}