jinzd-ai-cli 0.4.30 → 0.4.32

package/dist/{chunk-4EOFMJCR.js → chunk-C2E47GOR.js}

@@ -9,7 +9,7 @@ import {
   SUBAGENT_DEFAULT_MAX_ROUNDS,
   SUBAGENT_MAX_ROUNDS_LIMIT,
   runTestsTool
-} from "./chunk-4WGZEAGJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/tools/builtin/bash.ts
 import { execSync } from "child_process";
@@ -2948,7 +2948,8 @@ var ENV_KEY_MAP = {
   kimi: "AICLI_API_KEY_KIMI",
   openai: "AICLI_API_KEY_OPENAI",
   openrouter: "AICLI_API_KEY_OPENROUTER",
-  "google-search": "AICLI_API_KEY_GOOGLESEARCH"
+  "google-search": "AICLI_API_KEY_GOOGLESEARCH",
+  ollama: "AICLI_API_KEY_OLLAMA"
 };
 var EnvLoader = class {
   /**

package/dist/{chunk-4TUVB27S.js → chunk-EF6CCPWA.js}

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

package/dist/{chunk-HNS4LEHL.js → chunk-FSAKLKZH.js}

@@ -7,7 +7,7 @@ import {
   ProviderNotFoundError,
   RateLimitError,
   schemaToJsonSchema
-} from "./chunk-4EOFMJCR.js";
+} from "./chunk-C2E47GOR.js";
 import {
   APP_NAME,
   CONFIG_DIR_NAME,
@@ -20,7 +20,7 @@ import {
   MCP_TOOL_PREFIX,
   PLUGINS_DIR_NAME,
   VERSION
-} from "./chunk-4WGZEAGJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/config/config-manager.ts
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";
@@ -2095,6 +2095,103 @@ var OpenRouterProvider = class extends OpenAICompatibleProvider {
   };
 };
 
+// src/providers/ollama.ts
+var OllamaProvider = class extends OpenAICompatibleProvider {
+  defaultBaseUrl = "http://localhost:11434/v1";
+  defaultTimeout = 12e4;
+  // 本地推理可能较慢，默认 2 分钟
+  /** 动态模型列表，initialize 时从 Ollama 获取 */
+  dynamicModels = [];
+  info = {
+    id: "ollama",
+    displayName: "Ollama (Local)",
+    defaultModel: "",
+    // 动态设置
+    apiKeyEnvVar: "",
+    requiresApiKey: false,
+    baseUrl: this.defaultBaseUrl,
+    models: []
+  };
+  async initialize(apiKey, options) {
+    const baseUrl = options?.baseUrl ?? this.defaultBaseUrl;
+    const ollamaHost = baseUrl.replace(/\/v1\/?$/, "");
+    this.dynamicModels = await this.fetchModels(ollamaHost);
+    if (this.dynamicModels.length === 0) {
+      throw new Error("Ollama is running but no models are installed. Run `ollama pull <model>` to install one.");
+    }
+    const preferred = ["llama3.1", "llama3", "qwen2.5", "qwen2", "deepseek-r1", "mistral", "gemma2"];
+    const defaultModel = this.dynamicModels.find(
+      (m) => preferred.some((p) => m.id.startsWith(p))
+    )?.id ?? this.dynamicModels[0].id;
+    Object.assign(this.info, {
+      defaultModel,
+      baseUrl,
+      models: this.dynamicModels
+    });
+    await super.initialize(apiKey || "ollama", { ...options, baseUrl });
+  }
+  /**
+   * 从 Ollama /api/tags 获取本地模型列表。
+   * 如果 Ollama 未运行则抛出错误。
+   */
+  async fetchModels(ollamaHost) {
+    const url = `${ollamaHost}/api/tags`;
+    let response;
+    try {
+      response = await fetch(url, { signal: AbortSignal.timeout(5e3) });
+    } catch {
+      throw new Error(
+        `Cannot connect to Ollama at ${ollamaHost}. Make sure Ollama is running (https://ollama.com).`
+      );
+    }
+    if (!response.ok) {
+      throw new Error(`Ollama API error: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    if (!data.models || data.models.length === 0) {
+      return [];
+    }
+    return data.models.map((m) => {
+      const paramSize = m.details?.parameter_size ?? "";
+      const sizeGB = (m.size / 1e9).toFixed(1);
+      return {
+        id: m.name,
+        displayName: `${m.name} (${paramSize || sizeGB + "GB"})`,
+        contextWindow: this.estimateContextWindow(m.name),
+        supportsStreaming: true,
+        supportsThinking: false
+      };
+    });
+  }
+  /** 根据模型名估算上下文窗口（Ollama 模型元数据不含此信息） */
+  estimateContextWindow(modelName) {
+    const name = modelName.toLowerCase();
+    if (name.includes("llama3") || name.includes("llama-3")) return 131072;
+    if (name.includes("qwen2.5") || name.includes("qwen3")) return 131072;
+    if (name.includes("qwen2") || name.includes("qwen-2")) return 32768;
+    if (name.includes("deepseek")) return 65536;
+    if (name.includes("gemma2") || name.includes("gemma-2")) return 8192;
+    if (name.includes("mistral")) return 32768;
+    if (name.includes("phi")) return 16384;
+    if (name.includes("codellama") || name.includes("code-llama")) return 16384;
+    return 8192;
+  }
+  /** 动态返回当前 Ollama 安装的模型 */
+  async listModels() {
+    return this.dynamicModels.length > 0 ? this.dynamicModels : this.info.models;
+  }
+  /** Ollama 无需验证 API Key，只检查服务是否可达 */
+  async validateApiKey() {
+    try {
+      const ollamaHost = this.info.baseUrl.replace(/\/v1\/?$/, "");
+      await fetch(`${ollamaHost}/api/tags`, { signal: AbortSignal.timeout(5e3) });
+      return true;
+    } catch {
+      return false;
+    }
+  }
+};
+
 // src/providers/custom.ts
 var CustomProvider = class extends OpenAICompatibleProvider {
   defaultBaseUrl;
@@ -2137,7 +2234,8 @@ var BUILT_IN_PROVIDERS = [
   ZhipuProvider,
   KimiProvider,
   OpenAIProvider,
-  OpenRouterProvider
+  OpenRouterProvider,
+  OllamaProvider
 ];
 var ProviderRegistry = class {
   providers = /* @__PURE__ */ new Map();
@@ -2147,10 +2245,14 @@ var ProviderRegistry = class {
     for (const ProviderClass of BUILT_IN_PROVIDERS) {
       const provider = new ProviderClass();
       const apiKey = getApiKey(provider.info.id);
-      if (apiKey) {
+      if (apiKey || !provider.info.requiresApiKey) {
         const options = getOptions?.(provider.info.id) ?? {};
-        await provider.initialize(apiKey, options);
-        this.providers.set(provider.info.id, provider);
+        try {
+          await provider.initialize(apiKey ?? "", options);
+          this.providers.set(provider.info.id, provider);
+        } catch (err) {
+          if (provider.info.requiresApiKey) throw err;
+        }
       }
     }
     this.customConfigs = customProviderConfigs ?? [];

package/dist/{chunk-4WGZEAGJ.js → chunk-LY2B3WHN.js}

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

package/dist/{hub-FKLTP6IO.js → hub-J6CX3YDH.js}

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

package/dist/index.js

@@ -24,7 +24,7 @@ import {
   saveDevState,
   sessionHasMeaningfulContent,
   setupProxy
-} from "./chunk-HNS4LEHL.js";
+} from "./chunk-FSAKLKZH.js";
 import {
   ToolExecutor,
   ToolRegistry,
@@ -37,7 +37,7 @@ import {
   spawnAgentContext,
   theme,
   undoStack
-} from "./chunk-4EOFMJCR.js";
+} from "./chunk-C2E47GOR.js";
 import {
   fileCheckpoints
 } from "./chunk-4BKXL7SM.js";
@@ -61,7 +61,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-4WGZEAGJ.js";
+} from "./chunk-LY2B3WHN.js";
 
 // src/index.ts
 import { program } from "commander";
@@ -2087,7 +2087,7 @@ ${hint}` : "")
       usage: "/test [command|filter]",
       async execute(args, ctx) {
         try {
-          const { executeTests } = await import("./run-tests-NBCWIU4B.js");
+          const { executeTests } = await import("./run-tests-OUR565AK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {
@@ -5397,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-67B52TFH.js");
+  const { startWebServer } = await import("./server-T3ABTKH3.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) => {
@@ -5630,7 +5630,7 @@ program.command("hub [topic]").description("Start multi-agent hub (discuss / bra
     }),
     config.get("customProviders")
   );
-  const { startHub } = await import("./hub-FKLTP6IO.js");
+  const { startHub } = await import("./hub-J6CX3YDH.js");
   await startHub(
     {
       topic: topic ?? "",

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

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

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

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

package/dist/{server-67B52TFH.js → server-T3ABTKH3.js}

@@ -15,7 +15,7 @@ import {
   hadPreviousWriteToolCalls,
   loadDevState,
   setupProxy
-} from "./chunk-HNS4LEHL.js";
+} from "./chunk-FSAKLKZH.js";
 import {
   AuthManager
 } from "./chunk-BYNY5JPB.js";
@@ -33,7 +33,7 @@ import {
   spawnAgentContext,
   truncateOutput,
   undoStack
-} from "./chunk-4EOFMJCR.js";
+} from "./chunk-C2E47GOR.js";
 import "./chunk-4BKXL7SM.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
@@ -52,7 +52,7 @@ import {
   SKILLS_DIR_NAME,
   VERSION,
   buildUserIdentityPrompt
-} from "./chunk-4WGZEAGJ.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-NBCWIU4B.js");
+          const { executeTests } = await import("./run-tests-OUR565AK.js");
           const argStr = args.join(" ").trim();
           let testArgs = {};
           if (argStr) {

package/dist/{task-orchestrator-VUAHWAAP.js → task-orchestrator-V7BBE2VP.js}

@@ -4,11 +4,11 @@ import {
   getDangerLevel,
   googleSearchContext,
   truncateOutput
-} from "./chunk-4EOFMJCR.js";
+} from "./chunk-C2E47GOR.js";
 import "./chunk-4BKXL7SM.js";
 import {
   SUBAGENT_ALLOWED_TOOLS
-} from "./chunk-4WGZEAGJ.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.30",
+  "version": "0.4.32",
   "description": "Cross-platform REPL-style AI CLI with multi-provider support",
   "type": "module",
   "main": "./dist/index.js",