From 6b1d79043670b5771730d0f2c003a11a4cc33a14 Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@gitee.com>
Date: Sun, 19 Apr 2026 19:38:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E5=85=B7=E5=92=8C=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E9=A1=B5=E7=AD=BE=E7=A9=BA=E9=97=B2=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E2=80=94=20=E5=9B=BE=E6=A0=87=E7=BD=91?=
 =?UTF-8?q?=E6=A0=BC=20+=20=E7=9B=AE=E5=BD=95=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/workspace-panel.ts | 28 ++++++++++-
 src/renderer/styles/style.css              | 54 ++++++++++++++++++++++
 2 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/workspace-panel.ts b/src/renderer/components/workspace-panel.ts
index a887ae7..3feb535 100644
--- a/src/renderer/components/workspace-panel.ts
+++ b/src/renderer/components/workspace-panel.ts
@@ -622,7 +622,15 @@ function renderFileList(): void {
   }
 
   if (fileTree.length === 0) {
-    container.innerHTML = '<div class="ws-file-empty">空目录</div>';
+    const relDir = currentFileDir.replace(workspaceDir, '~') || '~';
+    container.innerHTML = `
+      <div class="ws-idle-state">
+        <div class="ws-idle-icon ws-idle-icon-lg">📂</div>
+        <div class="ws-idle-desc">${escapeHtml(relDir)}</div>
+        <div class="ws-idle-divider"></div>
+        <div class="ws-idle-hint">空目录 · AI 创建的文件会出现在这里</div>
+      </div>
+    `;
     return;
   }
 
@@ -784,7 +792,23 @@ function renderToolCalls(): void {
   if (!container) return;
 
   if (toolCards.length === 0) {
-    container.innerHTML = '<div class="ws-tools-placeholder">等待工具调用...</div>';
+    container.innerHTML = `
+      <div class="ws-idle-state">
+        <div class="ws-idle-icon-grid">
+          <div class="ws-idle-icon-item" title="文件系统"><span>📄</span><small>文件</small></div>
+          <div class="ws-idle-icon-item" title="系统命令"><span>💻</span><small>命令</small></div>
+          <div class="ws-idle-icon-item" title="联网搜索"><span>🔍</span><small>搜索</small></div>
+          <div class="ws-idle-icon-item" title="浏览器"><span>🌐</span><small>浏览器</small></div>
+          <div class="ws-idle-icon-item" title="Git"><span>🔖</span><small>Git</small></div>
+          <div class="ws-idle-icon-item" title="记忆"><span>🧠</span><small>记忆</small></div>
+          <div class="ws-idle-icon-item" title="技能"><span>🎯</span><small>技能</small></div>
+          <div class="ws-idle-icon-item" title="子代理"><span>🤖</span><small>代理</small></div>
+        </div>
+        <div class="ws-idle-divider"></div>
+        <div class="ws-idle-desc">AI 对话中自动调用工具，结果在此展示</div>
+        <div class="ws-idle-hint">共 38 个内置工具 · MCP 动态扩展</div>
+      </div>
+    `;
     return;
   }
 
diff --git a/src/renderer/styles/style.css b/src/renderer/styles/style.css
index a6cc084..afa5765 100644
--- a/src/renderer/styles/style.css
+++ b/src/renderer/styles/style.css
@@ -2434,6 +2434,60 @@ html, body {
     opacity: 0;
 }
 
+/* ── 工具页签空闲 ── */
+.ws-idle-icon-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+    max-width: 240px;
+}
+
+.ws-idle-icon-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 3px;
+    padding: 8px 4px;
+    border-radius: 8px;
+    background: rgba(245, 240, 232, 0.04);
+    border: 1px solid rgba(245, 240, 232, 0.06);
+    transition: background 0.2s;
+}
+
+.ws-idle-icon-item span {
+    font-size: 18px;
+}
+
+.ws-idle-icon-item small {
+    font-size: 9px;
+    color: rgba(245, 240, 232, 0.4);
+    font-family: var(--font);
+}
+
+/* ── 文件页签空闲 ── */
+.ws-idle-icon {
+    font-size: 28px;
+    opacity: 0.6;
+}
+
+.ws-idle-icon-lg {
+    font-size: 36px;
+}
+
+.ws-idle-desc {
+    font-size: 12px;
+    color: rgba(245, 240, 232, 0.55);
+    font-family: var(--font-mono);
+    text-align: center;
+}
+
+.ws-idle-hint {
+    font-size: 10px;
+    color: rgba(245, 240, 232, 0.3);
+    font-family: var(--font);
+    text-align: center;
+}
+
 /* 工具调用 Tab */
 .ws-tools-output {
     flex: 1;