@co0ontty/wand 1.15.0 → 1.15.1

package/dist/process-manager.js

@@ -787,8 +787,8 @@ export class ProcessManager extends EventEmitter {
                     type: "output",
                     sessionId: id,
                     data: {
+                        incremental: true,
                         chunk,
-                        output: rec.output,
                         permissionBlocked: this.isPermissionBlocked(rec),
                     },
                 });
@@ -1458,12 +1458,23 @@ export class ProcessManager extends EventEmitter {
                 // Sync record.output from bridge before emitting so the event carries fresh data
                 record.output = record.ptyBridge?.getRawOutput() ?? record.output;
                 const rawMessages = record.ptyBridge?.getMessages() ?? [];
-                const messages = truncateMessagesForTransport(rawMessages, this.config.cardDefaults ?? {}, rawMessages.length - 1);
+                const isStreaming = record.status === "running";
                 const data = {
-                    output: record.output,
-                    messages,
                     permissionBlocked: this.isPermissionBlocked(record),
                 };
+                if (isStreaming && rawMessages.length > 0) {
+                    // Incremental mode: send only chunk + last (streaming) turn
+                    data.incremental = true;
+                    const lastTurn = rawMessages[rawMessages.length - 1];
+                    const truncatedLast = truncateMessagesForTransport([lastTurn], this.config.cardDefaults ?? {}, 0);
+                    data.lastMessage = truncatedLast[0];
+                    data.messageCount = rawMessages.length;
+                }
+                else {
+                    // Full mode: non-streaming or empty messages
+                    data.output = record.output;
+                    data.messages = truncateMessagesForTransport(rawMessages, this.config.cardDefaults ?? {}, rawMessages.length - 1);
+                }
                 if (event.type === "output.raw") {
                     data.chunk = event.data.chunk;
                 }
@@ -1638,14 +1649,19 @@ export class ProcessManager extends EventEmitter {
                 }
             }
         }
+        const language = this.config.language?.trim();
+        const isChinese = language === "中文";
         if (mode === "managed") {
-            const autonomousPrompt = "You are running in a fully managed, autonomous mode. The user may not be available to respond to questions or confirmations in a timely manner. You MUST make all decisions independently — choose the best approach yourself instead of asking the user for preferences, confirmations, or clarifications. If multiple approaches are viable, pick the one you judge most appropriate and proceed. Never block on user input unless the task is fundamentally ambiguous and cannot be reasonably inferred. Be decisive and self-directed.";
+            const autonomousPrompt = isChinese
+                ? "你正在完全托管的自主模式下运行。用户可能无法及时回复问题或确认。你必须独立做出所有决策——自行选择最佳方案，而不是向用户询问偏好、确认或澄清。如果有多种可行方案，选择你认为最合适的并继续执行。除非任务本身存在根本性的歧义且无法合理推断，否则不要等待用户输入。果断行动，自主决策。"
+                : "You are running in a fully managed, autonomous mode. The user may not be available to respond to questions or confirmations in a timely manner. You MUST make all decisions independently — choose the best approach yourself instead of asking the user for preferences, confirmations, or clarifications. If multiple approaches are viable, pick the one you judge most appropriate and proceed. Never block on user input unless the task is fundamentally ambiguous and cannot be reasonably inferred. Be decisive and self-directed.";
             const escaped = autonomousPrompt.replace(/'/g, "'\\''");
             result += ` --append-system-prompt '${escaped}'`;
         }
-        const language = this.config.language?.trim();
         if (language) {
-            const langPrompt = `Please respond in ${language}. Use ${language} for all your explanations, comments, and conversational text.`;
+            const langPrompt = isChinese
+                ? "请使用中文回复。所有解释、注释和对话文本都使用中文。"
+                : `Please respond in ${language}. Use ${language} for all your explanations, comments, and conversational text.`;
             const escaped = langPrompt.replace(/'/g, "'\\''");
             result += ` --append-system-prompt '${escaped}'`;
         }

package/dist/pwa.js

@@ -1,8 +1,15 @@
 /**
  * PWA manifest and Service Worker generation.
  */
-/** Cache version is fixed per server process to avoid mid-session cache busting */
-const CACHE_VERSION = Date.now().toString(36);
+import { readFileSync } from "node:fs";
+import { createHash } from "node:crypto";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const pkgPath = path.join(__dirname, "..", "package.json");
+const pkgVersion = JSON.parse(readFileSync(pkgPath, "utf-8")).version ?? "0";
+/** Cache version derived from package version — only busts on actual releases */
+const CACHE_VERSION = createHash("md5").update(pkgVersion).digest("hex").slice(0, 8);
 export function generatePwaManifest() {
     return JSON.stringify({
         id: "/wand",

package/dist/server.js

@@ -1,4 +1,5 @@
 import crypto from "node:crypto";
+import compression from "compression";
 import express from "express";
 import { createReadStream, existsSync, readFileSync, writeFileSync } from "node:fs";
 import { mkdir, readdir, readFile, stat } from "node:fs/promises";
@@ -485,9 +486,11 @@ export async function startServer(config, configPath) {
     const protocol = useHttps ? "https" : "http";
     const nodeModulesDir = path.join(RUNTIME_ROOT_DIR, "node_modules");
     app.use(express.json({ limit: "1mb" }));
-    app.use("/vendor/xterm", express.static(path.join(nodeModulesDir, "@xterm", "xterm")));
-    app.use("/vendor/xterm-addon-fit", express.static(path.join(nodeModulesDir, "@xterm", "addon-fit")));
-    app.use("/vendor/xterm-addon-serialize", express.static(path.join(nodeModulesDir, "@xterm", "addon-serialize")));
+    app.use(compression({ threshold: 1024 }));
+    const vendorCacheOpts = { maxAge: "7d", immutable: true };
+    app.use("/vendor/xterm", express.static(path.join(nodeModulesDir, "@xterm", "xterm"), vendorCacheOpts));
+    app.use("/vendor/xterm-addon-fit", express.static(path.join(nodeModulesDir, "@xterm", "addon-fit"), vendorCacheOpts));
+    app.use("/vendor/xterm-addon-serialize", express.static(path.join(nodeModulesDir, "@xterm", "addon-serialize"), vendorCacheOpts));
     // ── Web UI and PWA endpoints ──
     app.get("/", (_req, res) => {
         res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
@@ -1142,7 +1145,15 @@ export async function startServer(config, configPath) {
             return createHttpsServer({ key: ssl.key, cert: ssl.cert }, app);
         })()
         : createHttpServer(app);
-    const wss = new WebSocketServer({ server, path: "/ws" });
+    const wss = new WebSocketServer({
+        server,
+        path: "/ws",
+        perMessageDeflate: {
+            zlibDeflateOptions: { level: 1 },
+            threshold: 512,
+            concurrencyLimit: 10,
+        },
+    });
     const wsManager = new WsBroadcastManager(wss, () => config.cardDefaults ?? {});
     wsManager.setup((id) => structuredSessions.get(id) ?? processes.get(id));
     // Wire process events to WebSocket broadcast

package/dist/structured-session-manager.js

@@ -35,6 +35,17 @@ function buildStructuredOutputPayload(snapshot) {
         structuredState: snapshot.structuredState,
     };
 }
+function buildIncrementalStructuredPayload(snapshot) {
+    const messages = snapshot.messages ?? [];
+    return {
+        incremental: true,
+        queuedMessages: snapshot.queuedMessages,
+        sessionKind: "structured",
+        structuredState: snapshot.structuredState,
+        lastMessage: messages.length > 0 ? messages[messages.length - 1] : undefined,
+        messageCount: messages.length,
+    };
+}
 export class StructuredSessionManager {
     storage;
     config;
@@ -474,14 +485,20 @@ export class StructuredSessionManager {
             // Add permission args based on mode + autoApprovePermissions toggle
             const permArgs = this.buildPermissionArgs(session.mode, session.autoApprovePermissions ?? false);
             args.push(...permArgs);
+            // Append language-aware system prompts
+            const language = this.config.language?.trim();
+            const isChinese = language === "中文";
             // In managed mode, append autonomous system prompt
             if (session.mode === "managed") {
-                args.push("--append-system-prompt", "You are running in a fully managed, autonomous mode. The user may not be available to respond to questions or confirmations in a timely manner. You MUST make all decisions independently — choose the best approach yourself instead of asking the user for preferences, confirmations, or clarifications. If multiple approaches are viable, pick the one you judge most appropriate and proceed. Never block on user input unless the task is fundamentally ambiguous and cannot be reasonably inferred. Be decisive and self-directed.");
+                args.push("--append-system-prompt", isChinese
+                    ? "你正在完全托管的自主模式下运行。用户可能无法及时回复问题或确认。你必须独立做出所有决策——自行选择最佳方案，而不是向用户询问偏好、确认或澄清。如果有多种可行方案，选择你认为最合适的并继续执行。除非任务本身存在根本性的歧义且无法合理推断，否则不要等待用户输入。果断行动，自主决策。"
+                    : "You are running in a fully managed, autonomous mode. The user may not be available to respond to questions or confirmations in a timely manner. You MUST make all decisions independently — choose the best approach yourself instead of asking the user for preferences, confirmations, or clarifications. If multiple approaches are viable, pick the one you judge most appropriate and proceed. Never block on user input unless the task is fundamentally ambiguous and cannot be reasonably inferred. Be decisive and self-directed.");
             }
             // Append language preference if configured
-            const language = this.config.language?.trim();
             if (language) {
-                args.push("--append-system-prompt", `Please respond in ${language}. Use ${language} for all your explanations, comments, and conversational text.`);
+                args.push("--append-system-prompt", isChinese
+                    ? "请使用中文回复。所有解释、注释和对话文本都使用中文。"
+                    : `Please respond in ${language}. Use ${language} for all your explanations, comments, and conversational text.`);
             }
             if (session.claudeSessionId) {
                 args.push("--resume", session.claudeSessionId);
@@ -516,7 +533,7 @@ export class StructuredSessionManager {
                 this.emit({
                     type: "output",
                     sessionId,
-                    data: buildStructuredOutputPayload(current),
+                    data: buildIncrementalStructuredPayload(current),
                 });
             };
             const scheduleEmit = () => {

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

@@ -9906,15 +9906,17 @@
           case 'output':
             // Update session output (for terminal display and local message parsing)
             // NOTE: For structured sessions, output may be "" during streaming — check messages too
-            if (msg.data && (msg.data.output || msg.data.messages) && msg.sessionId) {
-              var snapshot = { id: msg.sessionId, output: msg.data.output };
+            if (msg.data && msg.sessionId) {
+              var isIncremental = !!msg.data.incremental;
+              var snapshot = { id: msg.sessionId };
+
+              // Carry over small metadata fields present in both modes
+              if (!isIncremental && msg.data.output !== undefined) {
+                snapshot.output = msg.data.output;
+              }
               if (Object.prototype.hasOwnProperty.call(msg.data, 'permissionBlocked')) {
                 snapshot.permissionBlocked = !!msg.data.permissionBlocked;
               }
-              // Pass structured messages if available from JSON chat mode
-              if (msg.data.messages) {
-                snapshot.messages = msg.data.messages;
-              }
               if (Object.prototype.hasOwnProperty.call(msg.data, 'queuedMessages')) {
                 snapshot.queuedMessages = msg.data.queuedMessages || [];
                 state.queueEpoch++;
@@ -9922,19 +9924,44 @@
               if (msg.data.structuredState) {
                 snapshot.structuredState = msg.data.structuredState;
               }
-              updateSessionSnapshot(snapshot);
-              if (msg.sessionId === state.selectedId) {
-                var updatedSession = state.sessions.find(function(s) { return s.id === msg.sessionId; }) || snapshot;
-                state.currentMessages = buildMessagesForRender(updatedSession, getPreferredMessages(updatedSession, msg.data.output, false));
-                updateTaskDisplay();
-                // Structured sessions: render immediately for responsiveness
-                if (updatedSession.sessionKind === 'structured' || msg.data.sessionKind === 'structured') {
-                  renderChat();
-                } else {
-                  scheduleChatRender();
+              if (msg.data.sessionKind) {
+                snapshot.sessionKind = msg.data.sessionKind;
+              }
+
+              if (isIncremental && msg.data.lastMessage) {
+                // Incremental mode: merge lastMessage into existing session messages
+                var existingSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
+                if (existingSession) {
+                  var msgs = Array.isArray(existingSession.messages) ? existingSession.messages.slice() : [];
+                  var expectedCount = msg.data.messageCount || 0;
+                  // Replace last turn if same role, or append if new turn
+                  if (msgs.length > 0 && msg.data.lastMessage.role && msgs[msgs.length - 1].role === msg.data.lastMessage.role) {
+                    msgs[msgs.length - 1] = msg.data.lastMessage;
+                  } else if (msgs.length < expectedCount) {
+                    msgs.push(msg.data.lastMessage);
+                  }
+                  snapshot.messages = msgs;
                 }
+              } else if (!isIncremental && msg.data.messages) {
+                // Full mode (backward compatible)
+                snapshot.messages = msg.data.messages;
               }
 
+              // Only update if we have meaningful data
+              if (snapshot.output !== undefined || snapshot.messages || isIncremental || msg.data.permissionBlocked !== undefined) {
+                updateSessionSnapshot(snapshot);
+                if (msg.sessionId === state.selectedId) {
+                  var updatedSession = state.sessions.find(function(s) { return s.id === msg.sessionId; }) || snapshot;
+                  state.currentMessages = buildMessagesForRender(updatedSession, getPreferredMessages(updatedSession, updatedSession.output, false));
+                  updateTaskDisplay();
+                  // Structured sessions: render immediately for responsiveness
+                  if (updatedSession.sessionKind === 'structured' || msg.data.sessionKind === 'structured') {
+                    renderChat();
+                  } else {
+                    scheduleChatRender();
+                  }
+                }
+              }
             }
             // Real-time terminal output
             if (msg.sessionId === state.selectedId && state.terminal && msg.data) {
@@ -9952,8 +9979,8 @@
                 maybeScrollTerminalToBottom("output");
                 updateTerminalJumpToBottomButton();
                 scheduleMobileDomUpdate();
-              } else if (Object.prototype.hasOwnProperty.call(msg.data, "output")) {
-                // Fallback: no chunk available, use full-output comparison
+              } else if (!msg.data.incremental && Object.prototype.hasOwnProperty.call(msg.data, "output")) {
+                // Fallback: no chunk available, use full-output comparison (only in full mode)
                 syncTerminalBuffer(msg.sessionId, msg.data.output || "", { mode: "append" });
               }
             }

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

@@ -7357,6 +7357,8 @@
       flex: 1 1 auto;
       min-height: 0;
       overflow: hidden;
+      display: flex;
+      flex-direction: column;
     }
 
     .settings-layout {
@@ -7364,7 +7366,7 @@
       grid-template-columns: 260px minmax(0, 1fr);
       gap: 22px;
       min-height: 0;
-      height: 100%;
+      flex: 1 1 auto;
       align-items: stretch;
     }
 
@@ -7641,9 +7643,14 @@
         min-height: min(92vh, 920px);
       }
 
+      .settings-modal-body {
+        overflow-y: auto;
+      }
+
       .settings-layout {
         grid-template-columns: minmax(0, 1fr);
         gap: 14px;
+        flex: 0 0 auto;
       }
 
       .settings-sidebar {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {
@@ -33,10 +33,12 @@
     "node": ">=22.5.0"
   },
   "dependencies": {
+    "@types/compression": "^1.8.1",
     "@types/cookie": "^0.6.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-serialize": "^0.14.0",
     "@xterm/xterm": "^5.5.0",
+    "compression": "^1.8.1",
     "express": "^4.21.2",
     "node-pty": "^1.1.0",
     "puppeteer": "^24.40.0",