优化: 界面交互完善与设置体验

- 审批卡尊重滚动意图,等长切换回底,排队超时按钮修活
- 带图编辑提示不静默丢,删除目标回写,切换文案消歧
- 会话键盘可达+搜索态重命名,筛选计数口径对齐
- 子任务提示正名,看板加载态
- 主题跟随系统,表单脏态拦截,密钥显隐留空提示

src/views/Settings.vue

@@ -82,6 +82,7 @@
 
 <script setup lang="ts">
 import { computed, ref, shallowRef, onMounted, onUnmounted, nextTick } from 'vue'
+import { onBeforeRouteLeave } from 'vue-router'
 import { useConfirm } from '@/composables/useConfirm'
 import { useToast } from '@/composables/useToast'
 import ConfirmDialog from '@/components/ConfirmDialog.vue'
@@ -122,9 +123,30 @@ const connectionPanelRef = shallowRef<InstanceType<typeof ConnectionPanel> | nul
 // 用 computed 包 useSetting,双向绑 SettingsNav v-model
 // ============================================================
 const appSettings = useAppSettingsStore()
+
+// 走查 P2-7:ProviderPanel 已暴露 isFormDirty 但壳未接入,点左栏任一分类/离开路由
+// 都会 v-else-if 卸载面板,未保存改动无确认直接销毁。两条出口(切分类/路由离开)
+// 统一走本守卫:脏则二次确认,拒绝即原地不动(SettingsNav 是受控组件,不落值高亮自动回弹)。
+// 复用 ProviderPanel 自身的 confirmDiscardUnsaved 文案,语义与表单「取消」一致。
+async function confirmLeaveIfProviderDirty(): Promise<boolean> {
+  if (!providerPanelRef.value?.isFormDirty) return true
+  return await confirmDialog(ti18n('settings.confirmDiscardUnsaved'))
+}
+
 const activeCategory = computed<SettingsCategory>({
   get: () => appSettings.get<SettingsCategory>('df-settings-active-category', 'appearance'),
-  set: (v) => { void appSettings.set('df-settings-active-category', v) },
+  set: (v) => {
+    // 点当前分类是无效切换,不弹确认(脏表单下误点自身不应被质询)
+    if (v === activeCategory.value) return
+    void confirmLeaveIfProviderDirty().then((ok) => {
+      if (ok) void appSettings.set('df-settings-active-category', v)
+    })
+  },
+})
+
+// 路由离开(回主页等)同样拦截:Settings 是路由组件,返回 false 阻断本次导航
+onBeforeRouteLeave(async () => {
+  return await confirmLeaveIfProviderDirty()
 })
 
 // AI Prompt 缓存总开关(KV df-ai-anthropic-cache,默认关,与后端 prompt.rs cache_enabled 同键;