tavern-harness 0.1.21 → 0.1.22

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 > 本文件由 `scripts/changelog.mjs` 从 `changelog/v*.md` 生成，请勿手动编辑。
 > 版本对比链接见文末；源文件位于仓库 `changelog/` 目录。
 
+## [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 +628,7 @@
 - Vite + React + Zustand + Dexie stack with browser-side local persistence
 
 <!-- 链接定义 -->
+[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.22",
   "description": "Tavern Harness — 酒馆模式下的本地 AI Agent 助手（MyAgent-Android 的 Web 复刻）",
   "private": false,
   "type": "module",

package/src/components/SettingsView.tsx

@@ -1,4 +1,4 @@
-import { memo, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useStore } from '../store/store';
 import { db, DEFAULT_GENERATION_SETTINGS } from '../db/database';
 import { type ThemeMode } from '../theme/theme';
@@ -24,6 +24,8 @@ 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 t = useT();
   const hasUnseenVersion = useHasUnseenVersion();
 
@@ -38,6 +40,7 @@ export const SettingsView = memo(function SettingsView() {
         max={max}
         step={step}
         value={settings[key] as number}
+        disabled={generationParamsLocked}
         onChange={(e) => setSettings({ [key]: parseFloat(e.target.value) })}
       />
       <span className="range-val">{fmt ? fmt(settings[key] as number) : (settings[key] as number)}</span>
@@ -52,6 +55,11 @@ 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">
@@ -104,15 +112,26 @@ export const SettingsView = memo(function SettingsView() {
         <div className="set-section">
           <div className="settings-section-head">
             <h3>{t('settings.genParams')}</h3>
-            <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 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>
           </div>
           <table className="table param-table">
             <tbody>
@@ -178,6 +197,7 @@ export const SettingsView = memo(function SettingsView() {
                       max="100"
                       step="1"
                       value={settings.contextCompressionThreshold === 'off' ? 0 : settings.contextCompressionThreshold}
+                      disabled={generationParamsLocked}
                       onChange={(e) => setSettings({ contextCompressionThreshold: Number(e.target.value) || 'off' })}
                     />
                     <span className="range-val">
@@ -195,6 +215,7 @@ 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

@@ -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

@@ -202,6 +202,10 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'settings.yoloMode': 'YOLO 模式',
     'settings.yoloModeDesc': '自动批准工具修改和 Shell 执行，无需逐次确认。仅在信任角色和技能时开启。',
     'settings.genParams': '🎛 生成参数',
+    'settings.genParamsLocked': '已锁定',
+    'settings.genParamsUnlocked': '已解锁',
+    'settings.genParamsLock': '锁定生成参数',
+    'settings.genParamsUnlock': '解锁生成参数',
     'settings.genParamsReset': '重置',
     'settings.genParamsResetTitle': '将生成参数恢复为默认值',
     'settings.tempDesc': '创造性与随机性',
@@ -725,6 +729,10 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'settings.yoloMode': 'YOLO 模式',
     'settings.yoloModeDesc': '自動批准工具修改和 Shell 執行，無需逐次確認。僅在信任角色和技能時開啟。',
     'settings.genParams': '🎛 產生參數',
+    'settings.genParamsLocked': '已鎖定',
+    'settings.genParamsUnlocked': '已解鎖',
+    'settings.genParamsLock': '鎖定產生參數',
+    'settings.genParamsUnlock': '解鎖產生參數',
     'settings.genParamsReset': '重設',
     'settings.genParamsResetTitle': '將產生參數恢復為預設值',
     'settings.tempDesc': '創造性與隨機性',
@@ -1239,6 +1247,10 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'settings.yoloMode': 'YOLO mode',
     'settings.yoloModeDesc': 'Automatically approve tool changes and Shell commands without asking each time. Only enable for trusted characters and skills.',
     'settings.genParams': '🎛 Generation parameters',
+    'settings.genParamsLocked': 'Locked',
+    'settings.genParamsUnlocked': 'Unlocked',
+    'settings.genParamsLock': 'Lock generation parameters',
+    'settings.genParamsUnlock': 'Unlock generation parameters',
     'settings.genParamsReset': 'Reset',
     'settings.genParamsResetTitle': 'Restore generation parameters to their default values',
     'settings.tempDesc': 'Creativity & randomness',

package/src/generated/changelog.json

@@ -1,7 +1,37 @@
 {
-  "latest": "0.1.21",
+  "latest": "0.1.22",
   "repo": "https://github.com/Rannichan/Tavern-Harness",
   "entries": [
+    {
+      "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

@@ -575,6 +575,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 +615,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 +1682,7 @@ hr.sep {
     display: flex;
     flex: 1;
     min-width: 0;
-    gap: 4px;
+    gap: 8px;
     margin: -12px -10px;
     padding: 12px 10px;
     overflow-x: auto;

package/src/theme/views.css

@@ -625,7 +625,13 @@
   justify-content: space-between;
   gap: 12px;
 }
-.settings-gen-reset {
+.settings-gen-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 6px;
+}
+.settings-gen-reset,
+.settings-gen-lock {
   flex-shrink: 0;
 }
 .settings-reset-section {