@aiworkbench/vibe-ide 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +130 -9
  2. package/dist/react/vibe-ide-layout.d.ts.map +1 -1
  3. package/dist/react/vibe-ide-toolbar.d.ts.map +1 -1
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -7403,9 +7403,88 @@ function VibeIdePreviewPane() {
7403
7403
  // src/react/vibe-ide-toolbar.tsx
7404
7404
  import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
7405
7405
  var TABS = [
7406
- { id: "preview", label: "Preview" },
7407
- { id: "code", label: "</> Code" },
7408
- { id: "terminal", label: "Terminal" }
7406
+ {
7407
+ id: "preview",
7408
+ label: "Preview",
7409
+ icon: /* @__PURE__ */ jsxDEV4("svg", {
7410
+ width: "15",
7411
+ height: "15",
7412
+ viewBox: "0 0 24 24",
7413
+ fill: "none",
7414
+ stroke: "currentColor",
7415
+ strokeWidth: "2.5",
7416
+ strokeLinecap: "round",
7417
+ strokeLinejoin: "round",
7418
+ children: [
7419
+ /* @__PURE__ */ jsxDEV4("rect", {
7420
+ width: "20",
7421
+ height: "14",
7422
+ x: "2",
7423
+ y: "3",
7424
+ rx: "2"
7425
+ }, undefined, false, undefined, this),
7426
+ /* @__PURE__ */ jsxDEV4("line", {
7427
+ x1: "8",
7428
+ x2: "16",
7429
+ y1: "21",
7430
+ y2: "21"
7431
+ }, undefined, false, undefined, this),
7432
+ /* @__PURE__ */ jsxDEV4("line", {
7433
+ x1: "12",
7434
+ x2: "12",
7435
+ y1: "17",
7436
+ y2: "21"
7437
+ }, undefined, false, undefined, this)
7438
+ ]
7439
+ }, undefined, true, undefined, this)
7440
+ },
7441
+ {
7442
+ id: "code",
7443
+ label: "Code",
7444
+ icon: /* @__PURE__ */ jsxDEV4("svg", {
7445
+ width: "15",
7446
+ height: "15",
7447
+ viewBox: "0 0 24 24",
7448
+ fill: "none",
7449
+ stroke: "currentColor",
7450
+ strokeWidth: "2.5",
7451
+ strokeLinecap: "round",
7452
+ strokeLinejoin: "round",
7453
+ children: [
7454
+ /* @__PURE__ */ jsxDEV4("polyline", {
7455
+ points: "16 18 22 12 16 6"
7456
+ }, undefined, false, undefined, this),
7457
+ /* @__PURE__ */ jsxDEV4("polyline", {
7458
+ points: "8 6 2 12 8 18"
7459
+ }, undefined, false, undefined, this)
7460
+ ]
7461
+ }, undefined, true, undefined, this)
7462
+ },
7463
+ {
7464
+ id: "terminal",
7465
+ label: "Terminal",
7466
+ icon: /* @__PURE__ */ jsxDEV4("svg", {
7467
+ width: "15",
7468
+ height: "15",
7469
+ viewBox: "0 0 24 24",
7470
+ fill: "none",
7471
+ stroke: "currentColor",
7472
+ strokeWidth: "2.5",
7473
+ strokeLinecap: "round",
7474
+ strokeLinejoin: "round",
7475
+ children: [
7476
+ /* @__PURE__ */ jsxDEV4("polyline", {
7477
+ points: "4 17 10 11 4 5"
7478
+ }, undefined, false, undefined, this),
7479
+ /* @__PURE__ */ jsxDEV4("line", {
7480
+ x1: "12",
7481
+ x2: "20",
7482
+ y1: "19",
7483
+ y2: "19"
7484
+ }, undefined, false, undefined, this)
7485
+ ]
7486
+ }, undefined, true, undefined, this)
7487
+ }
7409
7488
  ];
7410
7489
  function VibeIdeToolbar({ extra, onCollapse }) {
7411
7490
  const { activeRightPane, setActiveRightPane, webcontainer } = useVibeIde();
@@ -7449,8 +7528,10 @@ function VibeIdeToolbar({ extra, onCollapse }) {
7449
7528
  className: "ide-pill-group",
7450
7529
  children: TABS.map((tab) => /* @__PURE__ */ jsxDEV4("button", {
7451
7530
  onClick: () => setActiveRightPane(tab.id),
7452
- className: `ide-pill ${activeRightPane === tab.id ? "ide-pill-active" : "ide-pill-inactive"}`,
7453
- children: tab.label
7531
+ title: tab.label,
7532
+ "aria-label": tab.label,
7533
+ className: `ide-pill flex items-center justify-center !px-2.5 ${activeRightPane === tab.id ? "ide-pill-active" : "ide-pill-inactive"}`,
7534
+ children: tab.icon
7454
7535
  }, tab.id, false, undefined, this))
7455
7536
  }, undefined, false, undefined, this),
7456
7537
  extra
@@ -7509,7 +7590,8 @@ function VibeIdeToolbar({ extra, onCollapse }) {
7509
7590
  import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
7510
7591
  function IdePlaceholder({
7511
7592
  label,
7512
- sublabel
7593
+ sublabel,
7594
+ icon
7513
7595
  }) {
7514
7596
  return /* @__PURE__ */ jsxDEV5("div", {
7515
7597
  className: "flex h-full w-full flex-col items-center justify-center gap-3",
@@ -7518,7 +7600,7 @@ function IdePlaceholder({
7518
7600
  /* @__PURE__ */ jsxDEV5("div", {
7519
7601
  className: "flex h-12 w-12 items-center justify-center rounded-xl",
7520
7602
  style: { background: "var(--ide-accent-soft)" },
7521
- children: /* @__PURE__ */ jsxDEV5("svg", {
7603
+ children: icon || /* @__PURE__ */ jsxDEV5("svg", {
7522
7604
  width: "24",
7523
7605
  height: "24",
7524
7606
  viewBox: "0 0 24 24",
@@ -7560,12 +7642,51 @@ function RightPaneContent({ tab }) {
7560
7642
  case "code":
7561
7643
  return /* @__PURE__ */ jsxDEV5(IdePlaceholder, {
7562
7644
  label: "Code View",
7563
- sublabel: "Coming in Phase 2"
7645
+ sublabel: "Coming in Phase 2",
7646
+ icon: /* @__PURE__ */ jsxDEV5("svg", {
7647
+ width: "24",
7648
+ height: "24",
7649
+ viewBox: "0 0 24 24",
7650
+ fill: "none",
7651
+ stroke: "var(--ide-accent)",
7652
+ strokeWidth: "1.5",
7653
+ strokeLinecap: "round",
7654
+ strokeLinejoin: "round",
7655
+ children: [
7656
+ /* @__PURE__ */ jsxDEV5("polyline", {
7657
+ points: "16 18 22 12 16 6"
7658
+ }, undefined, false, undefined, this),
7659
+ /* @__PURE__ */ jsxDEV5("polyline", {
7660
+ points: "8 6 2 12 8 18"
7661
+ }, undefined, false, undefined, this)
7662
+ ]
7663
+ }, undefined, true, undefined, this)
7564
7664
  }, undefined, false, undefined, this);
7565
7665
  case "terminal":
7566
7666
  return /* @__PURE__ */ jsxDEV5(IdePlaceholder, {
7567
7667
  label: "Terminal",
7568
- sublabel: "Coming in Phase 2"
7668
+ sublabel: "Coming in Phase 2",
7669
+ icon: /* @__PURE__ */ jsxDEV5("svg", {
7670
+ width: "24",
7671
+ height: "24",
7672
+ viewBox: "0 0 24 24",
7673
+ fill: "none",
7674
+ stroke: "var(--ide-accent)",
7675
+ strokeWidth: "1.5",
7676
+ strokeLinecap: "round",
7677
+ strokeLinejoin: "round",
7678
+ children: [
7679
+ /* @__PURE__ */ jsxDEV5("polyline", {
7680
+ points: "4 17 10 11 4 5"
7681
+ }, undefined, false, undefined, this),
7682
+ /* @__PURE__ */ jsxDEV5("line", {
7683
+ x1: "12",
7684
+ y1: "19",
7685
+ x2: "20",
7686
+ y2: "19"
7687
+ }, undefined, false, undefined, this)
7688
+ ]
7689
+ }, undefined, true, undefined, this)
7569
7690
  }, undefined, false, undefined, this);
7570
7691
  default:
7571
7692
  return null;
package/dist/react/vibe-ide-layout.d.ts.map CHANGED
@@ -1 +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"}
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;AA6FtE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CAqFzB"}
package/dist/react/vibe-ide-toolbar.d.ts.map CHANGED
@@ -1 +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"}
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;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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aiworkbench/vibe-ide",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },