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

@@ -442,7 +442,7 @@ function bindEdgeDeleteButtons() {
   graph.on('edge:mouseleave', onEdgeLeave)
 }
 
-/** 依赖类型 → 边颜色 */
+/** 依赖类型 → 边颜色(X6 画布演示色板·品牌/演示豁免,不入 token) */
 function depTypeColor(depType: string): string {
   switch (depType) {
     case 'api': return '#5378e8'
@@ -490,7 +490,7 @@ onBeforeUnmount(() => {
   height: 100%;
   background: var(--df-bg);
   border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius-lg, 8px);
+  border-radius: var(--df-radius-lg);
   overflow: hidden;
   position: relative;
 }
@@ -593,11 +593,12 @@ onBeforeUnmount(() => {
   align-items: center;
   justify-content: center;
   z-index: 200;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
+  box-shadow: var(--df-shadow-md);
   transition: background 0.15s;
   pointer-events: auto;
 }
+/* hover 由 danger 派生加深,替换孤色 */
 .dep-edge-delete-btn:hover {
-  background: #c24040;
+  background: color-mix(in srgb, var(--df-danger) 75%, #000);
 }
 </style>