feat: implement multi-connection management system

- Refactor AppHeader to remove API endpoint editing functionality.
- Enhance AppSidebar to include a connection selector and manage connections.
- Update ConnectionStatus page to handle multiple connections and display their statuses.
- Create ConnectionModal for adding, editing, and deleting connections.
- Introduce useMigrateConnections hook to migrate from single to multi-connection setup.
- Add alert dialog component for confirming connection deletions.
- Update UI components to reflect new connection management features.

Author: caioricciuti

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "gigapi-ui",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "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": {
@@ -18,6 +18,7 @@
   "dependencies": {
     "@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",

package.json

@@ -33,6 +33,7 @@ import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { CommandPalette } from "@/components/shared/CommandPalette";
 import { ArtifactProvider } from "@/contexts/ArtifactContext";
 import Loader from "./components/shared/Loader";
+import { useMigrateConnections } from "@/hooks/useMigrateConnections";
 
 // const VERSION = import.meta.env.PACKAGE_VERSION;
 
@@ -58,6 +59,7 @@ function AppInitializer() {
       return;
     }
 
+    // Connect to the selected connection on startup
     connect().catch((error) => {
       console.error("🔥 [AppInitializer] Connection failed:", error);
     });
@@ -147,6 +149,9 @@ export default function App() {
   const [connectionState] = useAtom(connectionStateAtom);
   const [isConnected] = useAtom(isConnectedAtom);
 
+  // Migrate old connections
+  useMigrateConnections();
+
   useEffect(() => {
     // Global error handler
     const handleUnhandledRejection = (event: PromiseRejectionEvent) => {