feat(phase2): connection management

- RedisService in main process (ioredis wrapper, execute, scan, hash ops)
- electron-store for connection/settings persistence
- safeStorage credential encrypt/decrypt
- IPC handlers for redis, storage, credential channels
- Preload API typed with all new channels
- useConnectionStore (Pinia) with connect/disconnect/save/delete
- ConnectionCard with 3D hover effect + status indicator
- ConnectionList with search filter
- NewConnectionDialog (create/edit connection form)
- Sidebar component
- StatusBar with live connection status + pulse animation
- App.vue updated with Sidebar layout

src/preload/index.ts

@@ -11,13 +11,48 @@ const electronAPI = {
     get: (): Promise<boolean> => ipcRenderer.invoke('theme:get'),
     set: (theme: 'system' | 'dark' | 'light') => ipcRenderer.send('theme:set', theme),
     onOsUpdated: (callback: (isDark: boolean) => void) => {
-      ipcRenderer.on('theme:os-updated', (_event, isDark: boolean) => callback(isDark))
+      ipcRenderer.on('theme:os-updated', (_e, isDark: boolean) => callback(isDark))
     },
   },
   dialog: {
     openFile: (options: { title?: string; filters?: { name: string; extensions: string[] }[] }) =>
       ipcRenderer.invoke('dialog:openFile', options),
   },
+  credential: {
+    encrypt: (text: string): Promise<string> => ipcRenderer.invoke('credential:encrypt', text),
+    decrypt: (encoded: string): Promise<string> => ipcRenderer.invoke('credential:decrypt', encoded),
+  },
+  storage: {
+    getConnections: (): Promise<any[]> => ipcRenderer.invoke('storage:getConnections'),
+    saveConnection: (conn: any): Promise<any[]> => ipcRenderer.invoke('storage:saveConnection', conn),
+    deleteConnection: (id: string): Promise<any[]> => ipcRenderer.invoke('storage:deleteConnection', id),
+    reorderConnections: (ids: string[]): Promise<any[]> => ipcRenderer.invoke('storage:reorderConnections', ids),
+    getSettings: (): Promise<any> => ipcRenderer.invoke('storage:getSettings'),
+    saveSettings: (settings: any): Promise<void> => ipcRenderer.invoke('storage:saveSettings', settings),
+  },
+  redis: {
+    connect: (id: string, opts: any): Promise<any> => ipcRenderer.invoke('redis:connect', id, opts),
+    disconnect: (id: string): Promise<void> => ipcRenderer.invoke('redis:disconnect', id),
+    execute: (id: string, command: string, args: string[]): Promise<any> =>
+      ipcRenderer.invoke('redis:execute', id, command, args),
+    getInfo: (id: string): Promise<string> => ipcRenderer.invoke('redis:getInfo', id),
+    scanKeys: (id: string, cursor: string, pattern: string, count: number): Promise<any> =>
+      ipcRenderer.invoke('redis:scanKeys', id, cursor, pattern, count),
+    getKeyType: (id: string, key: string): Promise<string> => ipcRenderer.invoke('redis:getKeyType', id, key),
+    getKeyTTL: (id: string, key: string): Promise<number> => ipcRenderer.invoke('redis:getKeyTTL', id, key),
+    getString: (id: string, key: string): Promise<string | null> => ipcRenderer.invoke('redis:getString', id, key),
+    setString: (id: string, key: string, value: string): Promise<void> =>
+      ipcRenderer.invoke('redis:setString', id, key, value),
+    deleteKey: (id: string, key: string): Promise<void> => ipcRenderer.invoke('redis:deleteKey', id, key),
+    hashScan: (id: string, key: string, cursor: string, count: number): Promise<any> =>
+      ipcRenderer.invoke('redis:hashScan', id, key, cursor, count),
+    hashSet: (id: string, key: string, field: string, value: string): Promise<void> =>
+      ipcRenderer.invoke('redis:hashSet', id, key, field, value),
+    hashDel: (id: string, key: string, field: string): Promise<void> =>
+      ipcRenderer.invoke('redis:hashDel', id, key, field),
+    setTTL: (id: string, key: string, ttl: number): Promise<void> =>
+      ipcRenderer.invoke('redis:setTTL', id, key, ttl),
+  },
 }
 
 contextBridge.exposeInMainWorld('electronAPI', electronAPI)