tavern-harness 0.1.22 → 0.1.24

package/CHANGELOG.md

@@ -3,6 +3,80 @@
 > 本文件由 `scripts/changelog.mjs` 从 `changelog/v*.md` 生成，请勿手动编辑。
 > 版本对比链接见文末；源文件位于仓库 `changelog/` 目录。
 
+## [0.1.24] - 2026-10-27
+
+### 中文
+
+#### 改进
+
+- 工作区文件管理器现在可以直接进入 public 目录，并预览其中的网页、图片等文件
+- 文件管理器的路径导航移到文件列表上方，窄屏下标题栏不再换行，右侧按钮也不会被挤掉
+- 手机上点击顶部导航的「聊天 / 角色 / 成就 / 设置」或返回首页后，侧边栏会自动收起
+- 手机端的工具调用卡片改用等宽字体并加粗，长工具名和参数更容易看清
+- 输入框提示精简为「输入消息...」，不再把指令说明塞进占位文字
+- 技能列表与原文编辑器的字体、名称截断和「内置」标签对齐统一
+- 工具返回给模型的结果统一使用英文，切换界面语言不再影响模型读取；工具卡片中的结果行也随之显示英文
+
+#### 修复
+
+- 删除会话与会话设置保存改为事务写入，中途出错不会再留下只删了一半的数据
+- 连续点击「删除」「保存」不会再重复提交，也不会卡在加载状态
+- 创建、编辑、删除会话失败时会提示具体原因，而不是静默失败
+
+#### 内部
+
+- 清理工具执行路径中不再需要的界面文案依赖
+
+### English
+
+#### Changed
+
+- The workspace file manager can now browse into `public` and preview pages, images, and other files stored there
+- The file manager's path breadcrumb now sits above the file list, and the header no longer wraps on narrow screens or pushes its buttons aside
+- On mobile, tapping a top navigation tab (Chat, Characters, Achievements, Settings) or going home now closes the sidebar
+- Tool call cards on mobile use a monospace, bolder typeface, so long tool names and arguments are easier to read
+- The composer placeholder is now simply "Type a message..." instead of packing command hints into it
+- The skill list and raw log editor now share consistent typography, name truncation, and Built-in tag alignment
+- Tool results returned to the model are always English now, so switching the UI language no longer affects what the model reads; the result rows in tool cards show English as well
+
+#### Fixed
+
+- Deleting a session and saving session settings are now transactional, so a failure can no longer leave half-deleted data behind
+- Repeatedly clicking delete or save no longer sends duplicate requests or leaves the dialog stuck loading
+- Creating, editing, or deleting a session now reports the actual error instead of failing silently
+
+#### Internal
+
+- Removed the no-longer-needed UI string dependency from the tool execution path
+
+## [0.1.23] - 2026-10-26
+
+### 中文
+
+#### 改进
+
+- 生成参数滑杆不再需要先点「解锁」：直接拖动即可调整，只有明显的横向滑动才会改变数值，上下滚动设置页时不会再误改温度、上下文压缩等参数
+- 「重置」按钮不再受锁定状态限制，只要参数不是默认值就能一键恢复
+- 酒馆老板的内置文案本地化明显加快：只读取与它相关的消息和参与者，并一次性批量写入，历史记录较多时也不会再逐条卡顿
+
+#### 修复
+
+- 移动端中文衬线字体在缺少对应字重的系统上也能正常显示加粗，不再一律退化成常规字重
+- 移动端点按按钮、滑杆、开关时不再出现系统默认的蓝色高亮块
+
+### English
+
+#### Changed
+
+- Generation parameter sliders no longer need to be unlocked first: drag them directly, and only a clearly horizontal drag changes the value, so scrolling the settings page can no longer alter temperature, context compression, and other values by accident
+- The "Reset" button is no longer tied to a lock state and is available whenever the parameters differ from their defaults
+- Localizing the built-in Tavern Keeper text is much faster: only its own messages and participants are read, and they are written in a single batch, so large chat histories no longer stall
+
+#### Fixed
+
+- Chinese serif text on mobile now renders bold correctly on systems whose fallback fonts lack the requested weight, instead of silently falling back to regular
+- Tapping buttons, sliders, and switches on mobile no longer flashes the system's default blue highlight
+
 ## [0.1.22] - 2026-10-26
 
 ### 中文
@@ -628,6 +702,8 @@
 - Vite + React + Zustand + Dexie stack with browser-side local persistence
 
 <!-- 链接定义 -->
+[0.1.24]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.23...v0.1.24
+[0.1.23]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.22...v0.1.23
 [0.1.22]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.21...v0.1.22
 [0.1.21]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.20...v0.1.21
 [0.1.20]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.19...v0.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tavern-harness",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Tavern Harness — 酒馆模式下的本地 AI Agent 助手（MyAgent-Android 的 Web 复刻）",
   "private": false,
   "type": "module",

package/persistence-server.mjs

@@ -141,6 +141,17 @@ function validKey(value) {
   return typeof value === 'string' && value.length > 0 && value.length <= 255;
 }
 
+function validBulkUpdates(value) {
+  return Array.isArray(value)
+    && value.length <= 10_000
+    && value.every((update) => update
+      && typeof update === 'object'
+      && validKey(update.key)
+      && update.changes
+      && typeof update.changes === 'object'
+      && !Array.isArray(update.changes));
+}
+
 function lockState(clientId) {
   return {
     writable: Boolean(writeLock && writeLock.clientId === clientId),
@@ -188,6 +199,20 @@ const listStartupRecords = database.prepare(`
 `);
 const deleteRecord = database.prepare('DELETE FROM app_records WHERE collection = ? AND record_key = ?');
 const clearCollection = database.prepare('DELETE FROM app_records WHERE collection = ?');
+function bulkUpdateRecords(collection, updates) {
+  database.exec('BEGIN IMMEDIATE');
+  try {
+    for (const { key, changes } of updates) {
+      const record = getRecord.get(collection, key);
+      if (!record) continue;
+      saveRecord(collection, key, { ...JSON.parse(record.value_json), ...changes });
+    }
+    database.exec('COMMIT');
+  } catch (error) {
+    database.exec('ROLLBACK');
+    throw error;
+  }
+}
 const nextNumericRecordKey = database.prepare(`
   SELECT COALESCE(MAX(CAST(record_key AS INTEGER)), 0) + 1 AS next_key
   FROM app_records
@@ -351,6 +376,16 @@ const server = createServer(async (req, res) => {
       json(res, 200, { ok: true, id: allocateNumericRecordId(collection) });
       return;
     }
+    if (pathname === '/records/bulk-update') {
+      if (!validBulkUpdates(body.updates)) {
+        json(res, 400, { ok: false, message: 'Invalid record updates' });
+        return;
+      }
+      requireWriter(clientId);
+      bulkUpdateRecords(collection, body.updates);
+      json(res, 200, { ok: true });
+      return;
+    }
     if (pathname === '/records/put') {
       if (!validKey(body.key)) {
         json(res, 400, { ok: false, message: 'Invalid record key' });

package/sandbox-server.mjs

@@ -596,10 +596,11 @@ const server = createServer(async (req, res) => {
       const payload = JSON.parse(body);
       const base = resolveSessionBase(payload?.session);
       const rel = sanitizeWorkspaceRelativePath(payload?.path);
-      if (resolvesOutsideSession(rel, base)) throw new Error('Path is outside the workspace');
+      const readingPublicLink = base !== PUBLIC_WORKSPACE && (rel === 'public' || rel.startsWith('public/'));
+      if (!readingPublicLink && resolvesOutsideSession(rel, base)) throw new Error('Path is outside the workspace');
       const file = resolve(base, rel);
       if (!existsSync(file) || !lstatSync(file).isFile()) throw new Error('File not found');
-      assertInside(base, realpathSync(file));
+      assertInside(readingPublicLink ? PUBLIC_WORKSPACE : base, realpathSync(file));
       const content = await readFilePromise(file);
       if (content.length > 8 * 1024 * 1024) throw new Error('Preview file exceeds the 8MB limit');
       res.end(JSON.stringify({ ok: true, content: content.toString('base64') }));

package/src/App.tsx

@@ -325,6 +325,7 @@ function SessionHeader({
   const [showEdit, setShowEdit] = useState(false);
   const [confirmReset, setConfirmReset] = useState(false);
   const [confirmDelete, setConfirmDelete] = useState(false);
+  const [deletingSession, setDeletingSession] = useState(false);
   const [exportOpen, setExportOpen] = useState(false);
   const [showWorkspace, setShowWorkspace] = useState(false);
   const [showMobileActions, setShowMobileActions] = useState(false);
@@ -482,10 +483,19 @@ function SessionHeader({
             <button className="btn" onClick={() => setConfirmDelete(false)}>{t('common.cancel')}</button>
             <button
               className="btn btn-danger"
+              disabled={deletingSession}
               onClick={async () => {
-                await deleteSession(session.id!);
-                setConfirmDelete(false);
-                addToast(t('toast.sessionDeleted'));
+                if (deletingSession) return;
+                setDeletingSession(true);
+                try {
+                  await deleteSession(session.id!);
+                  setConfirmDelete(false);
+                  addToast(t('toast.sessionDeleted'));
+                } catch (error) {
+                  addToast(t('toast.sessionDeleteFailed', { msg: (error as Error).message }), 'error');
+                } finally {
+                  setDeletingSession(false);
+                }
               }}
             >
               <Icon name="trash" size={13} /> {t('common.delete')}

package/src/components/CharactersView.tsx

@@ -556,7 +556,7 @@ function WorldBookList({ books, onChanged }: {
 
   return (
     <div>
-      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 12 }}>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
         <span className="group-label" style={{ margin: 0 }}>{t('workshop.wbCount', { n: books.length })}</span>
         <div style={{ display: 'flex', gap: 8 }}>
           <button className="btn btn-sm" onClick={() => jsonFileRef.current?.click()} title={t('workshop.jsonImportTip')}>
@@ -963,8 +963,8 @@ function SkillSortItem({
       <div style={{ fontSize: 18 }}>{tool.isBuiltIn ? '🧰' : '⚙️'}</div>
       <div className="l-main">
         <div className="l-title">
-          {tool.name}
-          {tool.isBuiltIn && <span className="tag" style={{ marginLeft: 8 }}>{t('common.builtin')}</span>}
+          <span className="skill-card-name">{tool.name}</span>
+          {tool.isBuiltIn && <span className="tag">{t('common.builtin')}</span>}
         </div>
         <div className="l-sub">{desc}</div>
         {tool.isBuiltIn && impl !== 'native' && <div style={{ fontSize: 10.5, marginTop: 2, color: 'var(--warn)' }}>{t('workshop.implType', { t: impl })}</div>}

package/src/components/NewSessionMenu.tsx

@@ -52,6 +52,7 @@ export function NewSessionMenu({ onClose, editingSession }: { onClose: () => voi
   const [turnOrderMode, setTurnOrderMode] = useState<'PRESET' | 'RANDOM'>(editingSession?.turnOrderMode ?? 'PRESET');
   const [mentionOnlyMode, setMentionOnlyMode] = useState(editingSession?.mentionOnlyMode === true);
   const [enableGreeting, setEnableGreeting] = useState(editingSession?.enableGreeting !== false);
+  const [saving, setSaving] = useState(false);
   const selectedNpcIds = participantOrder.filter((id) => id !== -1);
   const modeLabel = selectedNpcIds.length === 0 ? t('newSession.notSelected') : selectedNpcIds.length === 1 ? t('newSession.npcChat') : t('newSession.groupChat', { n: selectedNpcIds.length });
   const sensors = useSortableSensors();
@@ -77,55 +78,59 @@ export function NewSessionMenu({ onClose, editingSession }: { onClose: () => voi
   }, [editingSession?.id]);
 
   const create = async () => {
+    if (saving) return;
     if (selectedNpcIds.length === 0) {
       addToast(t('toast.pickOneNpc'), 'error');
       return;
     }
-    const finalTitle = title.trim() || selectedNpcIds.map((id) => npcs.find((n) => n.id === id)?.name).filter(Boolean).join('、');
-    if (isEditing && editingSession?.id) {
-      await updateSessionSettings(editingSession.id, {
-        title: finalTitle,
-        npcIds: selectedNpcIds,
-        worldBookId,
-        userPersonaNpcId,
-        turnOrderMode,
-        participantOrder,
-        mentionOnlyMode,
-        enableGreeting,
-      });
+    setSaving(true);
+    try {
+      const finalTitle = title.trim() || selectedNpcIds.map((id) => npcs.find((n) => n.id === id)?.name).filter(Boolean).join('、');
+      if (isEditing && editingSession?.id) {
+        await updateSessionSettings(editingSession.id, {
+          title: finalTitle,
+          npcIds: selectedNpcIds,
+          worldBookId,
+          userPersonaNpcId,
+          turnOrderMode,
+          participantOrder,
+          mentionOnlyMode,
+          enableGreeting,
+        });
+        addToast(t('toast.sessionUpdated'));
+        onClose();
+        return;
+      }
+      const sid = selectedNpcIds.length === 1
+        ? await createSession('NPC', {
+          associatedId: selectedNpcIds[0],
+          title: finalTitle,
+          worldBookId,
+          userPersonaNpcId,
+          turnOrderMode,
+          participantOrder,
+          mentionOnlyMode,
+          enableGreeting,
+        })
+        : await createSession('GROUP', {
+          npcIds: selectedNpcIds,
+          title: finalTitle,
+          worldBookId,
+          userPersonaNpcId,
+          turnOrderMode,
+          participantOrder,
+          mentionOnlyMode,
+          enableGreeting,
+        });
       await useStore.getState().refreshSessions();
-      useStore.getState().setActiveSession(editingSession.id);
-      addToast(t('toast.sessionUpdated'));
+      useStore.getState().setActiveSession(sid);
       onClose();
-      return;
-    }
-    let sid: number;
-    if (selectedNpcIds.length === 1) {
-      sid = await createSession('NPC', {
-        associatedId: selectedNpcIds[0],
-        title: finalTitle,
-        worldBookId,
-        userPersonaNpcId,
-        turnOrderMode,
-        participantOrder,
-        mentionOnlyMode,
-        enableGreeting,
-      });
-    } else {
-      sid = await createSession('GROUP', {
-        npcIds: selectedNpcIds,
-        title: finalTitle,
-        worldBookId,
-        userPersonaNpcId,
-        turnOrderMode,
-        participantOrder,
-        mentionOnlyMode,
-        enableGreeting,
-      });
+    } catch (error) {
+      if (isEditing) addToast(t('toast.sessionSaveFailed', { msg: (error as Error).message }), 'error');
+      else addToast(t('toast.genFailed', { msg: (error as Error).message }), 'error');
+    } finally {
+      setSaving(false);
     }
-    await useStore.getState().refreshSessions();
-    useStore.getState().setActiveSession(sid);
-    onClose();
   };
 
   const addParticipant = (npcId: number) => {
@@ -273,7 +278,7 @@ export function NewSessionMenu({ onClose, editingSession }: { onClose: () => voi
       </div>
       <div className="modal-foot">
         <button className="btn" onClick={onClose}>{t('common.cancel')}</button>
-        <button className="btn btn-primary" disabled={!canCreate} onClick={create}>{isEditing ? t('common.save') : t('common.ok')}</button>
+        <button className="btn btn-primary" disabled={!canCreate || saving} onClick={create}>{isEditing ? t('common.save') : t('common.ok')}</button>
       </div>
     </Modal>
   );

package/src/components/SettingsView.tsx

@@ -1,4 +1,4 @@
-import { memo, useEffect, useState } from 'react';
+import { memo, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';
 import { useStore } from '../store/store';
 import { db, DEFAULT_GENERATION_SETTINGS } from '../db/database';
 import { type ThemeMode } from '../theme/theme';
@@ -24,24 +24,72 @@ export const SettingsView = memo(function SettingsView() {
   const [showResetConfirm, setShowResetConfirm] = useState(false);
   const [resetting, setResetting] = useState(false);
   const [showVersionHistory, setShowVersionHistory] = useState(false);
-  const [generationParamsLocked, setGenerationParamsLocked] = useState(true);
-  const activeView = useStore((s) => s.activeView);
+  const generationSliderGesture = useRef<{
+    pointerId: number;
+    startX: number;
+    startY: number;
+    startValue: number;
+    direction: 'pending' | 'horizontal' | 'vertical';
+  } | null>(null);
   const t = useT();
   const hasUnseenVersion = useHasUnseenVersion();
 
   if (!settings) return null;
 
+  const startGenerationSliderGesture = (event: ReactPointerEvent<HTMLInputElement>) => {
+    if (event.pointerType !== 'touch') return;
+    const input = event.currentTarget;
+    generationSliderGesture.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      startValue: Number(input.value),
+      direction: 'pending',
+    };
+  };
+
+  const classifyGenerationSliderGesture = (event: ReactPointerEvent<HTMLInputElement>) => {
+    const gesture = generationSliderGesture.current;
+    if (!gesture || gesture.pointerId !== event.pointerId || gesture.direction !== 'pending') return gesture?.direction;
+
+    const deltaX = Math.abs(event.clientX - gesture.startX);
+    const deltaY = Math.abs(event.clientY - gesture.startY);
+    if (Math.max(deltaX, deltaY) < 10) return 'pending';
+
+    gesture.direction = deltaX > deltaY ? 'horizontal' : 'vertical';
+    return gesture.direction;
+  };
+
+  const endGenerationSliderGesture = (event: ReactPointerEvent<HTMLInputElement>) => {
+    if (generationSliderGesture.current?.pointerId === event.pointerId) generationSliderGesture.current = null;
+  };
+
+  const updateGenerationSlider = (key: keyof typeof settings, value: number | 'off') => {
+    const gesture = generationSliderGesture.current;
+    if (!gesture) {
+      setSettings({ [key]: value });
+    } else if (gesture.direction === 'horizontal') {
+      setSettings({ [key]: value });
+    } else if (gesture.direction === 'pending') {
+      setSettings({ [key]: gesture.startValue });
+    }
+  };
+
   // 数字滑杆——数值显示固定在行内，不溢出卡片
   const slider = (key: keyof typeof settings, min: number, max: number, step: number, fmt?: (v: number) => string) => (
     <label className="range-row" style={{ display: 'grid', gridTemplateColumns: '1fr auto', gap: 10, alignItems: 'center' }}>
       <input
         type="range"
+        className="generation-slider"
         min={min}
         max={max}
         step={step}
         value={settings[key] as number}
-        disabled={generationParamsLocked}
-        onChange={(e) => setSettings({ [key]: parseFloat(e.target.value) })}
+        onPointerDown={startGenerationSliderGesture}
+        onPointerMove={classifyGenerationSliderGesture}
+        onPointerUp={endGenerationSliderGesture}
+        onPointerCancel={endGenerationSliderGesture}
+        onChange={(e) => updateGenerationSlider(key, parseFloat(e.target.value))}
       />
       <span className="range-val">{fmt ? fmt(settings[key] as number) : (settings[key] as number)}</span>
     </label>
@@ -55,12 +103,6 @@ export const SettingsView = memo(function SettingsView() {
     await setSettings({ ...generationDefaults });
     addToast(t('toast.genParamsReset'));
   };
-  const toggleGenerationParamsLock = () => setGenerationParamsLocked((locked) => !locked);
-
-  useEffect(() => {
-    if (activeView !== 'settings') setGenerationParamsLocked(true);
-  }, [activeView]);
-
   return (
     <div className="view-page">
       <div className="view-col">
@@ -112,26 +154,15 @@ export const SettingsView = memo(function SettingsView() {
         <div className="set-section">
           <div className="settings-section-head">
             <h3>{t('settings.genParams')}</h3>
-            <div className="settings-gen-actions">
-              <button
-                className="btn btn-sm settings-gen-lock"
-                title={t(generationParamsLocked ? 'settings.genParamsUnlock' : 'settings.genParamsLock')}
-                aria-label={t(generationParamsLocked ? 'settings.genParamsUnlock' : 'settings.genParamsLock')}
-                aria-pressed={generationParamsLocked}
-                onClick={toggleGenerationParamsLock}
-              >
-                <Icon name={generationParamsLocked ? 'lock' : 'unlock'} size={12} /> {t(generationParamsLocked ? 'settings.genParamsLocked' : 'settings.genParamsUnlocked')}
-              </button>
-              <button
-                className="btn btn-sm settings-gen-reset"
-                title={t('settings.genParamsResetTitle')}
-                aria-label={t('settings.genParamsResetTitle')}
-                disabled={generationParamsLocked || isGenerationDefault}
-                onClick={() => void resetGenerationParams()}
-              >
-                <Icon name="refresh" size={12} /> {t('settings.genParamsReset')}
-              </button>
-            </div>
+            <button
+              className="btn btn-sm settings-gen-reset"
+              title={t('settings.genParamsResetTitle')}
+              aria-label={t('settings.genParamsResetTitle')}
+              disabled={isGenerationDefault}
+              onClick={() => void resetGenerationParams()}
+            >
+              <Icon name="refresh" size={12} /> {t('settings.genParamsReset')}
+            </button>
           </div>
           <table className="table param-table">
             <tbody>
@@ -193,12 +224,16 @@ export const SettingsView = memo(function SettingsView() {
                   <label className="range-row" style={{ display: 'grid', gridTemplateColumns: '1fr auto', gap: 10, alignItems: 'center' }}>
                     <input
                       type="range"
+                      className="generation-slider"
                       min="0"
                       max="100"
                       step="1"
                       value={settings.contextCompressionThreshold === 'off' ? 0 : settings.contextCompressionThreshold}
-                      disabled={generationParamsLocked}
-                      onChange={(e) => setSettings({ contextCompressionThreshold: Number(e.target.value) || 'off' })}
+                      onPointerDown={startGenerationSliderGesture}
+                      onPointerMove={classifyGenerationSliderGesture}
+                      onPointerUp={endGenerationSliderGesture}
+                      onPointerCancel={endGenerationSliderGesture}
+                      onChange={(e) => updateGenerationSlider('contextCompressionThreshold', Number(e.target.value) || 'off')}
                     />
                     <span className="range-val">
                       {settings.contextCompressionThreshold === 'off' ? t('settings.off') : settings.contextCompressionThreshold}
@@ -215,7 +250,6 @@ export const SettingsView = memo(function SettingsView() {
                   <select
                     className="select"
                     value={settings.reasoningEffort}
-                    disabled={generationParamsLocked}
                     onChange={(e) => setSettings({ reasoningEffort: e.target.value as ReasoningEffort })}
                   >
                     {['auto', 'off', 'low', 'medium', 'xhigh'].map((r) => <option key={r} value={r}>{r}</option>)}

package/src/components/Sidebar.tsx

@@ -62,6 +62,7 @@ export function Sidebar() {
 
   const [showNew, setShowNew] = useState(false);
   const [confirmDelete, setConfirmDelete] = useState<ChatSession | null>(null);
+  const [deletingSession, setDeletingSession] = useState(false);
   const [editTarget, setEditTarget] = useState<ChatSession | null>(null);
   const [sessionMenu, setSessionMenu] = useState<{ session: ChatSession; x: number; y: number } | null>(null);
   const [query, setQuery] = useState('');
@@ -178,11 +179,17 @@ export function Sidebar() {
   const npcById = (id: number | null) => (id != null ? npcs.find((n) => n.id === id) : null);
 
   const handleDelete = async () => {
-    if (!confirmDelete) return;
-    const sid = confirmDelete.id!;
-    await deleteSession(sid);
-    addToast(t('toast.sessionDeleted'));
-    setConfirmDelete(null);
+    if (!confirmDelete || deletingSession) return;
+    setDeletingSession(true);
+    try {
+      await deleteSession(confirmDelete.id!);
+      addToast(t('toast.sessionDeleted'));
+      setConfirmDelete(null);
+    } catch (error) {
+      addToast(t('toast.sessionDeleteFailed', { msg: (error as Error).message }), 'error');
+    } finally {
+      setDeletingSession(false);
+    }
   };
 
   const openEdit = (session: ChatSession) => {
@@ -281,6 +288,7 @@ export function Sidebar() {
     }));
 
   const returnHome = () => {
+    setMobileOpen(false);
     const now = Date.now();
     homeClickTimes.current = [...homeClickTimes.current, now]
       .filter((time) => now - time <= SHAREHOLDER_CLICK_WINDOW_MS)
@@ -315,16 +323,16 @@ export function Sidebar() {
           >
             <img src="/tavern-harness-logo.png" alt="" />
           </button>
-          <button className={`nav-chip ${activeView === 'chat' ? 'active' : ''}`} onClick={() => setActiveView('chat')}>
+          <button className={`nav-chip ${activeView === 'chat' ? 'active' : ''}`} onClick={() => { setActiveView('chat'); setMobileOpen(false); }}>
             <Icon name="send" size={15} /> <span>{t('nav.chat')}</span>
           </button>
-          <button className={`nav-chip ${activeView === 'characters' ? 'active' : ''}`} onClick={() => setActiveView('characters')}>
+          <button className={`nav-chip ${activeView === 'characters' ? 'active' : ''}`} onClick={() => { setActiveView('characters'); setMobileOpen(false); }}>
             <Icon name="users" size={15} /> <span>{t('nav.characters')}</span>
           </button>
-          <button className={`nav-chip ${activeView === 'stats' ? 'active' : ''}`} onClick={() => setActiveView('stats')}>
+          <button className={`nav-chip ${activeView === 'stats' ? 'active' : ''}`} onClick={() => { setActiveView('stats'); setMobileOpen(false); }}>
             <Icon name="trophy" size={15} /> <span>{t('nav.achievements')}</span>
           </button>
-          <button className={`nav-chip ${activeView === 'settings' ? 'active' : ''}`} onClick={() => setActiveView('settings')}>
+          <button className={`nav-chip ${activeView === 'settings' ? 'active' : ''}`} onClick={() => { setActiveView('settings'); setMobileOpen(false); }}>
             <Icon name="settings" size={15} /> <span>{t('nav.settings')}</span>
             {hasUnseenVersion && <span className="unseen-dot" title={t('changelog.unseen')} />}
           </button>
@@ -531,7 +539,7 @@ export function Sidebar() {
           </div>
           <div className="modal-foot">
             <button className="btn" onClick={() => setConfirmDelete(null)}>{t('common.cancel')}</button>
-            <button className="btn btn-danger" onClick={handleDelete}>
+            <button className="btn btn-danger" disabled={deletingSession} onClick={handleDelete}>
               <Icon name="trash" size={13} /> {t('common.delete')}
             </button>
           </div>

package/src/components/WorkspaceFileManagerModal.tsx

@@ -92,8 +92,9 @@ export function WorkspaceFileManagerModal({ sessionId, onClose }: { sessionId: n
   // 当前目录的直接子项（目录与文件同级）
   const visible = useMemo(() => {
     const directChild = (p: string) => {
-      if (dir === '') return !p.replace(/\/$/, '').includes('/');
-      return p.startsWith(dir) && p !== dir && !p.slice(dir.length).includes('/');
+      const normalized = p.replace(/\/$/, '');
+      if (dir === '') return !normalized.includes('/');
+      return normalized.startsWith(dir) && normalized !== dir.slice(0, -1) && !normalized.slice(dir.length).includes('/');
     };
     return nodes.filter((n) => directChild(n.path));
   }, [nodes, dir]);
@@ -154,23 +155,6 @@ export function WorkspaceFileManagerModal({ sessionId, onClose }: { sessionId: n
         <span className="ws-fm-title">
           <Icon name="folder" size={15} />
           {t('header.fileManagerTitle')}
-          <span className="mono ws-fm-crumb">
-            {crumbs.length === 0 ? rootLabel : (
-              <>
-                <span className="ws-fm-crumb-link" onClick={() => setDir('')}>{rootLabel}</span>
-                {crumbs.map((c, i) => (
-                  <span key={i}>
-                    <span className="ws-fm-crumb-sep">/</span>
-                    {i === crumbs.length - 1 ? (
-                      <span className="ws-fm-crumb-cur">{c}</span>
-                    ) : (
-                      <span className="ws-fm-crumb-link" onClick={() => setDir(crumbs.slice(0, i + 1).join('/') + '/')}>{c}</span>
-                    )}
-                  </span>
-                ))}
-              </>
-            )}
-          </span>
         </span>
         <span className="ws-fm-head-actions">
           <button
@@ -186,8 +170,22 @@ export function WorkspaceFileManagerModal({ sessionId, onClose }: { sessionId: n
         </span>
       </div>
       <div className="modal-body ws-fm-body">
-        <div className="ws-fm-note">
-          <Icon name="eye" size={12} /> {t('header.fileManagerHint')}
+        <div className="mono ws-fm-crumb">
+          {crumbs.length === 0 ? rootLabel : (
+            <>
+              <span className="ws-fm-crumb-link" onClick={() => setDir('')}>{rootLabel}</span>
+              {crumbs.map((c, i) => (
+                <span key={i}>
+                  <span className="ws-fm-crumb-sep">/</span>
+                  {i === crumbs.length - 1 ? (
+                    <span className="ws-fm-crumb-cur">{c}</span>
+                  ) : (
+                    <span className="ws-fm-crumb-link" onClick={() => setDir(crumbs.slice(0, i + 1).join('/') + '/')}>{c}</span>
+                  )}
+                </span>
+              ))}
+            </>
+          )}
         </div>
         {loadState === 'loading' && (
           <div className="ws-fm-empty">