tavern-harness 0.1.20 → 0.1.22

package/CHANGELOG.md

@@ -3,6 +3,46 @@
 > 本文件由 `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
+
+### 中文
+
+#### 改进
+
+- 移动端会话头部的操作按钮收进「更多操作」菜单（工作区文件、编辑对话、重置对话、导出游玩记录、删除对话），头部不再拥挤；主题切换按钮仍然直接显示
+- 移动端会话标题可用的横向空间明显变大，长标题能显示更多内容
+- 会话列表中的标题和副标题过长时改为末尾渐隐，不再用省略号生硬截断
+- 会话头部的上下文用量标签字号略微收小，和标题搭配更协调
+
+### 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 +628,8 @@
 - 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
 [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.22",
   "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/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

@@ -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': '重置对话',
@@ -200,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': '创造性与随机性',
@@ -605,6 +611,8 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'header.modeStandard': '標準對話',
     'header.modeNpc': '角色對話',
     'header.modeGroup': '群聊',
+    'header.moreActions': '更多操作',
+    'header.workspaceAction': '工作區檔案',
     'header.editSessionTip': '編輯對話設定',
     'header.resetSessionTip': '重置對話',
     'header.resetSessionTitle': '重置對話',
@@ -721,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': '創造性與隨機性',
@@ -1117,6 +1129,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',
@@ -1233,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,67 @@
 {
-  "latest": "0.1.20",
+  "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",
+      "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,10 +573,14 @@ body.resizing .sidebar-resizer {
 }
 .session-item .stitle-text {
   overflow: hidden;
-  text-overflow: ellipsis;
   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);
+}
 .session-item .spinned {
   display: inline-flex;
   align-items: center;
@@ -611,11 +615,11 @@ body.resizing .sidebar-resizer {
   }
 }
 .session-item .sprev {
+  display: block;
   font-size: 11.5px;
   color: var(--text-faint);
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
 }
 /* ---------- 会话区域（头部 + 滚动列表） ---------- */
 .session-section {
@@ -1072,6 +1076,7 @@ body.resizing .sidebar-resizer {
 }
 .chat-header .tsub-mode {
   flex-shrink: 0;
+  font-size: 12px;
   font-weight: 700;
   color: var(--primary);
 }
@@ -1111,6 +1116,10 @@ body.resizing .sidebar-resizer {
   color: var(--danger);
   background: var(--danger-soft);
 }
+.chat-actions .chat-actions-more,
+.chat-actions-menu {
+  display: none;
+}
 
 /* ---------- 卡片/仪表盘 ---------- */
 .dash-scroll {
@@ -1673,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;
@@ -1799,7 +1808,7 @@ hr.sep {
   }
 
   .chat-header .ttitle {
-    max-width: min(28vw, 180px);
+    max-width: min(52vw, 260px);
     font-size: 15px;
   }
 
@@ -1808,16 +1817,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;
   }

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 {