优化: 前端u-agent令牌对齐与组件拆分续批

- 全局样式类(df-sec-h/df-toast族)替换散装实现,主题token去硬编码兜底
- 拆分子组件:ai-chat/queue-panel(队列时钟与编辑随迁)、
  conversation-sidebar/ConversationList、settings/provider-panel
- 父组件死副本清理(队列编辑/时钟/键位表,TS6133清零)并补
  fill-draft父侧转发(重构半成品断链修复)
- 验收:vue-tsc EXIT 0

src/components/ai/HelpRequiredCard.vue

@@ -74,30 +74,30 @@ function handleSelectOption(opt: string): void {
 </script>
 
 <style scoped>
-/* 复用 MaxRoundsCard 样式基调(warning 色系,求助属"需用户介入"信号,视觉一致) */
+/* wave2(2026-10-18):统一透明彩底卡范式,danger 系(断路器熔断=最高警示级)——
+   边框 color-mix 30% + 底 8% + 标题同色 12px/600 + 正文 secondary 12px + 透明底描边钮 */
 .ai-help-required {
   display: flex;
   flex-direction: column;
   gap: 3px;
   margin-bottom: 6px;
   padding: 6px 8px;
-  background: color-mix(in srgb, var(--df-warning) 10%, transparent);
-  border: 0.5px solid color-mix(in srgb, var(--df-warning) 40%, transparent);
+  background: color-mix(in srgb, var(--df-danger) 8%, transparent);
+  border: 0.5px solid color-mix(in srgb, var(--df-danger) 30%, transparent);
   border-radius: var(--df-radius);
 }
 .ai-help-required-text {
-  font-size: 11.5px;
+  font-size: 12px;
   font-weight: 600;
-  color: var(--df-warning);
+  color: var(--df-danger);
 }
 .ai-help-required-hint {
-  font-size: 10.5px;
-  color: var(--df-text-dim);
-  opacity: 0.9;
+  font-size: 12px;
+  color: var(--df-text-secondary);
   word-break: break-all;
   /* M7:context 含错误堆栈,长栈撑高卡片。等宽字体利堆栈行对齐;max-height + overflow-y:auto
      短内容自动不显滚动条,长堆栈滚动扫看(比折叠实用,无需展开按钮)。 */
-  font-family: var(--df-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  font-family: var(--df-font-mono);
   max-height: 200px;
   overflow-y: auto;
 }
@@ -109,15 +109,15 @@ function handleSelectOption(opt: string): void {
   margin-top: 2px;
 }
 .ai-help-required-btn {
-  border: 0.5px solid color-mix(in srgb, var(--df-warning) 60%, transparent);
-  background: var(--df-warning);
-  color: #000;
+  border: 0.5px solid color-mix(in srgb, var(--df-danger) 40%, transparent);
+  background: color-mix(in srgb, var(--df-danger) 10%, transparent);
+  color: var(--df-danger);
   cursor: pointer;
   font-size: 11px;
   font-weight: 600;
   padding: 3px 10px;
   border-radius: calc(var(--df-radius) - 2px);
-  transition: filter 0.15s var(--df-ease);
+  transition: background 0.15s var(--df-ease);
 }
-.ai-help-required-btn:hover { filter: brightness(1.1); }
+.ai-help-required-btn:hover { background: color-mix(in srgb, var(--df-danger) 16%, transparent); }
 </style>