From b880a976c2b0ea80d1f8cbc4992033f852fc7e86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com>
Date: Mon, 15 Jun 2026 17:15:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=202196c77=20workflow?=
 =?UTF-8?q?=E6=95=B4=E6=96=87=E4=BB=B6=E6=9B=BF=E6=8D=A2=E5=9B=9E=E9=80=80?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D(AiChat+Ideas=2012=E9=A1=B9=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?+=E5=A4=B4=E5=83=8F=E4=BD=8D=E7=BD=AE)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因: 批次1 workflow(2196c77)做 @/ 路径统一时对 AiChat.vue/Ideas.vue
做了整文件替换(非手术式编辑),把 6254d06 之后积累的功能改动全部抹掉。

AiChat.vue 恢复 12 项功能:
- row-reverse 用户头像右侧布局
- groupedActive 对话按今天/昨天/更早分组
- archivedConvs 归档分组(可折叠)
- confirmClearChat 清空对话二次确认
- showBackToBottom 回到底部按钮
- queue UI 生成中消息排队可视化
- 技能联想(/ 触发浮层)
- token-usage 展示
- .ai-conv-group/item-actions/back-to-bottom/queue/skill 样式组
- onBeforeUnmount 补 stopListener() (CR-24 回归修复)

Ideas.vue 恢复:
- i18n 全量($t() 33处)
- useConfirm + ConfirmDialog
- useRendered/useMarkdown 描述渲染
- 过滤器 + 状态选项 + 晋升逻辑

vue-tsc 0 err / cargo check 0 err
---
 src/components/AiChat.vue | 1291 ++++++++++++++++++++-----------------
 src/views/Ideas.vue       |  389 ++++++-----
 2 files changed, 931 insertions(+), 749 deletions(-)

diff --git a/src/components/AiChat.vue b/src/components/AiChat.vue
index f130dd3..db58c58 100644
--- a/src/components/AiChat.vue
+++ b/src/components/AiChat.vue
@@ -4,44 +4,83 @@
     <transition name="sidebar-slide">
       <div v-if="store.state.sidebarOpen" class="ai-conv-sidebar">
         <div class="ai-conv-sidebar-header">
-          <span class="ai-conv-sidebar-title">对话</span>
-          <button class="ai-btn-icon" @click="store.newConversation()" title="新对话">
+          <span class="ai-conv-sidebar-title">{{ $t('aiChat.sidebarTitle') }}</span>
+          <button class="ai-btn-icon" @click="store.newConversation()" :title="$t('aiChat.newConversation')">
             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
           </button>
         </div>
         <div class="ai-conv-list">
-          <div
-            v-for="conv in store.state.conversations"
-            :key="conv.id"
-            class="ai-conv-item"
-            :class="{ 'ai-conv-item--active': conv.id === store.state.activeConversationId }"
-            @click="store.switchConversation(conv.id)"
-          >
-            <div class="ai-conv-item-main">
-              <input
-                v-if="editingConvId === conv.id"
-                ref="editEl"
-                v-model="editText"
-                class="ai-conv-item-edit"
-                @keyup.enter="commitRename(conv.id)"
-                @keyup.esc="cancelRename"
-                @blur="commitRename(conv.id)"
-                @click.stop
-              />
-              <span
-                v-else
-                class="ai-conv-item-title"
-                @dblclick.stop="startRename(conv)"
-                :title="conv.title || '双击重命名'"
-              >{{ conv.title || '新对话' }}</span>
-              <span class="ai-conv-item-time">{{ formatTime(conv.updated_at) }}</span>
+          <!-- 活跃对话:按 今天/昨天/更早 分组 -->
+          <template v-for="group in groupedActive" :key="'g-' + group.key">
+            <div class="ai-conv-group-title">{{ group.label }}</div>
+            <div
+              v-for="conv in group.items"
+              :key="conv.id"
+              class="ai-conv-item"
+              :class="{ 'ai-conv-item--active': conv.id === store.state.activeConversationId }"
+              @click="store.switchConversation(conv.id)"
+            >
+              <div class="ai-conv-item-main">
+                <input
+                  v-if="editingConvId === conv.id"
+                  ref="editEl"
+                  v-model="editText"
+                  class="ai-conv-item-edit"
+                  @keyup.enter="commitRename(conv.id)"
+                  @keyup.esc="cancelRename"
+                  @blur="commitRename(conv.id)"
+                  @click.stop
+                />
+                <span
+                  v-else
+                  class="ai-conv-item-title"
+                  @dblclick.stop="startRename(conv)"
+                  :title="conv.title || $t('aiChat.doubleClickToRename')"
+                >{{ conv.title || $t('aiChat.newConversation') }}</span>
+                <span class="ai-conv-item-time">{{ formatTime(conv.updated_at) }}</span>
+              </div>
+              <div class="ai-conv-item-actions">
+                <button class="ai-conv-item-act" @click.stop="store.archiveConversation(conv.id, true)" :title="$t('aiChat.archive')">
+                  <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="5" rx="1"/><path d="M4 9v9a2 2 0 002 2h12a2 2 0 002-2V9"/><line x1="10" y1="13" x2="14" y2="13"/></svg>
+                </button>
+                <button class="ai-conv-item-act" @click.stop="confirmDeleteConversation(conv.id)" :title="$t('common.delete')">
+                  <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                </button>
+              </div>
             </div>
-            <button class="ai-conv-item-delete" @click.stop="store.deleteConversation(conv.id)" title="删除">
-              <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-            </button>
-          </div>
+          </template>
+
+          <!-- 归档分组(可折叠) -->
+          <template v-if="archivedConvs.length">
+            <div class="ai-conv-group-title ai-conv-group-title--fold" @click="store.toggleArchivedFold()">
+              <span class="ai-conv-group-arrow" :class="{ 'is-folded': store.state.archivedCollapsed }">▸</span>
+              {{ $t('aiChat.archivedCount', { n: archivedConvs.length }) }}
+            </div>
+            <div
+              v-for="conv in archivedConvs"
+              v-show="!store.state.archivedCollapsed"
+              :key="'a-' + conv.id"
+              class="ai-conv-item ai-conv-item--archived"
+              :class="{ 'ai-conv-item--active': conv.id === store.state.activeConversationId }"
+              @click="store.switchConversation(conv.id)"
+            >
+              <div class="ai-conv-item-main">
+                <span class="ai-conv-item-title" :title="conv.title || ''">{{ conv.title || $t('aiChat.newConversation') }}</span>
+                <span class="ai-conv-item-time">{{ formatTime(conv.updated_at) }}</span>
+              </div>
+              <div class="ai-conv-item-actions">
+                <button class="ai-conv-item-act" @click.stop="store.archiveConversation(conv.id, false)" :title="$t('aiChat.unarchive')">
+                  <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="5" rx="1"/><path d="M4 9v9a2 2 0 002 2h12a2 2 0 002-2V9"/><line x1="12" y1="13" x2="12" y2="17"/><polyline points="10 15 12 13 14 15"/></svg>
+                </button>
+                <button class="ai-conv-item-act" @click.stop="confirmDeleteConversation(conv.id)" :title="$t('common.delete')">
+                  <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                </button>
+              </div>
+            </div>
+          </template>
+
           <div v-if="store.state.conversations.length === 0" class="ai-conv-empty">
-            暂无对话
+            {{ $t('aiChat.emptyConversation') }}
           </div>
         </div>
       </div>
@@ -52,7 +91,7 @@
       <!-- Header -->
       <div class="ai-header">
         <div class="ai-header-left">
-          <button class="ai-btn-icon" @click="store.toggleSidebar()" title="对话列表">
+          <button class="ai-btn-icon" @click="store.toggleSidebar()" :title="$t('aiChat.conversationList')">
             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
           </button>
           <span class="ai-header-icon">
@@ -61,31 +100,35 @@
           <span class="ai-header-title">{{ $t('ai.assistant') }}</span>
         </div>
         <div class="ai-header-actions">
-          <button class="ai-btn-icon" @click="store.newConversation()" title="新对话">
+          <button class="ai-btn-icon" @click="store.newConversation()" :title="$t('aiChat.newConversation')">
             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
           </button>
+          <!-- 清空对话(真删 DB messages,带二次确认防误删) -->
+          <button class="ai-btn-icon" @click="confirmClearChat" :title="$t('aiChat.clearChat')">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2"/></svg>
+          </button>
           <!-- 嵌入模式：最大化/还原 + 分离 + 关闭 -->
           <template v-if="!props.detached">
-            <button class="ai-btn-icon" @click="store.toggleMaximize()" :title="store.state.maximized ? '还原侧栏' : '最大化'">
+            <button class="ai-btn-icon" @click="store.toggleMaximize()" :title="store.state.maximized ? $t('aiChat.restoreSidebar') : $t('aiChat.maximize')">
               <svg v-if="store.state.maximized" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="9" y1="3" x2="9" y2="21"/></svg>
               <svg v-else width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"/></svg>
             </button>
-            <button class="ai-btn-icon" @click="store.detachPanel()" title="分离窗口">
+            <button class="ai-btn-icon" @click="store.detachPanel()" :title="$t('aiChat.detachWindow')">
               <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>
             </button>
-            <button class="ai-btn-icon" @click="store.togglePanel()" title="关闭面板">
+            <button class="ai-btn-icon" @click="store.togglePanel()" :title="$t('aiChat.closePanel')">
               <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
             </button>
           </template>
           <!-- 分离模式：吸附 + 置顶 + 关闭 -->
           <template v-else>
-            <button class="ai-btn-icon" :class="{ 'ai-btn-icon--active': store.state.docked }" @click="store.dockDetached()" :title="store.state.docked ? '取消吸附' : '吸附到主窗口右侧'">
+            <button class="ai-btn-icon" :class="{ 'ai-btn-icon--active': store.state.docked }" @click="store.dockDetached()" :title="store.state.docked ? $t('aiChat.undock') : $t('aiChat.dockRight')">
               <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="8" height="18" rx="1"/><rect x="14" y="3" width="8" height="18" rx="1"/></svg>
             </button>
-            <button class="ai-btn-icon" :class="{ 'ai-btn-icon--active': alwaysOnTop }" @click="toggleAlwaysOnTop" :title="alwaysOnTop ? '取消置顶' : '置顶'">
+            <button class="ai-btn-icon" :class="{ 'ai-btn-icon--active': alwaysOnTop }" @click="toggleAlwaysOnTop" :title="alwaysOnTop ? $t('aiChat.unpin') : $t('aiChat.pinOnTop')">
               <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
             </button>
-            <button class="ai-btn-icon" @click="store.closeDetachedWindow()" title="关闭窗口">
+            <button class="ai-btn-icon" @click="store.closeDetachedWindow()" :title="$t('aiChat.closeWindow')">
               <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
             </button>
           </template>
@@ -97,33 +140,33 @@
         class="ai-provider-bar"
         :class="{ 'ai-provider-bar--switchable': store.state.providers.length > 1 }"
         v-if="store.state.providers.length > 0"
-        :title="store.state.providers.length > 1 ? '点击切换 Provider' : ''"
+        :title="store.state.providers.length > 1 ? $t('aiChat.clickToSwitchProvider') : ''"
         @click="cycleProvider"
       >
         <span class="provider-dot"></span>
         <span class="provider-name">{{ activeProviderName }}</span>
       </div>
       <div class="ai-provider-bar ai-provider-empty" v-else>
-        <span class="provider-hint">未配置 AI 提供商，请在设置中添加</span>
+        <span class="provider-hint">{{ $t('aiChat.providerNotConfigured') }}</span>
       </div>
 
       <!-- Messages -->
-      <div class="ai-messages" ref="messagesContainer">
+      <div class="ai-messages" ref="messagesContainer" @scroll="onMessagesScroll">
         <!-- 空状态 -->
         <div class="ai-empty" v-if="store.state.messages.length === 0 && !store.state.streaming">
           <template v-if="store.state.providers.length === 0">
             <div class="ai-empty-icon">
               <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--df-warning)" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
             </div>
-            <p class="ai-empty-text">未配置 AI 提供商</p>
-            <p class="ai-empty-sub">请在设置中添加 Provider 后开始对话</p>
+            <p class="ai-empty-text">{{ $t('aiChat.emptyNoProvider') }}</p>
+            <p class="ai-empty-sub">{{ $t('aiChat.emptyNoProviderHint') }}</p>
           </template>
           <template v-else>
             <div class="ai-empty-icon">
               <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--df-text-dim)" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a7 7 0 014 12.74V17a1 1 0 01-1 1H9a1 1 0 01-1-1v-2.26A7 7 0 0112 2z"/><line x1="9" y1="21" x2="15" y2="21"/></svg>
             </div>
-            <p class="ai-empty-text">与 AI 助手对话</p>
-            <p class="ai-empty-sub">可以说"帮我创建一个项目"或"列出所有任务"</p>
+            <p class="ai-empty-text">{{ $t('aiChat.emptyTitle') }}</p>
+            <p class="ai-empty-sub">{{ $t('aiChat.emptyHint') }}</p>
           </template>
         </div>
 
@@ -153,8 +196,9 @@
                 v-if="msg.content || (isLastAi(msg) && store.state.currentText)"
                 class="ai-msg-bubble ai-msg-bubble--ai ai-md"
                 :class="{ 'ai-msg-bubble--error': msg.isError }"
+                :key="'md-' + msg.id + '-' + (isLastAi(msg) ? _mdRenderKey : 0)"
               >
-                <div v-html="renderMd(isLastAi(msg) && store.state.currentText ? store.state.currentText : msg.content)"></div>
+                <div v-html="renderContent(msg)"></div>
                 <span v-if="isLastAi(msg) && isViewingGenerating" class="ai-cursor"></span>
               </div>
               <!-- 流式开始但尚无文本时显示光标 -->
@@ -162,116 +206,90 @@
                 <span class="ai-cursor"></span>
               </div>
 
-              <!-- 工具调用卡片 -->
-              <div v-if="msg.toolCalls && msg.toolCalls.length > 0" class="ai-tool-calls">
-                <div
-                  v-for="tc in msg.toolCalls"
-                  :key="tc.id"
-                  class="ai-tool-card"
-                  :class="'ai-tool-card--' + tc.status"
-                >
-                  <!-- 卡片头部：图标 + 名称 + 状态 -->
-                  <div class="ai-tool-header">
-                    <span class="ai-tool-icon-wrap" :class="'ai-tool-icon-wrap--' + toolCategory(tc.name)">
-                      <span v-html="toolIcon(tc.name)"></span>
-                    </span>
-                    <div class="ai-tool-header-text">
-                      <span class="ai-tool-name">{{ toolDisplayName(tc) }}</span>
-                      <span v-if="tc.status === 'running'" class="ai-tool-sub">执行中...</span>
-                    </div>
-                    <span class="ai-tool-status-dot" :class="'ai-tool-status-dot--' + tc.status"></span>
-                  </div>
-
-                  <!-- Running 骨架屏 -->
-                  <div v-if="tc.status === 'running'" class="ai-tool-skeleton">
-                    <div class="ai-tool-skeleton-line" style="width:60%"></div>
-                    <div class="ai-tool-skeleton-line" style="width:85%"></div>
-                    <div class="ai-tool-skeleton-line" style="width:40%"></div>
-                  </div>
-
-                  <!-- 审批按钮 -->
-                  <div v-if="tc.status === 'pending_approval'" class="ai-tool-actions">
-                    <button class="ai-tool-btn ai-tool-btn--approve" @click="store.approveToolCall(tc.id, true)">
-                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
-                      批准执行
-                    </button>
-                    <button class="ai-tool-btn ai-tool-btn--reject" @click="store.approveToolCall(tc.id, false)">
-                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-                      拒绝
-                    </button>
-                  </div>
-
-                  <!-- read_file 结果：代码预览 -->
-                  <div v-if="tc.name === 'read_file' && tc.result && tc.status === 'completed'" class="ai-tool-file-content">
-                    <div class="ai-tool-file-bar">
-                      <span class="ai-tool-file-icon" v-html="fileIcon"></span>
-                      <span class="ai-tool-file-path">{{ parseResult(tc.result)?.path }}</span>
-                      <span class="ai-tool-file-meta">{{ parseResult(tc.result)?.lines || 0 }} 行 · {{ formatBytes(parseResult(tc.result)?.size) }}</span>
-                      <button class="ai-tool-expand-btn" @click="toggleExpand(tc.id)">
-                        {{ expandedTools.has(tc.id) ? '收起' : '展开全部' }}
-                      </button>
-                    </div>
-                    <pre class="ai-tool-file-pre" :class="{ 'ai-tool-file-pre--collapsed': !expandedTools.has(tc.id) }"><code>{{ parseResult(tc.result)?.content }}</code></pre>
-                  </div>
-
-                  <!-- list_directory 结果：文件树 -->
-                  <div v-else-if="tc.name === 'list_directory' && tc.result && tc.status === 'completed'" class="ai-tool-dir-list">
-                    <div class="ai-tool-file-bar">
-                      <span class="ai-tool-file-icon ai-tool-file-icon--dir" v-html="dirIcon"></span>
-                      <span class="ai-tool-file-path">{{ parseResult(tc.result)?.path }}</span>
-                      <span class="ai-tool-file-meta">{{ parseResult(tc.result)?.entries?.length || 0 }} 项</span>
-                    </div>
-                    <div class="ai-tool-dir-entries">
-                      <div
-                        v-for="(entry, i) in parseResult(tc.result)?.entries"
-                        :key="i"
-                        class="ai-tool-dir-entry"
-                        :class="'ai-tool-dir-entry--' + entry.type"
-                        :style="{ paddingLeft: `${12 + (entry.depth || 0) * 16}px` }"
-                      >
-                        <span class="ai-tool-dir-icon" :class="entry.type === 'directory' ? 'ai-tool-dir-icon--folder' : 'ai-tool-dir-icon--file'" v-html="entry.type === 'directory' ? dirIcon : fileIcon"></span>
-                        <span class="ai-tool-dir-name">{{ entry.name }}</span>
-                        <span v-if="entry.type === 'file'" class="ai-tool-dir-size">{{ formatBytes(entry.size) }}</span>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- write_file 结果 -->
-                  <div v-else-if="tc.name === 'write_file' && tc.result && tc.status === 'completed'" class="ai-tool-write-result">
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--df-success)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
-                    <span class="ai-tool-write-path">{{ parseResult(tc.result)?.path }}</span>
-                    <span class="ai-tool-write-meta">{{ formatBytes(parseResult(tc.result)?.bytes_written) }} 已写入</span>
-                  </div>
-
-                  <!-- 通用 CRUD 结果 -->
-                  <div v-else-if="tc.result && tc.status === 'completed'" class="ai-tool-result">
-                    <code>{{ formatToolResult(tc) }}</code>
-                  </div>
-                </div>
+              <!-- token 用量(仅最后一条 AI 消息 + 非流式;ai.ts handleEvent 已按 df-show-token-usage 开关过滤 lastTokenUsage) -->
+              <div
+                v-if="isLastAi(msg) && !store.state.streaming && store.state.lastTokenUsage"
+                class="ai-token-usage"
+              >
+                <span class="ai-token-usage-icon">🔣</span>
+                <span>{{ formatTokens(store.state.lastTokenUsage.prompt) }} in · {{ formatTokens(store.state.lastTokenUsage.completion) }} out</span>
               </div>
+
+              <!-- 工具调用卡片(渲染/折叠/审批全下沉到 ToolCardList+ToolCard 子组件,AiChat 仅转发审批) -->
+              <ToolCardList
+                v-if="msg.toolCalls && msg.toolCalls.length > 0"
+                ref="toolCardListRef"
+                :toolCalls="msg.toolCalls"
+                @approve="({ id, approved }) => store.approveToolCall(id, approved)"
+              />
             </div>
           </div>
         </div>
       </div>
 
-      <!-- 审批已下沉到工具卡片内联(ai-tool-actions),不再使用全屏 Modal -->
+      <!-- 回到底部（上滑看历史 / 有新内容时显示） -->
+      <Transition name="back-to-bottom">
+        <button v-if="showBackToBottom" class="ai-back-to-bottom" @click="scrollToBottom" :title="$t('aiChat.backToBottom')">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg>
+        </button>
+      </Transition>
+
+      <!-- 审批在 ToolCard 子组件内联(ai-tool-actions),无全屏 Modal -->
 
       <!-- Input -->
       <div class="ai-input-area">
+        <!-- 待发送队列（生成中排队的消息，完成后自动续发） -->
+        <div v-if="store.state.queue.length > 0" class="ai-queue">
+          <div class="ai-queue-head">
+            <span class="ai-queue-title">{{ $t('aiChat.queueTitle', { n: store.state.queue.length }) }}</span>
+            <button class="ai-queue-clear" @click="store.clearQueue">{{ $t('aiChat.clearQueue') }}</button>
+          </div>
+          <div class="ai-queue-list">
+            <div v-for="(item, idx) in store.state.queue" :key="idx" class="ai-queue-item">
+              <span v-if="item.skill" class="ai-queue-skill">/{{ item.skill }}</span>
+              <span class="ai-queue-text">{{ item.text }}</span>
+              <button class="ai-queue-x" @click="store.cancelQueued(idx)" :title="$t('common.cancel')">×</button>
+            </div>
+          </div>
+        </div>
+        <!-- 已选技能 chip -->
+        <div v-if="pendingSkill" class="ai-skill-chip">
+          <span class="ai-skill-chip-name">/{{ pendingSkill.name }}</span>
+          <span v-if="pendingSkill.description" class="ai-skill-chip-desc">{{ pendingSkill.description }}</span>
+          <button class="ai-skill-chip-x" @click="clearSkill" :title="$t('aiChat.clearSkill')">×</button>
+        </div>
         <div class="ai-input-wrap">
           <textarea
             ref="inputEl"
             v-model="inputText"
             class="ai-input"
-            placeholder="输入消息..."
+            :placeholder="pendingSkill ? (pendingSkill.argument_hint || $t('aiChat.placeholderWithSkill')) : $t('aiChat.placeholderDefault')"
             rows="1"
             @keydown="handleKeydown"
             @input="autoResize"
           ></textarea>
+          <!-- 技能联想浮层 -->
+          <div v-if="skillOpen" class="ai-skill-popover">
+            <div v-if="!filteredSkills.length" class="ai-skill-empty">
+              {{ store.state.skills.length ? $t('aiChat.skillNoMatch') : $t('aiChat.skillNotLoaded') }}
+            </div>
+            <div
+              v-for="(s, i) in filteredSkills"
+              :key="s.path"
+              class="ai-skill-item"
+              :class="{ 'ai-skill-item--active': i === skillIndex }"
+              @click="selectSkill(s)"
+              @mouseenter="skillIndex = i"
+            >
+              <span class="ai-skill-item-name">/{{ s.name }}</span>
+              <span class="ai-skill-item-desc">{{ s.description }}</span>
+              <span class="ai-skill-item-src">{{ s.source }}</span>
+            </div>
+          </div>
           <button
             v-if="store.state.streaming"
             class="ai-send-btn ai-send-btn--stop"
-            title="停止生成"
+            :title="$t('aiChat.stopGenerating')"
             @click="store.stopChat"
           >
             <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>
@@ -286,52 +304,205 @@
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
           </button>
         </div>
-        <div class="ai-input-hint">Enter 发送 · Shift+Enter 换行</div>
+        <div class="ai-input-hint">{{ $t('aiChat.inputHint') }}</div>
       </div>
     </div>
+    <!-- 确认弹层（删对话等不可逆操作） -->
+    <ConfirmDialog :visible="confirmState.visible" :msg="confirmState.msg" @result="answerConfirm" />
+    <!-- 错误 toast(零依赖,复用 Settings.vue 同款 reactive toast;分离窗口无 App.vue 根 toast,故本组件自管) -->
+    <Transition name="ai-toast">
+      <div v-if="toast.visible" class="ai-toast" :class="'ai-toast-' + toast.type">{{ toast.msg }}</div>
+    </Transition>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, nextTick, onMounted, watch } from 'vue'
+import { ref, reactive, computed, nextTick, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useAiStore } from '../stores/ai'
+import ConfirmDialog from './ConfirmDialog.vue'
+import { useConfirm } from '../composables/useConfirm'
+import { useMarkdown } from '../composables/useMarkdown'
+import ToolCardList from './ToolCardList.vue'
 import { formatRelativeZh } from '../utils/time'
-import type { AiMessage, AiToolCallInfo } from '../api/types'
+import type { AiConversationSummary, AiMessage, SkillInfo } from '../api/types'
 
 const props = defineProps<{
   detached?: boolean
 }>()
 
-// marked + DOMPurify 体积较大，延迟加载以加快首屏；加载完成后 mdReady 翻转触发重渲染
-let _marked: typeof import('marked')['marked'] | null = null
-let _purify: typeof import('dompurify')['default'] | null = null
-const mdReady = ref(false)
+// ═══ Markdown 渲染(ARC-260615-08:自研块级 memo,借鉴方案D流式核心) ═══
+// B-23:渲染基础设施(_marked/_purify/mdReady/_mdCache/loadMarkdown/escapeFallback/
+// renderMd)抽至 composables/useMarkdown(模块级单例),本组件与 TaskDetail 共享。
+// 流式核心(splitBlocks/parseBlock/renderStreamingMd/scheduleStreamParse)保留在本组件,
+// 经 getMarked()/getPurify()/mdReady/escapeFallback 复用同一份渲染器实例,行为零变化。
+const {
+  mdReady,
+  loadMarkdown,
+  renderMd,
+  escapeFallback,
+  getMarked,
+  getPurify,
+} = useMarkdown()
+// _marked/_purify 走 composable 单例(getMarked/getPurify 在 loadMarkdown 后才非 null);
+// 流式 parse 经 getter 取最新引用,行为零变化。
+// 块级 memo:单块文本 → html(流式时已完成块命中跳过,O(全文)→O(末块),借鉴方案D/业界主流机制2)
+const _blockCache = new Map<string, string>()
+const BLOCK_CACHE_LIMIT = 300
+// 流式渲染状态:rAF 节流(多 delta 合并一帧,60fps 封顶防主线程阻塞掉帧)
+const streamingHtml = ref('')
+let rafId: number | null = null
+let lastStreamText = ''
 
-async function loadMarkdown() {
-  const [{ marked }, dp] = await Promise.all([import('marked'), import('dompurify')])
-  marked.setOptions({ breaks: true, gfm: true })
-  _marked = marked
-  _purify = dp.default
-  mdReady.value = true
+/// 切块:代码围栏(```...``` 或 3+ 反引号 + 行首可选空格 + info 字符串)整体一块
+/// (跨双换行不切),非代码段按双换行切段。
+/// 流式期末块可能不完整(未闭合围栏/半截段落),交给 parseBlockNoCache 每次重 parse。
+///
+/// CR-260615-04:旧实现用正则 /```[^\n]*\n[\s\S]*?(?:```|$)/ 切块,与 marked 围栏规则
+/// 不一致——不要求行首、固定 3 反引号,导致行中裸三反引号 / 4+ 反引号嵌套围栏切错,
+/// 前块缓存固化错误 html。改用 marked.lexer()(经 getMarked() 取 marked 实例)做围栏
+/// 感知切块:lexer 把代码围栏识别为单个 type==='code' token(.raw 含整段围栏),
+/// 段落/标题等其余 token 的 .raw 按 \n\n 切段。lexer 与 parse 用同一份 marked 实例 +
+/// 同一份围栏规则,切块边界与渲染边界一致。
+function splitBlocks(text: string): string[] {
+  const marked = getMarked()
+  const blocks: string[] = []
+  // marked 未就绪时 splitBlocks 不应被调用(renderStreamingMd 已 mdReady 守卫),
+  // 此处兜底返回原文,不引入正则。
+  if (!marked) return [text]
+  const tokens = marked.lexer(text)
+  for (const tok of tokens) {
+    if (!tok || typeof (tok as { raw?: string }).raw !== 'string') continue
+    const raw = (tok as { raw: string }).raw
+    if ((tok as { type: string }).type === 'code') {
+      // 代码围栏 token:整段一块(含行首可选空格 + 3+ 反引号 + info 字符串)
+      if (raw.trim()) blocks.push(raw)
+      continue
+    }
+    // 非代码 token(paragraph/space/heading/list/blockquote/...):
+    // 按 \n\n 切段(段落内单换行不切,inline code 自然保留在段内)
+    for (const b of raw.split(/\n{2,}/)) if (b.trim()) blocks.push(b)
+  }
+  return blocks.length ? blocks : [text]
 }
 
-function escapeHtml(text: string): string {
-  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+/// 末块不缓存(可能不完整,下次 delta 变),每次重 parse 处理未闭合 token
+function parseBlockNoCache(block: string): string {
+  // _marked/_purify 在 loadMarkdown 后才就绪;此处仅在 mdReady 后被流式分支调用
+  const marked = getMarked()
+  const purify = getPurify()
+  return purify!.sanitize(marked!.parse(block) as string)
 }
 
-function renderMd(text: string): string {
+/// 块级 memo parse:已完成块缓存命中,O(末块)
+function parseBlock(block: string): string {
+  const cached = _blockCache.get(block)
+  if (cached !== undefined) return cached
+  const html = parseBlockNoCache(block)
+  if (_blockCache.size >= BLOCK_CACHE_LIMIT) _blockCache.delete(_blockCache.keys().next().value!)
+  _blockCache.set(block, html)
+  return html
+}
+
+/// 流式渲染:切块 + 块级 memo(前块缓存/末块重 parse)
+function renderStreamingMd(text: string): string {
   if (!text) return ''
-  // 依赖 mdReady 使加载完成后自动重渲染；未就绪时先以纯文本兜底
-  if (!mdReady.value || !_marked || !_purify) return escapeHtml(text)
-  return _purify.sanitize(_marked.parse(text) as string)
+  if (!mdReady.value || !getMarked() || !getPurify()) {
+    return escapeFallback(text)
+  }
+  const blocks = splitBlocks(text)
+  const n = blocks.length
+  return blocks.map((b, i) => (i === n - 1 ? parseBlockNoCache(b) : parseBlock(b))).join('')
+}
+
+/// rAF 节流:同帧多 delta 仅排队一次,帧内取最新 lastStreamText parse
+function scheduleStreamParse(text: string) {
+  lastStreamText = text
+  if (rafId !== null) return
+  rafId = requestAnimationFrame(() => {
+    rafId = null
+    streamingHtml.value = renderStreamingMd(lastStreamText)
+  })
+}
+
+/// template 绑定入口:最后AI消息流式时用 streamingHtml(rAF节流块级memo),否则 renderMd(完成/历史)
+function renderContent(msg: AiMessage): string {
+  if (isLastAi(msg) && store.state.streaming && store.state.currentText) {
+    return streamingHtml.value
+  }
+  return renderMd(msg.content)
 }
 
 const store = useAiStore()
 const { t } = useI18n()
+
+// ── 错误 toast(零依赖,复用 Settings.vue 同款 reactive toast) ──
+// AiChat 可能以分离窗口运行(App.vue 根 toast 不在 DOM 中),故本组件自管一个 toast;
+// i18n 不在本任务白名单,文案硬编码,后续补 aiChat.toastSendFail key
+const toast = reactive({ visible: false, msg: '', type: 'error' as 'error' | 'warning' | 'info' })
+let _toastTimer: ReturnType<typeof setTimeout> | null = null
+function showToast(msg: string, type: 'error' | 'warning' | 'info' = 'info') {
+  toast.msg = msg
+  toast.type = type
+  toast.visible = true
+  if (_toastTimer) clearTimeout(_toastTimer)
+  _toastTimer = setTimeout(() => { toast.visible = false }, 3000)
+}
+
 const inputText = ref('')
 const inputEl = ref<HTMLTextAreaElement>()
 const messagesContainer = ref<HTMLDivElement>()
+// 工具卡片列表(子组件 ToolCardList 自治折叠态,父级仅经 expose 调 collapseInactive 收起旧卡)
+const toolCardListRef = ref<InstanceType<typeof ToolCardList>>()
+
+// ── 确认弹层（删对话等不可逆操作，复用 ConfirmDialog 组件） ──
+// 状态机抽至 composables/useConfirm(原 Projects/ProjectDetail/Ideas/Settings/AiChat 各重复一份)
+// 模板 confirmState.visible/msg 在 <script setup> 中自动解包 ref,绑定 ConfirmDialog 不变
+const { confirmState, confirmDialog, answerConfirm } = useConfirm()
+async function confirmDeleteConversation(id: string) {
+  const conv = store.state.conversations.find(c => c.id === id)
+  const title = conv?.title || t('aiChat.newConversation')
+  if (!await confirmDialog(t('aiChat.confirmDeleteConversation', { title }))) return
+  store.deleteConversation(id)
+}
+
+/** 清空当前对话(真删 DB messages,带二次确认防误删) */
+async function confirmClearChat() {
+  if (!await confirmDialog(t('aiChat.confirmClearChat'))) return
+  await store.clearChat()
+}
+
+// ── 技能 `/` 联想 ──
+const skillOpen = ref(false)
+const skillIndex = ref(0)
+const pendingSkill = ref<SkillInfo | null>(null)
+const skillQuery = computed(() => (inputText.value.startsWith('/') ? inputText.value.slice(1) : ''))
+const filteredSkills = computed(() => {
+  const q = skillQuery.value.trim().toLowerCase()
+  const list = store.state.skills
+  if (!q) return list
+  return list.filter(
+    (s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q),
+  )
+})
+
+watch(inputText, (v) => {
+  if (pendingSkill.value) return
+  skillOpen.value = v.startsWith('/')
+  if (skillOpen.value) skillIndex.value = 0
+})
+
+function selectSkill(s: SkillInfo) {
+  pendingSkill.value = s
+  inputText.value = ''
+  skillOpen.value = false
+  nextTick(() => inputEl.value?.focus())
+}
+
+function clearSkill() {
+  pendingSkill.value = null
+  nextTick(() => inputEl.value?.focus())
+}
 
 // 对话项 inline 重命名
 const editingConvId = ref<string | null>(null)
@@ -361,7 +532,7 @@ function cancelRename() {
 
 const activeProviderName = computed(() => {
   const active = store.state.providers.find(p => p.id === store.state.activeProvider)
-  return active?.name || store.state.providers[0]?.name || '未配置'
+  return active?.name || store.state.providers[0]?.name || t('aiChat.notConfigured')
 })
 
 // 当前视图是否正在生成(切走后台生成时光标不显示)
@@ -383,102 +554,9 @@ function isLastAi(msg: AiMessage): boolean {
   return msg.role === 'assistant' && msgs[msgs.length - 1]?.id === msg.id
 }
 
-function formatToolName(name: string): string {
-  return name.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase())
-}
-
-function formatJson(data: unknown, tryParse = false): string {
-  try {
-    const val = tryParse && typeof data === 'string' ? JSON.parse(data) : data
-    return JSON.stringify(val, null, 2)
-  } catch {
-    return String(data)
-  }
-}
-
-// ── 工具展示辅助 ──
-const expandedTools = ref(new Set<string>())
-
-function toggleExpand(id: string) {
-  if (expandedTools.value.has(id)) expandedTools.value.delete(id)
-  else expandedTools.value.add(id)
-}
-
-/** 安全解析工具结果 JSON */
-function parseResult(result: unknown): any {
-  if (!result) return null
-  try {
-    return typeof result === 'string' ? JSON.parse(result) : result
-  } catch {
-    return null
-  }
-}
-
-/** 工具图标 */
-const dirIcon = '<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/></svg>'
-const fileIcon = '<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>'
-
-function toolCategory(name: string): string {
-  if (name === 'read_file') return 'file-read'
-  if (name === 'write_file') return 'file-write'
-  if (name === 'list_directory') return 'dir'
-  if (name.includes('create')) return 'create'
-  if (name.includes('delete')) return 'delete'
-  if (name.includes('list')) return 'list'
-  return 'default'
-}
-
-function toolIcon(name: string): string {
-  if (name === 'read_file') return '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>'
-  if (name === 'write_file') return '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>'
-  if (name === 'list_directory') return dirIcon
-  if (name.includes('create')) return '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>'
-  if (name.includes('delete')) return '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>'
-  return '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>'
-}
-
-/** 工具显示名称（含路径摘要） */
-function toolDisplayName(tc: AiToolCallInfo): string {
-  const p = (tc.args as any)?.path as string | undefined
-  switch (tc.name) {
-    case 'read_file': return p ? `读取 ${shortPath(p)}` : t('ai.toolName.readFile')
-    case 'list_directory': return p ? `目录 ${shortPath(p)}` : t('ai.toolName.listDirectory')
-    case 'write_file': return p ? `写入 ${shortPath(p)}` : t('ai.toolName.writeFile')
-    default: return formatToolName(tc.name)
-  }
-}
-
-function shortPath(p: string): string {
-  const parts = p.replace(/\\/g, '/').split('/')
-  return parts.length <= 2 ? p : '.../' + parts.slice(-2).join('/')
-}
-
-/** 格式化字节数 */
-function formatBytes(bytes: number | undefined): string {
-  if (!bytes) return '0 B'
-  if (bytes < 1024) return bytes + ' B'
-  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'
-  return (bytes / 1048576).toFixed(1) + ' MB'
-}
-
-/** 通用工具结果格式化（非文件类工具） */
-function formatToolResult(tc: AiToolCallInfo): string {
-  const r = parseResult(tc.result)
-  if (!r) {
-    // 非 JSON(纯文本:审批占位/错误/拒绝)→ 原样显示,审批占位时补拟执行参数避免空白
-    const raw = typeof tc.result === 'string' ? tc.result : ''
-    if (raw && tc.args && typeof tc.args === 'object') {
-      const a = tc.args as any
-      const detail = a.title || a.name || a.path || ''
-      if (detail) return `${raw}（${detail}）`
-    }
-    return raw
-  }
-  // 写入文件：简洁结果
-  if (tc.name === 'write_file') {
-    return `${r.path} (${formatBytes(r.bytes_written)})`
-  }
-  return formatJson(r)
+/** token 数格式化:<1000 原值,≥1000 用 k(如 1234→1.2k) */
+function formatTokens(n: number): string {
+  return n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n)
 }
 
 /** 格式化时间戳（毫秒字符串 → 相对时间） */
@@ -486,7 +564,91 @@ function formatTime(ts: string): string {
   return formatRelativeZh(ts)
 }
 
+// ── 对话分组:今天 / 昨天 / 更早 (走 i18n,跟随语言切换) ──
+const BUCKET_LABELS = computed<Record<string, string>>(() => ({
+  today: t('aiChat.today'),
+  yesterday: t('aiChat.yesterday'),
+  earlier: t('aiChat.earlier'),
+}))
+
+/** 按日历日分桶(非 24h 滚动):today / yesterday / earlier */
+function timeBucket(ts: string): 'today' | 'yesterday' | 'earlier' {
+  const t = parseInt(ts, 10)
+  if (!Number.isFinite(t)) return 'earlier'
+  const d = new Date(t)
+  const now = new Date()
+  const sameDay = d.getFullYear() === now.getFullYear()
+    && d.getMonth() === now.getMonth()
+    && d.getDate() === now.getDate()
+  if (sameDay) return 'today'
+  const yest = new Date(now)
+  yest.setDate(now.getDate() - 1)
+  if (d.getFullYear() === yest.getFullYear()
+    && d.getMonth() === yest.getMonth()
+    && d.getDate() === yest.getDate()) return 'yesterday'
+  return 'earlier'
+}
+
+/** 活跃(非归档)对话按时间桶分组,保持后端 created_at DESC 顺序 */
+const groupedActive = computed(() => {
+  const map = new Map<string, AiConversationSummary[]>()
+  for (const c of store.state.conversations) {
+    if (c.archived) continue
+    const b = timeBucket(c.updated_at)
+    if (!map.has(b)) map.set(b, [])
+    map.get(b)!.push(c)
+  }
+  // 组内按 updated_at DESC,与分桶语义一致(最近更新的在前)
+  for (const items of map.values()) {
+    items.sort((a, b) => Number(b.updated_at) - Number(a.updated_at))
+  }
+  const groups: { key: string; label: string; items: AiConversationSummary[] }[] = []
+  for (const key of ['today', 'yesterday', 'earlier']) {
+    const items = map.get(key)
+    if (items && items.length) groups.push({ key, label: BUCKET_LABELS.value[key], items })
+  }
+  return groups
+})
+
+/** 已归档对话(侧栏底部折叠展示) */
+const archivedConvs = computed(() => store.state.conversations.filter(c => c.archived))
+
 function handleKeydown(e: KeyboardEvent) {
+  // Escape 关闭技能联想浮层（无论是否有匹配项）
+  if (skillOpen.value && e.key === 'Escape') {
+    e.preventDefault()
+    skillOpen.value = false
+    return
+  }
+  // 已选技能 chip 态下 Escape 取消选中(浮层已关闭,这里兜底 chip 可取消路径)
+  if (pendingSkill.value && e.key === 'Escape') {
+    e.preventDefault()
+    pendingSkill.value = null
+    return
+  }
+  // 技能联想浮层导航（仅有匹配项时拦截方向/回车）
+  if (skillOpen.value && filteredSkills.value.length) {
+    if (e.key === 'ArrowDown') {
+      e.preventDefault()
+      skillIndex.value = (skillIndex.value + 1) % filteredSkills.value.length
+      return
+    }
+    if (e.key === 'ArrowUp') {
+      e.preventDefault()
+      skillIndex.value = (skillIndex.value - 1 + filteredSkills.value.length) % filteredSkills.value.length
+      return
+    }
+    if ((e.key === 'Enter' || e.key === 'Tab') && !e.shiftKey) {
+      e.preventDefault()
+      selectSkill(filteredSkills.value[skillIndex.value])
+      return
+    }
+    if (e.key === 'Escape') {
+      e.preventDefault()
+      skillOpen.value = false
+      return
+    }
+  }
   if (e.key === 'Enter' && !e.shiftKey) {
     e.preventDefault()
     handleSend()
@@ -503,14 +665,26 @@ function autoResize() {
 
 async function handleSend() {
   const text = inputText.value.trim()
-  if (!text || store.state.streaming) return
+  const skill = pendingSkill.value
+  // 无文本且未选技能时忽略；选了技能允许空文本（纯技能调用）
+  if (!text && !skill) return
+  // 生成中不再拦截：sendMessage 会把消息排入待发送队列，完成后自动续发
+  // 先清输入（无论立即发还是入队）；队列满/IPC 失败时 catch 回填
+  inputText.value = ''
+  pendingSkill.value = null
+  skillOpen.value = false
+  if (inputEl.value) inputEl.value.style.height = 'auto'
+  // 同步清空输入框后立即发送：sendMessage 内部同步 push 用户消息，
+  // 清空与 push 合并到同一渲染周期 flush，消除"输入框已空但消息未显示"的间隙
   try {
-    inputText.value = ''
-    if (inputEl.value) inputEl.value.style.height = 'auto'
-    await store.sendMessage(text)
+    await store.sendMessage(text, skill?.name)
   } catch (e) {
     console.error('[AI] 发送失败:', e)
     inputText.value = text
+    pendingSkill.value = skill
+    // 用户可见提示(原仅 console.error,用户无感);Tauri IPC 错误是字符串非 Error 对象
+    const msg = e instanceof Error ? e.message : String(e)
+    showToast(t('aiChat.toastSendFail', { msg }), 'error')
   }
   await nextTick()
   scrollToBottom()
@@ -523,29 +697,118 @@ function isNearBottom(): boolean {
   return el.scrollHeight - el.scrollTop - el.clientHeight < 80
 }
 
+// 回到底部按钮：内容溢出且不在底部时显示
+const showBackToBottom = ref(false)
+function refreshBackToBottom() {
+  const el = messagesContainer.value
+  if (!el) { showBackToBottom.value = false; return }
+  const overflow = el.scrollHeight - el.clientHeight > 100
+  showBackToBottom.value = overflow && !isNearBottom()
+}
+function onMessagesScroll() {
+  refreshBackToBottom()
+}
+
 function scrollToBottom() {
   if (messagesContainer.value) {
     messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight
+    showBackToBottom.value = false
   }
 }
 
-// 消息/流式变化时:仅当用户已在底部附近才自动滚动
-watch(() => store.state.messages.length, () => { if (isNearBottom()) nextTick(scrollToBottom) })
-watch(() => store.state.currentText, () => { if (isNearBottom()) nextTick(scrollToBottom) })
+// 消息/流式变化时:在底部则自动滚;上滑看历史则只刷新回底按钮(不强制打断)
+function onContentChange() {
+  if (isNearBottom()) {
+    nextTick(scrollToBottom)
+  } else {
+    refreshBackToBottom()
+  }
+}
+watch(() => store.state.messages.length, onContentChange)
+watch(() => store.state.currentText, onContentChange)
+
+// 流式 Markdown 渲染驱动(ARC-260615-08 块级 memo):
+// - currentText 变化(每 delta):rAF 节流 scheduleStreamParse,块级 memo 只重 parse 末块
+// - streaming 翻转:结束清 rAF + 清 streamingHtml(回 renderMd 走 final marked + 缓存)
+// - mdReady 翻转(CR-260615-06):首屏 marked 慢 + 暂无新 delta 时末段停留 escapeFallback
+//   纯文本;marked 就绪后主动重算一次,使纯文本转格式化
+watch(() => store.state.currentText, (text) => {
+  if (store.state.streaming && text) scheduleStreamParse(text)
+})
+watch(mdReady, (ready) => {
+  if (ready && store.state.streaming && store.state.currentText) {
+    scheduleStreamParse(store.state.currentText)
+  }
+})
+watch(() => store.state.streaming, (s) => {
+  if (rafId !== null) { cancelAnimationFrame(rafId); rafId = null }
+  if (!s) { streamingHtml.value = ''; lastStreamText = '' }
+})
+onBeforeUnmount(() => {
+  if (rafId !== null) cancelAnimationFrame(rafId)
+  // CR-260615-24: 释放后端 listener(ai-chat-event/ai-conversation-changed)+清流式看门狗。
+  // 之前 stopListener 定义但全仓零调用 → listener+watchdog 永久泄漏;分离窗口主窗口 AiChat
+  // 卸载(走 App.vue v-if detach)时 listener 仍挂后端,watchdog 130s 后写已卸载 state。
+  store.stopListener()
+})
+
+// ── 工具卡片自动收起:新内容追加(新消息/toolCall 状态变化/文本增长)时,
+// 收起旧的已完成/已拒绝卡片,保留 running/pending/write_file 活跃卡片。
+// 折叠态由 ToolCardList 自治,父级仅经 expose 调 collapseInactive ──
+let lastMsgSnapshot = ''
+watch(
+  () => store.state.messages,
+  (msgs) => {
+    const snap = JSON.stringify(msgs.map(m => ({
+      id: m.id, role: m.role, len: m.content?.length ?? 0,
+      tc: (m.toolCalls || []).map(t => ({ id: t.id, s: t.status })),
+    })))
+    if (snap === lastMsgSnapshot) return
+    const isFirst = lastMsgSnapshot === ''
+    lastMsgSnapshot = snap
+    if (isFirst) return // 首次加载/切换对话不触发收起
+    const active = new Set<string>()
+    for (const m of msgs) {
+      for (const t of (m.toolCalls || [])) {
+        // 与 ToolCard.shouldKeepOpen 同源:running/pending_approval/rejected/write_file 保持展开
+        if (t.status === 'running' || t.status === 'pending_approval'
+          || t.status === 'rejected' || t.name === 'write_file') {
+          active.add(t.id)
+        }
+      }
+    }
+    // ref 绑定在 v-for 内 → Vue 3 收集为数组；逐实例调用 collapseInactive，
+    // 否则数组上访问 .collapseInactive 报 not a function，中断组件更新致乐观状态不渲染
+    const tcl = toolCardListRef.value as unknown
+    const refs = Array.isArray(tcl) ? tcl : (tcl ? [tcl] : [])
+    refs.forEach((r: any) => r?.collapseInactive?.(active))
+  },
+  { deep: true },
+)
 
 onMounted(async () => {
   const t0 = (window as any).__APP_T0 ?? 0
-  console.log(`[启动] AiChat mounted: ${(performance.now() - t0).toFixed(0)}ms`)
-  loadMarkdown() // 后台预热 Markdown 渲染器，不阻塞首屏
+  // 启动耗时埋点:debug 级(浏览器默认折叠不干扰,空白屏复现时可开 verbose 看)
+  console.debug(`[启动] AiChat mounted: ${(performance.now() - t0).toFixed(0)}ms`)
+  loadMarkdown() // 后台预热 Markdown 渲染器,不阻塞首屏
   await store.startListener()
   await store.loadProviders()
   await store.loadConversations()
+  store.loadSkills()
   // 分离模式:接管主窗口当前对话(含生成中态),保持正在进行的对话
   if (props.detached) {
     const params = new URLSearchParams(location.hash.split('?')[1] || '')
     await store.resumeInDetached(params.get('conv'))
   }
-  console.log(`[启动] AiChat IPC 完成: ${(performance.now() - t0).toFixed(0)}ms`)
+  console.debug(`[启动] AiChat IPC 完成: ${(performance.now() - t0).toFixed(0)}ms`)
+})
+
+// CR-260615-06: mdReady 就绪后主动触发首屏 Markdown 重渲染
+// （marked 加载慢 + 无新 delta 时末段停留纯文本，不触发模板重算）
+const _mdRenderKey = ref(0)
+function forceUpdate() { _mdRenderKey.value++ }
+watch(mdReady, (ready) => {
+  if (ready) nextTick(() => { forceUpdate() })
 })
 
 // ── 置顶功能 ──
@@ -560,6 +823,7 @@ async function toggleAlwaysOnTop() {
 
 <style scoped>
 .ai-panel {
+  position: relative; /* 容纳 .ai-toast(absolute,相对面板定位,嵌入/分离模式均生效) */
   display: flex;
   flex-direction: row;
   height: 100%;
@@ -595,6 +859,33 @@ async function toggleAlwaysOnTop() {
   overflow-y: auto;
   padding: 4px;
 }
+.ai-conv-group-title {
+  padding: 8px 8px 3px;
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--df-text-dim);
+  user-select: none;
+}
+.ai-conv-group-title--fold {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.ai-conv-group-title--fold:hover {
+  color: var(--df-text);
+}
+.ai-conv-group-arrow {
+  display: inline-block;
+  transition: transform 0.15s;
+  font-size: 9px;
+}
+.ai-conv-group-arrow.is-folded {
+  transform: rotate(0deg);
+}
+.ai-conv-group-arrow:not(.is-folded) {
+  transform: rotate(90deg);
+}
 .ai-conv-item {
   display: flex;
   align-items: center;
@@ -611,6 +902,9 @@ async function toggleAlwaysOnTop() {
 .ai-conv-item--active {
   background: var(--df-sidebar-active);
 }
+.ai-conv-item--archived .ai-conv-item-title {
+  opacity: 0.6;
+}
 .ai-conv-item-main {
   flex: 1;
   min-width: 0;
@@ -642,9 +936,18 @@ async function toggleAlwaysOnTop() {
   font-size: 9px;
   color: var(--df-text-dim);
 }
-.ai-conv-item-delete {
+.ai-conv-item-actions {
   display: none;
   align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+}
+.ai-conv-item:hover .ai-conv-item-actions {
+  display: flex;
+}
+.ai-conv-item-act {
+  display: flex;
+  align-items: center;
   justify-content: center;
   width: 18px;
   height: 18px;
@@ -655,10 +958,11 @@ async function toggleAlwaysOnTop() {
   cursor: pointer;
   flex-shrink: 0;
 }
-.ai-conv-item:hover .ai-conv-item-delete {
-  display: flex;
+.ai-conv-item-act:hover {
+  background: var(--df-sidebar-hover);
+  color: var(--df-text);
 }
-.ai-conv-item-delete:hover {
+.ai-conv-item-act:last-child:hover {
   background: var(--df-danger-bg);
   color: var(--df-danger);
 }
@@ -681,6 +985,7 @@ async function toggleAlwaysOnTop() {
 
 /* ═══ 聊天区域 ═══ */
 .ai-chat-area {
+  position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -780,6 +1085,34 @@ async function toggleAlwaysOnTop() {
   gap: 14px;
 }
 
+/* ── 回到底部按钮（浮动，绝对定位于 .ai-chat-area） ── */
+.ai-back-to-bottom {
+  position: absolute;
+  right: 18px;
+  bottom: 88px;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0.5px solid var(--df-border);
+  border-radius: 50%;
+  background: var(--df-bg-card);
+  color: var(--df-text-dim);
+  cursor: pointer;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+  z-index: 15;
+  transition: color 0.15s var(--df-ease), border-color 0.15s var(--df-ease);
+}
+.ai-back-to-bottom:hover {
+  color: var(--df-accent);
+  border-color: var(--df-accent);
+}
+.back-to-bottom-enter-active,
+.back-to-bottom-leave-active { transition: opacity 0.15s, transform 0.15s; }
+.back-to-bottom-enter-from,
+.back-to-bottom-leave-to { opacity: 0; transform: translateY(8px); }
+
 /* -- Empty State -- */
 .ai-empty {
   flex: 1;
@@ -808,7 +1141,7 @@ async function toggleAlwaysOnTop() {
   display: flex;
   gap: 8px;
   align-items: flex-start;
-  justify-content: flex-end;
+  flex-direction: row-reverse; /* 头像在右：DOM 仍 avatar 在先，视觉反转成【气泡】【头像】靠右 */
 }
 .ai-msg-ai {
   display: flex;
@@ -846,7 +1179,7 @@ async function toggleAlwaysOnTop() {
 .ai-msg-bubble {
   font-size: 13px;
   line-height: 1.6;
-  max-width: 90%;
+  max-width: var(--df-msg-max-width);
   padding: 8px 12px;
   border-radius: var(--df-radius-lg);
   overflow-wrap: anywhere;
@@ -883,322 +1216,21 @@ async function toggleAlwaysOnTop() {
   50% { opacity: 0; }
 }
 
-/* ═══ Markdown 渲染 → src/styles/ai-md.css（全局） ═══ */
-
-/* ═══ Tool Cards ═══ */
-.ai-tool-calls {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.ai-tool-card {
-  background: var(--df-bg-card);
-  border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius);
-  padding: 0;
-  overflow: hidden;
-  animation: fadeInUp 0.2s var(--df-ease);
-  transition: border-color 0.2s var(--df-ease);
-}
-.ai-tool-card--pending_approval {
-  border-color: rgba(240,199,94,0.3);
-  box-shadow: 0 0 0 1px rgba(240,199,94,0.06);
-}
-.ai-tool-card--completed {
-  border-color: rgba(61,219,160,0.2);
-}
-.ai-tool-card--rejected {
-  border-color: rgba(240,101,101,0.2);
-  opacity: 0.55;
-}
-
-/* -- Header -- */
-.ai-tool-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-}
-.ai-tool-icon-wrap {
-  width: 24px;
-  height: 24px;
-  border-radius: var(--df-radius-sm);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.ai-tool-icon-wrap--file-read  { background: rgba(94,175,240,0.12); color: var(--df-info); }
-.ai-tool-icon-wrap--file-write { background: var(--df-warning-bg); color: var(--df-warning); }
-.ai-tool-icon-wrap--dir        { background: rgba(240,199,94,0.12); color: var(--df-warning); }
-.ai-tool-icon-wrap--create     { background: var(--df-success-bg); color: var(--df-success); }
-.ai-tool-icon-wrap--delete     { background: var(--df-danger-bg); color: var(--df-danger); }
-.ai-tool-icon-wrap--list       { background: var(--df-accent-bg); color: var(--df-accent); }
-.ai-tool-icon-wrap--default    { background: var(--df-accent-bg); color: var(--df-accent); }
-
-.ai-tool-header-text {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  flex: 1;
-  min-width: 0;
-}
-.ai-tool-name {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--df-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ai-tool-sub {
-  font-size: 10px;
-  color: var(--df-text-dim);
-}
-
-/* -- Status dot (脉冲动画) -- */
-.ai-tool-status-dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.ai-tool-status-dot--running {
-  background: var(--df-info);
-  animation: pulseGlow 1.5s ease-in-out infinite;
-  box-shadow: 0 0 6px var(--df-info);
-}
-.ai-tool-status-dot--pending_approval {
-  background: var(--df-warning);
-  animation: pulseGlow 1.5s ease-in-out infinite;
-  box-shadow: 0 0 6px rgba(240,199,94,0.3);
-}
-.ai-tool-status-dot--completed { background: var(--df-success); }
-.ai-tool-status-dot--rejected { background: var(--df-danger); }
-
-/* -- Skeleton (running 状态) -- */
-.ai-tool-skeleton {
-  padding: 4px 10px 10px 42px;
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-.ai-tool-skeleton-line {
-  height: 8px;
-  border-radius: var(--df-radius-xs);
-  background: linear-gradient(90deg, var(--df-bg) 25%, var(--df-bg-card-hover) 50%, var(--df-bg) 75%);
-  background-size: 200% 100%;
-  animation: shimmer 1.5s infinite;
-}
-@keyframes shimmer {
-  0%   { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
-/* -- 审批按钮 -- */
-.ai-tool-actions {
-  display: flex;
-  gap: 6px;
-  padding: 0 10px 8px;
-}
-.ai-tool-btn {
-  padding: 5px 12px;
-  font-size: 11px;
-  font-weight: 500;
-  border-radius: var(--df-radius-sm);
-  border: 0.5px solid var(--df-border);
-  cursor: pointer;
+/* ── token 用量条(克制:右对齐 / 最小字号 / dim / 分隔线,不抢正文焦点) ── */
+.ai-token-usage {
   display: flex;
+  justify-content: flex-end;
   align-items: center;
   gap: 4px;
-  transition: all 0.15s var(--df-ease);
-  font-family: var(--df-font-sans);
-}
-.ai-tool-btn--approve {
-  background: var(--df-success-bg);
-  color: var(--df-success);
-}
-.ai-tool-btn--approve:hover {
-  background: var(--df-success);
-  color: #fff;
-  border-color: var(--df-success);
-}
-.ai-tool-btn--reject {
-  background: var(--df-danger-bg);
-  color: var(--df-danger);
-}
-.ai-tool-btn--reject:hover {
-  background: var(--df-danger);
-  color: #fff;
-  border-color: var(--df-danger);
-}
-
-/* -- File Content (read_file) -- */
-.ai-tool-file-content {
+  margin-top: 6px;
+  padding-top: 6px;
   border-top: 0.5px solid var(--df-border);
-}
-.ai-tool-file-bar {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 10px;
-  background: color-mix(in srgb, var(--df-bg) 80%, transparent);
-  border-bottom: 0.5px solid var(--df-border);
-}
-.ai-tool-file-icon {
-  display: flex;
-  align-items: center;
-  color: var(--df-info);
-  flex-shrink: 0;
-}
-.ai-tool-file-icon--dir {
-  color: var(--df-warning);
-}
-.ai-tool-file-path {
-  font-family: var(--df-font-mono);
-  font-size: 10px;
-  color: var(--df-accent);
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ai-tool-file-meta {
   font-family: var(--df-font-mono);
   font-size: 9px;
   color: var(--df-text-dim);
-  flex-shrink: 0;
-}
-.ai-tool-expand-btn {
-  font-family: var(--df-font-sans);
-  font-size: 10px;
-  color: var(--df-text-dim);
-  background: rgba(255,255,255,0.04);
-  border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius-sm);
-  padding: 2px 8px;
-  cursor: pointer;
-  flex-shrink: 0;
-  transition: all 0.15s var(--df-ease);
-}
-.ai-tool-expand-btn:hover {
-  color: var(--df-text-secondary);
-  background: rgba(255,255,255,0.08);
-  border-color: var(--df-border-strong);
-}
-.ai-tool-file-pre {
-  margin: 0;
-  padding: 10px 12px;
-  background: color-mix(in srgb, var(--df-bg) 60%, transparent);
-  font-family: var(--df-font-mono);
-  font-size: 11px;
-  line-height: 1.6;
-  color: var(--df-text-secondary);
-  overflow-x: auto;
-  tab-size: 4;
-}
-.ai-tool-file-pre--collapsed {
-  max-height: 180px;
-  overflow-y: hidden;
-  position: relative;
-}
-.ai-tool-file-pre--collapsed::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 48px;
-  background: linear-gradient(transparent, color-mix(in srgb, var(--df-bg) 90%, transparent));
-  pointer-events: none;
-}
-
-/* -- Directory List (list_directory) -- */
-.ai-tool-dir-list {
-  border-top: 0.5px solid var(--df-border);
-}
-.ai-tool-dir-entries {
-  padding: 4px 0;
-  max-height: 220px;
-  overflow-y: auto;
-}
-.ai-tool-dir-entry {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  padding: 3px 12px;
-  font-size: 11px;
-  transition: background 0.1s;
-}
-.ai-tool-dir-entry:hover {
-  background: rgba(255,255,255,0.03);
-}
-.ai-tool-dir-entry--directory .ai-tool-dir-name {
-  font-weight: 500;
-  color: var(--df-text);
-}
-.ai-tool-dir-icon {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.ai-tool-dir-icon--folder { color: var(--df-warning); }
-.ai-tool-dir-icon--file   { color: var(--df-text-dim); }
-.ai-tool-dir-name {
-  font-family: var(--df-font-mono);
-  color: var(--df-text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-}
-.ai-tool-dir-size {
-  font-family: var(--df-font-mono);
-  font-size: 9px;
-  color: var(--df-text-dim);
-  flex-shrink: 0;
   opacity: 0.7;
 }
-
-/* -- Write File Result -- */
-.ai-tool-write-result {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-top: 0.5px solid var(--df-border);
-  background: rgba(61,219,160,0.04);
-}
-.ai-tool-write-path {
-  font-family: var(--df-font-mono);
-  font-size: 11px;
-  color: var(--df-accent);
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ai-tool-write-meta {
-  font-size: 10px;
-  color: var(--df-success);
-  flex-shrink: 0;
-}
-
-/* -- Generic Result -- */
-.ai-tool-result {
-  margin: 0;
-  padding: 8px 10px;
-  background: rgba(61,219,160,0.04);
-  border-top: 0.5px solid var(--df-border);
-  border-radius: 0;
-  font-family: var(--df-font-mono);
-  font-size: 11px;
-  color: var(--df-success);
-  max-height: 100px;
-  overflow-y: auto;
-  white-space: pre-wrap;
-  word-break: break-all;
-}
+.ai-token-usage-icon { font-size: 9px; }
 
 /* ═══ Input ═══ */
 .ai-input-area {
@@ -1207,6 +1239,7 @@ async function toggleAlwaysOnTop() {
   background: var(--df-bg);
 }
 .ai-input-wrap {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1219,6 +1252,92 @@ async function toggleAlwaysOnTop() {
 .ai-input-wrap:focus-within {
   border-color: color-mix(in srgb, var(--df-accent) 40%, transparent);
 }
+
+/* ── 待发送队列 ── */
+.ai-queue {
+  margin-bottom: 6px;
+  padding: 6px 8px;
+  background: color-mix(in srgb, var(--df-accent) 8%, transparent);
+  border: 0.5px solid color-mix(in srgb, var(--df-accent) 30%, transparent);
+  border-radius: var(--df-radius);
+}
+.ai-queue-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 4px;
+}
+.ai-queue-title { font-size: 11px; color: var(--df-text-dim); font-weight: 600; }
+.ai-queue-clear { background: none; border: none; color: var(--df-text-dim); cursor: pointer; font-size: 11px; padding: 0; }
+.ai-queue-clear:hover { color: var(--df-text); }
+.ai-queue-list { display: flex; flex-direction: column; gap: 3px; }
+.ai-queue-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 6px;
+  background: var(--df-bg-card);
+  border-radius: calc(var(--df-radius) - 2px);
+  font-size: 12px;
+}
+.ai-queue-skill { color: var(--df-accent); font-weight: 600; flex-shrink: 0; }
+.ai-queue-text {
+  color: var(--df-text);
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ai-queue-x { background: none; border: none; color: var(--df-text-dim); cursor: pointer; font-size: 14px; line-height: 1; padding: 0 2px; flex-shrink: 0; }
+.ai-queue-x:hover { color: var(--df-danger); }
+
+/* ── 技能 chip / 联想浮层 ── */
+.ai-skill-chip {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 6px;
+  padding: 3px 8px;
+  background: color-mix(in srgb, var(--df-accent) 16%, transparent);
+  border: 0.5px solid color-mix(in srgb, var(--df-accent) 40%, transparent);
+  border-radius: var(--df-radius);
+  font-size: 12px;
+}
+.ai-skill-chip-name { color: var(--df-accent); font-weight: 600; }
+.ai-skill-chip-desc { color: var(--df-text-dim); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ai-skill-chip-x { background: none; border: none; color: var(--df-text-dim); cursor: pointer; font-size: 14px; line-height: 1; padding: 0 2px; }
+.ai-skill-chip-x:hover { color: var(--df-text); }
+
+.ai-skill-popover {
+  position: absolute;
+  bottom: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  max-height: 240px;
+  overflow-y: auto;
+  background: var(--df-bg-card);
+  border: 0.5px solid var(--df-border);
+  border-radius: var(--df-radius);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  z-index: 20;
+}
+.ai-skill-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  cursor: pointer;
+  font-size: 12px;
+}
+.ai-skill-item--active,
+.ai-skill-item:hover {
+  background: color-mix(in srgb, var(--df-accent) 14%, transparent);
+}
+.ai-skill-item-name { color: var(--df-accent); font-weight: 600; min-width: 90px; }
+.ai-skill-item-desc { color: var(--df-text-dim); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ai-skill-item-src { color: var(--df-text-dim); opacity: 0.6; font-size: 10px; text-transform: uppercase; }
+.ai-skill-empty { padding: 8px 12px; color: var(--df-text-dim); opacity: 0.7; font-size: 12px; }
+
 .ai-input {
   flex: 1;
   background: transparent;
@@ -1275,4 +1394,24 @@ async function toggleAlwaysOnTop() {
   opacity: 0.6;
 }
 
+/* ═══ 错误 toast(复用 Settings.vue .toast 样式,前缀 ai- 防 scoped 冲突) ═══ */
+.ai-toast {
+  position: absolute;
+  top: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 8px 14px;
+  border-radius: var(--df-radius);
+  font-size: 12px;
+  z-index: 100;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
+  max-width: 80%;
+  overflow-wrap: anywhere;
+}
+.ai-toast-error { background: var(--df-danger-bg); color: var(--df-danger); border: 0.5px solid var(--df-danger); }
+.ai-toast-warning { background: var(--df-warning-bg); color: var(--df-warning); border: 0.5px solid var(--df-warning); }
+.ai-toast-info { background: var(--df-accent-bg); color: var(--df-accent); border: 0.5px solid var(--df-accent); }
+.ai-toast-enter-active, .ai-toast-leave-active { transition: opacity 0.2s, transform 0.2s; }
+.ai-toast-enter-from, .ai-toast-leave-to { opacity: 0; transform: translate(-50%, -8px); }
+
 </style>
diff --git a/src/views/Ideas.vue b/src/views/Ideas.vue
index 27e12f3..0990692 100644
--- a/src/views/Ideas.vue
+++ b/src/views/Ideas.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="ideas">
     <header class="page-header">
-      <h1>💡 灵感</h1>
+      <h1>{{ $t('ideas.title') }}</h1>
       <div class="header-actions">
-        <button class="btn btn-ghost" @click="refresh">🔄 刷新</button>
-        <button class="btn btn-primary" @click="openCaptureModal">✨ 捕捉灵感</button>
+        <button class="btn btn-ghost" @click="refresh">{{ $t('ideas.refresh') }}</button>
+        <button class="btn btn-primary" @click="openCaptureModal">{{ $t('ideas.capture') }}</button>
       </div>
     </header>
 
@@ -14,8 +14,7 @@
         <input
           v-model="searchQuery"
           type="text"
-          placeholder="搜索灵感..."
-          @input="filterIdeas"
+          :placeholder="$t('ideas.searchPlaceholder')"
         />
       </div>
       <button
@@ -25,13 +24,13 @@
         :class="{ active: activeFilter === f.key }"
         @click="activeFilter = f.key"
       >
-        {{ f.icon }} {{ f.label }}
+        {{ f.icon }} {{ $t(f.labelKey) }}
       </button>
     </div>
 
     <!-- 两栏布局 -->
     <div class="ideas-layout">
-      <!-- 左侧：想法列表 -->
+      <!-- 左侧：灵感列表 -->
       <section class="idea-list-panel">
         <div class="idea-list">
           <div
@@ -47,31 +46,39 @@
             </div>
             <p class="idea-desc-preview">{{ idea.description?.slice(0, 60) ?? '' }}{{ idea.description && idea.description.length > 60 ? '...' : '' }}</p>
             <div class="idea-card-footer">
-              <span class="status-tag" :class="'status-' + idea.status">{{ statusLabel(idea.status) }}</span>
+              <span class="status-tag" :class="'status-' + idea.status">{{ $t(statusLabelKey(idea.status)) }}</span>
               <span class="idea-date">{{ formatDate(idea.created_at) }}</span>
             </div>
           </div>
         </div>
       </section>
 
-      <!-- 右侧：想法详情 -->
+      <!-- 右侧：灵感详情 -->
       <section class="idea-detail-panel" v-if="currentIdea">
         <div class="detail-header">
           <h2 class="detail-title">{{ currentIdea.title }}</h2>
-          <span class="status-tag" :class="'status-' + currentIdea.status">{{ statusLabel(currentIdea.status) }}</span>
+          <span class="status-tag" :class="'status-' + currentIdea.status">{{ $t(statusLabelKey(currentIdea.status)) }}</span>
         </div>
-        <p class="detail-desc">{{ currentIdea.description }}</p>
+        <!-- B-260615-25:灵感描述 Markdown 渲染,复用 useMarkdown composable(同 B-24 TaskDetail),空值回退 — -->
+        <p
+          v-if="currentIdea.description"
+          class="detail-desc ai-md"
+          v-html="renderedDesc"
+        ></p>
+        <p v-else class="detail-desc">—</p>
 
         <!-- 对抗式评估 -->
         <div class="detail-section">
-          <h3>⚖️ 对抗式评估</h3>
+          <h3>{{ $t('ideas.adversarialTitle') }} <span class="eval-mode-tag">{{ $t('ideas.evalModeHeuristic') }}</span></h3>
           <div v-if="adversarialEval" class="adversarial-eval">
             <!-- 正反方观点 -->
             <div class="debate-container">
               <div class="debate-column positive">
-                <h4>📈 正方观点</h4>
-                <div class="confidence-bar" :style="{ width: (adversarialEval.positive_strength * 100) + '%' }"></div>
-                <div class="confidence-text">{{ (adversarialEval.positive_strength * 100).toFixed(0) }}% 置信度</div>
+                <h4>{{ $t('ideas.positive') }}</h4>
+                <div class="confidence-bar">
+                  <div class="confidence-fill" :style="{ width: (adversarialEval.positive_strength * 100) + '%' }"></div>
+                </div>
+                <div class="confidence-text">{{ $t('ideas.confidence', { n: (adversarialEval.positive_strength * 100).toFixed(0) }) }}</div>
                 <p class="thesis">{{ adversarialEval.positive.thesis }}</p>
                 <ul>
                   <li v-for="evidence in adversarialEval.positive.evidence" :key="evidence">• {{ evidence }}</li>
@@ -79,9 +86,11 @@
               </div>
 
               <div class="debate-column negative">
-                <h4>📉 反方观点</h4>
-                <div class="confidence-bar" :style="{ width: (adversarialEval.negative_strength * 100) + '%' }"></div>
-                <div class="confidence-text">{{ (adversarialEval.negative_strength * 100).toFixed(0) }}% 置信度</div>
+                <h4>{{ $t('ideas.negative') }}</h4>
+                <div class="confidence-bar">
+                  <div class="confidence-fill" :style="{ width: (adversarialEval.negative_strength * 100) + '%' }"></div>
+                </div>
+                <div class="confidence-text">{{ $t('ideas.confidence', { n: (adversarialEval.negative_strength * 100).toFixed(0) }) }}</div>
                 <p class="thesis">{{ adversarialEval.negative.thesis }}</p>
                 <ul>
                   <li v-for="evidence in adversarialEval.negative.evidence" :key="evidence">• {{ evidence }}</li>
@@ -91,34 +100,36 @@
 
             <!-- AI 分析师结论 -->
             <div class="analyst-conclusion">
-              <h4>🧠 AI 分析师结论</h4>
+              <h4>{{ $t('ideas.analystTitle') }}</h4>
               <div class="assessment-badge" :class="assessmentClass(adversarialEval.recommendation)">
                 {{ assessmentLabel(adversarialEval.recommendation) }}
               </div>
-              <p class="final-score">综合评分: {{ adversarialEval.final_score.toFixed(1) }}/10</p>
+              <p class="final-score">{{ $t('ideas.finalScore', { score: adversarialEval.final_score.toFixed(1) }) }}</p>
               <div class="net-sentiment" :class="sentimentClass(adversarialEval.net_sentiment)">
-                整体倾向: {{ adversarialEval.net_sentiment > 0 ? '积极' : '谨慎' }}
-                ({{ (adversarialEval.net_sentiment * 100).toFixed(0) }})
+                {{ $t('ideas.netSentiment', { tone: adversarialEval.net_sentiment > 0 ? $t('ideas.sentimentPositive') : (adversarialEval.net_sentiment < 0 ? $t('ideas.sentimentNegative') : $t('ideas.sentimentNeutral')), n: (adversarialEval.net_sentiment * 100).toFixed(0) }) }}
               </div>
               <p class="summary">{{ adversarialEval.analyst.summary }}</p>
             </div>
 
             <!-- 行动建议 -->
             <div class="action-recommendations">
-              <h4>💡 行动建议</h4>
+              <h4>{{ $t('ideas.actionTitle') }}</h4>
               <ul>
                 <li v-for="action in adversarialEval.action_items" :key="action">• {{ action }}</li>
               </ul>
             </div>
           </div>
           <div v-else class="eval-report" style="opacity:0.5">
-            <button class="btn-evaluate" @click="evaluateCurrentIdea">🔍 开始对抗评估</button>
+            <button class="btn-evaluate" :disabled="evaluating" @click="evaluateCurrentIdea">
+              {{ evaluating ? $t('ideas.evaluating') : $t('ideas.startEval') }}
+            </button>
+            <div v-if="evalError" class="eval-error">⚠️ {{ evalError }}</div>
           </div>
         </div>
 
         <!-- 传统评分雷达图 -->
         <div class="detail-section">
-          <h3>📊 多维评分</h3>
+          <h3>{{ $t('ideas.multiScoreTitle') }}</h3>
           <div class="radar-chart" v-if="parseScores(currentIdea).length > 0">
             <div class="radar-row" v-for="dim in parseScores(currentIdea)" :key="dim.name">
               <span class="radar-label">{{ dim.name }}</span>
@@ -128,28 +139,24 @@
               <span class="radar-value">{{ dim.score }}</span>
             </div>
           </div>
-          <div v-else class="eval-report" style="opacity:0.5">暂无评估</div>
+          <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.noEval') }}</div>
         </div>
 
         <!-- 标签 -->
         <div class="detail-section">
-          <h3>🏷️ 标签</h3>
+          <h3>{{ $t('ideas.tagsTitle') }}</h3>
           <div class="tag-list" v-if="parseTags(currentIdea).length > 0">
             <span class="tag" v-for="tag in parseTags(currentIdea)" :key="tag">{{ tag }}</span>
           </div>
-          <div v-else class="eval-report" style="opacity:0.5">暂无标签</div>
+          <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.noTags') }}</div>
         </div>
 
         <!-- 状态管理 -->
         <div class="detail-section">
-          <h3>📋 状态管理</h3>
+          <h3>{{ $t('ideas.statusTitle') }}</h3>
           <div class="status-controls">
-            <select v-model="currentStatus" @change="updateIdeaStatus" class="status-select">
-              <option value="draft">📝 草稿</option>
-              <option value="pending_review">⏳ 待评估</option>
-              <option value="approved">✅ 已批准</option>
-              <option value="promoted">🚀 已立项</option>
-              <option value="rejected">❌ 已拒绝</option>
+            <select :value="currentStatus" @change="onStatusChange" class="status-select">
+              <option v-for="s in statusOptions" :key="s.value" :value="s.value">{{ $t(s.labelKey) }}</option>
             </select>
           </div>
         </div>
@@ -162,9 +169,9 @@
               class="btn btn-primary"
               @click="promoteToProject"
             >
-              🚀 立项为项目
+              {{ $t('ideas.promoteToProject') }}
             </button>
-            <button class="btn btn-ghost" @click="deleteCurrentIdea">🗑️ 删除想法</button>
+            <button class="btn btn-ghost" @click="deleteCurrentIdea">{{ $t('ideas.deleteIdea') }}</button>
           </div>
         </div>
       </section>
@@ -173,57 +180,82 @@
       <section class="idea-detail-panel idea-empty" v-else>
         <div class="empty-state">
           <div class="empty-icon">💡</div>
-          <p>选择一个想法查看详情</p>
+          <p>{{ $t('ideas.emptyState') }}</p>
         </div>
       </section>
     </div>
 
-    <!-- 捕捉想法模态框 -->
+    <!-- 捕捉灵感模态框 -->
     <div class="modal-overlay" v-if="showCaptureModal" @click.self="showCaptureModal = false">
       <div class="modal-box">
-        <h3>✨ 捕捉新想法</h3>
-        <label style="font-size:12px;color:var(--df-text-secondary);margin-bottom:4px;display:block">标题</label>
-        <input v-model="newIdeaTitle" placeholder="一句话描述你的想法..." @keyup.enter="confirmCapture" />
-        <label style="font-size:12px;color:var(--df-text-secondary);margin-bottom:4px;display:block">描述</label>
-        <textarea v-model="newIdeaDesc" placeholder="详细说明（可选）..." rows="3" style="resize:vertical"></textarea>
+        <h3>{{ $t('ideas.captureTitle') }}</h3>
+        <label style="font-size:12px;color:var(--df-text-secondary);margin-bottom:4px;display:block">{{ $t('ideas.fieldTitle') }}</label>
+        <input v-model="newIdeaTitle" :placeholder="$t('ideas.titlePlaceholder')" @keyup.enter="confirmCapture" />
+        <label style="font-size:12px;color:var(--df-text-secondary);margin-bottom:4px;display:block">{{ $t('ideas.fieldDesc') }}</label>
+        <textarea v-model="newIdeaDesc" :placeholder="$t('ideas.descPlaceholder')" rows="3" style="resize:vertical"></textarea>
         <div class="modal-actions">
-          <button class="btn-cancel" @click="showCaptureModal = false">取消</button>
-          <button class="btn-confirm" @click="confirmCapture">确认</button>
+          <button class="btn-cancel" @click="showCaptureModal = false">{{ $t('common.cancel') }}</button>
+          <button class="btn-confirm" @click="confirmCapture">{{ $t('common.confirm') }}</button>
         </div>
       </div>
     </div>
+
+    <!-- 确认弹层（删除灵感，替代原生 window.confirm） -->
+    <ConfirmDialog :visible="confirmState.visible" :msg="confirmState.msg" @result="answerConfirm" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
+import { ref, computed, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import { Message } from '@arco-design/web-vue'
 import { useProjectStore } from '../stores/project'
 import { formatDate } from '../utils/time'
+import ConfirmDialog from '../components/ConfirmDialog.vue'
+import { useConfirm } from '../composables/useConfirm'
+import { useRendered } from '../composables/useMarkdown'
 import type { IdeaRecord } from '../api/types'
 
+const { t } = useI18n()
 const router = useRouter()
-const route = useRoute()
 const store = useProjectStore()
 
+// 确认弹层状态机抽至 composables/useConfirm(原 4 视图重复:Projects/ProjectDetail/Ideas/Settings)
+const { confirmState, confirmDialog, answerConfirm } = useConfirm()
+
 type FilterKey = 'all' | 'hot' | 'pending' | 'promoted'
 
 const activeFilter = ref<FilterKey>('all')
 const selectedId = ref<string | null>(null)
 const searchQuery = ref('')
 
-// ── 新建想法模态框 ──
+// ── 新建灵感模态框 ──
 const showCaptureModal = ref(false)
 const newIdeaTitle = ref('')
 const newIdeaDesc = ref('')
 
-const filters: { key: FilterKey; label: string; icon: string }[] = [
-  { key: 'all', label: '全部', icon: '📋' },
-  { key: 'hot', label: '热门', icon: '🔥' },
-  { key: 'pending', label: '待评估', icon: '⏳' },
-  { key: 'promoted', label: '已立项', icon: '🚀' },
+const filters: { key: FilterKey; labelKey: string; icon: string }[] = [
+  { key: 'all', labelKey: 'ideas.filter.all', icon: '📋' },
+  { key: 'hot', labelKey: 'ideas.filter.hot', icon: '🔥' },
+  { key: 'pending', labelKey: 'ideas.filter.pending', icon: '⏳' },
+  { key: 'promoted', labelKey: 'ideas.filter.promoted', icon: '🚀' },
 ]
 
+// ── 状态映射(单一数据源,列表/详情/下拉共用) ──
+const statusOptions: { value: string; labelKey: string }[] = [
+  { value: 'draft', labelKey: 'ideas.status.draft' },
+  { value: 'pending_review', labelKey: 'ideas.status.pending_review' },
+  { value: 'approved', labelKey: 'ideas.status.approved' },
+  { value: 'promoted', labelKey: 'ideas.status.promoted' },
+  { value: 'rejected', labelKey: 'ideas.status.rejected' },
+]
+
+// 任意 status 字符串 → 对应 i18n key;未知状态回退到原值显示
+function statusLabelKey(status: string): string {
+  return statusOptions.find(s => s.value === status)?.labelKey ?? status
+}
+
 const filteredIdeas = computed(() => {
   let ideas = store.ideas
 
@@ -248,15 +280,17 @@ const filteredIdeas = computed(() => {
   return ideas
 })
 
-function filterIdeas() {
-  // filteredIdeas 是 computed，会自动响应变化
-}
-
 const currentIdea = computed(() => {
   if (!selectedId.value) return null
   return store.ideas.find(i => i.id === selectedId.value) ?? null
 })
 
+// B-260615-25:灵感描述 Markdown 渲染(复用 AiChat/TaskDetail 同款渲染器,模块级单例),
+// useRendered 封装 computed(读 mdReady 触发响应式 + renderMd)+ ensureLoaded(幂等预热)
+const { rendered: renderedDesc, ensureLoaded } = useRendered(
+  () => currentIdea.value?.description ?? '',
+)
+
 const currentStatus = computed(() => {
   return currentIdea.value?.status || 'draft'
 })
@@ -314,23 +348,30 @@ const adversarialEval = computed<AdversarialEval | null>(() => {
 })
 
 function assessmentClass(recommendation: string) {
-  return recommendation.toLowerCase().replace(/ /g, '-')
+  // 映射到 CSS 定义的 badge 颜色类（.immediate/.soon/.conditional/.revised/.defer/.cancel）
+  const map: Record<string, string> = {
+    'immediate action': 'immediate',
+    'soon': 'soon',
+    'with resources': 'conditional',
+    'research more': 'revised',
+    'monitor': 'defer',
+    'cancel': 'cancel',
+  }
+  return map[recommendation.toLowerCase()] ?? 'conditional'
 }
 
 function assessmentLabel(recommendation: string) {
-  const map: Record<string, string> = {
-    'immediate action': '🚀 立即行动',
-    'soon': '📅 尽快行动',
-    'with resources': '📦 配置资源后行动',
-    'research more': '🔍 需要更多研究',
-    'monitor': '👁️ 持续监控',
-    'cancel': '❌ 取消想法'
-  }
-  return map[recommendation] ?? recommendation
+  const key = `ideas.assessment.${recommendation}`
+  // 未命中 i18n key 时回退到原始 recommendation 字符串
+  const translated = t(key)
+  return translated === key ? recommendation : translated
 }
 
 function sentimentClass(sentiment: number) {
-  return sentiment >= 0 ? 'positive' : 'negative'
+  // 统一三档(FR-C2: 原 >=0 与模板 >0 矛盾，net_sentiment=0 时文案负面样式 positive)
+  if (sentiment > 0) return 'positive'
+  if (sentiment < 0) return 'negative'
+  return 'neutral'
 }
 
 function scoreClass(score: number | null) {
@@ -340,17 +381,6 @@ function scoreClass(score: number | null) {
   return 'score-low'
 }
 
-function statusLabel(status: string) {
-  const map: Record<string, string> = {
-    draft: '📝 草稿',
-    pending_review: '⏳ 待评估',
-    approved: '✅ 已批准',
-    promoted: '🚀 已立项',
-    rejected: '❌ 已拒绝',
-  }
-  return map[status] ?? status
-}
-
 // formatDate 由 ../utils/time 提供（统一毫秒字符串解析，根治 Invalid Date）
 
 function openCaptureModal() {
@@ -370,104 +400,54 @@ async function confirmCapture() {
 
 async function deleteCurrentIdea() {
   if (!currentIdea.value) return
+  if (!await confirmDialog(t('ideas.confirmDelete', { title: currentIdea.value.title }))) return
   await store.deleteIdea(currentIdea.value.id)
   selectedId.value = null
 }
 
 async function promoteToProject() {
   if (!currentIdea.value) return
-
-  // 创建新项目，基于想法（store.createProject 第 3 参 = idea_id）
-  const project = await store.createProject(
-    currentIdea.value.title,
-    currentIdea.value.description,
-    currentIdea.value.id,
-  )
-  if (!project) return
-  const projectId = project.id
-
-  // 更新想法状态和晋升信息（store.updateIdea 单字段，分两次调用）
-  await store.updateIdea(currentIdea.value.id, 'status', 'promoted')
-  await store.updateIdea(currentIdea.value.id, 'promoted_to', projectId)
-
-  // 跳转到项目详情
-  router.push(`/projects/${projectId}`)
-
-  // 刷新想法列表
-  await store.loadIdeas()
+  try {
+    const res = await store.promoteIdea(currentIdea.value.id)
+    router.push(`/projects/${res.project_id}`)
+  } catch (e: any) {
+    const msg = e?.toString() ?? t('ideas.promoteFailed')
+    console.error(t('ideas.promoteFailed'), e)
+    Message.error(msg)
+  }
 }
 
 async function refresh() {
   await store.loadIdeas()
 }
 
+const evaluating = ref(false)
+const evalError = ref('')
+
 async function evaluateCurrentIdea() {
-  if (!currentIdea.value) return
+  if (!currentIdea.value || evaluating.value) return
 
-  // 模拟对抗式评估（实际应该调用后端 API）
-  // 这里使用模拟数据展示界面
-  const mockEval: AdversarialEval = {
-    positive_strength: 0.75,
-    negative_strength: 0.65,
-    net_sentiment: 0.1,
-    recommendation: 'with resources',
-    final_score: 6.5,
-    summary: '该想法整体价值评估中等偏上，建议在有条件的情况下执行。主要价值在于技术创新性较强，需要关注风险控制和资源投入。',
-    action_items: [
-      '确认资源预算',
-      '评估ROI',
-      '制定风险预案'
-    ],
-    positive: {
-      thesis: '技术创新性强，潜在回报高',
-      evidence: ['技术栈成熟', '市场需求明确', '团队有相关经验'],
-    },
-    negative: {
-      thesis: '资源投入大，存在执行风险',
-      evidence: ['开发周期长', '需要额外人力', '竞品已有类似方案'],
-    },
-    analyst: {
-      summary: '综合正反方观点，建议在资源到位后启动，并设立阶段性验收点控制风险。',
-    },
+  evaluating.value = true
+  evalError.value = ''
+  try {
+    await store.evaluateIdea(currentIdea.value.id)
+  } catch (e: any) {
+    evalError.value = e?.toString() ?? t('ideas.evalFailed')
+    console.error(t('ideas.evalFailed'), e)
+  } finally {
+    evaluating.value = false
   }
-
-  // 更新想法的评估结果（实际应该调用 API）
-  await store.updateIdea(currentIdea.value.id, 'ai_analysis', JSON.stringify(mockEval, null, 2))
 }
 
-async function updateIdeaStatus() {
-  if (!currentIdea.value || !currentStatus.value) return
-
-  await store.updateIdea(currentIdea.value.id, 'status', currentStatus.value)
+async function onStatusChange(e: Event) {
+  if (!currentIdea.value) return
+  const newStatus = (e.target as HTMLSelectElement).value
+  await store.updateIdea(currentIdea.value.id, 'status', newStatus)
 }
 
 onMounted(async () => {
+  ensureLoaded() // 后台预热 Markdown 渲染器(模块单例,与 AiChat/TaskDetail 共享),不阻塞
   await store.loadIdeas()
-  // 支持从 /ideas/:id 路由直接打开指定灵感
-  const id = route.params.id as string | undefined
-  if (id) {
-    const exists = store.ideas.some(i => i.id === id)
-    if (exists) {
-      selectedId.value = id
-    } else {
-      console.warn(`[Ideas] 路由指定的灵感 id=${id} 不在当前列表中`)
-    }
-  }
-})
-
-// 支持在同组件内切换 /ideas/:id（如从灵感来源链接跳转）
-watch(() => route.params.id, (newId) => {
-  const id = newId as string | undefined
-  if (id) {
-    const exists = store.ideas.some(i => i.id === id)
-    if (exists) {
-      selectedId.value = id
-    } else {
-      console.warn(`[Ideas] 路由切换的灵感 id=${id} 不在当前列表中`)
-    }
-  } else {
-    // 回到 /ideas（无 id）时不清空，保留用户选择
-  }
 })
 </script>
 
@@ -656,25 +636,14 @@ watch(() => route.params.id, (newId) => {
   overflow: hidden;
 }
 
-.debate-column.positive .confidence-bar::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
+.confidence-fill {
   height: 100%;
-  background: currentColor;
   border-radius: var(--df-radius-xs);
+  transition: width 0.4s;
 }
 
-.debate-column.negative .confidence-bar::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  background: currentColor;
-  border-radius: var(--df-radius-xs);
-}
+.debate-column.positive .confidence-fill { background: var(--df-success); }
+.debate-column.negative .confidence-fill { background: var(--df-danger); }
 
 .confidence-text {
   font-size: 11px;
@@ -792,6 +761,23 @@ watch(() => route.params.id, (newId) => {
   background: var(--df-accent-hover);
 }
 
+.eval-error {
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--df-danger);
+}
+
+.eval-mode-tag {
+  font-size: 11px;
+  font-weight: 400;
+  padding: 1px 8px;
+  border-radius: var(--df-radius-xs);
+  background: rgba(255, 217, 61, 0.15);
+  color: var(--df-warning);
+  margin-left: 6px;
+  vertical-align: middle;
+}
+
 /* ===== 右侧详情 ===== */
 .idea-detail-panel {
   background: var(--df-bg-card);
@@ -825,6 +811,63 @@ watch(() => route.params.id, (newId) => {
   margin-bottom: var(--df-gap-page);
 }
 
+/* ===== 灵感描述 Markdown 渲染(B-260615-25,样式同 TaskDetail B-24 .ai-md 收敛) ===== */
+.detail-desc.ai-md { white-space: normal; color: var(--df-text-secondary); }
+.detail-desc.ai-md :deep(p) { margin: 0 0 6px; }
+.detail-desc.ai-md :deep(p:last-child) { margin-bottom: 0; }
+.detail-desc.ai-md :deep(ul), .detail-desc.ai-md :deep(ol) { margin: 4px 0; padding-left: 20px; }
+.detail-desc.ai-md :deep(li) { margin: 2px 0; line-height: 1.5; }
+.detail-desc.ai-md :deep(code) {
+  font-family: var(--df-font-mono);
+  font-size: 12px;
+  padding: 1px 5px;
+  background: rgba(255,255,255,0.06);
+  border-radius: var(--df-radius-sm);
+  color: var(--df-accent);
+}
+.detail-desc.ai-md :deep(pre) {
+  margin: 8px 0;
+  padding: 10px 12px;
+  background: var(--df-bg);
+  border: 0.5px solid var(--df-border);
+  border-radius: var(--df-radius);
+  overflow-x: auto;
+}
+.detail-desc.ai-md :deep(pre code) {
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+  color: var(--df-text-secondary);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.detail-desc.ai-md :deep(blockquote) {
+  margin: 6px 0;
+  padding: 4px 12px;
+  border-left: 2px solid var(--df-accent);
+  color: var(--df-text-secondary);
+}
+.detail-desc.ai-md :deep(h1), .detail-desc.ai-md :deep(h2), .detail-desc.ai-md :deep(h3) {
+  font-weight: 500;
+  color: var(--df-text);
+  margin: 8px 0 4px;
+}
+.detail-desc.ai-md :deep(h1) { font-size: 16px; }
+.detail-desc.ai-md :deep(h2) { font-size: 14px; }
+.detail-desc.ai-md :deep(h3) { font-size: 13px; }
+.detail-desc.ai-md :deep(a) { color: var(--df-accent); text-decoration: none; }
+.detail-desc.ai-md :deep(a:hover) { text-decoration: underline; }
+.detail-desc.ai-md :deep(strong) { font-weight: 500; color: var(--df-text); }
+.detail-desc.ai-md :deep(hr) { border: none; border-top: 0.5px solid var(--df-border); margin: 8px 0; }
+.detail-desc.ai-md :deep(table) {
+  width: 100%; border-collapse: collapse; margin: 6px 0;
+  font-size: 12px; overflow-x: auto; display: block;
+}
+.detail-desc.ai-md :deep(th), .detail-desc.ai-md :deep(td) {
+  padding: 4px 8px; border: 0.5px solid var(--df-border); text-align: left;
+}
+.detail-desc.ai-md :deep(th) { font-weight: 500; background: var(--df-bg); }
+
 .detail-section {
   margin-bottom: var(--df-gap-page);
 }