feat: refine metadata catalog workflows

frontend/src/shell/AppShell.tsx

@@ -45,6 +45,23 @@ interface AppShellProps {
 type ActiveSurface = "core" | "database-management";
 type ActiveManagementPanel = "workspace" | "pi" | null;
 const SESSION_SCOPES: readonly SessionScope[] = ["mine", "all"];
+const APP_NAVIGATION_STORAGE_KEY = "thothii:app-navigation";
+
+function readPersistedNavigation(): { surface: ActiveSurface; panel: ActiveManagementPanel } {
+  if (import.meta.env.MODE === "test") return { surface: "core", panel: null };
+  try {
+    const parsed = JSON.parse(window.localStorage.getItem(APP_NAVIGATION_STORAGE_KEY) ?? "null") as {
+      surface?: unknown;
+      panel?: unknown;
+    } | null;
+    return {
+      surface: parsed?.surface === "database-management" ? "database-management" : "core",
+      panel: parsed?.panel === "workspace" || parsed?.panel === "pi" ? parsed.panel : null,
+    };
+  } catch {
+    return { surface: "core", panel: null };
+  }
+}
 
 function sessionScopeTabClass(selected: boolean): string {
   const base = "relative -mb-px flex h-8 w-full cursor-pointer items-center justify-center rounded-t-md border border-b-2 px-2 text-xs font-semibold tracking-[0.005em] outline-none focus-visible:z-10 focus-visible:ring-3 focus-visible:ring-[oklch(var(--nav-active-border)/0.28)]";
@@ -166,7 +183,8 @@ export function AppShell({ canLogout }: AppShellProps) {
 
   const queryClient = useQueryClient();
   const [showActivity, setShowActivity] = useState(false);
-  const [activeSurface, setActiveSurface] = useState<ActiveSurface>("core");
+  const persistedNavigation = readPersistedNavigation();
+  const [activeSurface, setActiveSurface] = useState<ActiveSurface>(persistedNavigation.surface);
   const databaseManagementPresentation = resolveDatabaseManagementPresentation({
     isDevelopment: import.meta.env.DEV,
     mode: import.meta.env.MODE,
@@ -177,7 +195,7 @@ export function AppShell({ canLogout }: AppShellProps) {
   const updateDatabaseNavigationState = useCallback((state: { dirty: boolean; busy: boolean }) => {
     databaseNavigationRef.current = state;
   }, []);
-  const [activeManagementPanel, setActiveManagementPanel] = useState<ActiveManagementPanel>(null);
+  const [activeManagementPanel, setActiveManagementPanel] = useState<ActiveManagementPanel>(persistedNavigation.panel);
   const [adminNavigationValue, setAdminNavigationValue] = useState<string[]>([]);
   const [activeOpen, setActiveOpen] = useState(true);
   const [archiveOpen, setArchiveOpen] = useState(false);
@@ -188,6 +206,10 @@ export function AppShell({ canLogout }: AppShellProps) {
   const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});
   const [renameGroupTarget, setRenameGroupTarget] = useState<string | null>(null);
   const operationEpochRef = useRef(0);
+  useEffect(() => {
+    if (import.meta.env.MODE === "test") return;
+    window.localStorage.setItem(APP_NAVIGATION_STORAGE_KEY, JSON.stringify({ surface: activeSurface, panel: activeManagementPanel }));
+  }, [activeManagementPanel, activeSurface]);
   useEffect(() => () => { operationEpochRef.current += 1; }, []);
 
   const groups = useMemo(