feat: consolidate database management work

Add catalog-owned logical relationships and runtime snapshots, extend the database-management UI and validation coverage, and document the updated operational workflow.

Keep active sensitive-generation status in a tooltip and indicator, and update the layout E2E to follow the history action in its new database-scoped location.

frontend/src/shell/database-management/DescriptionGenerationDrawer.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { LoaderCircle, LockOpen, Square } from "lucide-react";
 import { toast } from "sonner";
@@ -18,6 +18,7 @@ import { FleetLedgerDrawer } from "./FleetLedgerShell";
 
 interface Props {
   open: boolean;
+  databaseId?: string | null;
   run: DescriptionGenerationRun | null;
   modelLabel: string;
   onClose: () => void;
@@ -62,6 +63,7 @@ function timestamp(value: string | null): string {
 
 export function DescriptionGenerationDrawer({
   open,
+  databaseId = null,
   run: initialRun,
   modelLabel,
   onClose,
@@ -100,11 +102,15 @@ export function DescriptionGenerationDrawer({
       ? 3_000
       : false,
   });
+  const visibleHistory = useMemo(
+    () => (historyQuery.data ?? []).filter((item) => !databaseId || item.databaseId === databaseId),
+    [databaseId, historyQuery.data],
+  );
 
   useEffect(() => {
-    if (!open || initialRun || !historyQuery.data?.[0]) return;
-    onRunUpdate(historyQuery.data[0]);
-  }, [historyQuery.data, initialRun, onRunUpdate, open]);
+    if (!open || initialRun || !visibleHistory[0]) return;
+    onRunUpdate(visibleHistory[0]);
+  }, [initialRun, onRunUpdate, open, visibleHistory]);
 
   const mergeEvents = useCallback((incoming: DescriptionGenerationEvent[]) => {
     if (incoming.length === 0) return;
@@ -406,7 +412,7 @@ export function DescriptionGenerationDrawer({
           <div className="mb-2 flex items-center justify-between gap-3">
             <h3 className="thot-label">Recent runs</h3>
             <span className="text-xs tabular-nums text-muted-foreground">
-              {historyQuery.data?.length ?? 0}
+              {visibleHistory.length}
             </span>
           </div>
           {historyQuery.isError ? (
@@ -415,17 +421,18 @@ export function DescriptionGenerationDrawer({
             </p>
           ) : historyQuery.isLoading ? (
             <p className="text-sm text-muted-foreground">Loading run history…</p>
-          ) : (historyQuery.data ?? []).length === 0 ? (
+          ) : visibleHistory.length === 0 ? (
             <p className="text-sm text-muted-foreground">No description generation runs yet.</p>
           ) : (
             <div className="max-h-56 divide-y divide-border overflow-y-auto rounded-md border border-border">
-              {(historyQuery.data ?? []).map((item) => (
+              {visibleHistory.map((item) => (
                 <button
                   key={item.id}
                   type="button"
                   aria-label={`${statusLabel(item)} · ${item.scope.replaceAll("_", " ")}`}
                   aria-current={item.id === run.id ? "true" : undefined}
-                  className="flex w-full items-start justify-between gap-3 px-3 py-2 text-left text-sm hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/25"
+                  data-status={item.status}
+                  className={`flex w-full items-start justify-between gap-3 px-3 py-2 text-left text-sm hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/25${item.status === "completed" ? " bg-[oklch(var(--success)/0.1)]" : ""}`}
                   onClick={() => onRunUpdate(item)}
                 >
                   <span className="font-medium">{statusLabel(item)}</span>