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

@@ -115,10 +115,12 @@ async function save() {
 <style scoped>
 /* panel/panel-header/btn 系列/setting-input 均在 settings.css 全局,此处仅本面板特有样式 */
 .uclaw-settings { display: flex; flex-direction: column; gap: 4px; }
-.uclaw-input { width: 320px; font-family: var(--df-font-mono, monospace); }
+/* 定宽输入补 max-width,窄窗收缩防横向溢出 */
+.uclaw-input { width: 320px; max-width: 100%; font-family: var(--df-font-mono, monospace); }
+/* 原 var(--df-text-tertiary) 为幽灵 token(全 styles 未定义,渲染成继承色),改用已定义的弱化色 */
 .uclaw-hint {
   font-size: 11px;
-  color: var(--df-text-tertiary);
+  color: var(--df-text-dim);
   line-height: 1.6;
   margin-top: 4px;
   white-space: pre-line;