MetonaTeam/metona-ollama-desktop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: 工具面板 badge 显示与下拉框样式

Browse Source 
1. 修复工具面板中除 run_command 外所有工具的 badge 错误显示为需确认，实际应为自动
   - 根因：CONFIRM_TOOLS 数组仅包含 run_command，但 HTML 硬编码了多个工具为 confirm
   - 涉及工具：write_file, create_directory, delete_file, move_file, copy_file, append_file, edit_file, download_file, replace_in_files, compress
2. 修复 run_command 执行模式下拉框未选中项白字白底不可见
   - 根因：内联样式引用了未定义的 CSS 变量 --bg-tertiary，option 元素无暗色背景
   - 改用 --bg-card 并为 option 元素添加显式暗色背景
This commit is contained in:
Metona
2026-04-17 08:53:26 +08:00
parent b2c3e6eb84
commit 76981e4206
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/index.html
+14 -14
View File
@@ -386,7 +386,7 @@
<div class="tool-card-desc">读取文件内容，支持指定行范围</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">✏️</span><span class="tool-card-name">write_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">✏️</span><span class="tool-card-name">write_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">写入文件，自动创建父目录</div>
</div>
<div class="tool-card">
@@ -398,19 +398,19 @@
<div class="tool-card-desc">按文件名或内容搜索文件</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">📂</span><span class="tool-card-name">create_directory</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">📂</span><span class="tool-card-name">create_directory</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">创建目录，自动创建父级</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">🗑️</span><span class="tool-card-name">delete_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">🗑️</span><span class="tool-card-name">delete_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">删除文件或目录</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">📦</span><span class="tool-card-name">move_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">📦</span><span class="tool-card-name">move_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">移动或重命名文件/目录</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">📋</span><span class="tool-card-name">copy_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">📋</span><span class="tool-card-name">copy_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">复制文件或目录到新位置</div>
</div>
<div class="tool-card">
@@ -418,11 +418,11 @@
<div class="tool-card-desc">抓取网页内容，自动提取文本</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">➕</span><span class="tool-card-name">append_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">➕</span><span class="tool-card-name">append_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">追加内容到文件末尾</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">✂️</span><span class="tool-card-name">edit_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">✂️</span><span class="tool-card-name">edit_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">文件内查找替换，支持全部替换</div>
</div>
<div class="tool-card">
@@ -430,10 +430,10 @@
<div class="tool-card-desc">执行 shell 命令，无超时限制</div>
<div style="margin-top:6px;display:flex;align-items:center;gap:8px;">
<label style="margin:0;font-size:11px;color:var(--text-secondary);">执行模式：</label>
<select id="selectRunCommandMode" style="font-size:11px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;">
<option value="confirm">需确认</option>
<option value="auto">自动执行</option>
<option value="disabled">禁用</option>
<select id="selectRunCommandMode" style="font-size:11px;padding:2px 6px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;">
<option value="confirm" style="background:#2d2d2d;color:#fff;">需确认</option>
<option value="auto" style="background:#2d2d2d;color:#fff;">自动执行</option>
<option value="disabled" style="background:#2d2d2d;color:#fff;">禁用</option>
</select>
</div>
</div>
@@ -446,7 +446,7 @@
<div class="tool-card-desc">以树形结构展示目录内容</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">⬇️</span><span class="tool-card-name">download_file</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">⬇️</span><span class="tool-card-name">download_file</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">从 URL 下载文件到本地</div>
</div>
<div class="tool-card">
@@ -454,7 +454,7 @@
<div class="tool-card-desc">对比两个文件，显示差异</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">🔄</span><span class="tool-card-name">replace_in_files</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">🔄</span><span class="tool-card-name">replace_in_files</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">按 glob 模式批量查找替换多个文件</div>
</div>
<div class="tool-card">
@@ -466,7 +466,7 @@
<div class="tool-card-desc">Git 全操作：status/log/diff/add/commit/push/pull/branch/checkout/merge/stash/remote/clone/init/reset/tag</div>
</div>
<div class="tool-card">
<div class="tool-card-header"><span class="tool-card-icon">🗜️</span><span class="tool-card-name">compress</span><span class="tool-card-badge confirm">需确认</span></div>
<div class="tool-card-header"><span class="tool-card-icon">🗜️</span><span class="tool-card-name">compress</span><span class="tool-card-badge auto">自动</span></div>
<div class="tool-card-desc">创建或解压 zip/tar.gz 归档</div>
</div>
</div>