@co0ontty/wand 1.1.7 → 1.2.2

package/dist/web-ui/content/styles.css

@@ -2042,6 +2042,10 @@
       position: relative;
       flex-shrink: 0;
     }
+    /* Desktop: expanded row is always hidden (mobile only) */
+    .inline-shortcuts-expanded-row {
+      display: none;
+    }
     .shortcuts-toggle {
       display: none;
     }
@@ -5128,14 +5132,18 @@
         display: none;
       }
 
-      /* 移动端内联快捷键 - 折叠为左右滑动条 */
+      /* 移动端内联快捷键 - 折叠为展开按钮，展开到独立第二行 */
       .inline-shortcuts-inline {
         display: none;
       }
       .inline-shortcuts-wrap {
-        flex-shrink: 1;
-        min-width: 0;
-        overflow: hidden;
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+      }
+      /* 移动端: strip 永远不显示，展开由独立的 expanded-row 承载 */
+      .inline-shortcuts-strip {
+        display: none !important;
       }
       .shortcuts-toggle {
         display: inline-flex;
@@ -5158,30 +5166,31 @@
       .shortcuts-toggle.active {
         color: var(--accent);
       }
-      .inline-shortcuts-strip {
+      /* 独立第二行：默认隐藏 */
+      .inline-shortcuts-expanded-row {
         display: none;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-        scrollbar-width: none;
-        align-items: center;
+      }
+      /* 独立第二行：展开时显示，居中、自动换行 */
+      .inline-shortcuts-expanded-row.visible {
+        display: flex;
+        justify-content: center;
+        align-items: flex-start;
+        align-content: flex-start;
+        flex-wrap: wrap;
         gap: 3px;
-        flex: 1;
-        min-width: 0;
+        padding: 4px 6px;
       }
-      .inline-shortcuts-strip::-webkit-scrollbar {
+      .inline-shortcuts-expanded-row .shortcut-sep {
         display: none;
       }
-      .inline-shortcuts-wrap.expanded .inline-shortcuts-strip {
-        display: flex;
-      }
-      .inline-shortcuts-strip .shortcut-key {
+      .inline-shortcuts-expanded-row .shortcut-key {
         height: 22px;
         min-width: 22px;
         font-size: 0.5625rem;
         padding: 0 4px;
-        flex-shrink: 0;
+        flex: 0 0 auto;
       }
-      .inline-shortcuts-strip .shortcut-key.shortcut-dir {
+      .inline-shortcuts-expanded-row .shortcut-key.shortcut-dir {
         min-width: 20px;
       }
 
@@ -5830,6 +5839,109 @@
       to { opacity: 1; transform: translateX(-50%) translateY(0); }
     }
 
+    /* ── Notification Bubble ── */
+    .notification-bubble {
+      position: fixed;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 10000;
+      min-width: 280px;
+      max-width: 380px;
+      background: var(--bg-primary);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-lg);
+      box-shadow: var(--shadow-lg);
+      padding: 14px 16px;
+      animation: notification-slide-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+      transition: top 0.25s ease, opacity 0.25s ease;
+    }
+    .notification-bubble.slide-out {
+      animation: notification-slide-out 0.25s ease forwards;
+      transform: translateX(-50%);
+    }
+    .notification-bubble-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 6px;
+    }
+    .notification-bubble-icon {
+      width: 20px;
+      height: 20px;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: var(--radius-sm);
+      font-size: 12px;
+    }
+    .notification-bubble-icon.info { background: var(--accent); color: white; }
+    .notification-bubble-icon.warning { background: var(--warning); color: white; }
+    .notification-bubble-icon.success { background: var(--success); color: white; }
+    .notification-bubble-title {
+      font-size: 0.875rem;
+      font-weight: 600;
+      color: var(--fg-primary);
+      flex: 1;
+      min-width: 0;
+    }
+    .notification-bubble-close {
+      background: none;
+      border: none;
+      color: var(--fg-muted);
+      cursor: pointer;
+      font-size: 16px;
+      line-height: 1;
+      padding: 2px 4px;
+      border-radius: var(--radius-sm);
+      flex-shrink: 0;
+    }
+    .notification-bubble-close:hover {
+      background: var(--bg-hover);
+      color: var(--fg-primary);
+    }
+    .notification-bubble-body {
+      font-size: 0.8125rem;
+      color: var(--fg-secondary);
+      line-height: 1.45;
+      margin-bottom: 0;
+    }
+    .notification-bubble-actions {
+      margin-top: 10px;
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+    .notification-bubble-actions button {
+      font-size: 0.8125rem;
+      padding: 4px 12px;
+      border-radius: var(--radius-sm);
+      cursor: pointer;
+      border: 1px solid var(--border);
+      background: var(--bg-secondary);
+      color: var(--fg-primary);
+      transition: background 0.15s;
+    }
+    .notification-bubble-actions button:hover {
+      background: var(--bg-hover);
+    }
+    .notification-bubble-actions button.primary {
+      background: var(--accent);
+      color: white;
+      border-color: var(--accent);
+    }
+    .notification-bubble-actions button.primary:hover {
+      filter: brightness(1.1);
+    }
+    @keyframes notification-slide-in {
+      from { opacity: 0; transform: translateX(-50%) translateY(-20px); }
+      to { opacity: 1; transform: translateX(-50%) translateY(0); }
+    }
+    @keyframes notification-slide-out {
+      from { opacity: 1; transform: translateX(-50%) translateY(0); }
+      to { opacity: 0; transform: translateX(-50%) translateY(-20px); }
+    }
+
     /* File Preview Modal */
     .file-preview-overlay {
       position: fixed;
@@ -5931,6 +6043,19 @@
       padding-top: 14px;
     }
 
+    .settings-notification-section {
+      border-top: 1px solid var(--border-subtle);
+      padding-top: 14px;
+      margin-top: 4px;
+    }
+    .settings-section-title {
+      font-size: 0.8125rem;
+      font-weight: 600;
+      color: var(--fg-primary);
+      margin-bottom: 10px;
+      letter-spacing: 0.02em;
+    }
+
     .settings-update-actions {
       display: flex;
       gap: 8px;

package/dist/ws-broadcast.d.ts

@@ -5,7 +5,7 @@
 import { WebSocketServer } from "ws";
 import type { SessionSnapshot } from "./types.js";
 export interface ProcessEvent {
-    type: "output" | "status" | "started" | "ended" | "usage" | "task";
+    type: "output" | "status" | "started" | "ended" | "usage" | "task" | "notification";
     sessionId: string;
     data?: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.1.7",
+  "version": "1.2.2",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {
@@ -19,7 +19,8 @@
     "build": "tsc -p tsconfig.json && npm run build:copy-content",
     "build:copy-content": "cp -r src/web-ui/content dist/web-ui/",
     "dev": "tsx src/cli.ts web",
-    "check": "tsc --noEmit -p tsconfig.json"
+    "check": "tsc --noEmit -p tsconfig.json",
+    "prepublishOnly": "TAG=$(git tag --sort=-v:refname --list 'v*' | head -1) && VER=${TAG#v} && npm version $VER --no-git-tag-version --allow-same-version && npm run build"
   },
   "keywords": [
     "cli",