jinzd-ai-cli 0.4.70 → 0.4.72

package/dist/{chunk-3YT2DUUT.js → chunk-57HHY5ZX.js}

@@ -8,7 +8,7 @@ import {
   RateLimitError,
   schemaToJsonSchema,
   truncateForPersist
-} from "./chunk-IVTWWDWZ.js";
+} from "./chunk-XH65H3BT.js";
 import {
   APP_NAME,
   CONFIG_DIR_NAME,
@@ -21,7 +21,7 @@ import {
   MCP_TOOL_PREFIX,
   PLUGINS_DIR_NAME,
   VERSION
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 
 // src/config/config-manager.ts
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";

package/dist/{chunk-ND3O5NQU.js → chunk-73UI5AH7.js}

@@ -8,7 +8,7 @@ import { platform } from "os";
 import chalk from "chalk";
 
 // src/core/constants.ts
-var VERSION = "0.4.70";
+var VERSION = "0.4.72";
 var APP_NAME = "ai-cli";
 var CONFIG_DIR_NAME = ".aicli";
 var CONFIG_FILE_NAME = "config.json";

package/dist/{chunk-YJKPARSH.js → chunk-OKNKH5D7.js}

@@ -6,7 +6,7 @@ import { platform } from "os";
 import chalk from "chalk";
 
 // src/core/constants.ts
-var VERSION = "0.4.70";
+var VERSION = "0.4.72";
 var APP_NAME = "ai-cli";
 var CONFIG_DIR_NAME = ".aicli";
 var CONFIG_FILE_NAME = "config.json";

package/dist/{chunk-IVTWWDWZ.js → chunk-XH65H3BT.js}

@@ -10,7 +10,7 @@ import {
   SUBAGENT_DEFAULT_MAX_ROUNDS,
   SUBAGENT_MAX_ROUNDS_LIMIT,
   runTestsTool
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 
 // src/tools/builtin/bash.ts
 import { execSync } from "child_process";
@@ -1783,6 +1783,118 @@ Important: For long content (over 500 lines or 3000 chars), you MUST split into
 
 // src/tools/builtin/edit-file.ts
 import { readFileSync as readFileSync4, writeFileSync as writeFileSync3, existsSync as existsSync5 } from "fs";
+
+// src/tools/builtin/patch-apply.ts
+function parseUnifiedDiff(patch) {
+  const lines = patch.split("\n");
+  const hunks = [];
+  let current = null;
+  const headerRe = /^@@\s+-(\d+)(?:,(\d+))?\s+\+(\d+)(?:,(\d+))?\s+@@/;
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const m = line.match(headerRe);
+    if (m) {
+      if (current) hunks.push(current);
+      current = {
+        oldStart: parseInt(m[1], 10) || 1,
+        oldLines: [],
+        newLines: [],
+        header: line
+      };
+      continue;
+    }
+    if (!current) continue;
+    if (line.startsWith("---") || line.startsWith("+++") || line.startsWith("diff ") || line.startsWith("index ")) {
+      hunks.push(current);
+      current = null;
+      continue;
+    }
+    if (line.startsWith("\\")) continue;
+    const tag = line[0];
+    const body = line.slice(1);
+    if (tag === " " || tag === void 0) {
+      current.oldLines.push(body ?? "");
+      current.newLines.push(body ?? "");
+    } else if (tag === "-") {
+      current.oldLines.push(body);
+    } else if (tag === "+") {
+      current.newLines.push(body);
+    } else {
+      current.oldLines.push(line);
+      current.newLines.push(line);
+    }
+  }
+  if (current) hunks.push(current);
+  return hunks;
+}
+function locate(haystack, needle, hintLine1Based, searchWindow = 200) {
+  if (needle.length === 0) return { index: Math.max(0, hintLine1Based - 1), mode: "exact" };
+  const hint = Math.max(0, hintLine1Based - 1);
+  const matchExactAt = (start) => {
+    if (start < 0 || start + needle.length > haystack.length) return false;
+    for (let j = 0; j < needle.length; j++) {
+      if (haystack[start + j] !== needle[j]) return false;
+    }
+    return true;
+  };
+  const matchWsAt = (start) => {
+    if (start < 0 || start + needle.length > haystack.length) return false;
+    for (let j = 0; j < needle.length; j++) {
+      if ((haystack[start + j] ?? "").trim() !== needle[j].trim()) return false;
+    }
+    return true;
+  };
+  if (matchExactAt(hint)) return { index: hint, mode: "exact" };
+  for (let d = 1; d <= searchWindow; d++) {
+    if (matchExactAt(hint - d)) return { index: hint - d, mode: "fuzzy" };
+    if (matchExactAt(hint + d)) return { index: hint + d, mode: "fuzzy" };
+  }
+  for (let d = 0; d <= searchWindow; d++) {
+    if (matchWsAt(hint - d)) return { index: hint - d, mode: "ws" };
+    if (d > 0 && matchWsAt(hint + d)) return { index: hint + d, mode: "ws" };
+  }
+  for (let i = 0; i <= haystack.length - needle.length; i++) {
+    if (matchWsAt(i)) return { index: i, mode: "ws-global" };
+  }
+  return null;
+}
+function applyUnifiedPatch(content, hunks, options = {}) {
+  const stopOnError = options.stopOnError !== false;
+  const lines = content.split("\n");
+  let working = lines.slice();
+  let offset = 0;
+  const reports = [];
+  let appliedCount = 0;
+  for (let i = 0; i < hunks.length; i++) {
+    const h = hunks[i];
+    const hint = h.oldStart + offset;
+    const loc = locate(working, h.oldLines, hint);
+    if (!loc) {
+      reports.push({
+        index: i,
+        ok: false,
+        detail: `Hunk @${h.header} \u2014 context not found near line ${h.oldStart} (${h.oldLines.length} old lines).`
+      });
+      if (stopOnError) {
+        return { ok: false, content: void 0, reports, appliedCount };
+      }
+      continue;
+    }
+    const before = working.slice(0, loc.index);
+    const after = working.slice(loc.index + h.oldLines.length);
+    working = before.concat(h.newLines, after);
+    offset += h.newLines.length - h.oldLines.length;
+    appliedCount++;
+    reports.push({
+      index: i,
+      ok: true,
+      detail: `Applied at line ${loc.index + 1} (${loc.mode}${loc.index + 1 === hint ? "" : `, drift ${loc.index + 1 - hint}`}): -${h.oldLines.length} +${h.newLines.length}`
+    });
+  }
+  return { ok: true, content: working.join("\n"), reports, appliedCount };
+}
+
+// src/tools/builtin/edit-file.ts
 function similarityScore(a, b) {
   if (a === b) return 1;
   if (a.length < 2 || b.length < 2) return 0;
@@ -1948,11 +2060,12 @@ function parseEditsArg(raw) {
 var editFileTool = {
   definition: {
     name: "edit_file",
-    description: `Precisely edit file contents. Four modes:
+    description: `Precisely edit file contents. Five modes:
 1. String replace (most common): Provide old_str and new_str to replace an exact match. old_str must appear exactly once (unless replace_all is true).
 2. Line insert: Provide insert_after_line (1-based) and insert_content.
 3. Line delete: Provide delete_from_line and delete_to_line (inclusive).
 4. Batch edits: Provide edits=[{old_str, new_str, ignore_whitespace?, replace_all?}, ...] to apply MULTIPLE edits in ONE call \u2014 saves tool rounds/tokens when refactoring a file. Edits are applied sequentially in-memory; by default any failure rolls back ALL edits (set stop_on_error=false to apply successful ones and report failures).
+5. Unified diff patch: Provide patch=<unified-diff string> with one or more '@@ -a,b +c,d @@' hunks. Use this for MANY scattered small changes in a LARGE file \u2014 most compact format (context lines are shared between old/new). Supports line-number drift (\xB1200 lines) and whitespace-tolerant fallback. Format each hunk as standard unified diff: ' ' context / '-' remove / '+' add. File headers (---/+++) are optional and ignored.
 Optional ignore_whitespace: true ignores indentation differences during matching.
 Optional replace_all: true replaces ALL occurrences of old_str.
 Note: Path can be absolute or relative to cwd.`,
@@ -2009,7 +2122,12 @@ Note: Path can be absolute or relative to cwd.`,
       },
       stop_on_error: {
         type: "boolean",
-        description: "[Batch mode] If true (default), any failing edit rolls back the whole batch and writes nothing. If false, successful edits are written and failed ones are reported.",
+        description: "[Batch mode / Patch mode] If true (default), any failing edit/hunk rolls back the whole operation and writes nothing. If false, successful edits are written and failed ones are reported.",
+        required: false
+      },
+      patch: {
+        type: "string",
+        description: '[Patch mode] A unified-diff string with one or more "@@ -oldStart,oldLines +newStart,newLines @@" hunks. Most compact for many scattered small changes. Tolerates line-number drift (\xB1200 lines) and whitespace differences.',
         required: false
       },
       encoding: {
@@ -2027,6 +2145,39 @@ Note: Path can be absolute or relative to cwd.`,
     if (!filePath) throw new ToolError("edit_file", "path is required");
     if (!existsSync5(filePath)) throw new ToolError("edit_file", `File not found: ${filePath}`);
     const original = readFileSync4(filePath, encoding);
+    if (args["patch"] !== void 0) {
+      const patchText = String(args["patch"] ?? "");
+      const stopOnError = args["stop_on_error"] !== false;
+      if (!patchText.trim()) {
+        throw new ToolError("edit_file", "patch is empty");
+      }
+      const hunks = parseUnifiedDiff(patchText);
+      if (hunks.length === 0) {
+        throw new ToolError(
+          "edit_file",
+          'patch contained no hunks. Expected unified diff format with "@@ -a,b +c,d @@" headers.'
+        );
+      }
+      const res = applyUnifiedPatch(original, hunks, { stopOnError });
+      const lines = [];
+      if (!res.ok) {
+        lines.push(`ERROR: Patch aborted \u2014 ${res.appliedCount}/${hunks.length} hunks applied, then a hunk failed. No changes written (stop_on_error=true).`);
+      } else if (res.appliedCount < hunks.length) {
+        lines.push(`Partial success: ${res.appliedCount}/${hunks.length} hunks applied to ${filePath} (stop_on_error=false).`);
+      } else {
+        lines.push(`Successfully applied ${res.appliedCount}/${hunks.length} hunk(s) to ${filePath}.`);
+      }
+      lines.push("");
+      for (const r of res.reports) {
+        lines.push(r.ok ? `  \u2713 #${r.index + 1}: ${r.detail}` : `  \u2717 #${r.index + 1}: ${r.detail}`);
+      }
+      if (res.ok && res.appliedCount > 0 && res.content !== void 0) {
+        undoStack.push(filePath, `edit_file (patch ${res.appliedCount}/${hunks.length}): ${filePath}`);
+        fileCheckpoints.snapshot(filePath, ToolExecutor.currentMessageIndex);
+        writeFileSync3(filePath, res.content, encoding);
+      }
+      return lines.join("\n");
+    }
     if (args["edits"] !== void 0) {
       const edits = parseEditsArg(args["edits"]);
       const stopOnError = args["stop_on_error"] !== false;
@@ -2140,7 +2291,7 @@ Please read the file first and use exact text.`;
     }
     throw new ToolError(
       "edit_file",
-      "No operation specified. Provide one of: (old_str + new_str), (insert_after_line + insert_content), (delete_from_line + delete_to_line), or edits=[...]."
+      "No operation specified. Provide one of: (old_str + new_str), (insert_after_line + insert_content), (delete_from_line + delete_to_line), edits=[...], or patch=<unified diff>."
     );
   }
 };

package/dist/{hub-BGO4X72R.js → hub-NQADIYTS.js}

@@ -385,7 +385,7 @@ ${content}`);
   }
 }
 async function runTaskMode(config, providers, configManager, topic) {
-  const { TaskOrchestrator } = await import("./task-orchestrator-EB2XPY5S.js");
+  const { TaskOrchestrator } = await import("./task-orchestrator-R33SWTHO.js");
   const orchestrator = new TaskOrchestrator(config, providers, configManager);
   let interrupted = false;
   const onSigint = () => {

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   saveDevState,
   sessionHasMeaningfulContent,
   setupProxy
-} from "./chunk-3YT2DUUT.js";
+} from "./chunk-57HHY5ZX.js";
 import {
   ToolExecutor,
   ToolRegistry,
@@ -47,7 +47,7 @@ import {
   spawnAgentContext,
   theme,
   undoStack
-} from "./chunk-IVTWWDWZ.js";
+} from "./chunk-XH65H3BT.js";
 import {
   fileCheckpoints
 } from "./chunk-4BKXL7SM.js";
@@ -72,7 +72,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 
 // src/index.ts
 import { program } from "commander";
@@ -2267,7 +2267,7 @@ ${hint}` : "")
       usage: "/test [command|filter]",
       async execute(args, ctx) {
         try {
-          const { executeTests } = await import("./run-tests-NPRCZYN3.js");
+          const { executeTests } = await import("./run-tests-4565WOUK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {
@@ -6139,7 +6139,7 @@ program.command("web").description("Start Web UI server with browser-based chat
     console.error("Error: Invalid port number. Must be between 1 and 65535.");
     process.exit(1);
   }
-  const { startWebServer } = await import("./server-WYL3OD5N.js");
+  const { startWebServer } = await import("./server-Y4CT5IJJ.js");
   await startWebServer({ port, host: options.host });
 });
 program.command("user [action] [username]").description("Manage Web UI users (list | create <name> | delete <name> | reset-password <name> | migrate <name>)").action(async (action, username) => {
@@ -6372,7 +6372,7 @@ program.command("hub [topic]").description("Start multi-agent hub (discuss / bra
     }),
     config.get("customProviders")
   );
-  const { startHub } = await import("./hub-BGO4X72R.js");
+  const { startHub } = await import("./hub-NQADIYTS.js");
   await startHub(
     {
       topic: topic ?? "",

package/dist/{run-tests-NPRCZYN3.js → run-tests-4565WOUK.js}

@@ -2,7 +2,7 @@
 import {
   executeTests,
   runTestsTool
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 export {
   executeTests,
   runTestsTool

package/dist/{run-tests-RFEETSJP.js → run-tests-X2P5BOWV.js}

@@ -1,7 +1,7 @@
 import {
   executeTests,
   runTestsTool
-} from "./chunk-YJKPARSH.js";
+} from "./chunk-OKNKH5D7.js";
 export {
   executeTests,
   runTestsTool

package/dist/{server-WYL3OD5N.js → server-Y4CT5IJJ.js}

@@ -21,7 +21,7 @@ import {
   persistToolRound,
   rebuildExtraMessages,
   setupProxy
-} from "./chunk-3YT2DUUT.js";
+} from "./chunk-57HHY5ZX.js";
 import {
   AuthManager
 } from "./chunk-BYNY5JPB.js";
@@ -42,7 +42,7 @@ import {
   spawnAgentContext,
   truncateOutput,
   undoStack
-} from "./chunk-IVTWWDWZ.js";
+} from "./chunk-XH65H3BT.js";
 import "./chunk-4BKXL7SM.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
@@ -62,7 +62,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 
 // src/web/server.ts
 import express from "express";
@@ -1948,7 +1948,7 @@ ${undoResults.map((r) => `  \u2022 ${r}`).join("\n")}` });
       case "test": {
         this.send({ type: "info", message: "\u{1F9EA} Running tests..." });
         try {
-          const { executeTests } = await import("./run-tests-NPRCZYN3.js");
+          const { executeTests } = await import("./run-tests-4565WOUK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {
@@ -3010,6 +3010,26 @@ async function startWebServer(options = {}) {
       res.json({ sessions: [] });
     }
   });
+  app.get("/api/sessions/:id/replay", requireAuth, (req, res) => {
+    const id = req.params.id;
+    if (!/^[a-f0-9-]{36}$/i.test(id)) {
+      res.status(400).json({ error: "Invalid session id" });
+      return;
+    }
+    try {
+      const authUser = req._authUser;
+      const histDir = authUser ? getUserShared(authUser).config.getHistoryDir() : config.getHistoryDir();
+      const filePath = join3(histDir, `${id}.json`);
+      if (!existsSync4(filePath)) {
+        res.status(404).json({ error: "Session not found" });
+        return;
+      }
+      const data = JSON.parse(readFileSync4(filePath, "utf-8"));
+      res.json({ session: data });
+    } catch (err) {
+      res.status(500).json({ error: err instanceof Error ? err.message : String(err) });
+    }
+  });
   app.get("/api/file-content", requireAuth, (req, res) => {
     const filePath = req.query.path;
     if (!filePath) {

package/dist/{task-orchestrator-EB2XPY5S.js → task-orchestrator-R33SWTHO.js}

@@ -4,11 +4,11 @@ import {
   getDangerLevel,
   googleSearchContext,
   truncateOutput
-} from "./chunk-IVTWWDWZ.js";
+} from "./chunk-XH65H3BT.js";
 import "./chunk-4BKXL7SM.js";
 import {
   SUBAGENT_ALLOWED_TOOLS
-} from "./chunk-ND3O5NQU.js";
+} from "./chunk-73UI5AH7.js";
 
 // src/hub/task-orchestrator.ts
 import { createInterface } from "readline";

package/dist/web/client/app.js

@@ -965,7 +965,7 @@ function renderFilteredSessions(filter) {
       <div class="flex items-center gap-1">
         ${checkbox}
         <div class="session-title flex-1">${escapeHtml(title)}</div>
-        ${batchSelectMode ? '' : `<button class="session-delete-btn opacity-0 hover:opacity-100 text-error text-xs px-1 flex-shrink-0" data-delete-id="${s.id}" title="Delete session">&times;</button>`}
+        ${batchSelectMode ? '' : `<button class="session-replay-btn opacity-0 hover:opacity-100 text-xs px-1 flex-shrink-0" data-replay-id="${s.id}" title="Replay session">🎬</button><button class="session-delete-btn opacity-0 hover:opacity-100 text-error text-xs px-1 flex-shrink-0" data-delete-id="${s.id}" title="Delete session">&times;</button>`}
       </div>
       <div class="session-meta">${s.messageCount} msgs · ${timeStr}</div>
     </div>`;
@@ -976,7 +976,7 @@ function renderFilteredSessions(filter) {
     let clickTimer = null;
 
     el.addEventListener('click', (e) => {
-      if (e.target.closest('.session-delete-btn') || e.target.closest('.session-batch-cb') || e.target.closest('.session-rename-input')) return;
+      if (e.target.closest('.session-delete-btn') || e.target.closest('.session-replay-btn') || e.target.closest('.session-batch-cb') || e.target.closest('.session-rename-input')) return;
       if (batchSelectMode) {
         const cb = el.querySelector('.session-batch-cb');
         if (cb) { cb.checked = !cb.checked; cb.dispatchEvent(new Event('change')); }
@@ -1032,9 +1032,121 @@ function renderFilteredSessions(filter) {
         }
       });
     });
+
+    sessionListEl.querySelectorAll('.session-replay-btn').forEach(btn => {
+      btn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const id = btn.dataset.replayId;
+        if (id) openReplay(id);
+      });
+    });
   }
 }
 
+// ── Session Replay (B1) ─────────────────────────────────
+async function openReplay(sessionId) {
+  const modal = document.getElementById('replay-modal');
+  const metaEl = document.getElementById('replay-meta');
+  const usageEl = document.getElementById('replay-usage');
+  const timelineEl = document.getElementById('replay-timeline');
+  if (!modal || !metaEl || !usageEl || !timelineEl) return;
+
+  metaEl.textContent = 'Loading…';
+  usageEl.textContent = '';
+  timelineEl.innerHTML = '';
+  modal.showModal();
+
+  try {
+    const headers = {};
+    if (authToken) headers['Authorization'] = 'Bearer ' + authToken;
+    const resp = await fetch('/api/sessions/' + encodeURIComponent(sessionId) + '/replay', { headers });
+    if (!resp.ok) {
+      const body = await resp.json().catch(() => ({}));
+      metaEl.textContent = 'Failed: ' + (body.error || resp.status);
+      return;
+    }
+    const { session } = await resp.json();
+    renderReplay(session, metaEl, usageEl, timelineEl);
+  } catch (err) {
+    metaEl.textContent = 'Failed to load: ' + (err && err.message ? err.message : err);
+  }
+}
+
+function renderReplay(session, metaEl, usageEl, timelineEl) {
+  const created = session.created ? new Date(session.created).toLocaleString() : '-';
+  const updated = session.updated ? new Date(session.updated).toLocaleString() : '-';
+  const title = session.title || 'Untitled';
+  metaEl.innerHTML =
+    `<div><b>${escapeHtml(title)}</b></div>` +
+    `<div>${escapeHtml(session.provider || '?')} / ${escapeHtml(session.model || '?')} · ${escapeHtml(session.id || '')}</div>` +
+    `<div>Created ${created} · Updated ${updated} · ${(session.messages || []).length} messages</div>`;
+
+  const tu = session.tokenUsage || {};
+  const total = (tu.inputTokens || 0) + (tu.outputTokens || 0);
+  usageEl.innerHTML =
+    `<span class="badge badge-sm badge-ghost">total ${total}</span> ` +
+    `<span class="badge badge-sm badge-ghost">in ${tu.inputTokens || 0}</span> ` +
+    `<span class="badge badge-sm badge-ghost">out ${tu.outputTokens || 0}</span> ` +
+    `<span class="badge badge-sm badge-ghost">cache-write ${tu.cacheCreationTokens || 0}</span> ` +
+    `<span class="badge badge-sm badge-ghost">cache-read ${tu.cacheReadTokens || 0}</span>`;
+
+  const messages = Array.isArray(session.messages) ? session.messages : [];
+  timelineEl.innerHTML = messages.map((m, i) => renderReplayStep(m, i)).join('');
+}
+
+function renderReplayStep(m, idx) {
+  const role = m.role || 'user';
+  const ts = m.timestamp ? new Date(m.timestamp).toLocaleTimeString() : '';
+  const isError = !!m.isError;
+  const cls = 'replay-step role-' + role + (isError ? ' error' : '');
+  const roleTag = role + (m.toolName ? ' · ' + m.toolName : '') + (isError ? ' · ERROR' : '');
+
+  // Extract text content
+  let text = '';
+  if (typeof m.content === 'string') {
+    text = m.content;
+  } else if (Array.isArray(m.content)) {
+    text = m.content
+      .map(p => p && p.type === 'text' ? (p.text || '') : (p && p.type === 'image_url' ? '[image]' : ''))
+      .join('');
+  }
+
+  let body = '';
+  if (text) {
+    const isTool = role === 'tool';
+    const bodyCls = isTool ? 'replay-step-body' : 'replay-step-body text-body';
+    body += `<div class="${bodyCls}">${escapeHtml(text)}</div>`;
+  }
+
+  // Tool calls (assistant asking to invoke tools)
+  if (Array.isArray(m.toolCalls) && m.toolCalls.length > 0) {
+    body += m.toolCalls.map(tc => {
+      const name = tc.name || tc.function?.name || '(unknown)';
+      let args = tc.arguments ?? tc.function?.arguments ?? {};
+      if (typeof args === 'string') {
+        try { args = JSON.parse(args); } catch { /* keep as string */ }
+      }
+      const argsStr = typeof args === 'string' ? args : JSON.stringify(args, null, 2);
+      return `<div class="replay-tool-block"><div><span class="tool-name">→ ${escapeHtml(name)}</span> <span class="opacity-60">${escapeHtml(tc.id || '')}</span></div><pre>${escapeHtml(argsStr)}</pre></div>`;
+    }).join('');
+  }
+
+  // Reasoning content (thinking models)
+  if (m.reasoningContent) {
+    body += `<details class="replay-tool-block"><summary class="opacity-70">💭 reasoning</summary><pre>${escapeHtml(m.reasoningContent)}</pre></details>`;
+  }
+
+  return `<div class="${cls}">
+    <div class="replay-step-header">
+      <span class="opacity-50">#${idx + 1}</span>
+      <span class="role-tag">${escapeHtml(roleTag)}</span>
+      <span class="opacity-50">${ts}</span>
+      ${m.toolCallId ? `<span class="opacity-40">↳ ${escapeHtml(m.toolCallId)}</span>` : ''}
+    </div>
+    ${body || '<div class="opacity-40 text-xs">(empty)</div>'}
+  </div>`;
+}
+
 function startSessionRename(itemEl, titleEl) {
   const sessionId = itemEl.dataset.sessionId;
   const currentTitle = titleEl.textContent.trim();

package/dist/web/client/index.html

@@ -249,6 +249,20 @@
     <form method="dialog" class="modal-backdrop"><button>close</button></form>
   </dialog>
 
+  <!-- ── Session Replay Modal (B1) ───────────────────────── -->
+  <dialog id="replay-modal" class="modal">
+    <div class="modal-box max-w-5xl bg-base-200 w-11/12">
+      <div class="flex items-center justify-between mb-3">
+        <h3 class="font-bold text-lg">🎬 Session Replay</h3>
+        <form method="dialog"><button class="btn btn-sm btn-ghost">✕</button></form>
+      </div>
+      <div id="replay-meta" class="text-xs opacity-70 mb-2"></div>
+      <div id="replay-usage" class="text-xs mb-3"></div>
+      <div id="replay-timeline" class="flex flex-col gap-2 max-h-[70vh] overflow-y-auto pr-2"></div>
+    </div>
+    <form method="dialog" class="modal-backdrop"><button>close</button></form>
+  </dialog>
+
   <script src="app.js"></script>
   <script>
     if ('serviceWorker' in navigator) {

package/dist/web/client/style.css

@@ -845,3 +845,61 @@ button, a, .session-item, .file-tree-row, .template-item, .tool-item, .mcp-serve
 @media (display-mode: standalone) {
   .navbar { padding-top: env(safe-area-inset-top, 0px); }
 }
+
+/* ── Session Replay (B1) ───────────────────────────── */
+.replay-step {
+  border-left: 3px solid hsl(var(--b3));
+  padding: 0.5rem 0.6rem;
+  background: hsl(var(--b1));
+  border-radius: 0 0.35rem 0.35rem 0;
+  font-size: 0.85rem;
+}
+.replay-step.role-user { border-left-color: #3b82f6; }
+.replay-step.role-assistant { border-left-color: #10b981; }
+.replay-step.role-tool { border-left-color: #f59e0b; }
+.replay-step.role-tool.error { border-left-color: #ef4444; }
+.replay-step-header {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  font-size: 0.72rem;
+  opacity: 0.75;
+  margin-bottom: 0.25rem;
+}
+.replay-step-header .role-tag {
+  font-weight: 600;
+  padding: 0 0.35rem;
+  border-radius: 0.25rem;
+  background: hsl(var(--b3));
+}
+.replay-step-body {
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.78rem;
+  max-height: 18rem;
+  overflow-y: auto;
+}
+.replay-step-body.text-body {
+  font-family: inherit;
+  font-size: 0.85rem;
+}
+.replay-tool-block {
+  margin-top: 0.3rem;
+  padding: 0.4rem;
+  background: hsl(var(--b2));
+  border-radius: 0.3rem;
+  font-size: 0.78rem;
+}
+.replay-tool-block .tool-name {
+  font-weight: 600;
+  color: #f59e0b;
+}
+.replay-tool-block pre {
+  margin: 0.2rem 0 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-size: 0.72rem;
+  max-height: 12rem;
+  overflow-y: auto;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jinzd-ai-cli",
-  "version": "0.4.70",
+  "version": "0.4.72",
   "description": "Cross-platform REPL-style AI CLI with multi-provider support",
   "type": "module",
   "main": "./dist/index.js",