Phase 13: Electron support (Vue 3 migration)

client-v3/src/App.vue

@@ -94,7 +94,7 @@
           </BNavItem>
         </BNavbarNav>
         <BNavbarNav class="ms-auto">
-          <BNavItem href="/?_switch=1"> Switch to Classic UI </BNavItem>
+          <BNavItem v-if="!isElectronEnv" href="/?_switch=1"> Switch to Classic UI </BNavItem>
           <BNavItem to="/help"> Help </BNavItem>
           <BNavItem to="/about"> About </BNavItem>
           <BNavItemDropdown v-if="isElectronEnv" text="Server">
@@ -362,7 +362,8 @@
   if (!isElectronEnv.value) return;
   const api = window.electronAPI as { clearActiveConnection?: () => Promise<void> } | undefined;
   await api?.clearActiveConnection?.();
-  window.location.href = '/ui-new/electron/server-selector';
+  await router.push('/electron/server-selector');
+  window.location.reload();
 }
 
 async function goToLivePage(): Promise<void> {

client-v3/src/js/platform/electron.ts

@@ -1,13 +1,45 @@
+export interface ElectronConnection {
+  id: string;
+  nickname: string;
+  url: string;
+  sslEnabled: boolean;
+}
+
+export interface ElectronVersionCheckResult {
+  compatible: boolean;
+  serverVersion?: string;
+  error?: string;
+}
+
+export interface ElectronDiscoveredServer {
+  name: string;
+  url: string;
+  compatible: boolean;
+  serverVersion?: string;
+  versionError?: string;
+}
+
 declare global {
   interface Window {
     electronAPI?: {
       getServerURLSync?: () => string | null;
       getAppVersion?: () => string;
-      getActiveConnection?: () => Promise<boolean>;
+      getActiveConnection?: () => Promise<ElectronConnection | null>;
       storageGet?: (key: string) => string | null;
       storageSet?: (key: string, value: string) => void;
       storageDelete?: (key: string) => void;
       storageClear?: () => void;
+      getAllConnections?: () => Promise<ElectronConnection[]>;
+      addConnection?: (conn: Omit<ElectronConnection, 'id'>) => Promise<ElectronConnection>;
+      updateConnection?: (
+        id: string,
+        updates: Partial<ElectronConnection>
+      ) => Promise<ElectronConnection>;
+      deleteConnection?: (id: string) => Promise<void>;
+      setActiveConnection?: (id: string) => Promise<void>;
+      clearActiveConnection?: () => Promise<void>;
+      checkVersion?: (serverUrl: string) => Promise<ElectronVersionCheckResult>;
+      discoverServersWithVersionCheck?: (timeout?: number) => Promise<ElectronDiscoveredServer[]>;
     };
   }
 }

client-v3/src/router/index.ts

@@ -1,10 +1,12 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
 import { isElectron } from '@/js/platform';
 import HomeView from '@/views/HomeView.vue';
 import NotFoundView from '@/views/NotFoundView.vue';
 
+const isFileProtocol = typeof window !== 'undefined' && window.location.protocol === 'file:';
+
 const router = createRouter({
-  history: createWebHistory('/ui-new/'),
+  history: isFileProtocol ? createWebHashHistory() : createWebHistory('/ui-new/'),
   routes: [
     {
       path: '/electron/server-selector',