@vincentbanana/bananacli 0.4.3 → 0.4.5

package/dist/config/config.js

@@ -1,10 +1,41 @@
-import { existsSync } from 'node:fs';
+import { existsSync, mkdirSync, copyFileSync, cpSync } from 'node:fs';
 import { mkdir, readFile, writeFile } from 'node:fs/promises';
 import { homedir } from 'node:os';
 import { dirname, join, resolve } from 'node:path';
 export function bananaHome() {
     const custom = process.env['BANANA_HOME']?.trim();
-    return custom ? resolve(custom) : join(homedir(), '.banana');
+    if (custom)
+        return resolve(custom);
+    // Windows 默认落到 D 盘：配置、会话、备份、缓存都不写系统盘。
+    // 老版本的数据在 %USERPROFILE%\.banana，第一次启动时自动搬过去（只搬一次）。
+    if (process.platform === 'win32') {
+        for (const candidate of ['D:\\BananaCLI-data', 'D:\\BananaData']) {
+            try {
+                mkdirSync(candidate, { recursive: true });
+                const legacy = join(homedir(), '.banana');
+                if (existsSync(legacy)) {
+                    if (!existsSync(join(candidate, 'config.json')) && existsSync(join(legacy, 'config.json'))) {
+                        copyFileSync(join(legacy, 'config.json'), join(candidate, 'config.json'));
+                    }
+                    for (const name of ['sessions', 'backups']) {
+                        if (!existsSync(join(candidate, name)) && existsSync(join(legacy, name))) {
+                            try {
+                                cpSync(join(legacy, name), join(candidate, name), { recursive: true });
+                            }
+                            catch {
+                                // 单个会话复制失败不影响启动
+                            }
+                        }
+                    }
+                }
+                return candidate;
+            }
+            catch {
+                // 没有 D 盘或没写权限，试下一个位置
+            }
+        }
+    }
+    return join(homedir(), '.banana');
 }
 export function configPath() {
     const custom = process.env['BANANA_CONFIG']?.trim();

package/dist/server/ui-server.js

@@ -81,6 +81,10 @@ export async function startUiServer(options) {
             '多半是内核版本太旧或安装不完整，重新安装即可：npm install -g @vincentbanana/bananacli\n');
     }
     let turn = null;
+    // 内嵌终端：不弹外部窗口，命令在当前工作区里执行，cd 之后的工作目录会被记住
+    let terminalCwd = null;
+    let terminalChild = null;
+    const terminalWorkdir = () => terminalCwd && existsSync(terminalCwd) ? terminalCwd : config.workspace;
     const provider = () => createProvider(config.current, config);
     const backups = (sessionId) => new BackupStore(join(bananaHome(), 'backups'), sessionId);
     const info = async (session) => ({
@@ -258,7 +262,13 @@ export async function startUiServer(options) {
                 config.systemPrompt = body.value;
             }
             else if (body.action === 'workspace' && body.value) {
-                config.workspace = resolve(body.value);
+                const next = resolve(String(body.value).trim());
+                if (!existsSync(next)) {
+                    return json(res, 400, { error: `目录不存在：${next}` });
+                }
+                config.workspace = next;
+                // 换工作区后终端也要跟着换，否则 cd 还停在旧目录
+                terminalCwd = null;
             }
             const { saveConfig } = await import("../config/config.js");
             await saveConfig(config);
@@ -312,8 +322,108 @@ export async function startUiServer(options) {
                 return json(res, 409, { error: '当前正在跑一轮对话' });
             return chat(body, res, session);
         }
+        if (path === '/api/terminal' && req.method === 'POST') {
+            const body = await readJson(req);
+            return runTerminal(String(body.command ?? ''), res);
+        }
         return notFound(res);
     }
+    /**
+     * 内嵌终端：把一条命令跑在工作区里，输出按行流式推给界面。
+     * 这里刻意不依赖 node-pty（原生编译在 Windows 上太重），用管道 + 目录标记实现，
+     * 足以跑 git/npm/测试这类常用命令；cd 之后目录会被记住，Ctrl+C 会杀掉子进程。
+     */
+    async function runTerminal(command, res) {
+        const cwd = terminalWorkdir();
+        const trimmed = command.trim();
+        if (!trimmed)
+            return json(res, 200, { cwd });
+        if (terminalChild)
+            return json(res, 409, { error: '上一条命令还在跑，先按停止。' });
+        res.writeHead(200, {
+            'Content-Type': 'text/event-stream; charset=utf-8',
+            'Cache-Control': 'no-cache, no-transform',
+            Connection: 'keep-alive',
+            'X-Accel-Buffering': 'no',
+        });
+        const send = (type, payload = {}) => {
+            if (!res.writableEnded)
+                res.write(`data: ${JSON.stringify({ type, ...payload })}\n\n`);
+        };
+        send('start', { cwd });
+        const isWin = process.platform === 'win32';
+        const marker = '__BANANA_CWD__';
+        // 命令跑完后回显一次当前目录，用来记住 cd 的结果
+        const wrapped = isWin ? `${trimmed} & echo ${marker}%CD%` : `${trimmed}\n echo ${marker}$(pwd)`;
+        let child;
+        try {
+            child = isWin
+                ? spawn('cmd.exe', ['/d', '/s', '/c', wrapped], { cwd, env: process.env, windowsHide: true })
+                : spawn('/bin/sh', ['-c', wrapped], { cwd, env: process.env, windowsHide: true });
+        }
+        catch (error) {
+            send('exit', { code: -1, error: error instanceof Error ? error.message : String(error), cwd });
+            res.end();
+            return;
+        }
+        terminalChild = child;
+        let tailOut = '';
+        let tailErr = '';
+        const pump = (text, stream) => {
+            let buffer = (stream === 'stdout' ? tailOut : tailErr) + text;
+            const lines = buffer.split('\n');
+            buffer = lines.pop() ?? '';
+            for (const raw of lines) {
+                const line = raw.replace(/\r$/, '');
+                if (line.startsWith(marker)) {
+                    const next = line.slice(marker.length).trim();
+                    if (next && existsSync(next))
+                        terminalCwd = next;
+                    continue;
+                }
+                send('out', { stream, data: line + '\n' });
+            }
+            if (stream === 'stdout')
+                tailOut = buffer;
+            else
+                tailErr = buffer;
+        };
+        const flush = () => {
+            for (const [buffer, stream] of [[tailOut, 'stdout'], [tailErr, 'stderr']]) {
+                if (!buffer)
+                    continue;
+                if (!buffer.startsWith(marker))
+                    send('out', { stream, data: buffer.replace(/\r$/, '') });
+            }
+            tailOut = '';
+            tailErr = '';
+        };
+        child.stdout?.setEncoding('utf8');
+        child.stderr?.setEncoding('utf8');
+        child.stdout?.on('data', (chunk) => pump(chunk, 'stdout'));
+        child.stderr?.on('data', (chunk) => pump(chunk, 'stderr'));
+        // 前端断开（按停止 / 关页面）时连同子进程一起收掉
+        res.on('close', () => {
+            if (terminalChild === child)
+                terminalChild = null;
+            if (!child.killed)
+                child.kill();
+        });
+        await new Promise((resolvePromise) => {
+            child.on('error', (error) => {
+                send('out', { stream: 'stderr', data: `启动失败：${error.message}\n` });
+            });
+            child.on('close', (code) => {
+                flush();
+                if (terminalChild === child)
+                    terminalChild = null;
+                send('exit', { code: code ?? 0, cwd: terminalWorkdir() });
+                if (!res.writableEnded)
+                    res.end();
+                resolvePromise();
+            });
+        });
+    }
     /**
      * 执行 CLI 命令：命令表只有一份（cli/commands.ts），GUI 只是换了个输出通道。
      * 输出逐行推给前端，行为和终端里一致。

package/dist/tools/web.js

@@ -54,7 +54,7 @@ function unwrapDuckDuckGo(href) {
     return decodeURIComponent(match[1]);
 }
 async function searchTavily(query, count, ctx) {
-    const apiKey = process.env['TAVILY_API_KEY'];
+    const apiKey = process.env['TAVILY_API_KEY'] ?? process.env['BANANA_TAVILY_KEY'];
     if (!apiKey)
         return null;
     const response = await fetch('https://api.tavily.com/search', {
@@ -73,10 +73,10 @@ async function searchTavily(query, count, ctx) {
     }));
 }
 async function searchBrave(query, count, ctx) {
-    const apiKey = process.env['BRAVE_API_KEY'];
+    const apiKey = process.env['BRAVE_API_KEY'] ?? process.env['BANANA_BRAVE_KEY'];
     if (!apiKey)
         return null;
-    const url = `https://api.brave.com/res/v1/web/search?q=${encodeURIComponent(query)}&count=${count}`;
+    const url = `https://api.search.brave.com/res/v1/web/search?q=${encodeURIComponent(query)}&count=${count}`;
     const response = await fetch(url, {
         headers: { 'x-subscription-token': apiKey, accept: 'application/json' },
         signal: ctx.signal,
@@ -176,6 +176,43 @@ function parseDuckDuckGo(html, count) {
     }
     return hits;
 }
+/** 归一化 URL：忽略大小写、www. 前缀、末尾斜杠和 #hash，用来去重。 */
+export function normalizeUrl(href) {
+    try {
+        const url = new URL(href);
+        const host = url.hostname.replace(/^www\./i, '').toLowerCase();
+        const path = url.pathname.replace(/\/+$/, '');
+        return `${host}${path}${url.search}`;
+    }
+    catch {
+        return href.trim();
+    }
+}
+/** 搜索结果清洗：去掉站内跳转、重复链接和空条目。 */
+export function sanitizeHits(hits, count) {
+    const seen = new Set();
+    const out = [];
+    for (const hit of hits) {
+        const url = (hit.url ?? '').trim();
+        if (!/^https?:\/\//i.test(url))
+            continue;
+        // 搜索引擎自己的搜索页 / 跳转页不是结果
+        if (/^https?:\/\/([^/]*\.)?(bing|duckduckgo|google|baidu)\.(com|cn)\//i.test(url) && /\/(search|ck\/a|url|link)\b/i.test(url))
+            continue;
+        const key = normalizeUrl(url);
+        if (seen.has(key))
+            continue;
+        seen.add(key);
+        out.push({
+            title: (hit.title ?? '').trim() || url,
+            url,
+            snippet: (hit.snippet ?? '').trim().slice(0, 500),
+        });
+        if (out.length >= count)
+            break;
+    }
+    return out;
+}
 export const webSearchTool = {
     name: 'web_search',
     description: [
@@ -221,6 +258,7 @@ export const webSearchTool = {
                 hits = await searchDuckDuckGo(query, count, ctx);
             if (problems.length)
                 ctx.log(`搜索 API 降级: ${problems.join('; ')}`);
+            hits = sanitizeHits(hits, count);
             if (!hits.length)
                 return fail(`没有找到 "${query}" 的结果，换个关键词试试。`);
             const body = hits

package/dist/ui/app.js

@@ -510,7 +510,7 @@ async function send() {
   renderEmpty();
 
   const userMsg = document.createElement('article');
-  userMsg.className = 'msg user';
+  userMsg.className = 'msg user enter';
   userMsg.innerHTML = '<div class="msg-role">你</div>';
   const userBody = document.createElement('div');
   userBody.className = 'msg-body';
@@ -519,7 +519,7 @@ async function send() {
   THREAD.appendChild(userMsg);
 
   const botMsg = document.createElement('article');
-  botMsg.className = 'msg assistant';
+  botMsg.className = 'msg assistant enter';
   botMsg.innerHTML = '<div class="msg-role">Banana</div>';
   const toolWrap = document.createElement('div');
   toolWrap.className = 'tool-group';
@@ -822,7 +822,7 @@ async function runCommand(text) {
   THREAD.appendChild(userMsg);
 
   const botMsg = document.createElement('article');
-  botMsg.className = 'msg assistant';
+  botMsg.className = 'msg assistant enter';
   const role = document.createElement('div');
   role.className = 'msg-role';
   role.textContent = '命令输出';
@@ -945,6 +945,45 @@ function renderSettings() {
   });
   body.appendChild(keyField);
 
+  // 工作区：换目录后所有文件工具和命令都跟着换，所以放显眼位置
+  const workspaceField = document.createElement('div');
+  workspaceField.className = 'field';
+  workspaceField.innerHTML =
+    '<label>工作区</label>' +
+    `<div class="row"><input value="${escapeHtml(info.workspace ?? '')}" spellcheck="false" /><button class="btn">切换</button></div>` +
+    '<div class="hint">Banana 只能读写这个目录下的文件，命令也在这里执行。绝对路径，例如 D:\\project。</div>';
+  workspaceField.querySelector('button').addEventListener('click', async () => {
+    const input = workspaceField.querySelector('input');
+    const value = input.value.trim();
+    if (!value) {
+      toast('请填写目录路径');
+      return;
+    }
+    try {
+      await post('action', { action: 'workspace', value });
+      await refreshSettings();
+      renderHeader();
+      toast('工作区已切换到 ' + value);
+    } catch (error) {
+      toast('切换失败：' + (error?.message ?? error));
+    }
+  });
+  workspaceField.querySelector('input').addEventListener('keydown', (event) => {
+    if (event.key === 'Enter') workspaceField.querySelector('button').click();
+  });
+  body.appendChild(workspaceField);
+
+  const terminalField = document.createElement('div');
+  terminalField.className = 'field';
+  terminalField.innerHTML =
+    '<label>终端</label><div class="row"><button class="btn">在界面里打开终端</button></div>' +
+    '<div class="hint">内嵌在对话下方，不弹外部窗口；直接在当前工作区执行命令，cd 会记住目录。</div>';
+  terminalField.querySelector('button').addEventListener('click', () => {
+    closeSettings();
+    termOpen();
+  });
+  body.appendChild(terminalField);
+
   const permField = document.createElement('div');
   permField.className = 'field';
   permField.innerHTML = '<label>权限</label>';
@@ -1155,6 +1194,199 @@ function closeSettings() {
   setTimeout(() => { if ($('settingsSheet').hidden) $('settingsBody').innerHTML = ''; }, 240);
 }
 
+// ---------------- 内嵌终端 ----------------
+const term = { open: false, running: false, history: [], cursor: 0, controller: null, size: 0 };
+
+const ANSI_COLORS = {
+  30: '#6b6b72', 31: '#b4453a', 32: '#2f7d50', 33: '#966d1f',
+  34: '#3b63b0', 35: '#7b4d9e', 36: '#257f80', 37: '#55555c',
+  90: '#8c8c93', 91: '#c9564a', 92: '#3f9a66', 93: '#b0852d',
+  94: '#527cd1', 95: '#9a67c4', 96: '#2f9a9a', 97: '#16161a',
+};
+
+/** 把 ANSI 上色转成 span；其他控制序列直接丢掉，避免满屏乱码。 */
+function ansiToHtml(input) {
+  const text = input.replace(/\x1b\][^\x07]*\x07/g, '').replace(/\x1b\[[0-9;?]*[A-LN-Za-ln-z]/g, '');
+  let out = '';
+  let last = 0;
+  let color = '';
+  let bold = false;
+  let dim = false;
+  const style = () =>
+    color || bold || dim
+      ? `color:${color || 'inherit'};font-weight:${bold ? 600 : 400};opacity:${dim ? 0.7 : 1}`
+      : '';
+  for (const match of text.matchAll(/\x1b\[([0-9;]*)m/g)) {
+    out += `<span style="${style()}">${escapeHtml(text.slice(last, match.index))}</span>`;
+    last = match.index + match[0].length;
+    for (const code of (match[1] || '0').split(';').filter(Boolean).map(Number)) {
+      if (code === 0) { color = ''; bold = false; dim = false; }
+      else if (code === 1) bold = true;
+      else if (code === 2) dim = true;
+      else if (code === 22) { bold = false; dim = false; }
+      else if (code === 39) color = '';
+      else if (ANSI_COLORS[code]) color = ANSI_COLORS[code];
+    }
+  }
+  out += `<span style="${style()}">${escapeHtml(text.slice(last))}</span>`;
+  return out;
+}
+
+function termWrite(text, kind = 'out') {
+  if (!text) return;
+  const body = $('termBody');
+  const chunk = document.createElement('span');
+  chunk.className = 'term-chunk' + (kind === 'stderr' ? ' stderr' : kind === 'input' ? ' input' : '');
+  chunk.innerHTML = ansiToHtml(text);
+  body.appendChild(chunk);
+  term.size += text.length;
+  if (term.size > 240_000) {
+    body.textContent = '';
+    term.size = 0;
+    termWrite('输出太多，已清空旧内容。\n', 'input');
+  }
+  body.scrollTop = body.scrollHeight;
+}
+
+function termOpen() {
+  const panel = $('terminalPanel');
+  if (!term.open) {
+    term.open = true;
+    panel.hidden = false;
+    requestAnimationFrame(() => panel.classList.add('show'));
+    if (!term.size) {
+      termWrite('在当前工作区执行命令；cd 会记住目录，clear 清屏。\n', 'input');
+    }
+  }
+  $('termCwd').textContent = state.info?.workspace ?? '';
+  $('termInput').focus();
+}
+
+function termClose() {
+  term.open = false;
+  const panel = $('terminalPanel');
+  panel.classList.remove('show');
+  panel.classList.add('closing');
+  setTimeout(() => {
+    if (term.open) return;
+    panel.hidden = true;
+    panel.classList.remove('closing');
+  }, 160);
+}
+
+function termToggle() {
+  if (term.open) termClose();
+  else termOpen();
+}
+
+async function termRun(command) {
+  const cmd = command.trim();
+  if (!cmd || term.running) return;
+  if (/^(clear|cls)$/i.test(cmd)) {
+    $('termBody').textContent = '';
+    term.size = 0;
+    return;
+  }
+  term.running = true;
+  $('termStop').hidden = false;
+  $('termSend').disabled = true;
+  termWrite(`\n> ${cmd}\n`, 'input');
+
+  const history = term.history;
+  if (history[history.length - 1] !== cmd) history.push(cmd);
+  term.cursor = history.length;
+
+  term.controller = new AbortController();
+  try {
+    const response = await fetch(API + 'terminal', {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ command: cmd }),
+      signal: term.controller.signal,
+    });
+    if (!response.ok) {
+      const payload = await response.json().catch(() => ({}));
+      termWrite((payload.error ?? `终端启动失败（${response.status}）`) + '\n', 'stderr');
+      return;
+    }
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+    for (;;) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      let index;
+      while ((index = buffer.indexOf('\n\n')) >= 0) {
+        const raw = buffer.slice(0, index);
+        buffer = buffer.slice(index + 2);
+        const line = raw.startsWith('data: ') ? raw.slice(6) : raw;
+        if (!line) continue;
+        let event;
+        try { event = JSON.parse(line); } catch { continue; }
+        if (event.type === 'out') termWrite(event.data, event.stream);
+        else if (event.type === 'start' || event.type === 'exit') {
+          if (event.cwd) $('termCwd').textContent = event.cwd;
+          if (event.error) termWrite(event.error + '\n', 'stderr');
+          if (event.type === 'exit' && event.code) termWrite(`进程退出，代码 ${event.code}\n`, 'stderr');
+        }
+      }
+    }
+  } catch (error) {
+    if (error?.name !== 'AbortError') termWrite(`终端错误：${error?.message ?? error}\n`, 'stderr');
+    else termWrite('已停止。\n', 'input');
+  } finally {
+    term.running = false;
+    term.controller = null;
+    $('termStop').hidden = true;
+    $('termSend').disabled = false;
+    if (term.open) $('termInput').focus();
+  }
+}
+
+function bindTerminal() {
+  $('termBtn').innerHTML = svg('terminal');
+  $('termStop').innerHTML = svg('stop');
+  $('termClear').innerHTML = svg('trash');
+  $('termClose').innerHTML = svg('x');
+  $('termBtn').addEventListener('click', termToggle);
+  $('termClose').addEventListener('click', termClose);
+  $('termClear').addEventListener('click', () => {
+    $('termBody').textContent = '';
+    term.size = 0;
+  });
+  $('termStop').addEventListener('click', () => term.controller?.abort());
+  $('termForm').addEventListener('submit', (event) => {
+    event.preventDefault();
+    const input = $('termInput');
+    const value = input.value;
+    input.value = '';
+    termRun(value);
+  });
+  $('termInput').addEventListener('keydown', (event) => {
+    if (event.key === 'ArrowUp') {
+      event.preventDefault();
+      if (!term.history.length) return;
+      term.cursor = Math.max(0, term.cursor - 1);
+      $('termInput').value = term.history[term.cursor] ?? '';
+    } else if (event.key === 'ArrowDown') {
+      event.preventDefault();
+      term.cursor = Math.min(term.history.length, term.cursor + 1);
+      $('termInput').value = term.history[term.cursor] ?? '';
+    } else if (event.key === 'Escape') {
+      termClose();
+    }
+  });
+  window.addEventListener('keydown', (event) => {
+    if (event.ctrlKey && event.key === '`') {
+      event.preventDefault();
+      termToggle();
+    }
+  });
+  // 新建 / 切换会话时同步一下工作区显示
+  $('termCwd').textContent = state.info?.workspace ?? '';
+}
+
 function bind() {
   $('newChat').innerHTML = svg('plus');
   $('sendBtn').innerHTML = svg('send');
@@ -1163,6 +1395,7 @@ function bind() {
   $('closeSettings').innerHTML = svg('x');
   $('filesBtn').innerHTML = svg('panel');
   $('closeFiles').innerHTML = svg('x');
+  bindTerminal();
   hydrate();
   loadTheme();
 

package/dist/ui/index.html

@@ -43,6 +43,7 @@
               <span data-icon="chip"></span><span id="modelLabel">—</span>
             </button>
             <button class="icon-btn" id="filesBtn" title="项目文件" aria-label="项目文件"></button>
+            <button class="icon-btn" id="termBtn" title="终端（Ctrl+`）" aria-label="终端"></button>
             <button class="icon-btn" id="themeBtn" title="切换主题" aria-label="切换主题"></button>
             <button class="icon-btn" id="abortBtn" title="停止" aria-label="停止" hidden></button>
           </div>
@@ -50,6 +51,25 @@
 
         <div class="thread" id="thread"></div>
 
+        <section class="terminal" id="terminalPanel" hidden>
+          <header class="term-head">
+            <span class="term-dot" aria-hidden="true"></span>
+            <span class="term-title">终端</span>
+            <span class="term-cwd" id="termCwd"></span>
+            <div class="term-actions">
+              <button class="icon-btn" id="termStop" title="停止" aria-label="停止" hidden></button>
+              <button class="icon-btn" id="termClear" title="清空" aria-label="清空"></button>
+              <button class="icon-btn" id="termClose" title="收起（Ctrl+`）" aria-label="收起"></button>
+            </div>
+          </header>
+          <div class="term-body" id="termBody" aria-live="polite"></div>
+          <form class="term-row" id="termForm">
+            <span class="term-prompt" aria-hidden="true">&gt;</span>
+            <input id="termInput" autocomplete="off" spellcheck="false" placeholder="输入命令，Enter 执行，↑↓ 翻历史" />
+            <button class="btn tiny" type="submit" id="termSend">运行</button>
+          </form>
+        </section>
+
         <div class="composer-wrap">
           <div class="attachments" id="attachments" hidden></div>
           <form class="composer" id="composer">

package/dist/ui/style.css

@@ -13,6 +13,8 @@
   --radius: 12px;
   --ease: cubic-bezier(0.22, 1, 0.36, 1);
   --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  /* 带一点点回弹，用于按压力气和弹出层，别过量 */
+  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
   --dur: 220ms;
   --sidebar: 274px;
   --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
@@ -262,7 +264,48 @@ button, input, textarea, select { font: inherit; color: inherit; }
   contain-intrinsic-size: auto 120px;
 }
 
-/* 切换会话时给一点即时反馈，避免点了像没反应 */
+/* ---------- 轻微回弹 ----------
+   只给「按下去」和「弹出来」加一点过冲，不影响滚动手感。 */
+.btn,
+.icon-btn,
+.send-btn,
+.s-act,
+.popover button,
+.session-item {
+  transition:
+    background 140ms var(--ease),
+    color 140ms var(--ease),
+    border-color 140ms var(--ease),
+    transform 180ms var(--spring);
+}
+
+.btn:active,
+.popover button:active,
+.s-act:active {
+  transform: scale(0.95);
+}
+
+.btn:hover,
+.icon-btn:hover {
+  transform: translateY(-1px);
+}
+
+.send-btn:not(:disabled):hover {
+  transform: translateY(-1px) scale(1.04);
+}
+
+.send-btn:not(:disabled):active {
+  transform: scale(0.93);
+}
+
+.session-item:active {
+  transform: scale(0.985);
+}
+
+/* 新消息轻轻上浮，只有真正新产生的消息走这条 */
+.msg.enter {
+  animation: rise 240ms var(--spring) both;
+}
 .thread { transition: opacity 120ms var(--ease); }
 body.switching .thread { opacity: 0.45; }
 body.switching { cursor: progress; }
@@ -520,7 +563,7 @@ pre.code code { border: 0; background: none; padding: 0; font-size: 12.6px; line
   box-shadow: var(--shadow-lg);
   display: flex;
   flex-direction: column;
-  animation: slide var(--dur) var(--ease) both;
+  animation: slide 250ms var(--spring) both;
   will-change: transform;
 }
 @keyframes slide {
@@ -774,7 +817,8 @@ pre.code code { border: 0; background: none; padding: 0; font-size: 12.6px; line
   border-radius: 10px;
   background: var(--bg);
   box-shadow: var(--shadow-lg);
-  animation: pop 160ms var(--ease) both;
+  animation: pop 190ms var(--spring) both;
+  transform-origin: top right;
 }
 .popover button {
   display: block;
@@ -889,4 +933,116 @@ pre.code code { border: 0; background: none; padding: 0; font-size: 12.6px; line
   .only-narrow { display: inline-grid; }
   .msg { padding: 0 16px; }
   .composer-wrap { padding: 8px 14px 12px; }
-}
+}
+
+/* ---------- 内嵌终端 ---------- */
+.terminal {
+  display: flex;
+  flex-direction: column;
+  height: 38vh;
+  min-height: 170px;
+  border-top: 1px solid var(--line);
+  background: var(--panel);
+  animation: termIn 220ms var(--spring) both;
+}
+.terminal[hidden] { display: none; }
+.terminal.closing { animation: termOut 150ms var(--ease-in) both; }
+@keyframes termIn { from { opacity: 0; transform: translateY(14px) scale(0.995); } to { opacity: 1; transform: none; } }
+@keyframes termOut { to { opacity: 0; transform: translateY(10px); } }
+
+.term-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 38px;
+  padding: 0 10px 0 14px;
+  border-bottom: 1px solid var(--line);
+  font-size: 12px;
+  color: var(--text-3);
+}
+.term-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: 0.55; }
+.term-title { font-weight: 600; color: var(--text-2); letter-spacing: 0.02em; }
+.term-cwd { font-family: var(--mono); font-size: 11.5px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.term-actions { margin-left: auto; display: flex; gap: 2px; align-items: center; }
+
+.term-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px 14px;
+  font-family: var(--mono);
+  font-size: 12.4px;
+  line-height: 1.6;
+  color: var(--text-2);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  scrollbar-gutter: stable;
+}
+.term-chunk.stderr { color: #a8493d; }
+.term-chunk.input { color: var(--text-3); }
+
+.term-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-top: 1px solid var(--line);
+  background: var(--bg);
+}
+.term-prompt { font-family: var(--mono); color: var(--text-3); font-size: 13px; }
+.term-row input {
+  flex: 1;
+  min-width: 0;
+  height: 30px;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: var(--text);
+  font-family: var(--mono);
+  font-size: 12.8px;
+}
+.term-row input:focus { transform: none; box-shadow: none; }
+
+/* ---------- 全局轻微弹力 ----------
+   所有可点组件统一手感：按下回缩、松开弹回；幅度很小，不抢内容。 */
+button,
+.session-item,
+.popover button,
+.files-row,
+.palette-item,
+.suggest button,
+.tool-head,
+summary {
+  transition:
+    transform 200ms var(--spring),
+    background-color 140ms var(--ease),
+    color 140ms var(--ease),
+    border-color 160ms var(--ease),
+    box-shadow 160ms var(--ease),
+    opacity 140ms var(--ease);
+}
+button:active,
+.session-item:active,
+.files-row:active,
+.palette-item:active {
+  transform: scale(0.96);
+}
+@media (hover: hover) {
+  button:hover,
+  .files-row:hover,
+  .palette-item:hover {
+    transform: translateY(-1px);
+  }
+}
+
+/* 输入类控件聚焦时轻轻抬起 */
+.field input,
+.field select,
+.term-row input,
+.composer textarea {
+  transition: transform 180ms var(--spring), border-color 160ms var(--ease), box-shadow 160ms var(--ease);
+}
+.field input:focus,
+.field select:focus,
+.composer textarea:focus {
+  transform: translateY(-1px);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincentbanana/bananacli",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "A multi-provider AI agent for your terminal: file tools, shell, web search, persistent sessions, diff preview and undo",
   "type": "module",
   "engines": {