jinzd-ai-cli 0.4.29 → 0.4.31

package/dist/{chunk-FETMBU6E.js → chunk-EF6CCPWA.js}

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

package/dist/{chunk-TE6QE7FJ.js → chunk-LY2B3WHN.js}

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

package/dist/{chunk-SXL6H7XR.js → chunk-XI3XPJEV.js}

@@ -9,7 +9,7 @@ import {
   SUBAGENT_DEFAULT_MAX_ROUNDS,
   SUBAGENT_MAX_ROUNDS_LIMIT,
   runTestsTool
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/tools/builtin/bash.ts
 import { execSync } from "child_process";

package/dist/{chunk-JHVH276O.js → chunk-ZYM2FGYT.js}

@@ -7,7 +7,7 @@ import {
   ProviderNotFoundError,
   RateLimitError,
   schemaToJsonSchema
-} from "./chunk-SXL6H7XR.js";
+} from "./chunk-XI3XPJEV.js";
 import {
   APP_NAME,
   CONFIG_DIR_NAME,
@@ -20,7 +20,7 @@ import {
   MCP_TOOL_PREFIX,
   PLUGINS_DIR_NAME,
   VERSION
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/config/config-manager.ts
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";
@@ -1391,6 +1391,16 @@ function detectsCodeBlockPseudoCall(content) {
   return CODE_BLOCK_PATTERNS.some((pattern) => pattern.test(content));
 }
 var DEEPSEEK_CODE_BLOCK_CORRECTION = "You wrote a code block in your response text, but you did NOT actually execute it. Code blocks in text are NOT executed by the system. You MUST use the function calling API to invoke the appropriate tool (e.g., mcp__postgres__query for SQL queries, bash for shell commands). Please call the correct tool NOW to execute the query/command.";
+var DEEPSEEK_ANTI_HALLUCINATION = `
+
+[CRITICAL: Anti-Hallucination Enforcement \u2014 DeepSeek Specific]
+You have a known tendency to claim files were "saved" or "created" without actually calling write_file. This is UNACCEPTABLE.
+Rules you MUST follow:
+- NEVER type file content into your response text. ALL file content goes through write_file tool calls ONLY.
+- After calling write_file, do NOT describe the file content again in text \u2014 just confirm the tool call result.
+- When generating multiple files: call write_file for file 1 \u2192 call write_file for file 2 \u2192 ... \u2192 THEN summarize.
+- If you catch yourself writing markdown/code that should be a file, STOP and use write_file instead.
+- The system will detect and reject phantom claims. Each failed detection wastes a round. Be honest.`;
 var DeepSeekProvider = class extends OpenAICompatibleProvider {
   defaultBaseUrl = "https://api.deepseek.com/v1";
   /** 禁用流式工具调用，确保 chatWithTools 覆写（代码块检测）生效 */
@@ -1427,7 +1437,11 @@ var DeepSeekProvider = class extends OpenAICompatibleProvider {
    * 检测到后注入纠正消息强制重试一次。
    */
   async chatWithTools(request, tools) {
-    const result = await super.chatWithTools(request, tools);
+    const enhancedRequest = {
+      ...request,
+      systemPrompt: (request.systemPrompt ?? "") + DEEPSEEK_ANTI_HALLUCINATION
+    };
+    const result = await super.chatWithTools(enhancedRequest, tools);
     const hasBashTool = tools.some((t) => t.name === "bash");
     if (hasBashTool && "content" in result && result.content && detectsCodeBlockPseudoCall(result.content)) {
       process.stderr.write(
@@ -1545,8 +1559,20 @@ var HALLUCINATION_PATTERNS = [
   // File written to / saved as（要求介词）
   /生成完成[！!]/,
   // 生成完成！
-  /✅\s*(?:文件|已[生保写创]|第)\S*\.\w{1,5}/
+  /✅\s*(?:文件|已[生保写创]|第)\S*\.\w{1,5}/,
   // ✅ 文件已保存 path.ext（要求文件扩展名）
+  /文件已[成功]?创建/,
+  // 文件已成功创建 / 文件已创建
+  /教案已[成功]?[生创保写]/,
+  // 教案已成功生成 / 教案已保存
+  /已成功[保写创生]入?[：:!！\s`'"]/,
+  // 已成功保存 / 已成功写入 / 已成功创建
+  /保存[到至]了?\s*[`'"]/,
+  // 保存到了 `path` / 保存至 'path'
+  /内容如下[：:]/,
+  // 内容如下：（后跟大段文件内容）
+  /以下是.*(?:教案|文件|内容)[：:]/
+  // 以下是xx教案内容：（Kimi 常见模式）
 ];
 function detectsHallucinatedFileOp(content) {
   return HALLUCINATION_PATTERNS.some((pattern) => pattern.test(content));
@@ -1585,7 +1611,20 @@ When you need to create, write, or modify files, you MUST use the function calli
 NEVER claim "file saved", "file created", "written to", etc. in your response text without actually calling the tool.
 Describing file content in text without calling the tool = the file does not exist = task failure.
 If multiple files need to be generated, you MUST call write_file separately for each file \u2014 do not skip any.
-Do NOT output fake "completion summaries" unless you have actually completed all file writes via tool_calls.`;
+Do NOT output fake "completion summaries" unless you have actually completed all file writes via tool_calls.
+
+CRITICAL \u2014 Batch file generation rules:
+1. You MUST call write_file once per file. There are NO shortcuts.
+2. After writing file N, immediately proceed to call write_file for file N+1. Do NOT stop to summarize.
+3. If you find yourself typing file content into your response text instead of into a write_file call, STOP and use the tool.
+4. Only produce a text summary AFTER all write_file calls have been made and returned success.
+5. The system compares every "file saved" claim against actual tool calls. Phantom claims trigger an automatic retry \u2014 do not waste rounds.`;
+function buildWriteRoundReminder(writtenCount) {
+  return `
+
+[Write Progress Reminder]
+You have successfully called write_file ${writtenCount} time(s) so far in this turn. If there are more files to write, call write_file NOW for the next file. Do NOT produce a text summary until ALL files have been written via tool calls.`;
+}
 var HALLUCINATION_CORRECTION_MESSAGE = "You did NOT actually call the write_file tool \u2014 the file was NOT created! Please immediately use the write_file tool via the function calling API to perform the actual file write. Do NOT describe file content in text \u2014 you MUST invoke write_file through the tool_calls mechanism.";
 function extractClaimedFilePaths(content) {
   const paths = /* @__PURE__ */ new Set();
@@ -1683,7 +1722,16 @@ var KIMI_XML_REMINDER = `
 [IMPORTANT: Tool Call Format Rules - Kimi Specific]
 When calling any tool (write_file, bash, read_file, etc.), you MUST use the API's structured function calling interface exclusively.
 NEVER output XML-formatted pseudo tool call tags (such as <write_file>, <bash>, <read_file>, etc.) in your reply text.
-XML tags in text will NOT be executed by the system, resulting in files not being written, commands not being run, and complete task failure.`;
+XML tags in text will NOT be executed by the system, resulting in files not being written, commands not being run, and complete task failure.
+
+[CRITICAL: Anti-Hallucination Enforcement]
+You have a known tendency to claim files were "saved" or "created" without actually calling write_file. This is UNACCEPTABLE.
+Rules you MUST follow:
+- NEVER type file content into your response text. ALL file content goes through write_file tool calls ONLY.
+- After calling write_file, do NOT describe the file content again in text \u2014 just confirm the tool call result.
+- When generating multiple files: call write_file for file 1 \u2192 call write_file for file 2 \u2192 ... \u2192 THEN summarize.
+- If you catch yourself writing markdown/code that should be a file, STOP and use write_file instead.
+- The system will detect and reject phantom claims. Each failed detection wastes a round. Be honest.`;
 var KimiProvider = class extends OpenAICompatibleProvider {
   defaultBaseUrl = "https://api.moonshot.ai/v1";
   // 禁用流式工具调用：Kimi 的 XML 伪调用检测（方案 A）需要完整响应
@@ -3423,7 +3471,9 @@ export {
   detectsHallucinatedFileOp,
   hadPreviousWriteToolCalls,
   TOOL_CALL_REMINDER,
+  buildWriteRoundReminder,
   HALLUCINATION_CORRECTION_MESSAGE,
+  extractWrittenFilePaths,
   findPhantomClaims,
   buildPhantomCorrectionMessage,
   ProviderRegistry,

package/dist/{hub-RMUO6RN2.js → hub-ZGCGCIOP.js}

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

package/dist/index.js

@@ -9,8 +9,10 @@ import {
   SkillManager,
   TOOL_CALL_REMINDER,
   buildPhantomCorrectionMessage,
+  buildWriteRoundReminder,
   clearDevState,
   detectsHallucinatedFileOp,
+  extractWrittenFilePaths,
   findPhantomClaims,
   formatGitContextForPrompt,
   getContentText,
@@ -22,7 +24,7 @@ import {
   saveDevState,
   sessionHasMeaningfulContent,
   setupProxy
-} from "./chunk-JHVH276O.js";
+} from "./chunk-ZYM2FGYT.js";
 import {
   ToolExecutor,
   ToolRegistry,
@@ -35,7 +37,7 @@ import {
   spawnAgentContext,
   theme,
   undoStack
-} from "./chunk-SXL6H7XR.js";
+} from "./chunk-XI3XPJEV.js";
 import {
   fileCheckpoints
 } from "./chunk-4BKXL7SM.js";
@@ -59,7 +61,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/index.ts
 import { program } from "commander";
@@ -2085,7 +2087,7 @@ ${hint}` : "")
       usage: "/test [command|filter]",
       async execute(args, ctx) {
         try {
-          const { executeTests } = await import("./run-tests-FNWRWJUI.js");
+          const { executeTests } = await import("./run-tests-OUR565AK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {
@@ -4967,6 +4969,18 @@ You have a maximum of ${MAX_TOOL_ROUNDS} tool call rounds for this task. Plan ef
         const reasoningContent = "reasoningContent" in result ? result.reasoningContent : void 0;
         const newMsgs = provider.buildToolResultMessages(result.toolCalls, toolResults, reasoningContent);
         extraMessages.push(...newMsgs);
+        const thisRoundHadWrite = result.toolCalls.some(
+          (tc) => tc.name === "write_file" || tc.name === "edit_file"
+        );
+        if (thisRoundHadWrite) {
+          const totalWritten = extractWrittenFilePaths(extraMessages).length;
+          if (totalWritten > 0) {
+            extraMessages.push({
+              role: "user",
+              content: buildWriteRoundReminder(totalWritten)
+            });
+          }
+        }
         const allFree = result.toolCalls.every((tc) => FREE_ROUND_TOOLS.has(tc.name));
         if (allFree) {
           consecutiveFreeRounds++;
@@ -5383,7 +5397,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-DSICPNYM.js");
+  const { startWebServer } = await import("./server-WFEWHSQR.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) => {
@@ -5616,7 +5630,7 @@ program.command("hub [topic]").description("Start multi-agent hub (discuss / bra
     }),
     config.get("customProviders")
   );
-  const { startHub } = await import("./hub-RMUO6RN2.js");
+  const { startHub } = await import("./hub-ZGCGCIOP.js");
   await startHub(
     {
       topic: topic ?? "",

package/dist/{run-tests-FNWRWJUI.js → run-tests-OUR565AK.js}

@@ -2,7 +2,7 @@
 import {
   executeTests,
   runTestsTool
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 export {
   executeTests,
   runTestsTool

package/dist/{run-tests-GO7U333T.js → run-tests-SYGSF4K7.js}

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

package/dist/{server-DSICPNYM.js → server-WFEWHSQR.js}

@@ -15,7 +15,7 @@ import {
   hadPreviousWriteToolCalls,
   loadDevState,
   setupProxy
-} from "./chunk-JHVH276O.js";
+} from "./chunk-ZYM2FGYT.js";
 import {
   AuthManager
 } from "./chunk-BYNY5JPB.js";
@@ -33,7 +33,7 @@ import {
   spawnAgentContext,
   truncateOutput,
   undoStack
-} from "./chunk-SXL6H7XR.js";
+} from "./chunk-XI3XPJEV.js";
 import "./chunk-4BKXL7SM.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
@@ -52,7 +52,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/web/server.ts
 import express from "express";
@@ -1606,7 +1606,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-FNWRWJUI.js");
+          const { executeTests } = await import("./run-tests-OUR565AK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {

package/dist/{task-orchestrator-LLCLCGR2.js → task-orchestrator-JOQMPOOR.js}

@@ -4,11 +4,11 @@ import {
   getDangerLevel,
   googleSearchContext,
   truncateOutput
-} from "./chunk-SXL6H7XR.js";
+} from "./chunk-XI3XPJEV.js";
 import "./chunk-4BKXL7SM.js";
 import {
   SUBAGENT_ALLOWED_TOOLS
-} from "./chunk-TE6QE7FJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/hub/task-orchestrator.ts
 import { createInterface } from "readline";

package/dist/web/client/app.js

@@ -22,6 +22,12 @@ let historyIndex = -1; // -1 = not browsing history
 let savedInputDraft = ''; // Saved current input when entering history mode
 let toolTimers = new Map(); // callId → { startTime, intervalId }
 
+// ── Multi-Tab state (P2-1) ────────────────────────────────────────
+// Each "tab" represents an open session within the single page.
+// Only one tab is active at a time; others store a DOM snapshot.
+let sessionTabs = [];      // [{ id, sessionId, title, messagesHtml, scrollPos, tokenUsage, isProcessing }]
+let activeTabIdx = -1;     // Index into sessionTabs
+
 // ── DOM refs ───────────────────────────────────────────────────────
 
 const messagesEl = document.getElementById('messages');
@@ -46,6 +52,8 @@ const sessionSearchInput = document.getElementById('session-search');
 const toolsSearchInput = document.getElementById('tools-search');
 let cachedSessions = [];
 let cachedToolsData = null;
+const sessionTabsListEl = document.getElementById('session-tabs-list');
+const btnAddTab = document.getElementById('btn-add-tab');
 
 // ── Configure marked.js ────────────────────────────────────────────
 
@@ -103,10 +111,25 @@ function connect() {
       setProcessing(false);
       addInfoMessage('⚡ Reconnected — previous generation may have been interrupted.');
     }
-    // Restore the last active session for this tab (page reload / reconnect)
-    const savedSession = sessionStorage.getItem('aicli-active-session');
-    if (savedSession && !processing) {
-      send({ type: 'command', name: 'session', args: ['load', savedSession] });
+    // Restore tabs on reconnect / page reload
+    if (sessionTabs.length === 0) {
+      // First connect — try to restore tabs from sessionStorage
+      const restored = restoreTabState();
+      if (restored && sessionTabs[activeTabIdx]?.sessionId) {
+        send({ type: 'command', name: 'session', args: ['load', sessionTabs[activeTabIdx].sessionId] });
+      } else if (!restored) {
+        // Legacy fallback: check old single-session storage
+        const savedSession = sessionStorage.getItem('aicli-active-session');
+        if (savedSession && !processing) {
+          addTab(savedSession, null);
+        } else {
+          // Create initial tab
+          addTab();
+        }
+      }
+    } else if (sessionTabs[activeTabIdx]?.sessionId) {
+      // Reconnecting with existing tabs — reload active session
+      send({ type: 'command', name: 'session', args: ['load', sessionTabs[activeTabIdx].sessionId] });
     }
   };
 
@@ -448,6 +471,9 @@ function handleStatus(msg) {
     sessionStorage.setItem('aicli-active-session', msg.sessionId);
   }
 
+  // Update multi-tab state
+  updateActiveTabFromStatus(msg);
+
   // Update browser tab title to reflect current session
   const title = msg.sessionTitle || msg.sessionId?.slice(0, 8) || 'New Session';
   document.title = `ai-cli — ${title}`;
@@ -603,6 +629,11 @@ function scrollToBottom() {
 
 function setProcessing(value) {
   processing = value;
+  // Sync tab processing indicator
+  if (activeTabIdx >= 0 && activeTabIdx < sessionTabs.length) {
+    sessionTabs[activeTabIdx].isProcessing = value;
+    renderTabBar();
+  }
   // During processing: show BOTH send (as interjection) and stop buttons
   // Send button changes style to indicate interjection mode
   btnStop.classList.toggle('hidden', !value);
@@ -753,6 +784,24 @@ function renderSessionList(sessions) {
   renderFilteredSessions(sessionSearchInput?.value || '');
 }
 
+/** Load a session — switch to its tab if already open, otherwise load in active tab */
+function loadSessionInTab(sessionId, title) {
+  // If this session is already open in a tab, just switch to it
+  const existingIdx = findTabBySessionId(sessionId);
+  if (existingIdx >= 0 && existingIdx !== activeTabIdx) {
+    switchToTab(existingIdx);
+    return;
+  }
+  // Load in current active tab
+  if (activeTabIdx >= 0 && activeTabIdx < sessionTabs.length) {
+    sessionTabs[activeTabIdx].sessionId = sessionId;
+    if (title) sessionTabs[activeTabIdx].title = title;
+    renderTabBar();
+    saveTabState();
+  }
+  send({ type: 'command', name: 'session', args: ['load', sessionId] });
+}
+
 let batchSelectMode = false;
 const batchSelectedIds = new Set();
 
@@ -799,14 +848,14 @@ function renderFilteredSessions(filter) {
         clickTimer = setTimeout(() => {
           clickTimer = null;
           const id = el.dataset.sessionId;
-          if (id) send({ type: 'command', name: 'session', args: ['load', id] });
+          if (id) loadSessionInTab(id, el.querySelector('.session-title')?.textContent);
         }, 300);
         return;
       }
       // Clicking elsewhere on the item — load immediately
       const id = el.dataset.sessionId;
       if (!id) return;
-      send({ type: 'command', name: 'session', args: ['load', id] });
+      loadSessionInTab(id, el.querySelector('.session-title')?.textContent);
     });
 
     if (!batchSelectMode) {
@@ -930,11 +979,9 @@ function renderSessionMessages(messages) {
   scrollToBottom();
 }
 
-// New session button
+// New session button — opens in a new tab
 btnNewSession.addEventListener('click', () => {
-  send({ type: 'command', name: 'session', args: ['new'] });
-  // Clear chat area
-  messagesEl.innerHTML = '';
+  addTab();
 });
 
 // Request session list on connect
@@ -1744,6 +1791,213 @@ if (btnFileTreeRefresh) {
   });
 }
 
+// ── Multi-Tab Management (P2-1) ───────────────────────────────────
+
+function generateTabId() {
+  return 'stab-' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+}
+
+/** Save current active tab's DOM state (messages, scroll, streaming state) */
+function snapshotActiveTab() {
+  if (activeTabIdx < 0 || activeTabIdx >= sessionTabs.length) return;
+  const tab = sessionTabs[activeTabIdx];
+  tab.messagesHtml = messagesEl.innerHTML;
+  tab.scrollPos = chatArea.scrollTop;
+  tab.isProcessing = processing;
+  // Save streaming state so we don't lose partial content
+  tab._currentAssistantContent = currentAssistantContent;
+}
+
+/** Restore a tab's DOM state */
+function restoreTab(index) {
+  const tab = sessionTabs[index];
+  if (!tab) return;
+  messagesEl.innerHTML = tab.messagesHtml || '';
+  chatArea.scrollTop = tab.scrollPos || 0;
+  // Reset streaming state for the restored tab
+  currentAssistantEl = null;
+  currentAssistantContent = '';
+  currentThinkingEl = null;
+  currentThinkingContent = '';
+}
+
+/** Render the tab bar UI */
+function renderTabBar() {
+  if (!sessionTabsListEl) return;
+  sessionTabsListEl.innerHTML = sessionTabs.map((tab, i) => {
+    const active = i === activeTabIdx ? ' active' : '';
+    const title = tab.title || 'New Chat';
+    const processingDot = tab.isProcessing ? '<span class="tab-processing"></span>' : '';
+    return `<div class="session-tab-item${active}" data-tab-index="${i}" title="${escapeHtml(title)}">
+      ${processingDot}<span class="tab-title">${escapeHtml(title)}</span>
+      <span class="tab-close" data-tab-close="${i}">&times;</span>
+    </div>`;
+  }).join('');
+
+  // Click handlers
+  sessionTabsListEl.querySelectorAll('.session-tab-item').forEach(el => {
+    el.addEventListener('click', (e) => {
+      if (e.target.closest('.tab-close')) return;
+      const idx = parseInt(el.dataset.tabIndex);
+      if (idx !== activeTabIdx) switchToTab(idx);
+    });
+  });
+  sessionTabsListEl.querySelectorAll('.tab-close').forEach(btn => {
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      closeTab(parseInt(btn.dataset.tabClose));
+    });
+  });
+
+  // Scroll active tab into view
+  const activeEl = sessionTabsListEl.querySelector('.session-tab-item.active');
+  if (activeEl) activeEl.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+}
+
+/** Add a new tab. If sessionId provided, load that session; otherwise create new. */
+function addTab(sessionId, title) {
+  // Snapshot current tab before adding
+  snapshotActiveTab();
+
+  const tab = {
+    id: generateTabId(),
+    sessionId: sessionId || null,
+    title: title || 'New Chat',
+    messagesHtml: '',
+    scrollPos: 0,
+    tokenUsage: { inputTokens: 0, outputTokens: 0 },
+    isProcessing: false,
+    _currentAssistantContent: '',
+  };
+  sessionTabs.push(tab);
+  activeTabIdx = sessionTabs.length - 1;
+
+  // Clear chat area for the new tab
+  messagesEl.innerHTML = '';
+  currentAssistantEl = null;
+  currentAssistantContent = '';
+  currentThinkingEl = null;
+  currentThinkingContent = '';
+  chatArea.scrollTop = 0;
+
+  // Tell server to create or load session
+  if (sessionId) {
+    send({ type: 'command', name: 'session', args: ['load', sessionId] });
+  } else {
+    send({ type: 'command', name: 'session', args: ['new'] });
+  }
+
+  renderTabBar();
+  saveTabState();
+}
+
+/** Switch to an existing tab by index */
+function switchToTab(index) {
+  if (index === activeTabIdx || index < 0 || index >= sessionTabs.length) return;
+
+  // Snapshot current
+  snapshotActiveTab();
+
+  activeTabIdx = index;
+  const tab = sessionTabs[index];
+
+  // Restore DOM
+  restoreTab(index);
+  renderTabBar();
+
+  // Tell server to switch session
+  if (tab.sessionId) {
+    send({ type: 'command', name: 'session', args: ['load', tab.sessionId] });
+  } else {
+    send({ type: 'command', name: 'session', args: ['new'] });
+  }
+
+  saveTabState();
+}
+
+/** Close a tab */
+function closeTab(index) {
+  if (sessionTabs.length <= 1) return; // Must keep at least 1 tab
+
+  sessionTabs.splice(index, 1);
+
+  if (index === activeTabIdx) {
+    // Closing active tab — switch to nearest
+    activeTabIdx = Math.min(index, sessionTabs.length - 1);
+    restoreTab(activeTabIdx);
+    const tab = sessionTabs[activeTabIdx];
+    if (tab.sessionId) {
+      send({ type: 'command', name: 'session', args: ['load', tab.sessionId] });
+    }
+  } else if (index < activeTabIdx) {
+    activeTabIdx--;
+  }
+
+  renderTabBar();
+  saveTabState();
+}
+
+/** Find tab by sessionId, or -1 */
+function findTabBySessionId(sessionId) {
+  return sessionTabs.findIndex(t => t.sessionId === sessionId);
+}
+
+/** Update the active tab's metadata from a status message */
+function updateActiveTabFromStatus(msg) {
+  if (activeTabIdx < 0 || activeTabIdx >= sessionTabs.length) return;
+  const tab = sessionTabs[activeTabIdx];
+  if (msg.sessionId) tab.sessionId = msg.sessionId;
+  if (msg.sessionTitle) tab.title = msg.sessionTitle;
+  else if (msg.sessionId && !tab.title) tab.title = msg.sessionId.slice(0, 8);
+  tab.isProcessing = processing;
+  if (msg.tokenUsage) tab.tokenUsage = msg.tokenUsage;
+  renderTabBar();
+  saveTabState();
+}
+
+/** Persist tab state to sessionStorage for page reload */
+function saveTabState() {
+  try {
+    const data = sessionTabs.map(t => ({
+      id: t.id,
+      sessionId: t.sessionId,
+      title: t.title,
+    }));
+    sessionStorage.setItem('aicli-tabs', JSON.stringify({ tabs: data, activeIdx: activeTabIdx }));
+  } catch {}
+}
+
+/** Restore tabs from sessionStorage (called on page load) */
+function restoreTabState() {
+  try {
+    const raw = sessionStorage.getItem('aicli-tabs');
+    if (!raw) return false;
+    const { tabs, activeIdx } = JSON.parse(raw);
+    if (!Array.isArray(tabs) || tabs.length === 0) return false;
+
+    sessionTabs = tabs.map(t => ({
+      id: t.id || generateTabId(),
+      sessionId: t.sessionId,
+      title: t.title || 'New Chat',
+      messagesHtml: '',
+      scrollPos: 0,
+      tokenUsage: { inputTokens: 0, outputTokens: 0 },
+      isProcessing: false,
+      _currentAssistantContent: '',
+    }));
+    activeTabIdx = Math.min(activeIdx || 0, sessionTabs.length - 1);
+    renderTabBar();
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// "+" button
+if (btnAddTab) {
+  btnAddTab.addEventListener('click', () => addTab());
+}
+
 // ── Initialize ─────────────────────────────────────────────────────
 
 // Restore theme + sync code highlight

package/dist/web/client/index.html

@@ -153,6 +153,12 @@
       <div id="sidebar-backdrop" class="sidebar-backdrop hidden" onclick="closeSidebar()"></div>
 
       <!-- Chat Area -->
+      <div class="flex-1 flex flex-col overflow-hidden">
+        <!-- Session Tab Bar -->
+        <div id="session-tabs" class="session-tab-bar bg-base-200 border-b border-base-content/10 flex-shrink-0">
+          <div id="session-tabs-list" class="session-tabs-scroll"></div>
+          <button id="btn-add-tab" class="session-tab-add" title="New tab">+</button>
+        </div>
       <main id="chat-area" class="flex-1 overflow-y-auto px-4 py-4 relative">
         <!-- Round progress bar (sticky top, hidden by default) -->
         <div id="round-progress" class="round-progress-bar hidden">
@@ -171,6 +177,7 @@
           </div>
         </div>
       </main>
+      </div><!-- end chat column (tab bar + chat area) -->
 
     </div>
 

package/dist/web/client/style.css

@@ -510,6 +510,114 @@
   font-family: 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
 }
 
+/* ── Session Tab Bar (P2-1: multi-tab in page) ──────── */
+.session-tab-bar {
+  display: flex;
+  align-items: stretch;
+  min-height: 2.25rem;
+  padding: 0;
+  gap: 0;
+  overflow: hidden;
+}
+.session-tabs-scroll {
+  display: flex;
+  align-items: stretch;
+  overflow-x: auto;
+  overflow-y: hidden;
+  flex: 1;
+  min-width: 0;
+  scrollbar-width: thin;
+  scrollbar-color: oklch(var(--bc) / 0.15) transparent;
+}
+.session-tabs-scroll::-webkit-scrollbar { height: 3px; }
+.session-tabs-scroll::-webkit-scrollbar-thumb { background: oklch(var(--bc) / 0.15); border-radius: 2px; }
+
+.session-tab-item {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0 0.75rem;
+  font-size: 0.78rem;
+  white-space: nowrap;
+  cursor: pointer;
+  border-right: 1px solid oklch(var(--bc) / 0.08);
+  transition: background 0.12s;
+  min-width: 0;
+  max-width: 12rem;
+  flex-shrink: 0;
+  position: relative;
+  user-select: none;
+}
+.session-tab-item:hover {
+  background: oklch(var(--b3));
+}
+.session-tab-item.active {
+  background: oklch(var(--b1));
+  border-bottom: 2px solid oklch(var(--p));
+  color: oklch(var(--p));
+  font-weight: 600;
+}
+.session-tab-item:not(.active) {
+  border-bottom: 2px solid transparent;
+}
+.session-tab-item .tab-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+}
+.session-tab-item .tab-processing {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: oklch(var(--wa));
+  flex-shrink: 0;
+  animation: tab-pulse 1.2s infinite;
+}
+@keyframes tab-pulse {
+  0%, 100% { opacity: 0.4; }
+  50% { opacity: 1; }
+}
+.session-tab-item .tab-close {
+  opacity: 0;
+  font-size: 0.85rem;
+  line-height: 1;
+  padding: 0 0.15rem;
+  border-radius: 0.2rem;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: opacity 0.12s, background 0.12s;
+}
+.session-tab-item:hover .tab-close,
+.session-tab-item.active .tab-close {
+  opacity: 0.5;
+}
+.session-tab-item .tab-close:hover {
+  opacity: 1;
+  background: oklch(var(--er) / 0.2);
+  color: oklch(var(--er));
+}
+.session-tab-add {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  flex-shrink: 0;
+  font-size: 1.1rem;
+  font-weight: 300;
+  cursor: pointer;
+  opacity: 0.4;
+  transition: opacity 0.12s, background 0.12s;
+  border: none;
+  background: transparent;
+  color: inherit;
+}
+.session-tab-add:hover {
+  opacity: 1;
+  background: oklch(var(--b3));
+}
+
 /* ── Round progress bar (sticky top of chat area) ──── */
 .round-progress-bar {
   position: sticky;
@@ -684,6 +792,11 @@ button, a, .session-item, .file-tree-row, .template-item, .tool-item, .mcp-serve
   /* Sidebar: full width on small phones */
   .sidebar.sidebar-open { width: min(85vw, 20rem); }
 
+  /* Tab bar: smaller on phone */
+  .session-tab-item { padding: 0 0.5rem; font-size: 0.72rem; max-width: 9rem; }
+  .session-tab-bar { min-height: 2rem; }
+  .session-tab-item .tab-close { opacity: 0.4; } /* always visible on mobile (no hover) */
+
   /* Chat area */
   #chat-area { padding: 0.75rem 0.5rem; }
   .msg-assistant { padding: 0.75rem; font-size: 0.92rem; }

package/package.json

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