@lasso-ai/cli 1.2.2 → 1.2.3

package/dist/overlay.js

@@ -8093,54 +8093,8 @@
     }
 
     .lasso-toolbar-mini {
-      position: fixed;
-      left: calc(50% + 140px);
-      bottom: 24px;
-      display: inline-flex;
-      align-items: center;
-      min-height: 48px;
-      padding: 6px;
-      border: 1px solid var(--lo-border);
-      border-radius: var(--lo-radius-full);
-      background: rgba(22, 23, 27, 0.94);
-      box-shadow: var(--lo-shadow-lg);
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-      pointer-events: auto;
-      z-index: 10;
-      transition: left 200ms ease, opacity 200ms ease;
-    }
-
-    .lasso-toolbar.dismissed + .lasso-toolbar-mini {
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    .lasso-toolbar-mini.dismissed { display: none; }
-
-    /* Hide mini toolbar when one-shot sidebar is open */
-    .lasso-command-sidebar:not([hidden]) ~ .lasso-toolbar-mini {
-      opacity: 0;
-      pointer-events: none;
-    }
-    .lasso-new-page-btn {
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-      height: 34px;
-      padding: 0 12px;
-      border: 0;
-      border-radius: var(--lo-radius-full);
-      background: var(--lo-primary);
-      color: #111214;
-      font: inherit;
-      font-size: 12px;
-      font-weight: 650;
-      cursor: pointer;
-      transition: transform 150ms ease, filter 150ms ease;
+      display: none;
     }
-    .lasso-new-page-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
-    .lasso-new-page-btn:active { transform: scale(.97); }
 
     /* ==========================================================
        NEW PAGE \u2014 nested project explorer
@@ -8366,6 +8320,16 @@
       background: rgba(129, 201, 149, 0.16);
     }
 
+    /* Page button */
+    .lasso-tool-btn.page-tool {
+      color: var(--lo-text-2);
+    }
+
+    .lasso-tool-btn.page-tool:hover {
+      color: var(--lo-primary);
+      background: rgba(129, 201, 149, 0.16);
+    }
+
     /* Badge on comment button */
     .lasso-comments-badge {
       display: none;
@@ -8439,7 +8403,6 @@
     }
 
     @media (max-width: 760px) {
-      .lasso-toolbar-mini { left: 50%; bottom: 82px; transform: translateX(-50%); }
       .lasso-new-page-panel { left: 50%; transform: translateX(-50%); }
     }
 
@@ -22170,6 +22133,15 @@
       <span class="lasso-tool-label">Command</span>
     </button>
 
+    <button class="lasso-tool-btn page-tool" type="button" aria-label="Create a new page" title="New page">
+      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+        <path d="M14 2v6h6"/>
+        <path d="M12 12v6M9 15h6"/>
+      </svg>
+      <span class="lasso-tool-label">New Page</span>
+    </button>
+
     <div class="lasso-presence" style="display: none;">
       <div class="lasso-presence-avatars"></div>
       <span class="lasso-presence-count"></span>
@@ -22216,16 +22188,7 @@
   `;
     const miniToolbar = document.createElement("div");
     miniToolbar.className = "lasso-toolbar-mini";
-    miniToolbar.innerHTML = `
-    <button class="lasso-new-page-btn" type="button" aria-label="Create a new page" title="New page">
-      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <path d="M14 2v6h6"/>
-        <path d="M12 12v6M9 15h6"/>
-      </svg>
-      <span>New Page</span>
-    </button>
-  `;
+    miniToolbar.style.display = "none";
     dom.shadow.append(toolbar, miniToolbar, toolbarReopen, voiceBar);
     const tooltip = document.createElement("div");
     tooltip.className = "lasso-toolbar-tooltip";
@@ -22257,13 +22220,6 @@
       target.addEventListener("focusin", () => showTooltip(target));
       target.addEventListener("focusout", () => hideTooltip(target));
     });
-    miniToolbar.querySelectorAll("[title]").forEach((target) => {
-      target.dataset.tooltip = target.getAttribute("title") || "";
-      target.addEventListener("pointerenter", () => showTooltip(target));
-      target.addEventListener("pointerleave", () => hideTooltip(target));
-      target.addEventListener("focusin", () => showTooltip(target));
-      target.addEventListener("focusout", () => hideTooltip(target));
-    });
     const selectBtn = toolbar.querySelector(".select-tool");
     const dragBtn = toolbar.querySelector(".drag-tool");
     const previewBtn = toolbar.querySelector(".preview-tool");
@@ -22275,9 +22231,9 @@
     const clipboardBtn = toolbar.querySelector(".clipboard-tool");
     const voiceBtn = toolbar.querySelector(".voice-tool");
     const commandBtn = toolbar.querySelector(".command-tool");
+    const pageBtn = toolbar.querySelector(".page-tool");
     const dismissBtn = toolbar.querySelector(".lasso-toolbar-dismiss");
-    const newPageBtn = miniToolbar.querySelector(".lasso-new-page-btn");
-    newPageBtn.addEventListener("click", (event) => {
+    pageBtn.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopPropagation();
       togglePagePanel();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lasso-ai/cli",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Select any part of your running app, describe a change, and let AI edit the real source code.",
   "type": "commonjs",
   "main": "dist/cli/index.js",