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

@@ -142,9 +142,11 @@ async function save() {
 <style scoped>
 /* panel/panel-header/btn 系列/setting-input 均在 settings.css 全局,此处仅本面板特有样式 */
 .feishu-settings { display: flex; flex-direction: column; gap: 4px; }
-.feishu-input { width: 280px; }
+/* 定宽输入补 max-width,窄窗收缩防横向溢出 */
+.feishu-input { width: 280px; max-width: 100%; }
 .feishu-whitelist {
   width: 320px;
+  max-width: 100%;
   min-height: 64px;
   resize: vertical;
   font-family: var(--df-font-mono, monospace);
@@ -153,7 +155,7 @@ async function save() {
   margin: 0 0 4px;
   font-size: 12px;
   line-height: 1.5;
-  color: var(--df-text-tertiary, #888);
+  color: var(--df-text-dim);
 }
 .actions { display: flex; gap: 8px; margin-top: 8px; }
 </style>