tavern-harness 0.1.21 → 0.1.23

package/CHANGELOG.md

@@ -3,6 +3,54 @@
 > 本文件由 `scripts/changelog.mjs` 从 `changelog/v*.md` 生成，请勿手动编辑。
 > 版本对比链接见文末；源文件位于仓库 `changelog/` 目录。
 
+## [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
+
+### 中文
+
+#### 改进
+
+- 生成参数默认锁定：「设置 → 生成参数」里的滑杆和下拉框要先点「解锁」才能调整，离开设置页后会自动重新锁定，避免滑动页面时误改温度、上下文压缩等参数
+- 「重置」按钮在锁定状态下不可点击，解锁后才能恢复默认值
+- 会话列表的标题和副标题只在内容确实溢出时才做末尾渐隐，短标题不再被淡边影响
+- 移动端顶部导航按钮之间的间距略微加大，点击时更不容易误触相邻按钮
+
+### English
+
+#### Changed
+
+- Generation parameters are now locked by default: the sliders and dropdowns under Settings → Generation parameters stay read-only until you tap "Unlock", and they lock again when you leave the settings page, so scrolling can no longer change temperature, context compression, and other values by accident
+- The "Reset" button is disabled while parameters are locked and becomes available after unlocking
+- Session list titles and subtitles only fade out at the end when the text actually overflows, so short titles are no longer dimmed by the mask
+- Mobile top-bar navigation buttons have a little more spacing, reducing accidental taps on neighbours
+
 ## [0.1.21] - 2026-10-26
 
 ### 中文
@@ -608,6 +656,8 @@
 - Vite + React + Zustand + Dexie stack with browser-side local persistence
 
 <!-- 链接定义 -->
+[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
 [0.1.19]: https://github.com/Rannichan/Tavern-Harness/compare/v0.1.18...v0.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tavern-harness",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "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/src/components/SettingsView.tsx

@@ -1,4 +1,4 @@
-import { memo, 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,21 +24,72 @@ export const SettingsView = memo(function SettingsView() {
   const [showResetConfirm, setShowResetConfirm] = useState(false);
   const [resetting, setResetting] = useState(false);
   const [showVersionHistory, setShowVersionHistory] = useState(false);
+  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}
-        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>
@@ -52,7 +103,6 @@ export const SettingsView = memo(function SettingsView() {
     await setSettings({ ...generationDefaults });
     addToast(t('toast.genParamsReset'));
   };
-
   return (
     <div className="view-page">
       <div className="view-col">
@@ -174,11 +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}
-                      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}

package/src/components/Sidebar.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useMemo, useRef, useState, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 import { QRCodeSVG } from 'qrcode.react';
 import { useStore } from '../store/store';
@@ -19,6 +19,23 @@ const SHAREHOLDER_CLICK_COUNT = 5;
 const SHAREHOLDER_CLICK_WINDOW_MS = 5_000;
 const SIDEBAR_MAX = 520;
 
+function FadeOverflowText({ className, children, ...props }: ComponentPropsWithoutRef<'span'> & { children: ReactNode }) {
+  const ref = useRef<HTMLSpanElement>(null);
+  const [overflowing, setOverflowing] = useState(false);
+
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const updateOverflow = () => setOverflowing(element.scrollWidth > element.clientWidth);
+    updateOverflow();
+    const observer = new ResizeObserver(updateOverflow);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [children]);
+
+  return <span ref={ref} className={`${className ?? ''}${overflowing ? ' has-overflow' : ''}`} {...props}>{children}</span>;
+}
+
 /** 触发 App 级全局游戏导出弹窗（会话右键菜单共用） */
 function openGlobalGameplayExport(sessionId: number, includeHistory: boolean) {
   window.dispatchEvent(
@@ -409,10 +426,10 @@ export function Sidebar() {
                   {!!(s as { pinned?: unknown }).pinned && (
                     <span className="spinned" title={t('nav.pinSession')}><Icon name="pin" size={11} /></span>
                   )}
-                  <span className="stitle-text">{s.title}</span>
+                  <FadeOverflowText className="stitle-text">{s.title}</FadeOverflowText>
                   {hasActivity && <span className="session-activity-dot" aria-label={t('nav.sessionActive')} />}
                 </div>
-                <div className="sprev">{s.lastMessage || t('nav.newConversation')}</div>
+                <FadeOverflowText className="sprev">{s.lastMessage || t('nav.newConversation')}</FadeOverflowText>
               </div>
             </button>
           );

package/src/components/shared.tsx

@@ -409,6 +409,8 @@ const ICONS: Record<string, React.ReactNode> = {
   upload: <><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><path d="m17 8-5-5-5 5M12 3v12" /></>,
   import: <><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><path d="M17 14l-5 5-5-5M12 19V7" /></>,
   pin: <><path d="M9 4h6M12 4v3l4 3v3h-8v-3l4-3" /><path d="M12 13v7" /></>,
+  lock: <><rect x="5" y="10" width="14" height="11" rx="2" /><path d="M8 10V7a4 4 0 0 1 8 0v3" /></>,
+  unlock: <><rect x="5" y="10" width="14" height="11" rx="2" /><path d="M8 10V7a4 4 0 0 1 7.4-1.9" /></>,
   'git-branch': <><path d="M6 3v12" /><circle cx="18" cy="6" r="3" /><circle cx="6" cy="18" r="3" /><path d="M18 9a9 9 0 0 1-9 9" /></>,
   'zoom-in': <><circle cx="11" cy="11" r="7" /><path d="m21 21-4.35-4.35M11 8v6M8 11h6" /></>,
   'zoom-out': <><circle cx="11" cy="11" r="7" /><path d="m21 21-4.35-4.35M8 11h6" /></>,

package/src/core/i18n.ts

@@ -249,7 +249,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'builtinNpc.prompt': '神秘的酒馆老板，可以响应客人的任何需求',
     'builtinNpc.greeting': '你来啦！快坐下~',
     'builtinWorldbook.name': '酒馆经营手册（精华版）',
-    'settings.providerTitle': '🔌 模型服务 Provider（多端点）',
+    'settings.providerTitle': '🔌 模型服务 Provider',
     'settings.noProvider': '还没有配置 Provider，点击下方按钮添加',
     'settings.enable': '启用',
     'settings.disable': '停用',
@@ -772,7 +772,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'builtinNpc.prompt': '神秘的酒館老闆，可以回應客人的任何需求',
     'builtinNpc.greeting': '你來啦！快坐下~',
     'builtinWorldbook.name': '酒館經營手冊（精華版）',
-    'settings.providerTitle': '🔌 模型服務 Provider（多端點）',
+    'settings.providerTitle': '🔌 模型服務 Provider',
     'settings.noProvider': '還沒有設定 Provider，點擊下方按鈕新增',
     'settings.enable': '啟用',
     'settings.disable': '停用',
@@ -1286,7 +1286,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'builtinNpc.prompt': 'A mysterious tavern keeper who can fulfill any request from guests',
     'builtinNpc.greeting': 'Welcome! Have a seat~',
     'builtinWorldbook.name': 'Tavern Management Handbook (Essentials)',
-    'settings.providerTitle': '🔌 Model Providers (multiple endpoints)',
+    'settings.providerTitle': '🔌 Model Providers',
     'settings.noProvider': 'No providers configured yet — add one below',
     'settings.enable': 'Enabled',
     'settings.disable': 'Disabled',

package/src/db/database.ts

@@ -530,6 +530,17 @@ class RemoteTable<T extends object> {
   }
   async bulkAdd(values: T[]): Promise<void> { for (const value of values) await this.add(value); }
   async bulkPut(values: T[]): Promise<void> { for (const value of values) await this.put(value); }
+  async bulkUpdate(updates: Array<{ key: unknown; changes: Partial<T> }>): Promise<void> {
+    if (updates.length === 0) return;
+    await requireWriteLock();
+    await persistenceRequest('/records/bulk-update', {
+      collection: this.collection,
+      updates: updates.map(({ key, changes }) => ({
+        key: Array.isArray(key) ? key.join(':') : String(key),
+        changes,
+      })),
+    });
+  }
   async put(value: T): Promise<number> { return this.add(value); }
   async update(key: unknown, changes: Partial<T>): Promise<number> {
     await requireWriteLock();
@@ -797,40 +808,33 @@ export async function localizeBuiltinNpc(): Promise<void> {
   if (isPristine(boss.greeting || '')) updates.greeting = tGreeting;
   if (Object.keys(updates).length > 0) {
     await db.npcs.update(boss.id!, updates);
-    // 会话标题 / 最后一条消息 / 参与者 / 消息里的旧内置文案一并更新（仅限仍是内置原文的记录）
-    const sessions = await db.sessions.toArray();
-    for (const s of sessions) {
-      const changes: Partial<ChatSession> = {};
-      if (s.title === '酒馆老板' || s.title === '酒館老闆' || s.title === 'Tavern Keeper') {
-        changes.title = tName;
-      }
-      if (s.lastMessage && isPristine(s.lastMessage)) {
-        changes.lastMessage = tGreeting;
-      }
-      if (Object.keys(changes).length > 0) {
-        await db.sessions.update(s.id!, changes);
-      }
-    }
-    // 参与者 / 消息里的旧内置文案一并更新（仅限仍是内置原文的记录）
-    const participants = await db.participants.toArray();
-    for (const p of participants) {
-      if (
-        p.kind === 'NPC' &&
-        p.npcId === boss.id &&
-        (p.displayName === '酒馆老板' || p.displayName === '酒館老闆' || p.displayName === 'Tavern Keeper')
-      ) {
-        await db.participants.update(p, { displayName: tName });
-      }
-    }
-    const messages = await db.messages.toArray();
-    for (const m of messages) {
-      if (
-        m.speakerParticipantId === boss.id &&
-        (m.speakerName === '酒馆老板' || m.speakerName === '酒館老闆' || m.speakerName === 'Tavern Keeper')
-      ) {
-        await db.messages.update(m.id!, { speakerName: tName });
-      }
-    }
+    // 仅请求与酒馆老板关联的记录；批量写入可避免大量历史消息产生逐条网络往返。
+    const [sessions, participants, messages] = await Promise.all([
+      db.sessions.toArray(),
+      db.participants.where('npcId').equals(boss.id!).toArray(),
+      db.messages.where('speakerParticipantId').equals(boss.id!).toArray(),
+    ]);
+    await Promise.all([
+      db.sessions.bulkUpdate(sessions.flatMap((session) => {
+        const changes: Partial<ChatSession> = {};
+        if (session.title === '酒馆老板' || session.title === '酒館老闆' || session.title === 'Tavern Keeper') {
+          changes.title = tName;
+        }
+        if (session.lastMessage && isPristine(session.lastMessage)) changes.lastMessage = tGreeting;
+        return Object.keys(changes).length > 0 ? [{ key: session.id!, changes }] : [];
+      })),
+      db.participants.bulkUpdate(participants.flatMap((participant) => (
+        participant.kind === 'NPC' &&
+        (participant.displayName === '酒馆老板' || participant.displayName === '酒館老闆' || participant.displayName === 'Tavern Keeper')
+          ? [{ key: [participant.sessionId, participant.participantId], changes: { displayName: tName } }]
+          : []
+      ))),
+      db.messages.bulkUpdate(messages.flatMap((message) => (
+        message.speakerName === '酒馆老板' || message.speakerName === '酒館老闆' || message.speakerName === 'Tavern Keeper'
+          ? [{ key: message.id!, changes: { speakerName: tName } }]
+          : []
+      ))),
+    ]);
   }
 
   if (prevLang !== lang) {

package/src/generated/changelog.json

@@ -1,7 +1,79 @@
 {
-  "latest": "0.1.21",
+  "latest": "0.1.23",
   "repo": "https://github.com/Rannichan/Tavern-Harness",
   "entries": [
+    {
+      "version": "0.1.23",
+      "date": "2026-10-26",
+      "breaking": false,
+      "compare": "v0.1.22...v0.1.23",
+      "groups": {
+        "zh-CN": [
+          {
+            "kind": "changed",
+            "items": [
+              "生成参数滑杆不再需要先点「解锁」：直接拖动即可调整，只有明显的横向滑动才会改变数值，上下滚动设置页时不会再误改温度、上下文压缩等参数",
+              "「重置」按钮不再受锁定状态限制，只要参数不是默认值就能一键恢复",
+              "酒馆老板的内置文案本地化明显加快：只读取与它相关的消息和参与者，并一次性批量写入，历史记录较多时也不会再逐条卡顿"
+            ]
+          },
+          {
+            "kind": "fixed",
+            "items": [
+              "移动端中文衬线字体在缺少对应字重的系统上也能正常显示加粗，不再一律退化成常规字重",
+              "移动端点按按钮、滑杆、开关时不再出现系统默认的蓝色高亮块"
+            ]
+          }
+        ],
+        "en": [
+          {
+            "kind": "changed",
+            "items": [
+              "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"
+            ]
+          },
+          {
+            "kind": "fixed",
+            "items": [
+              "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"
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.1.22",
+      "date": "2026-10-26",
+      "breaking": false,
+      "compare": "v0.1.21...v0.1.22",
+      "groups": {
+        "zh-CN": [
+          {
+            "kind": "changed",
+            "items": [
+              "生成参数默认锁定：「设置 → 生成参数」里的滑杆和下拉框要先点「解锁」才能调整，离开设置页后会自动重新锁定，避免滑动页面时误改温度、上下文压缩等参数",
+              "「重置」按钮在锁定状态下不可点击，解锁后才能恢复默认值",
+              "会话列表的标题和副标题只在内容确实溢出时才做末尾渐隐，短标题不再被淡边影响",
+              "移动端顶部导航按钮之间的间距略微加大，点击时更不容易误触相邻按钮"
+            ]
+          }
+        ],
+        "en": [
+          {
+            "kind": "changed",
+            "items": [
+              "Generation parameters are now locked by default: the sliders and dropdowns under Settings → Generation parameters stay read-only until you tap \"Unlock\", and they lock again when you leave the settings page, so scrolling can no longer change temperature, context compression, and other values by accident",
+              "The \"Reset\" button is disabled while parameters are locked and becomes available after unlocking",
+              "Session list titles and subtitles only fade out at the end when the text actually overflows, so short titles are no longer dimmed by the mask",
+              "Mobile top-bar navigation buttons have a little more spacing, reducing accidental taps on neighbours"
+            ]
+          }
+        ]
+      }
+    },
     {
       "version": "0.1.21",
       "date": "2026-10-26",

package/src/theme/global.css

@@ -23,6 +23,7 @@
 
 * {
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 html,
@@ -85,14 +86,6 @@ button {
   white-space: nowrap;
 }
 
-/* Android WebView adds a blue overlay to non-button controls such as switch labels. */
-button,
-a,
-label,
-[role='button'] {
-  -webkit-tap-highlight-color: transparent;
-}
-
 input,
 textarea,
 select {
@@ -575,6 +568,9 @@ body.resizing .sidebar-resizer {
   overflow: hidden;
   white-space: nowrap;
   min-width: 0;
+}
+.session-item .stitle-text.has-overflow,
+.session-item .sprev.has-overflow {
   -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
   mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
 }
@@ -612,12 +608,11 @@ body.resizing .sidebar-resizer {
   }
 }
 .session-item .sprev {
+  display: block;
   font-size: 11.5px;
   color: var(--text-faint);
   white-space: nowrap;
   overflow: hidden;
-  -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 {
@@ -1680,7 +1675,7 @@ hr.sep {
     display: flex;
     flex: 1;
     min-width: 0;
-    gap: 4px;
+    gap: 8px;
     margin: -12px -10px;
     padding: 12px 10px;
     overflow-x: auto;
@@ -1805,6 +1800,11 @@ hr.sep {
     height: 36px;
   }
 
+  :root {
+    /* Android 中文衬线回退字体常缺少所需字重；移动端统一允许合成字重。 */
+    font-synthesis: weight;
+  }
+
   .chat-header .ttitle {
     max-width: min(52vw, 260px);
     font-size: 15px;

package/src/theme/views.css

@@ -2,6 +2,10 @@
    弹窗 / 覆盖层 / 视图页 / 卡片列表
    ============================================================ */
 
+.generation-slider {
+  touch-action: pan-y;
+}
+
 .overlay {
   position: fixed;
   inset: 0;