@co0ontty/wand 4.15.0 → 4.16.0

package/browser-extension/src/options.css

@@ -1,6 +1,6 @@
 :root {
   color-scheme: light;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   color: #172033;
   background: #f5f7fb;
 }
@@ -62,16 +62,35 @@ p {
   min-height: 16px;
 }
 
-input {
+input:not([type="checkbox"]) {
+  appearance: none;
   width: 100%;
-  min-height: 40px;
+  min-height: 44px;
   border: 1px solid #cbd5e1;
-  border-radius: 7px;
-  padding: 0 11px;
+  border-radius: 12px;
+  padding: 0 13px;
+  outline: none;
+  background: rgba(255, 255, 255, .84);
   font: inherit;
   color: #172033;
+  caret-color: #2458a6;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
+  transition: border-color 160ms cubic-bezier(.2,.8,.2,1), background-color 160ms cubic-bezier(.2,.8,.2,1), box-shadow 160ms cubic-bezier(.2,.8,.2,1);
+}
+
+input:not([type="checkbox"]):hover {
+  border-color: #9babc2;
+  background: #fff;
+}
+
+input:not([type="checkbox"]):focus {
+  border-color: #2458a6;
+  background: #fff;
+  box-shadow: 0 0 0 3px rgba(36, 88, 166, .14), 0 10px 24px -20px rgba(36, 88, 166, .65);
 }
 
+input:not([type="checkbox"])::placeholder { color: #667189; opacity: .72; }
+
 .actions {
   display: flex;
   gap: 8px;
@@ -89,6 +108,12 @@ button {
   cursor: pointer;
 }
 
+button:focus-visible,
+input:not([type="checkbox"]):focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(36, 88, 166, .18);
+}
+
 button:hover {
   background: #edf4ff;
 }
@@ -116,3 +141,12 @@ button:hover {
 .status.ok {
   color: #1f6b45;
 }
+
+@media (prefers-reduced-motion: reduce) {
+  input:not([type="checkbox"]) { transition: none; }
+}
+
+@media (prefers-contrast: more) {
+  input:not([type="checkbox"]) { border-color: #526079; background: #fff; box-shadow: none; }
+  input:not([type="checkbox"]):focus { border-color: #143f78; box-shadow: 0 0 0 2px #143f78; }
+}

package/browser-extension/src/popup.css

@@ -1,6 +1,6 @@
 :root {
   color-scheme: light;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   color: #182033;
   background: #f6f8fb;
 }
@@ -107,12 +107,35 @@ button:hover {
 .field textarea,
 .generated input {
   width: 100%;
-  min-height: 36px;
+  min-height: 40px;
   border: 1px solid #cbd5e1;
-  border-radius: 7px;
-  padding: 0 10px;
-  background: #fff;
+  border-radius: 11px;
+  padding: 0 12px;
+  outline: none;
+  background: rgba(255, 255, 255, .88);
   color: #182033;
+  caret-color: #2458a6;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
+  transition: border-color 160ms cubic-bezier(.2,.8,.2,1), background-color 160ms cubic-bezier(.2,.8,.2,1), box-shadow 160ms cubic-bezier(.2,.8,.2,1);
+}
+
+.search-row input:hover,
+.field input:hover,
+.field select:hover,
+.field textarea:hover,
+.generated input:hover {
+  border-color: #9babc2;
+  background: #fff;
+}
+
+.search-row input:focus,
+.field input:focus,
+.field select:focus,
+.field textarea:focus,
+.generated input:focus {
+  border-color: #2458a6;
+  background: #fff;
+  box-shadow: 0 0 0 3px rgba(36, 88, 166, .14), 0 10px 24px -20px rgba(36, 88, 166, .65);
 }
 
 .field textarea {
@@ -121,6 +144,20 @@ button:hover {
   resize: vertical;
 }
 
+.search-row input::placeholder,
+.field input::placeholder,
+.field textarea::placeholder { color: #667189; opacity: .72; }
+
+button:focus-visible,
+.search-row input:focus-visible,
+.field input:focus-visible,
+.field select:focus-visible,
+.field textarea:focus-visible,
+.generated input:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(36, 88, 166, .18);
+}
+
 .tabs {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -263,6 +300,28 @@ button:hover {
   color: #667189;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .search-row input,
+  .field input,
+  .field select,
+  .field textarea,
+  .generated input { transition: none; }
+}
+
+@media (prefers-contrast: more) {
+  .search-row input,
+  .field input,
+  .field select,
+  .field textarea,
+  .generated input { border-color: #526079; background: #fff; box-shadow: none; }
+
+  .search-row input:focus,
+  .field input:focus,
+  .field select:focus,
+  .field textarea:focus,
+  .generated input:focus { border-color: #143f78; box-shadow: 0 0 0 2px #143f78; }
+}
+
 .error {
   border-color: #f2b8b5;
   color: #9f2f2a;

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
-  "commit": "4cb2d575fe6ffe06c991374d39dfef79740befeb",
-  "builtAt": "2026-07-18T00:38:58.299Z",
-  "version": "4.15.0",
+  "commit": "3eec1794b989808b804cd4f0b187af8a3f12938d",
+  "builtAt": "2026-07-18T09:37:04.414Z",
+  "version": "4.16.0",
   "channel": "stable"
 }

package/dist/server-session-routes.d.ts

@@ -3,6 +3,7 @@ import { ProcessManager } from "./process-manager.js";
 import { StructuredSessionManager } from "./structured-session-manager.js";
 import { WandStorage } from "./storage.js";
 import { ExecutionMode, SessionSnapshot, SessionSource, WandConfig } from "./types.js";
+import { toSessionListItemDTO } from "./session-transport.js";
 import { SessionRegistry } from "./session-registry.js";
 export declare function parseExecutionMode(value: unknown, fallback: ExecutionMode): ExecutionMode;
 export declare function parseSessionCreationOrigin(body: {
@@ -22,8 +23,34 @@ type SessionDeletionStructured = Pick<StructuredSessionManager, "get" | "delete"
 export declare function deleteSessionWithProviderHistory(processes: SessionDeletionProcesses, structured: SessionDeletionStructured, storage: Pick<WandStorage, "getConfigValue" | "setConfigValue">, id: string): void;
 type ProviderHistorySession = {
     claudeSessionId: string;
+    cwd: string;
+    firstUserMessage: string;
+    timestamp: string;
+    mtimeMs: number;
+    hasConversation: boolean;
     managedByWand: boolean;
+    provider?: "claude" | "codex";
 };
+export type SessionListPageEntry = {
+    type: "managed";
+    key: string;
+    sortTimestamp: number;
+    session: ReturnType<typeof toSessionListItemDTO>;
+} | {
+    type: "recoverable";
+    key: string;
+    sortTimestamp: number;
+    history: ProviderHistorySession & {
+        provider: "claude" | "codex";
+    };
+};
+export interface SessionListPage {
+    entries: SessionListPageEntry[];
+    offset: number;
+    total: number;
+    revision: string;
+}
+export declare function buildSessionListPage(sessions: SessionSnapshot[], claudeHistory: ProviderHistorySession[], codexHistory: ProviderHistorySession[], hiddenHistoryIds: Set<string>, offset: number, limit: number): SessionListPage;
 /**
  * Provider history is scanned by ProcessManager, but structured sessions live
  * in StructuredSessionManager. Annotate against the combined session list so a

package/dist/server-session-routes.js

@@ -1,3 +1,4 @@
+import { createHash } from "node:crypto";
 import { SessionInputError } from "./process-manager.js";
 import { getDefaultModelForProvider, isExecutionMode } from "./config.js";
 import { blockWindowMessagesForTransport, sliceTurnBlocksForTransport, truncateMessagesForTransport, windowMessagesForTransport } from "./message-truncator.js";
@@ -167,6 +168,47 @@ export function deleteSessionWithProviderHistory(processes, structured, storage,
     // Keep a tombstone as a fallback for permission errors or process tail writes.
     addToHiddenClaudeSessionIds(storage, [providerSessionId]);
 }
+function sessionSortTimestamp(snapshot) {
+    const timestamp = Date.parse(snapshot.startedAt);
+    return Number.isFinite(timestamp) ? timestamp : 0;
+}
+export function buildSessionListPage(sessions, claudeHistory, codexHistory, hiddenHistoryIds, offset, limit) {
+    const managed = sessions.map((session) => ({
+        type: "managed",
+        key: `session-${session.id}`,
+        sortTimestamp: sessionSortTimestamp(session),
+        session: toSessionListItemDTO(session),
+    }));
+    const recoverable = [
+        ...markManagedProviderHistory(claudeHistory, sessions, "claude"),
+        ...markManagedProviderHistory(codexHistory, sessions, "codex"),
+    ].flatMap((history) => {
+        const provider = history.provider === "codex" ? "codex" : "claude";
+        if (!history.hasConversation || history.managedByWand || hiddenHistoryIds.has(history.claudeSessionId)) {
+            return [];
+        }
+        return [{
+                type: "recoverable",
+                key: `recoverable-${provider}-${history.claudeSessionId}`,
+                sortTimestamp: history.mtimeMs,
+                history: { ...history, provider },
+            }];
+    });
+    const entries = [...managed, ...recoverable].sort((left, right) => {
+        const timestampOrder = right.sortTimestamp - left.sortTimestamp;
+        return timestampOrder || left.key.localeCompare(right.key);
+    });
+    const boundedOffset = Math.min(Math.max(offset, 0), entries.length);
+    const revision = createHash("sha256")
+        .update(JSON.stringify(entries.map((entry) => [entry.key, entry.sortTimestamp])))
+        .digest("base64url");
+    return {
+        entries: entries.slice(boundedOffset, boundedOffset + limit),
+        offset: boundedOffset,
+        total: entries.length,
+        revision,
+    };
+}
 /**
  * Provider history is scanned by ProcessManager, but structured sessions live
  * in StructuredSessionManager. Annotate against the combined session list so a
@@ -319,6 +361,23 @@ export function registerSessionRoutes(app, processes, structured, storage, defau
             messageTotal: windowed.messageTotal,
         });
     };
+    app.get("/api/session-list", (req, res) => {
+        try {
+            const offset = parseBoundedInteger(req.query.offset, 0, 0, Number.MAX_SAFE_INTEGER);
+            const limit = parseBoundedInteger(req.query.limit, 40, 1, 200);
+            const requestedRevision = typeof req.query.revision === "string" ? req.query.revision : "";
+            const currentSessions = sessions.listSlim();
+            const page = buildSessionListPage(currentSessions, processes.listClaudeHistorySessions(), processes.listCodexHistorySessions(), getHiddenClaudeSessionIds(storage), offset, limit);
+            if (offset > 0 && requestedRevision !== page.revision) {
+                res.status(409).json({ error: "会话列表已更新，请重新加载。", revision: page.revision });
+                return;
+            }
+            res.json(page);
+        }
+        catch (error) {
+            res.status(500).json({ error: getErrorMessage(error, "无法加载会话列表。") });
+        }
+    });
     app.get("/api/sessions", (_req, res) => {
         res.json(sessions.listSlim().map(toSessionListItemDTO));
     });

package/dist/session-transport.d.ts

@@ -1,6 +1,9 @@
 import type { ConversationTurn, SessionSnapshot } from "./types.js";
 export declare const SESSION_TRANSPORT_OUTPUT_LIMIT = 200000;
-export type SessionBaseDTO = Omit<SessionSnapshot, "output" | "messages">;
+export type SessionBaseDTO = Omit<SessionSnapshot, "output" | "messages" | "title"> & {
+    /** Canonical server-resolved title. Clients must not invent their own fallback. */
+    title: string;
+};
 export interface SessionListItemDTO extends SessionBaseDTO {
     /** Kept for compatibility with clients that initialize terminal state from the list. */
     output: "";
@@ -17,6 +20,8 @@ export interface SessionDetailDTO extends SessionBaseDTO {
     leadingBlockOffset?: number;
     leadingBlockTotal?: number;
 }
+/** Resolve every client-visible title on the server so all clients show the same value. */
+export declare function resolveSessionDisplayTitle(snapshot: SessionSnapshot): string;
 export declare function toSessionListItemDTO(snapshot: SessionSnapshot): SessionListItemDTO;
 export interface SessionDetailDTOOptions {
     output?: string;

package/dist/session-transport.js

@@ -1,5 +1,19 @@
 import { enrichStructuredMessages, WAND_PROTOCOL_VERSION } from "./structured-client-protocol.js";
 export const SESSION_TRANSPORT_OUTPUT_LIMIT = 200_000;
+function cleanDisplayTitle(value) {
+    return value?.replace(/\s+/g, " ").trim().slice(0, 40) ?? "";
+}
+/** Resolve every client-visible title on the server so all clients show the same value. */
+export function resolveSessionDisplayTitle(snapshot) {
+    for (const candidate of [snapshot.title, snapshot.description, snapshot.summary]) {
+        const title = cleanDisplayTitle(candidate);
+        if (title)
+            return title;
+    }
+    const cwd = snapshot.cwd.replace(/[\\/]+$/, "");
+    const directory = cleanDisplayTitle(cwd.split(/[\\/]/).pop());
+    return directory || "会话";
+}
 /** Explicit allow-list separating the server's session object from its wire DTO. */
 function sessionBase(snapshot) {
     return {
@@ -36,7 +50,7 @@ function sessionBase(snapshot) {
         autoApprovePermissions: snapshot.autoApprovePermissions,
         approvalStats: snapshot.approvalStats,
         summary: snapshot.summary,
-        title: snapshot.title,
+        title: resolveSessionDisplayTitle(snapshot),
         description: snapshot.description,
         currentTaskTitle: snapshot.currentTaskTitle,
         selectedModel: snapshot.selectedModel,

package/dist/structured-claude-protocol.js

@@ -65,6 +65,16 @@ export function normalizeClaudeToolInput(name, input) {
         }
         catch { /* Preserve malformed provider data verbatim. */ }
     }
+    if (name === "TodoWrite" && Array.isArray(record.todos)) {
+        record.todos = record.todos.map((item) => {
+            if (!item || typeof item !== "object" || Array.isArray(item))
+                return item;
+            const todo = item;
+            return typeof todo.content !== "string" && typeof todo.description === "string"
+                ? { ...todo, content: todo.description }
+                : item;
+        });
+    }
     return record;
 }
 export function extractClaudeUsage(source) {

package/dist/structured-client-protocol.js

@@ -77,7 +77,7 @@ function tasksFromSegment(messages, start, end) {
                 return [];
             return [{
                     id: text(todo.id) ?? String(index + 1),
-                    content: text(todo.content) ?? text(todo.subject) ?? "",
+                    content: text(todo.content) ?? text(todo.subject) ?? text(todo.description) ?? "",
                     status: text(todo.status) ?? "pending",
                     ...(text(todo.activeForm) ? { activeForm: text(todo.activeForm) } : {}),
                 }];

package/dist/types.d.ts

@@ -536,7 +536,7 @@ export interface SessionSnapshot {
     description?: string;
     /** 会话标题正在根据最新消息重新生成；仅用于实时展示，重启时强制清空。 */
     titleGenerating?: boolean;
-    /** 当前正在执行的任务标题（用于会话列表展示） */
+    /** 当前正在执行的任务标题（用于进度展示，不作为会话标题） */
     currentTaskTitle?: string;
     /** 用户为此会话选定的 Claude 模型（别名或完整 ID）。结构化会话下次 spawn 时使用；PTY 会话仅用于展示。 */
     selectedModel?: string | null;