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

@@ -87,12 +87,13 @@
   </section>
 
   <!-- 「信任所有目录」二次确认弹层(同 AdvancedSection 的 all 接管确认:自渲染独立弹层,
-       msg 拼标题+正文,confirm-msg 用 pre-line 保留换行) -->
-  <Transition name="confirm">
+       msg 拼标题+正文,confirm-msg 用 pre-line 保留换行;
+       按钮行/过渡消费 global.css .df-confirm-actions + df-confirm,2026-10-18 整洁波并轨) -->
+  <Transition name="df-confirm">
     <div v-if="confirmState.visible" class="confirm-mask" @click.self="answerConfirm(false)">
       <div class="confirm-box">
         <div class="confirm-msg">{{ confirmState.msg }}</div>
-        <div class="confirm-actions">
+        <div class="df-confirm-actions">
           <button class="btn btn-ghost btn-sm" @click="answerConfirm(false)">{{ $t('common.cancel') }}</button>
           <button class="btn btn-danger btn-sm" @click="answerConfirm(true)">{{ confirmState.dangerLabel || $t('common.confirm') }}</button>
         </div>
@@ -296,8 +297,10 @@ onMounted(load)
 .script-safety-desc {
   font-size: 12px; color: var(--df-text-dim); margin: 0 0 4px; line-height: 1.5;
 }
+/* 名单输入定宽 280px + max-width 窄窗收缩(原 min-width:280px 在窄列不可收缩致横向溢出) */
 .script-safety-input {
-  min-width: 280px;
+  width: 280px;
+  max-width: 100%;
   font-family: var(--df-font-mono, monospace);
 }
 .script-safety-note {
@@ -321,12 +324,7 @@ onMounted(load)
   padding: 20px;
   min-width: 280px;
   max-width: 420px;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
+  box-shadow: var(--df-shadow-md);
 }
 .confirm-msg { font-size: 13px; color: var(--df-text); line-height: 1.5; margin-bottom: 16px; white-space: pre-line; }
-.confirm-actions { display: flex; justify-content: flex-end; gap: 8px; }
-.btn-danger { background: var(--df-danger); color: #fff; }
-.btn-danger:hover { filter: brightness(1.1); }
-.confirm-enter-active, .confirm-leave-active { transition: opacity 0.15s; }
-.confirm-enter-from, .confirm-leave-to { opacity: 0; }
 </style>