feat(agent-runtime): 接入 handoff 审阅状态

- 支持 handoff queued/shown 状态加载、mark shown 和 reject 持久化

- 为 Tauri/API/Pinia store 接入 handoff 审阅状态流转

- 新增 AgentHandoffDialog 审阅 UI，拒绝操作不执行 SQL

src/components/agent/AgentHandoffDialog.vue

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted } from "vue";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { useAgentRuntimeStore } from "@/stores/agentRuntimeStore";
+
+const agentRuntimeStore = useAgentRuntimeStore();
+let refreshTimer: number | null = null;
+
+const active = computed(() => agentRuntimeStore.activeHandoff);
+const riskTone = computed(() => {
+  if (!active.value) return "secondary";
+  return active.value.riskLevel === "critical" || active.value.isProduction ? "destructive" : "secondary";
+});
+
+async function refresh() {
+  try {
+    await agentRuntimeStore.loadHandoffs();
+  } catch (err) {
+    console.debug("[DBX] Agent handoff refresh skipped:", err);
+  }
+}
+
+async function rejectActive() {
+  if (!active.value) return;
+  await agentRuntimeStore.rejectHandoff(active.value.id);
+}
+
+onMounted(() => {
+  void refresh();
+  refreshTimer = window.setInterval(() => void refresh(), 5000);
+});
+
+onUnmounted(() => {
+  if (refreshTimer) window.clearInterval(refreshTimer);
+});
+</script>
+
+<template>
+  <Dialog v-model:open="agentRuntimeStore.handoffDialogOpen">
+    <DialogContent class="max-w-3xl">
+      <DialogHeader>
+        <DialogTitle>DBX Agent Handoff</DialogTitle>
+      </DialogHeader>
+
+      <div v-if="active" class="space-y-4">
+        <div class="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+          <Badge :variant="riskTone">{{ active.riskLevel }}</Badge>
+          <span>{{ active.connectionName }}</span>
+          <span v-if="active.database">/ {{ active.database }}</span>
+          <span>/ {{ active.operationClass }}</span>
+          <span v-if="active.status === 'shown'">/ shown</span>
+        </div>
+
+        <div class="space-y-1">
+          <h3 class="text-sm font-semibold">{{ active.title }}</h3>
+          <p v-if="active.description" class="text-sm text-muted-foreground">{{ active.description }}</p>
+        </div>
+
+        <pre class="max-h-96 overflow-auto rounded-md border bg-muted/60 p-3 text-xs leading-relaxed">{{
+          active.sql
+        }}</pre>
+
+        <p class="text-xs text-muted-foreground">
+          Review only: DBX does not execute agent handoff SQL from this dialog.
+        </p>
+      </div>
+
+      <div v-else class="text-sm text-muted-foreground">No pending agent handoffs.</div>
+
+      <DialogFooter>
+        <Button variant="outline" @click="agentRuntimeStore.handoffDialogOpen = false">Close</Button>
+        <Button v-if="active" variant="destructive" @click="rejectActive">Reject</Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+</template>

src/components/layout/AppDialogs.vue

@@ -4,6 +4,7 @@ import { useI18n } from "vue-i18n";
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import ConnectionDialog from "@/components/connection/ConnectionDialog.vue";
+import AgentHandoffDialog from "@/components/agent/AgentHandoffDialog.vue";
 import EditorSettingsDialog from "@/components/editor/EditorSettingsDialog.vue";
 import DangerConfirmDialog from "@/components/editor/DangerConfirmDialog.vue";
 const DataTransferDialog = defineAsyncComponent(() => import("@/components/transfer/DataTransferDialog.vue"));
@@ -92,6 +93,7 @@ watch(
 </script>
 
 <template>
+  <AgentHandoffDialog />
   <ConnectionDialog
     :open="showConnectionDialog"
     :edit-config="editConfig"