@vincentbanana/bananacli 0.4.2 → 0.4.3

package/dist/ui/app.js

@@ -135,6 +135,33 @@ function closeSidebarIfOverlay() {
   if (window.matchMedia('(max-width: 900px)').matches) $('sidebar').classList.remove('open');
 }
 
+let switching = false;
+/**
+ * 切换会话。直接吃 POST 返回的 info/sessions，不再多跑一次 refresh：
+ * 少一次往返、也不会和其他请求抢着改 state（之前表现为「点了没反应」）。
+ */
+async function switchSession(ref) {
+  if (switching) return;
+  switching = true;
+  document.body.classList.add('switching');
+  try {
+    const result = await post('session', { action: 'switch', ref });
+    if (result?.info) state.info = result.info;
+    if (result?.sessions) state.sessions = result.sessions;
+    renderHeader();
+    renderSidebar();
+    renderThread();
+    $('filesTitle').textContent = `项目文件 · ${state.info?.workspace ?? ''}`;
+    closeSidebarIfOverlay();
+  } catch (error) {
+    toast('切换会话失败：' + (error?.message ?? error));
+    await refresh(true);
+  } finally {
+    switching = false;
+    document.body.classList.remove('switching');
+  }
+}
+
 function renderSidebar() {
   const list = $('sessionList');
   list.innerHTML = '';
@@ -152,10 +179,7 @@ function renderSidebar() {
 
     node.addEventListener('click', (event) => {
       if (event.target.closest('[data-del], [data-menu]')) return;
-      post('session', { action: 'switch', ref: item.id }).then(() => {
-        refresh(true);
-        closeSidebarIfOverlay();
-      });
+      switchSession(item.id);
     });
 
     node.querySelector('[data-del]').addEventListener('click', (event) => {
@@ -207,9 +231,7 @@ function openSessionMenu(item, anchor) {
     event.stopPropagation();
     close();
     if (action === 'switch') {
-      await post('session', { action: 'switch', ref: item.id });
-      await refresh(true);
-      closeSidebarIfOverlay();
+      await switchSession(item.id);
     } else if (action === 'rename') {
       const title = prompt('新的标题', item.title || '');
       if (title && title.trim()) {
@@ -219,8 +241,7 @@ function openSessionMenu(item, anchor) {
         toast('已重命名');
       }
     } else {
-      await post('session', { action: 'switch', ref: item.id });
-      await refresh(true);
+      await switchSession(item.id);
       downloadSession(action === 'json' ? 'json' : 'md', item.id);
     }
   });
@@ -350,7 +371,8 @@ function renderThread() {
     if (node) THREAD.appendChild(node);
   }
   renderTurnMeta();
-  scrollToEnd();
+  // 切换会话时瞬间定位到底部；平滑滚动只用于新消息
+  scrollToEnd(false);
 }
 
 function renderTurnMeta() {

package/dist/ui/style.css

@@ -204,8 +204,7 @@ button, input, textarea, select { font: inherit; color: inherit; }
   height: 54px;
   padding: 0 16px;
   border-bottom: 1px solid var(--line);
-  background: color-mix(in srgb, var(--bg) 82%, transparent);
-  backdrop-filter: saturate(140%) blur(8px);
+  background: var(--bg);
 }
 
 .topbar-title {
@@ -257,9 +256,17 @@ button, input, textarea, select { font: inherit; color: inherit; }
   max-width: 780px;
   margin: 0 auto;
   padding: 0 24px;
-  animation: rise 320ms var(--ease) both;
+  /* 历史消息不做入场动画：切换会话时整屏重绘，动画会让人以为界面在乱动，
+     长对话里还会明显卡顿。新消息的即时感交给滚动和光标。 */
+  content-visibility: auto;
+  contain-intrinsic-size: auto 120px;
 }
 
+/* 切换会话时给一点即时反馈，避免点了像没反应 */
+.thread { transition: opacity 120ms var(--ease); }
+body.switching .thread { opacity: 0.45; }
+body.switching { cursor: progress; }
+
 @keyframes rise {
   from { opacity: 0; transform: translateY(8px); }
   to { opacity: 1; transform: none; }

package/package.json

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