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

@@ -125,8 +125,10 @@ function bringIn(g: ProjectBriefs, b: ContextBrief) {
 </script>
 
 <style scoped>
+/* wave2(2026-10-18):旧 token 全量迁 --df-*;统一透明彩底卡范式,accent 系(脉络=系统功能信号)
+   ——边框 color-mix 30% + 底 6% + 标题同色 12px/600 + 正文 secondary 12px + 透明底描边钮 */
 .ctx-briefs {
-  border-bottom: 1px solid var(--border, #e0e0e0);
+  border-bottom: 0.5px solid var(--df-border);
   padding: 4px 10px;
   font-size: 12px;
 }
@@ -138,29 +140,36 @@ function bringIn(g: ProjectBriefs, b: ContextBrief) {
   padding: 3px 2px;
   border: none;
   background: none;
-  color: var(--text-secondary, #666);
-  cursor: pointer;
+  color: var(--df-accent);
   font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
 }
 .ctx-briefs-count {
-  background: var(--accent-soft, rgba(64, 128, 255, 0.15));
-  color: var(--accent, #4080ff);
-  border-radius: 8px;
+  background: var(--df-accent-soft);
+  color: var(--df-accent);
+  border-radius: var(--df-radius-md);
   padding: 0 6px;
   font-size: 11px;
+  font-weight: 400;
 }
 .ctx-briefs-body {
   max-height: 220px;
   overflow-y: auto;
-  padding-bottom: 4px;
+  padding: 6px 8px;
+  background: color-mix(in srgb, var(--df-accent) 6%, transparent);
+  border: 0.5px solid color-mix(in srgb, var(--df-accent) 30%, transparent);
+  border-radius: var(--df-radius);
+  margin-bottom: 4px;
 }
 .ctx-briefs-empty {
-  color: var(--text-tertiary, #999);
+  color: var(--df-text-dim);
   padding: 6px 2px;
 }
 .ctx-briefs-project {
   font-weight: 600;
-  color: var(--text-primary, #333);
+  color: var(--df-text);
+  font-size: 12px;
   padding: 5px 2px 2px;
 }
 .ctx-briefs-focus-dot {
@@ -169,12 +178,12 @@ function bringIn(g: ProjectBriefs, b: ContextBrief) {
   height: 5px;
   margin-right: 4px;
   border-radius: 50%;
-  background: var(--accent, #4080ff);
+  background: var(--df-accent);
   vertical-align: 2px;
 }
 .ctx-briefs-item {
   padding: 4px 2px;
-  border-top: 1px dashed var(--border, #eee);
+  border-top: 0.5px dashed var(--df-border);
 }
 .ctx-briefs-item-head {
   display: flex;
@@ -183,7 +192,7 @@ function bringIn(g: ProjectBriefs, b: ContextBrief) {
 }
 .ctx-briefs-item-title {
   font-weight: 500;
-  color: var(--text-primary, #333);
+  color: var(--df-text);
 }
 .ctx-briefs-item-link {
   padding: 0;
@@ -194,29 +203,31 @@ function bringIn(g: ProjectBriefs, b: ContextBrief) {
   cursor: pointer;
 }
 .ctx-briefs-item-link:hover {
-  color: var(--accent, #4080ff);
+  color: var(--df-accent);
 }
 .ctx-briefs-item-time {
   margin-left: auto;
   flex-shrink: 0;
-  font-size: 11px;
-  color: var(--text-tertiary, #999);
+  font-size: 10px;
+  color: var(--df-text-dim);
+  font-family: var(--df-font-mono);
 }
 .ctx-briefs-item-summary {
-  color: var(--text-secondary, #666);
+  color: var(--df-text-secondary);
+  font-size: 12px;
   margin: 2px 0;
   line-height: 1.4;
 }
 .ctx-briefs-bring {
-  border: 1px solid var(--border, #ddd);
-  background: none;
-  color: var(--accent, #4080ff);
-  border-radius: 4px;
+  border: 0.5px solid color-mix(in srgb, var(--df-accent) 40%, transparent);
+  background: transparent;
+  color: var(--df-accent);
+  border-radius: var(--df-radius-sm);
   padding: 1px 8px;
   font-size: 11px;
   cursor: pointer;
 }
 .ctx-briefs-bring:hover {
-  background: var(--accent-soft, rgba(64, 128, 255, 0.1));
+  background: var(--df-accent-soft);
 }
 </style>