@co0ontty/wand 1.5.7 → 1.6.0

package/dist/process-manager.js

@@ -397,6 +397,24 @@ function getLatestClaudeTaskId(excludeIds) {
         return null;
     }
 }
+/** Derive a short summary for a session from user messages or current task. */
+function deriveSessionSummary(messages, currentTaskTitle) {
+    // Prefer first user message as summary
+    for (const msg of messages) {
+        if (msg.role !== "user")
+            continue;
+        for (const block of msg.content) {
+            if (block.type === "text" && block.text.trim()) {
+                return block.text.trim().slice(0, 120);
+            }
+        }
+        break; // only check the first user turn
+    }
+    // Fallback to current task title
+    if (currentTaskTitle)
+        return currentTaskTitle.slice(0, 120);
+    return undefined;
+}
 export class ProcessManager extends EventEmitter {
     config;
     storage;
@@ -1102,7 +1120,8 @@ export class ProcessManager extends EventEmitter {
             resumedToSessionId: record.resumedToSessionId ?? undefined,
             autoRecovered: record.autoRecovered ?? false,
             autoApprovePermissions: record.autoApprovePermissions || undefined,
-            approvalStats: record.approvalStats.total > 0 ? record.approvalStats : undefined
+            approvalStats: record.approvalStats.total > 0 ? record.approvalStats : undefined,
+            summary: deriveSessionSummary(messages, record.currentTask?.title ?? null),
         };
     }
     isPermissionBlocked(record) {

package/dist/structured-session-manager.js

@@ -4,6 +4,23 @@ const STREAM_EMIT_DEBOUNCE_MS = 16;
 function isRunningAsRoot() {
     return process.getuid?.() === 0 || process.geteuid?.() === 0;
 }
+/** Enrich a snapshot with a derived summary from the first user message. */
+function withSummary(snapshot) {
+    if (snapshot.summary)
+        return snapshot;
+    const messages = snapshot.messages ?? [];
+    for (const msg of messages) {
+        if (msg.role !== "user")
+            continue;
+        for (const block of msg.content) {
+            if (block.type === "text" && block.text.trim()) {
+                return { ...snapshot, summary: block.text.trim().slice(0, 120) };
+            }
+        }
+        break;
+    }
+    return snapshot;
+}
 /** Should we auto-approve permissions for this mode? */
 function shouldAutoApproveForMode(mode) {
     return mode === "full-access" || mode === "managed" || mode === "auto-edit";
@@ -46,10 +63,13 @@ export class StructuredSessionManager {
         this.emitEvent = emitEvent;
     }
     list() {
-        return Array.from(this.sessions.values()).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
+        return Array.from(this.sessions.values())
+            .map(withSummary)
+            .sort((a, b) => b.startedAt.localeCompare(a.startedAt));
     }
     get(id) {
-        return this.sessions.get(id) ?? null;
+        const s = this.sessions.get(id);
+        return s ? withSummary(s) : null;
     }
     createSession(options) {
         const id = randomUUID();

package/dist/types.d.ts

@@ -189,6 +189,8 @@ export interface SessionSnapshot {
         file: number;
         total: number;
     };
+    /** 会话摘要：从首条用户消息或当前任务提取 */
+    summary?: string;
 }
 export type SessionLifecycleState = "initializing" | "running" | "idle" | "thinking" | "waiting-input" | "archived";
 export interface SessionLifecycle {

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

@@ -678,7 +678,6 @@
                   '</div>' +
                   '<div class="todo-progress-body hidden" id="todo-progress-body">' +
                     '<ul class="todo-progress-list" id="todo-progress-list"></ul>' +
-                    '<div id="recent-actions" class="recent-actions"></div>' +
                   '</div>' +
                 '</div>' +
                 '<div class="input-composer">' +
@@ -1816,7 +1815,9 @@
             '<div class="session-item-row">' +
               checkbox +
               '<div class="session-main">' +
-                '<div class="session-command">' + escapeHtml(session.resumedFromSessionId ? session.command.replace(/\s+--resume\s+\S+/, '') : session.command) + '</div>' +
+                (session.summary
+                  ? '<div class="session-title">' + escapeHtml(session.summary) + '</div>'
+                  : '<div class="session-command">' + escapeHtml(session.resumedFromSessionId ? session.command.replace(/\s+--resume\s+\S+/, '') : session.command) + '</div>') +
                 '<div class="session-meta">' +
                   modeBadge +
                   '<span>' + escapeHtml(modeName) + '</span>' +
@@ -8375,40 +8376,6 @@
           list.innerHTML = html;
         }
 
-        // Extract recent important actions for key points summary
-        var recentActions = [];
-        var actionTools = ["Write", "Edit", "Bash", "WebFetch", "WebSearch"];
-        var msgCount = messages.length;
-        for (var ai = 0; ai < msgCount && recentActions.length < 5; ai++) {
-          var m = messages[ai];
-          if (!m.content || !Array.isArray(m.content)) continue;
-          for (var bi = 0; bi < m.content.length && recentActions.length < 5; bi++) {
-            var blk = m.content[bi];
-            if (blk.type !== "tool_use") continue;
-            var toolName = blk.name || "";
-            if (actionTools.indexOf(toolName) === -1) continue;
-            var desc = blk.description || generateInputSummary(toolName, blk.input) || toolName;
-            if (desc && desc.length > 50) desc = desc.slice(0, 47) + "...";
-            var icon = getToolIcon(toolName);
-            recentActions.push({ icon: icon, text: desc });
-          }
-        }
-
-        var actionsEl = document.getElementById("recent-actions");
-        if (actionsEl) {
-          if (recentActions.length > 0) {
-            var actionsHtml = '<div class="recent-actions-label">最近操作</div>';
-            actionsHtml += '<div class="recent-actions-list">';
-            for (var ri = 0; ri < recentActions.length; ri++) {
-              var a = recentActions[ri];
-              actionsHtml += '<span class="recent-action-pill">' + a.icon + ' ' + escapeHtml(a.text) + '</span>';
-            }
-            actionsHtml += '</div>';
-            actionsEl.innerHTML = actionsHtml;
-          } else {
-            actionsEl.innerHTML = '';
-          }
-        }
       }
 
       function updateQueueCounter() {
@@ -8944,6 +8911,67 @@
         return messages;
       }
 
+      // ── 像素风猫咪头像 ──
+      var PIXEL_AVATAR = (function() {
+        var _ = "transparent";
+        function buildSvg(grid, size) {
+          var s = size || 3;
+          var w = grid[0].length * s;
+          var h = grid.length * s;
+          var rects = "";
+          for (var y = 0; y < grid.length; y++) {
+            for (var x = 0; x < grid[y].length; x++) {
+              if (grid[y][x] !== _) {
+                rects += '<rect x="' + (x * s) + '" y="' + (y * s) + '" width="' + s + '" height="' + s + '" fill="' + grid[y][x] + '"/>';
+              }
+            }
+          }
+          return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ' + w + ' ' + h + '" class="pixel-avatar-svg">' + rects + '</svg>';
+        }
+        // 加菲猫 (勤劳初二 / AI) — 橙色系
+        var o = "#F0923A", d = "#C46A1A", w = "#FFFFFF", k = "#2D2D2D", p = "#F28B9A", n = "#E87D5A";
+        var garfield = [
+          [_,d,_,_,_,_,_,_,d,_],
+          [d,o,d,_,_,_,_,d,o,d],
+          [d,o,o,o,o,o,o,o,o,d],
+          [o,o,w,k,o,o,w,k,o,o],
+          [o,o,w,w,o,o,w,w,o,o],
+          [o,o,o,o,p,p,o,o,o,o],
+          [o,d,o,n,o,o,n,o,d,o],
+          [_,o,o,o,o,o,o,o,o,_],
+          [_,_,o,d,o,o,d,o,_,_],
+          [_,_,_,o,_,_,o,_,_,_],
+        ];
+        // 美短 (赛博虎妞 / 用户) — 灰色系
+        var g = "#9EAAB8", dg = "#6B7B8D", lg = "#C5CED8", gn = "#7EC88B";
+        var shorthair = [
+          [_,dg,_,_,_,_,_,_,dg,_],
+          [dg,g,dg,_,_,_,_,dg,g,dg],
+          [dg,g,g,g,g,g,g,g,g,dg],
+          [g,g,w,gn,g,g,w,gn,g,g],
+          [g,g,w,w,g,g,w,w,g,g],
+          [g,g,g,g,p,p,g,g,g,g],
+          [g,dg,g,lg,g,g,lg,g,dg,g],
+          [_,g,g,g,g,g,g,g,g,_],
+          [_,_,g,dg,g,g,dg,g,_,_],
+          [_,_,_,g,_,_,g,_,_,_],
+        ];
+        return {
+          assistant: buildSvg(garfield),
+          user: buildSvg(shorthair)
+        };
+      })();
+
+      function chatAvatar(role) {
+        var isUser = role === "user";
+        var svg = isUser ? PIXEL_AVATAR.user : PIXEL_AVATAR.assistant;
+        var name = isUser ? "赛博虎妞" : "勤劳初二";
+        return '<div class="chat-message-avatar ' + role + '">' +
+          '<div class="pixel-avatar">' + svg + '</div>' +
+          '<span class="avatar-name">' + name + '</span>' +
+        '</div>';
+      }
+
       function renderChatMessage(msg, roundUsage) {
         // Thinking card (deep thought) — from PTY parsing
         if (msg.role === "thinking") {
@@ -8972,7 +9000,7 @@
         }
 
         // Legacy string content (from PTY parsing)
-        var avatar = msg.role === "assistant" ? '<div class="chat-message-avatar">赛博虎妞</div>' : "";
+        var avatar = chatAvatar(msg.role);
         var bubbleContent = msg.role === "assistant" ? renderMarkdown(msg.content) : escapeHtml(msg.content);
         return '<div class="chat-message ' + msg.role + '">' +
           avatar +
@@ -9117,7 +9145,7 @@
 
       function renderStructuredMessage(msg, roundUsage) {
         var role = msg.role;
-        var avatar = role === "assistant" ? '<div class="chat-message-avatar">赛博虎妞</div>' : "";
+        var avatar = chatAvatar(role);
 
         if (!msg.content || msg.content.length === 0) {
           if (role === "assistant") {

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

@@ -1162,6 +1162,17 @@
       letter-spacing: -0.01em;
     }
 
+    .session-title {
+      font-weight: 600;
+      font-size: 0.8125rem;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: var(--text-primary);
+      letter-spacing: -0.01em;
+      line-height: 1.3;
+    }
+
     /* ===== 会话元信息 ===== */
     .session-meta {
       display: flex;
@@ -2292,16 +2303,51 @@
     }
 
     /* ===== 消息头像 ===== */
-    .chat-message.user .chat-message-avatar {
-      display: none;
+    .chat-message-avatar {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 0 2px 4px 2px;
     }
 
-    .chat-message.assistant .chat-message-avatar {
-      font-size: 0.75rem;
+    .chat-message-avatar.assistant {
+      flex-direction: row;
+    }
+
+    .chat-message-avatar.user {
+      flex-direction: row-reverse;
+    }
+
+    .pixel-avatar {
+      width: 24px;
+      height: 24px;
+      flex-shrink: 0;
+      border-radius: 6px;
+      overflow: hidden;
+      background: var(--bg-tertiary);
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+    }
+
+    .pixel-avatar-svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+      image-rendering: pixelated;
+    }
+
+    .avatar-name {
+      font-size: 0.7rem;
       font-weight: 600;
-      color: var(--accent);
-      padding: 0 2px 4px 2px;
       letter-spacing: 0.03em;
+      line-height: 1;
+    }
+
+    .chat-message.assistant .avatar-name {
+      color: var(--accent);
+    }
+
+    .chat-message.user .avatar-name {
+      color: var(--text-tertiary);
     }
 
     /* ===== 消息气泡 ===== */
@@ -3904,39 +3950,6 @@
     .todo-item-icon.active { color: var(--accent); }
     .todo-item-icon.done { color: #4a7a4f; }
 
-    /* Recent actions key points section */
-    .recent-actions {
-      margin-top: 8px;
-      padding-top: 8px;
-      border-top: 1px solid var(--border-subtle);
-    }
-    .recent-actions-label {
-      font-size: 0.6875rem;
-      font-weight: 600;
-      color: var(--text-muted);
-      text-transform: uppercase;
-      letter-spacing: 0.03em;
-      margin-bottom: 6px;
-    }
-    .recent-actions-list {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 4px;
-    }
-    .recent-action-pill {
-      display: inline-flex;
-      align-items: center;
-      gap: 3px;
-      padding: 3px 8px;
-      font-size: 0.6875rem;
-      color: var(--text-secondary);
-      background: rgba(79, 122, 88, 0.08);
-      border-radius: 10px;
-      white-space: nowrap;
-      max-width: 220px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
 
     @keyframes spin {
       to { transform: rotate(360deg); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.5.7",
+  "version": "1.6.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {