优化: 前端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/MessageItem.vue

@@ -149,29 +149,34 @@ const imageParts = computed(() => msgImageParts(props.msg))
   align-items: flex-start;
   flex-direction: row-reverse;
 }
-/* 头像通用 */
+/* 头像通用 — workbench .av 范式:24px 圆角方块渐变,用户 warning→danger 系,
+   字色随主题底色反转保证渐变上对比;内部字符 9px 700(当前为 svg 图标,字号字重为字符兜底) */
 .ai-msg-avatar {
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--df-radius);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  font-size: 9px;
+  font-weight: 700;
 }
 .ai-msg-avatar--user {
-  background: var(--df-info-bg, rgba(100,181,246,0.15));
-  color: var(--df-info, #64b5f6);
+  background: linear-gradient(135deg, color-mix(in srgb, var(--df-warning) 70%, var(--df-danger)), var(--df-danger));
+  color: var(--df-bg);
 }
-/* 气泡通用 */
+/* 气泡通用 — workbench 聊天范式:用户气泡=bg-card 底+0.5px 边框+9px 圆角。
+   9px 圆角与 9px 13px 内距均为 u-agent workbench 移植值,勿规整 */
 .ai-msg-bubble {
-  border-radius: 10px;
-  padding: 8px 12px;
+  border-radius: 9px;
+  padding: 9px 13px;
   word-break: break-word;
   max-width: 80%;
 }
 .ai-msg-bubble--user {
-  background: var(--df-info-bg, rgba(100,181,246,0.1));
+  background: var(--df-bg-card);
+  border: 0.5px solid var(--df-border);
   color: var(--df-text);
 }
 /* chip */
@@ -181,13 +186,13 @@ const imageParts = computed(() => msgImageParts(props.msg))
   border-radius: 4px;
   font-size: 11px;
   margin: 0 2px;
-  background: var(--df-accent-bg, rgba(108,99,255,0.1));
-  color: var(--df-accent, #6c63ff);
+  background: var(--df-accent-bg);
+  color: var(--df-accent);
 }
 /* 技能调用徽章(问题3):与 mention chip 同视觉家族,亮一档紫色底 + ⚡ 前缀区分 */
 .ai-msg-chip--skill {
-  background: var(--df-accent-bg, rgba(108,99,255,0.18));
-  color: var(--df-accent, #6c63ff);
+  background: var(--df-accent-bg);
+  color: var(--df-accent);
   font-weight: 600;
 }
 /* 图片 */