feat: reset database selections when switching connections

  - Clear database, table, and time field selections when changing connections
  - Prevent errors from querying non-existent resources on new connections
  - Add switchConnectionAndResetAtom for unified connection switching logic

fix: time filters now uses duckdb's correct types and formats for the dates and filters

Author: caioricciuti

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "gigapi-ui",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "type": "module",
   "description": "UI interface for GigAPI: The Infinite Timeseries Lakehouse. GigAPI UI provides a slick web interface to query time-series using GigAPI Catalog Metadata + DuckDB",
   "scripts": {
@@ -19,19 +19,20 @@
     "@hookform/resolvers": "^5.2.1",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-scroll-area": "^1.2.9",
-    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@tailwindcss/vite": "^4.1.11",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/vite": "^4.1.12",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
     "@types/react-grid-layout": "^1.3.5",
@@ -42,38 +43,38 @@
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "highlight.js": "^11.11.1",
-    "jotai": "^2.13.0",
+    "jotai": "^2.13.1",
     "katex": "^0.16.22",
-    "lucide-react": "^0.539.0",
+    "lucide-react": "^0.540.0",
     "pako": "^2.1.0",
     "react": "^19.1.1",
-    "react-day-picker": "^9.8.1",
+    "react-day-picker": "^9.9.0",
     "react-dom": "^19.1.1",
     "react-grid-layout": "^1.5.2",
     "react-hook-form": "^7.62.0",
     "react-markdown": "^10.1.0",
     "react-resizable": "^3.0.5",
     "react-resizable-panels": "^3.0.4",
-    "react-router-dom": "^7.8.0",
+    "react-router-dom": "^7.8.1",
     "rehype-highlight": "^7.0.2",
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.6",
+    "tw-animate-css": "^1.3.7",
     "uplot": "^1.6.32",
     "uuid": "^11.1.0",
-    "vite": "^7.1.1",
-    "zod": "^4.0.15"
+    "vite": "^7.1.3",
+    "zod": "^4.0.17"
   },
   "devDependencies": {
-    "@types/node": "^24.2.0",
-    "@types/pako": "^2.0.3",
-    "@types/react": "^19.1.9",
+    "@types/node": "^24.3.0",
+    "@types/pako": "^2.0.4",
+    "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.0",
-    "knip": "^5.62.0",
+    "@vitejs/plugin-react": "^5.0.1",
+    "knip": "^5.63.0",
     "typescript": "^5.9.2"
   }
 }

package.json

@@ -17,6 +17,8 @@ import {
   isConnectedAtom,
   connectAtom,
   apiUrlAtom,
+  initializeConnectionsAtom,
+  isInitialLoadingAtom,
 } from "@/atoms";
 
 // Pages
@@ -47,6 +49,8 @@ function ChatRoute() {
 function AppInitializer() {
   const connect = useSetAtom(connectAtom);
   const [apiUrl] = useAtom(apiUrlAtom);
+  const initializeConnections = useSetAtom(initializeConnectionsAtom);
+  const setIsInitialLoading = useSetAtom(isInitialLoadingAtom);
   const initRef = useRef(false);
 
   useEffect(() => {
@@ -56,14 +60,35 @@ function AppInitializer() {
 
     // Wait for apiUrl to be loaded from storage
     if (!apiUrl || apiUrl === "") {
+      // If no API URL, we're not loading anymore
+      setIsInitialLoading(false);
       return;
     }
 
-    // Connect to the selected connection on startup
-    connect().catch((error) => {
-      console.error("🔥 [AppInitializer] Connection failed:", error);
-    });
-  }, [connect, apiUrl]);
+    // Start the initialization process
+    const initialize = async () => {
+      // Keep loading state while we initialize
+      setIsInitialLoading(true);
+      
+      // First reset connection states to ensure we're not showing stale data
+      initializeConnections();
+      
+      // Small delay to ensure state is updated
+      await new Promise(resolve => setTimeout(resolve, 100));
+      
+      // Attempt to connect
+      try {
+        await connect();
+      } catch (error) {
+        console.error("🔥 [AppInitializer] Connection failed:", error);
+      } finally {
+        // Always clear loading state after connection attempt
+        setIsInitialLoading(false);
+      }
+    };
+
+    initialize();
+  }, [connect, apiUrl, initializeConnections, setIsInitialLoading]);
 
   return null;
 }
@@ -148,6 +173,7 @@ class ErrorBoundary extends React.Component<
 export default function App() {
   const [connectionState] = useAtom(connectionStateAtom);
   const [isConnected] = useAtom(isConnectedAtom);
+  const [isInitialLoading] = useAtom(isInitialLoadingAtom);
 
   // Migrate old connections
   useMigrateConnections();
@@ -185,8 +211,17 @@ export default function App() {
         <ArtifactProvider>
           <AppInitializer />
 
-          {/* Show connection page for non-connected states */}
-          {!isConnected ? (
+          {/* Show loader during initial app loading */}
+          {isInitialLoading ? (
+            <div className="h-screen flex items-center justify-center">
+              <div className="flex flex-col items-center gap-4">
+                <Loader />
+                <p className="text-muted-foreground">
+                  Initializing...
+                </p>
+              </div>
+            </div>
+          ) : !isConnected ? (
             <>
               {connectionState === "connecting" ? (
                 <div className="h-screen flex items-center justify-center">