From dbd226b403012a84131e2160b34b74dfb555854d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com>
Date: Sat, 1 Aug 2026 15:54:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E6=B5=AE=E7=AA=97=20reason=20=E5=AD=97=E6=AE=B5=E7=BC=BA?=
 =?UTF-8?q?=E5=A4=B1(push=20=E8=A1=A5=20reason)+=20=E7=A9=BA=E6=80=81?=
 =?UTF-8?q?=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/composables/ai/useAiEvents.ts |  5 +++++
 src/i18n/en/aiChat.ts             |  2 ++
 src/i18n/zh-CN/aiChat.ts          |  2 ++
 src/views/ApprovalPopup.vue       | 13 +++++++++++--
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/composables/ai/useAiEvents.ts b/src/composables/ai/useAiEvents.ts
index a26af5b..2c07c9b 100644
--- a/src/composables/ai/useAiEvents.ts
+++ b/src/composables/ai/useAiEvents.ts
@@ -520,6 +520,11 @@ function handleToolEvent(event: AiChatEvent): boolean {
         args: event.args,
         status: 'pending_approval',
         kind: event.kind ?? 'risk',
+        // BUG-260624-03(根因3):reason 必须写入 info,否则浮窗 ApprovalPopup.vue
+        // 的 tc.reason 永远空(后端 build_approval_reason 生成的风险说明丢失)。
+        // tc.reason 与 pendingApprovals[].reason 是两条独立赋值路径:tc 走 findToolCall,
+        // 浮窗走主窗口推送的 pendingApprovals 快照,后者此前漏写 reason。
+        reason: event.reason,
       }
       state.pendingApprovals.push(info)
       const tc = findToolCall(event.id)
diff --git a/src/i18n/en/aiChat.ts b/src/i18n/en/aiChat.ts
index e17182b..6a21b60 100644
--- a/src/i18n/en/aiChat.ts
+++ b/src/i18n/en/aiChat.ts
@@ -57,6 +57,8 @@ export default {
     popupTagPath: 'Path auth',
     popupTagRisk: 'Risk action',
     popupOpenPanel: 'Open approval panel',
+    // 根因1:首屏空态友好文案(数据未到达时,替代裸 spinner)
+    popupEmptyHint: 'Waiting for approval data…',
 
     // ── Provider status ──
     clickToSwitchProvider: 'Click to switch provider',
diff --git a/src/i18n/zh-CN/aiChat.ts b/src/i18n/zh-CN/aiChat.ts
index ee01e5c..e47ac60 100644
--- a/src/i18n/zh-CN/aiChat.ts
+++ b/src/i18n/zh-CN/aiChat.ts
@@ -57,6 +57,8 @@ export default {
     popupTagPath: '路径授权',
     popupTagRisk: '风险操作',
     popupOpenPanel: '打开审批面板',
+    // 根因1:首屏空态友好文案(数据未到达时,替代裸 spinner)
+    popupEmptyHint: '等待审批数据…',
 
     // ── Provider 状态 ──
     clickToSwitchProvider: '点击切换 Provider',
diff --git a/src/views/ApprovalPopup.vue b/src/views/ApprovalPopup.vue
index c09b87a..c9ffa1f 100644
--- a/src/views/ApprovalPopup.vue
+++ b/src/views/ApprovalPopup.vue
@@ -31,6 +31,7 @@
     <div class="popup-body">
       <div v-if="approvals.length === 0" class="popup-empty">
         <span class="popup-empty-spinner"></span>
+        <span class="popup-empty-hint">{{ $t('aiChat.popupEmptyHint') }}</span>
       </div>
       <div
         v-for="tc in approvals"
@@ -317,17 +318,25 @@ function onDragEnd() { isDragging.value = false }
   display: flex;
   justify-content: center;
   align-items: center;
+  gap: 8px;
   flex: 1;
   min-height: 80px;
+  padding: 16px;
 }
 .popup-empty-spinner {
-  width: 18px;
-  height: 18px;
+  width: 14px;
+  height: 14px;
   border: 2px solid var(--df-border, #444);
   border-top-color: var(--df-accent);
   border-radius: 50%;
   animation: df-spin 0.8s linear infinite;
   display: inline-block;
+  flex-shrink: 0;
+}
+.popup-empty-hint {
+  font-size: 11px;
+  color: var(--df-text-dim);
+  line-height: 1.4;
 }
 
 /* 单条审批项 */