tavern-harness 0.1.20 → 0.1.21

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 > 本文件由 `scripts/changelog.mjs` 从 `changelog/v*.md` 生成，请勿手动编辑。
 > 版本对比链接见文末；源文件位于仓库 `changelog/` 目录。
 
+## [0.1.21] - 2026-10-26
+
+### 中文
+
+#### 改进
+
+- 移动端会话头部的操作按钮收进「更多操作」菜单（工作区文件、编辑对话、重置对话、导出游玩记录、删除对话），头部不再拥挤；主题切换按钮仍然直接显示
+- 移动端会话标题可用的横向空间明显变大，长标题能显示更多内容
+- 会话列表中的标题和副标题过长时改为末尾渐隐，不再用省略号生硬截断
+- 会话头部的上下文用量标签字号略微收小，和标题搭配更协调
+
+### English
+
+#### Changed
+
+- On mobile, session header actions now collapse into a "More actions" menu (workspace files, edit, reset, export gameplay, delete), so the header is no longer cramped; the theme toggle stays one tap away
+- Mobile session titles get noticeably more horizontal room, so long titles reveal more of their text
+- Long session list titles and subtitles now fade out at the end instead of being cut off with an ellipsis
+- The context usage badge in the session header uses a slightly smaller font so it sits better next to the title
+
 ## [0.1.20] - 2026-10-26
 
 ### 中文
@@ -588,6 +608,7 @@
 - Vite + React + Zustand + Dexie stack with browser-side local persistence
 
 <!-- 链接定义 -->
+[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
 [0.1.19]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.18...v0.1.19
 [0.1.18]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.17...v0.1.18

package/package.json

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

package/src/App.tsx

@@ -327,6 +327,8 @@ function SessionHeader({
   const [confirmDelete, setConfirmDelete] = useState(false);
   const [exportOpen, setExportOpen] = useState(false);
   const [showWorkspace, setShowWorkspace] = useState(false);
+  const [showMobileActions, setShowMobileActions] = useState(false);
+  const mobileActionsRef = useRef<HTMLDivElement>(null);
 
   const messages = useStore((s) => s.messages[session.id!] ?? []);
   const contextTokens = useMemo(() => {
@@ -350,6 +352,17 @@ function SessionHeader({
     || (themeMode === 'system' && document.documentElement.dataset.theme === 'dark');
   const toggleTheme = () => void setSettings({ themeMode: isDarkTheme ? 'light' : 'dark' });
 
+  useEffect(() => {
+    if (!showMobileActions) return;
+    const closeOnOutsidePointerDown = (event: PointerEvent) => {
+      if (!mobileActionsRef.current?.contains(event.target as Node)) {
+        setShowMobileActions(false);
+      }
+    };
+    document.addEventListener('pointerdown', closeOnOutsidePointerDown);
+    return () => document.removeEventListener('pointerdown', closeOnOutsidePointerDown);
+  }, [showMobileActions]);
+
   return (
     <div className="chat-header">
       <SessionVisual mode={session.mode} npcName={npcRef?.name ?? undefined} hue={npcRef?.avatarColorOrdinal ?? 0} imageUrl={npcRef?.avatarDataUrl} members={session.mode === 'GROUP' ? groupMemberAvatars : undefined} size="lg" />
@@ -361,7 +374,7 @@ function SessionHeader({
           </div>
         )}
       </div>
-      <div className="chat-actions">
+      <div className="chat-actions" ref={mobileActionsRef}>
         <button className="btn-ghost icon-tooltip" title={t(usesPublicWorkspace ? 'header.workspaceRootHint' : 'header.workspaceHint')} onClick={() => setShowWorkspace(true)}>
           <Icon name="folder" size={17} />
         </button>
@@ -378,7 +391,17 @@ function SessionHeader({
           <Icon name="trash" size={17} />
         </button>
         <button
-          className="btn-ghost icon-tooltip"
+          className="btn-ghost icon-tooltip chat-actions-more"
+          type="button"
+          title={t('header.moreActions')}
+          aria-label={t('header.moreActions')}
+          aria-expanded={showMobileActions}
+          onClick={() => setShowMobileActions(!showMobileActions)}
+        >
+          <Icon name="more" size={18} />
+        </button>
+        <button
+          className="btn-ghost icon-tooltip chat-theme-toggle"
           type="button"
           title={t(isDarkTheme ? 'header.switchToLightTip' : 'header.switchToDarkTip')}
           aria-label={t(isDarkTheme ? 'header.switchToLightTip' : 'header.switchToDarkTip')}
@@ -386,6 +409,25 @@ function SessionHeader({
         >
           <Icon name={isDarkTheme ? 'sun' : 'moon'} size={17} />
         </button>
+        {showMobileActions && (
+          <div className="chat-actions-menu card">
+            <button onClick={() => { setShowWorkspace(true); setShowMobileActions(false); }}>
+              <Icon name="folder" size={15} /> {t('header.workspaceAction')}
+            </button>
+            <button onClick={() => { setShowEdit(true); setShowMobileActions(false); }}>
+              <Icon name="pencil" size={15} /> {t('nav.editSession')}
+            </button>
+            <button onClick={() => { setConfirmReset(true); setShowMobileActions(false); }}>
+              <Icon name="refresh" size={15} /> {t('header.resetSessionTip')}
+            </button>
+            <button onClick={() => { setExportOpen(true); setShowMobileActions(false); }}>
+              <Icon name="share" size={15} /> {t('nav.exportGameplay')}
+            </button>
+            <button className="danger" onClick={() => { setConfirmDelete(true); setShowMobileActions(false); }}>
+              <Icon name="trash" size={15} /> {t('header.deleteTip')}
+            </button>
+          </div>
+        )}
       </div>
 
       {showEdit && <NewSessionMenu editingSession={session} onClose={() => setShowEdit(false)} />}

package/src/core/i18n.ts

@@ -81,6 +81,8 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'header.modeStandard': '标准对话',
     'header.modeNpc': '角色对话',
     'header.modeGroup': '群聊',
+    'header.moreActions': '更多操作',
+    'header.workspaceAction': '工作区文件',
     'header.editSessionTip': '编辑对话设置',
     'header.resetSessionTip': '重置对话',
     'header.resetSessionTitle': '重置对话',
@@ -605,6 +607,8 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'header.modeStandard': '標準對話',
     'header.modeNpc': '角色對話',
     'header.modeGroup': '群聊',
+    'header.moreActions': '更多操作',
+    'header.workspaceAction': '工作區檔案',
     'header.editSessionTip': '編輯對話設定',
     'header.resetSessionTip': '重置對話',
     'header.resetSessionTitle': '重置對話',
@@ -1117,6 +1121,8 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'header.modeStandard': 'Standard chat',
     'header.modeNpc': 'Character chat',
     'header.modeGroup': 'Group chat',
+    'header.moreActions': 'More actions',
+    'header.workspaceAction': 'Workspace files',
     'header.editSessionTip': 'Edit conversation settings',
     'header.resetSessionTip': 'Reset conversation',
     'header.resetSessionTitle': 'Reset conversation',

package/src/generated/changelog.json

@@ -1,7 +1,37 @@
 {
-  "latest": "0.1.20",
+  "latest": "0.1.21",
   "repo": "https://github.com/Rannichan/Tavern-Harness",
   "entries": [
+    {
+      "version": "0.1.21",
+      "date": "2026-10-26",
+      "breaking": false,
+      "compare": "v0.1.20...v0.1.21",
+      "groups": {
+        "zh-CN": [
+          {
+            "kind": "changed",
+            "items": [
+              "移动端会话头部的操作按钮收进「更多操作」菜单（工作区文件、编辑对话、重置对话、导出游玩记录、删除对话），头部不再拥挤；主题切换按钮仍然直接显示",
+              "移动端会话标题可用的横向空间明显变大，长标题能显示更多内容",
+              "会话列表中的标题和副标题过长时改为末尾渐隐，不再用省略号生硬截断",
+              "会话头部的上下文用量标签字号略微收小，和标题搭配更协调"
+            ]
+          }
+        ],
+        "en": [
+          {
+            "kind": "changed",
+            "items": [
+              "On mobile, session header actions now collapse into a \"More actions\" menu (workspace files, edit, reset, export gameplay, delete), so the header is no longer cramped; the theme toggle stays one tap away",
+              "Mobile session titles get noticeably more horizontal room, so long titles reveal more of their text",
+              "Long session list titles and subtitles now fade out at the end instead of being cut off with an ellipsis",
+              "The context usage badge in the session header uses a slightly smaller font so it sits better next to the title"
+            ]
+          }
+        ]
+      }
+    },
     {
       "version": "0.1.20",
       "date": "2026-10-26",

package/src/theme/global.css

@@ -573,9 +573,10 @@ body.resizing .sidebar-resizer {
 }
 .session-item .stitle-text {
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
+  mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
 }
 .session-item .spinned {
   display: inline-flex;
@@ -615,7 +616,8 @@ body.resizing .sidebar-resizer {
   color: var(--text-faint);
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
+  mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
 }
 /* ---------- 会话区域（头部 + 滚动列表） ---------- */
 .session-section {
@@ -1072,6 +1074,7 @@ body.resizing .sidebar-resizer {
 }
 .chat-header .tsub-mode {
   flex-shrink: 0;
+  font-size: 12px;
   font-weight: 700;
   color: var(--primary);
 }
@@ -1111,6 +1114,10 @@ body.resizing .sidebar-resizer {
   color: var(--danger);
   background: var(--danger-soft);
 }
+.chat-actions .chat-actions-more,
+.chat-actions-menu {
+  display: none;
+}
 
 /* ---------- 卡片/仪表盘 ---------- */
 .dash-scroll {
@@ -1799,7 +1806,7 @@ hr.sep {
   }
 
   .chat-header .ttitle {
-    max-width: min(28vw, 180px);
+    max-width: min(52vw, 260px);
     font-size: 15px;
   }
 
@@ -1808,16 +1815,67 @@ hr.sep {
   }
 
   .chat-actions {
+    position: relative;
     flex: 0 0 auto;
     gap: 0;
   }
 
+  .chat-actions .icon-tooltip:not(.chat-actions-more, .chat-theme-toggle) {
+    display: none;
+  }
+
+  .chat-actions .chat-actions-more {
+    display: inline-flex;
+  }
+
   .chat-actions .icon-tooltip {
     width: 34px;
     height: 34px;
     flex-shrink: 0;
   }
 
+  .chat-actions-menu {
+    position: absolute;
+    top: calc(100% + 6px);
+    right: 0;
+    z-index: 60;
+    display: flex;
+    flex-direction: column;
+    min-width: 164px;
+    padding: 6px;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    box-shadow: var(--shadow-lg);
+  }
+
+  .chat-actions-menu button {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    width: 100%;
+    padding: 8px 10px;
+    border: none;
+    border-radius: 8px;
+    background: none;
+    color: var(--text);
+    font-size: 13px;
+    font-weight: 600;
+    text-align: left;
+  }
+
+  .chat-actions-menu button:hover {
+    background: var(--surface-2);
+  }
+
+  .chat-actions-menu button.danger {
+    color: var(--danger);
+  }
+
+  .chat-actions-menu button.danger:hover {
+    background: var(--danger-soft);
+  }
+
   .chat-scroll {
     padding-top: 14px;
   }