feat: reopen closed tab from the tab context menu

CLAUDE.md

@@ -20,7 +20,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 - **Zustand** with persistence middleware manages tabs, key search, type filters, selections, and search history
 - **React Query** handles server state (key lists, values, metadata)
-- **Persistence:** Optional `RedisBrowserStorage` interface for localStorage/custom storage. Schema is at version 7 with automated migrations from earlier versions.
+- **Persistence:** Optional `RedisBrowserStorage` interface for localStorage/custom storage. Schema is versioned (see `version` in `src/store.tsx`) with automated migrations from earlier versions.
 
 ### Key Source Locations
 

src/components/databrowser/components/tab.tsx

@@ -1,10 +1,11 @@
 import type { TabId } from "@/store"
-import { useDatabrowserStore } from "@/store"
+import { useDatabrowserRootRef, useDatabrowserStore } from "@/store"
 import { useTab } from "@/tab-provider"
 import {
   IconArrowsMinimize,
   IconCopyPlus,
   IconPin,
+  IconRestore,
   IconSearch,
   IconSquareX,
   IconX,
@@ -34,12 +35,27 @@ export const Tab = ({ id, isList }: { id: TabId; isList?: boolean }) => {
     duplicateTab,
     closeOtherTabs,
     closeAllButPinned,
+    closedTabs,
+    reopenClosedTab,
   } = useDatabrowserStore()
+  const rootRef = useDatabrowserRootRef()
 
   const hasPinnedTabs = tabs.some(([, data]) => data.pinned)
 
   const { ref, isOverflow } = useOverflow()
 
+  const handleReopenClosedTab = () => {
+    const reopenedId = reopenClosedTab()
+    if (!reopenedId) return
+
+    setTimeout(() => {
+      const tab = rootRef?.current?.querySelector(`#tab-${reopenedId}`)
+      if (!tab) return
+
+      tab.scrollIntoView({ behavior: "smooth" })
+    }, 20)
+  }
+
   const label = isValuesSearchSelected ? valuesSearch.index : search.key || selectedKey
   const iconNode = isValuesSearchSelected ? (
     <div className="flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800">
@@ -125,6 +141,15 @@ export const Tab = ({ id, isList }: { id: TabId; isList?: boolean }) => {
           <IconArrowsMinimize size={16} />
           Close All But Pinned
         </ContextMenuItem>
+        <ContextMenuSeparator />
+        <ContextMenuItem
+          onSelect={handleReopenClosedTab}
+          className="gap-2"
+          disabled={closedTabs.length === 0}
+        >
+          <IconRestore size={16} />
+          Reopen Closed Tab
+        </ContextMenuItem>
       </ContextMenuContent>
     </ContextMenu>
   )