@co0ontty/wand 1.1.7 → 1.2.0

package/dist/process-manager.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "node:events";
 import { WandStorage } from "./storage.js";
 import { ExecutionMode, SessionSnapshot, WandConfig } 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/dist/server.js

@@ -21,6 +21,8 @@ const PKG_REPO_URL = "https://github.com/co0ontty/wand";
 let cachedLatestVersion = null;
 let cacheTimestamp = 0;
 const CACHE_TTL_MS = 10 * 60 * 1000; // 10 minutes
+/** Cached update result broadcast to new clients on connect. */
+let cachedUpdateInfo = null;
 async function checkNpmLatestVersion(forceRefresh = false) {
     const now = Date.now();
     if (forceRefresh || !cachedLatestVersion || (now - cacheTimestamp > CACHE_TTL_MS)) {
@@ -384,6 +386,9 @@ export async function startServer(config, configPath) {
             defaultMode: config.defaultMode,
             defaultCwd: config.defaultCwd,
             commandPresets: config.commandPresets,
+            updateAvailable: cachedUpdateInfo?.updateAvailable ?? false,
+            latestVersion: cachedUpdateInfo?.latest ?? null,
+            currentVersion: PKG_VERSION,
         });
     });
     // ── Settings endpoints ──
@@ -1163,9 +1168,16 @@ export async function startServer(config, configPath) {
     // Start configured background sessions after the server is already reachable.
     processes.runStartupCommands();
     // Background update check on startup
-    checkNpmLatestVersion().then(({ current, latest, updateAvailable }) => {
-        if (updateAvailable) {
-            process.stdout.write(`[wand] 发现新版本 ${latest}（当前 ${current}）。运行 npm install -g ${PKG_NAME}@latest 进行更新。\n`);
+    checkNpmLatestVersion().then((info) => {
+        cachedUpdateInfo = info;
+        if (info.updateAvailable) {
+            process.stdout.write(`[wand] 发现新版本 ${info.latest}（当前 ${info.current}）。运行 npm install -g ${PKG_NAME}@latest 进行更新。\n`);
+            // Broadcast update notification to all connected WS clients
+            wsManager.emitEvent({
+                type: "notification",
+                sessionId: "__system__",
+                data: { kind: "update", current: info.current, latest: info.latest },
+            });
         }
     }).catch(() => { });
 }

package/dist/web-ui/content/scripts.js

@@ -257,6 +257,24 @@
               }
               startPolling();
               refreshAll();
+              // Request browser notification permission after login
+              requestNotificationPermission();
+              // Show update bubble if server reports an available update
+              if (config.updateAvailable && config.latestVersion) {
+                showNotificationBubble({
+                  title: "\u53d1\u73b0\u65b0\u7248\u672c",
+                  body: "\u5f53\u524d " + (config.currentVersion || "-") + " \u2192 \u6700\u65b0 " + config.latestVersion,
+                  type: "info",
+                  icon: "\u2191",
+                  duration: 0,
+                  actionLabel: "\u53bb\u66f4\u65b0",
+                  action: function() {
+                    var settingsBtn = document.getElementById("open-settings-btn") || document.querySelector("[data-action='settings']");
+                    if (settingsBtn) settingsBtn.click();
+                  }
+                });
+                sendBrowserNotification("Wand \u53d1\u73b0\u65b0\u7248\u672c", "\u5f53\u524d " + (config.currentVersion || "-") + " \u2192 \u6700\u65b0 " + config.latestVersion, { tag: "wand-update" });
+              }
               // Auto-load claude history since section defaults to expanded
               if (state.claudeHistoryExpanded && !state.claudeHistoryLoaded) {
                 loadClaudeHistory();
@@ -631,6 +649,18 @@
                   '</div>' +
                   '<p id="update-message" class="hint hidden"></p>' +
                 '</div>' +
+                '<div class="settings-notification-section">' +
+                  '<div class="settings-section-title">\u901a\u77e5\u72b6\u6001</div>' +
+                  '<div class="settings-about-row">' +
+                    '<span class="settings-label">\u6d4f\u89c8\u5668\u901a\u77e5</span>' +
+                    '<span class="settings-value" id="notification-permission-status">-</span>' +
+                  '</div>' +
+                  '<div class="settings-update-actions">' +
+                    '<button id="notification-request-btn" class="btn btn-ghost btn-sm hidden">\u6388\u6743\u901a\u77e5</button>' +
+                    '<button id="notification-test-btn" class="btn btn-ghost btn-sm">\u53d1\u9001\u6d4b\u8bd5\u901a\u77e5</button>' +
+                  '</div>' +
+                  '<p id="notification-test-message" class="hint hidden"></p>' +
+                '</div>' +
               '</div>' +
 
               // General config tab
@@ -1886,6 +1916,16 @@
         if (checkUpdateBtn) checkUpdateBtn.addEventListener("click", checkForUpdate);
         var doUpdateBtn = document.getElementById("do-update-button");
         if (doUpdateBtn) doUpdateBtn.addEventListener("click", performUpdate);
+        // Notification test section
+        var notifRequestBtn = document.getElementById("notification-request-btn");
+        if (notifRequestBtn) notifRequestBtn.addEventListener("click", function() {
+          if (typeof Notification !== "undefined") {
+            Notification.requestPermission().then(function() { updateNotificationStatus(); });
+          }
+        });
+        var notifTestBtn = document.getElementById("notification-test-btn");
+        if (notifTestBtn) notifTestBtn.addEventListener("click", testNotification);
+        updateNotificationStatus();
         var newSessBtn = document.getElementById("topbar-new-session-button");
         if (newSessBtn) newSessBtn.addEventListener("click", openSessionModal);
         var drawerNewSessBtn = document.getElementById("drawer-new-session-button");
@@ -3913,6 +3953,101 @@
         });
       }
 
+      // ── Notification Settings Helpers ──
+
+      function updateNotificationStatus() {
+        var statusEl = document.getElementById("notification-permission-status");
+        var requestBtn = document.getElementById("notification-request-btn");
+        var testMsgEl = document.getElementById("notification-test-message");
+        if (!statusEl) return;
+
+        if (typeof Notification === "undefined") {
+          statusEl.textContent = "\u4e0d\u652f\u6301";
+          statusEl.style.color = "var(--fg-muted)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+          return;
+        }
+
+        var perm = Notification.permission;
+        if (perm === "granted") {
+          statusEl.textContent = "\u5df2\u6388\u6743 \u2713";
+          statusEl.style.color = "var(--success)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+        } else if (perm === "denied") {
+          statusEl.textContent = "\u5df2\u62d2\u7edd";
+          statusEl.style.color = "var(--danger)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+          if (testMsgEl) {
+            testMsgEl.textContent = "\u6d4f\u89c8\u5668\u5df2\u62d2\u7edd\u901a\u77e5\u6743\u9650\uff0c\u8bf7\u5728\u6d4f\u89c8\u5668\u8bbe\u7f6e\u4e2d\u624b\u52a8\u5f00\u542f";
+            testMsgEl.style.color = "var(--fg-muted)";
+            testMsgEl.classList.remove("hidden");
+          }
+        } else {
+          statusEl.textContent = "\u672a\u6388\u6743";
+          statusEl.style.color = "var(--warning)";
+          if (requestBtn) requestBtn.classList.remove("hidden");
+        }
+      }
+
+      function testNotification() {
+        var testMsgEl = document.getElementById("notification-test-message");
+
+        // Always show in-app bubble
+        showNotificationBubble({
+          title: "\u6d4b\u8bd5\u901a\u77e5",
+          body: "\u8fd9\u662f\u4e00\u6761\u6d4b\u8bd5\u901a\u77e5\uff0c\u5e94\u7528\u5185\u6c14\u6ce1\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
+          type: "info",
+          icon: "\u266a",
+          duration: 5000,
+        });
+
+        // Test browser notification
+        if (typeof Notification === "undefined") {
+          if (testMsgEl) {
+            testMsgEl.textContent = "\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u901a\u77e5 API\uff0c\u4ec5\u53ef\u4f7f\u7528\u5e94\u7528\u5185\u6c14\u6ce1\u901a\u77e5\u3002";
+            testMsgEl.style.color = "var(--fg-muted)";
+            testMsgEl.classList.remove("hidden");
+          }
+          return;
+        }
+
+        if (Notification.permission === "granted") {
+          try {
+            var n = new Notification("Wand \u6d4b\u8bd5\u901a\u77e5", {
+              body: "\u6d4f\u89c8\u5668\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
+              icon: "/favicon.ico",
+              tag: "wand-test",
+            });
+            setTimeout(function() { n.close(); }, 5000);
+            if (testMsgEl) {
+              testMsgEl.textContent = "\u2713 \u6d4f\u89c8\u5668\u901a\u77e5 + \u5e94\u7528\u5185\u6c14\u6ce1\u5747\u5df2\u53d1\u9001";
+              testMsgEl.style.color = "var(--success)";
+              testMsgEl.classList.remove("hidden");
+            }
+          } catch (_e) {
+            if (testMsgEl) {
+              testMsgEl.textContent = "\u6d4f\u89c8\u5668\u901a\u77e5\u53d1\u9001\u5931\u8d25\uff0c\u53ef\u80fd\u9700\u8981 HTTPS";
+              testMsgEl.style.color = "var(--warning)";
+              testMsgEl.classList.remove("hidden");
+            }
+          }
+        } else {
+          // permission is "default" or "denied" — always try requesting
+          Notification.requestPermission().then(function(result) {
+            updateNotificationStatus();
+            if (result === "granted") {
+              testNotification();
+            } else if (result === "denied") {
+              if (testMsgEl) {
+                testMsgEl.textContent = "\u6d4f\u89c8\u5668\u5df2\u62d2\u7edd\u901a\u77e5\u6743\u9650\uff0c\u8bf7\u70b9\u51fb\u5730\u5740\u680f\u5de6\u4fa7\u9501\u56fe\u6807\u6216\u5728\u6d4f\u89c8\u5668\u8bbe\u7f6e\u4e2d\u624b\u52a8\u5f00\u542f";
+                testMsgEl.style.color = "var(--fg-muted)";
+                testMsgEl.classList.remove("hidden");
+              }
+            }
+          });
+        }
+      }
+
       function quickStartSession() {
         var command = getPreferredTool();
         var defaultCwd = getEffectiveCwd();
@@ -6681,6 +6816,33 @@
             }
             updateSessionSnapshot(endedSnapshot);
 
+            // Notify user when a session completes (browser + in-app if backgrounded or not viewing)
+            var endedSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
+            var endedName = endedSession ? (endedSession.label || endedSession.command || msg.sessionId) : msg.sessionId;
+            var endedExitCode = msg.data && msg.data.exitCode;
+            var endedIsError = endedExitCode !== null && endedExitCode !== undefined && endedExitCode !== 0;
+            sendBrowserNotification(
+              endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
+              endedName,
+              {
+                tag: "wand-ended-" + msg.sessionId,
+                onClick: function() {
+                  if (msg.sessionId !== state.selectedId) selectSession(msg.sessionId);
+                }
+              }
+            );
+            if (msg.sessionId !== state.selectedId || document.hidden) {
+              showNotificationBubble({
+                title: endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
+                body: endedName,
+                type: endedIsError ? "warning" : "success",
+                icon: endedIsError ? "!" : "\u2713",
+                duration: 6000,
+                actionLabel: "\u67e5\u770b",
+                action: function() { selectSession(msg.sessionId); }
+              });
+            }
+
             // Clear stale queued inputs so they cannot race with the ended session.
             // Each queued item's postInput will hit the server and get an error, but
             // clearing the queues here prevents them from growing unbounded.
@@ -6738,6 +6900,35 @@
                   target: msg.data.permissionRequest.target,
                   reason: msg.data.permissionRequest.prompt
                 };
+                // Browser notification for permission waiting (background tab)
+                var permSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
+                var permSessionName = permSession ? (permSession.label || permSession.command || msg.sessionId) : msg.sessionId;
+                sendBrowserNotification(
+                  "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
+                  permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                  {
+                    tag: "wand-perm-" + msg.sessionId,
+                    onClick: function() {
+                      if (msg.sessionId !== state.selectedId) {
+                        selectSession(msg.sessionId);
+                      }
+                    }
+                  }
+                );
+                // In-app bubble if not currently viewing this session
+                if (msg.sessionId !== state.selectedId) {
+                  showNotificationBubble({
+                    title: "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
+                    body: permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                    type: "warning",
+                    icon: "!",
+                    duration: 0,
+                    actionLabel: "\u67e5\u770b",
+                    action: function() {
+                      selectSession(msg.sessionId);
+                    }
+                  });
+                }
               }
               if (msg.data.permissionBlocked === false) {
                 statusUpdate.pendingEscalation = null;
@@ -6748,6 +6939,29 @@
               }
             }
             break;
+          case 'notification':
+            if (msg.data) {
+              if (msg.data.kind === "update") {
+                showNotificationBubble({
+                  title: "\u53d1\u73b0\u65b0\u7248\u672c",
+                  body: "\u5f53\u524d " + (msg.data.current || "-") + " \u2192 \u6700\u65b0 " + (msg.data.latest || "-"),
+                  type: "info",
+                  icon: "\u2191",
+                  duration: 0,
+                  actionLabel: "\u53bb\u66f4\u65b0",
+                  action: function() {
+                    var settingsBtn = document.getElementById("open-settings-btn") || document.querySelector("[data-action='settings']");
+                    if (settingsBtn) settingsBtn.click();
+                  }
+                });
+                sendBrowserNotification(
+                  "Wand \u53d1\u73b0\u65b0\u7248\u672c",
+                  "\u5f53\u524d " + (msg.data.current || "-") + " \u2192 \u6700\u65b0 " + (msg.data.latest || "-"),
+                  { tag: "wand-update" }
+                );
+              }
+            }
+            break;
         }
       }
 
@@ -8558,6 +8772,136 @@
         }, type === "error" ? 4000 : 2200);
       }
 
+      // ── Notification Bubble System ──
+
+      var notificationStack = [];
+      var notificationIdCounter = 0;
+      var NOTIFICATION_GAP = 8;
+      var NOTIFICATION_TOP = 24;
+
+      /**
+       * Show an in-app notification bubble at bottom-right.
+       * @param {object} opts
+       * @param {string} opts.title - Notification title
+       * @param {string} [opts.body] - Body text
+       * @param {string} [opts.type] - "info" | "warning" | "success" (default "info")
+       * @param {string} [opts.icon] - Icon character (default derived from type)
+       * @param {number} [opts.duration] - Auto-dismiss ms, 0 = manual only (default 8000)
+       * @param {string} [opts.actionLabel] - Action button label
+       * @param {function} [opts.action] - Action button callback
+       * @returns {{ dismiss: function }} handle
+       */
+      function showNotificationBubble(opts) {
+        var id = ++notificationIdCounter;
+        var type = opts.type || "info";
+        var icon = opts.icon || (type === "warning" ? "!" : type === "success" ? "\u2713" : "i");
+        var duration = opts.duration !== undefined ? opts.duration : 8000;
+
+        var bubble = document.createElement("div");
+        bubble.className = "notification-bubble";
+        bubble.setAttribute("data-nid", id);
+
+        var headerHtml =
+          '<div class="notification-bubble-header">' +
+            '<span class="notification-bubble-icon ' + type + '">' + icon + '</span>' +
+            '<span class="notification-bubble-title">' + escapeHtml(opts.title) + '</span>' +
+            '<button class="notification-bubble-close" title="\u5173\u95ed">\u00d7</button>' +
+          '</div>';
+
+        var bodyHtml = opts.body
+          ? '<div class="notification-bubble-body">' + escapeHtml(opts.body) + '</div>'
+          : '';
+
+        var actionsHtml = opts.actionLabel
+          ? '<div class="notification-bubble-actions">' +
+              '<button class="primary">' + escapeHtml(opts.actionLabel) + '</button>' +
+            '</div>'
+          : '';
+
+        bubble.innerHTML = headerHtml + bodyHtml + actionsHtml;
+        document.body.appendChild(bubble);
+
+        // Stack position
+        var entry = { id: id, el: bubble };
+        notificationStack.push(entry);
+        repositionNotifications();
+
+        // Wire close button
+        var closeBtn = bubble.querySelector(".notification-bubble-close");
+        if (closeBtn) closeBtn.onclick = function() { dismissNotification(id); };
+
+        // Wire action button
+        if (opts.actionLabel && opts.action) {
+          var actionBtn = bubble.querySelector(".notification-bubble-actions button");
+          if (actionBtn) actionBtn.onclick = function() {
+            opts.action();
+            dismissNotification(id);
+          };
+        }
+
+        // Auto-dismiss
+        var timer = null;
+        if (duration > 0) {
+          timer = setTimeout(function() { dismissNotification(id); }, duration);
+        }
+
+        return {
+          dismiss: function() { dismissNotification(id); }
+        };
+      }
+
+      function dismissNotification(id) {
+        var idx = -1;
+        for (var i = 0; i < notificationStack.length; i++) {
+          if (notificationStack[i].id === id) { idx = i; break; }
+        }
+        if (idx === -1) return;
+        var entry = notificationStack[idx];
+        entry.el.classList.add("slide-out");
+        notificationStack.splice(idx, 1);
+        repositionNotifications();
+        setTimeout(function() {
+          if (entry.el.parentNode) entry.el.parentNode.removeChild(entry.el);
+        }, 300);
+      }
+
+      function repositionNotifications() {
+        var top = NOTIFICATION_TOP;
+        for (var i = 0; i < notificationStack.length; i++) {
+          notificationStack[i].el.style.top = top + "px";
+          top += notificationStack[i].el.offsetHeight + NOTIFICATION_GAP;
+        }
+      }
+
+      // ── Browser Notification API ──
+
+      function requestNotificationPermission() {
+        if (typeof Notification !== "undefined" && Notification.permission === "default") {
+          Notification.requestPermission();
+        }
+      }
+
+      function sendBrowserNotification(title, body, opts) {
+        if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
+        if (!document.hidden) return; // Only notify when tab is in background
+        try {
+          var n = new Notification(title, {
+            body: body || "",
+            icon: (opts && opts.icon) || "/favicon.ico",
+            tag: (opts && opts.tag) || undefined,
+          });
+          n.onclick = function() {
+            window.focus();
+            n.close();
+            if (opts && opts.onClick) opts.onClick();
+          };
+          // Auto-close after 10s
+          setTimeout(function() { n.close(); }, 10000);
+        } catch (_e) {
+          // Notification constructor may fail in some contexts (e.g. insecure origin)
+        }
+      }
+
       function escapeHtml(value) {
         return String(value)
           .replace(/&/g, "&amp;")

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

@@ -5830,6 +5830,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 +6034,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.0",
   "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",