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

@@ -206,8 +206,8 @@
     <!-- 确认弹层（删除/彻底删除，替代原生 window.confirm） -->
     <ConfirmDialog :visible="confirmState.visible" :msg="confirmState.msg" @result="answerConfirm" />
 
-    <!-- 批量导入结果 toast -->
-    <div v-if="toast.visible" class="toast" :class="'toast-' + toast.type">{{ toast.msg }}</div>
+    <!-- 批量导入结果 toast(全局 .df-toast 族+底部变体;error 映射 danger) -->
+    <div v-if="toast.visible" class="df-toast df-toast--bottom" :class="toast.type === 'error' ? 'df-toast--danger' : 'df-toast--' + toast.type">{{ toast.msg }}</div>
   </div>
 </template>
 
@@ -524,8 +524,8 @@ async function runImport() {
 
 /* page-header / btn / modal 系列已提取到 global.css 全局 */
 /* 本页特有:.btn-danger(全局尚未提供)、.btn:disabled(全局仅 .btn-primary:disabled) */
-.btn-danger { background: transparent; color: var(--df-danger); border: 0.5px solid rgba(240,101,101,0.4); }
-.btn-danger:hover { background: rgba(240,101,101,0.12); }
+.btn-danger { background: transparent; color: var(--df-danger); border: 0.5px solid var(--df-danger-bd); }
+.btn-danger:hover { background: var(--df-danger-bg); }
 .btn:disabled { opacity: 0.4; cursor: not-allowed; }
 
 /* ===== 卡片网格 ===== */
@@ -565,27 +565,7 @@ async function runImport() {
   color: var(--df-accent);
 }
 
-/* ===== 进度条 ===== */
-.card-progress { margin-bottom: 16px; }
-.progress-label-row {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 6px;
-}
-.progress-stage { font-size: 12px; color: var(--df-text-dim); }
-.progress-pct { font-size: 12px; font-weight: 500; color: var(--df-text); }
-.progress-bar {
-  height: 6px;
-  background: var(--df-border);
-  border-radius: var(--df-radius-sm);
-  overflow: hidden;
-}
-.progress-fill {
-  height: 100%;
-  background: var(--df-accent);
-  border-radius: var(--df-radius-sm);
-  transition: width 0.3s;
-}
+/* 进度条族(.card-progress/.progress-*)已随卡片渲染迁至 ProjectCard.vue,本页残留定义已删(2026-10-18 整洁波) */
 
 /* ===== 技术栈标签:基础样式已收敛至全局 components.css(DRY 收口 ),
    创建/导入模态与本页 ProjectCard 渲染的标签均走全局 .tech-tag/.card-tags。 ===== */
@@ -606,7 +586,7 @@ async function runImport() {
 .error-banner {
   display: flex; align-items: center; justify-content: space-between; gap: 12px;
   padding: 8px 12px; margin-bottom: var(--df-gap-page);
-  background: rgba(255,107,107,0.12); border: 0.5px solid var(--df-danger);
+  background: var(--df-danger-bg); border: 0.5px solid var(--df-danger);
   border-radius: var(--df-radius-sm); color: var(--df-danger); font-size: 12px;
 }
 .error-text { word-break: break-word; }
@@ -653,20 +633,10 @@ async function runImport() {
 .import-table .col-path { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--df-font-mono, monospace); font-size: 11px; }
 .row-disabled { opacity: 0.5; }
 .imp-name { font-weight: 500; color: var(--df-text); }
-.mono-tag { margin-left: 6px; font-size: 10px; padding: 1px 6px; border-radius: var(--df-radius-xs); background: rgba(255,217,61,0.15); color: var(--df-warning); border: 0.5px solid var(--df-border); }
+.mono-tag { margin-left: 6px; font-size: 10px; padding: var(--df-pad-chip); border-radius: var(--df-radius-xs); background: var(--df-warning-bg); color: var(--df-warning); border: 0.5px solid var(--df-border); }
 .bound-mark { color: var(--df-success); font-weight: 600; }
 .selection-count { margin-right: auto; font-size: 12px; color: var(--df-text-dim); }
 .import-box .modal-actions { align-items: center; }
 
-/* ===== Toast ===== */
-.toast {
-  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
-  padding: 10px 18px; border-radius: var(--df-radius-sm);
-  font-size: 13px; z-index: 200; max-width: 80vw;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-}
-.toast-info { background: var(--df-accent); color: #fff; }
-.toast-error { background: var(--df-danger); color: #fff; }
-/* ToastType 新增 'success' 兜底样式(本视图当前未用,补全避免裸类) */
-.toast-success { background: var(--df-success); color: #fff; }
+/* toast 样式已统一到全局 global.css .df-toast 族(+--bottom 底部变体) */
 </style>