Refactor Indeehub integration and enhance deployment documentation

- Updated Indeehub references throughout the codebase, changing the name from "IndeedHub" to "Indeehub" for consistency.
- Implemented a virtual app structure for Indeehub, allowing it to open an external URL without requiring a container.
- Enhanced deployment scripts and documentation to clarify SSH access and password management for Indeehub.
- Improved error handling and retry logic in various components to ensure better user experience during onboarding and app interactions.
- Updated CSS for visual enhancements and added new buttons for improved navigation in the AppLauncherOverlay.

neode-ui/src/stores/app.ts

@@ -15,6 +15,7 @@ export const useAppStore = defineStore('app', () => {
   const isLoading = ref(false)
   const error = ref<string | null>(null)
   let isWsSubscribed = false
+  let sessionValidated = false
 
   // Computed
   const serverInfo = computed(() => data.value?.['server-info'])
@@ -33,13 +34,16 @@ export const useAppStore = defineStore('app', () => {
     try {
       await rpcClient.login(password)
       isAuthenticated.value = true
+      sessionValidated = true
       localStorage.setItem('neode-auth', 'true')
       
-      // Connect WebSocket after successful login
-      await connectWebSocket()
-      
-      // Initialize data
+      // Initialize data structure immediately so dashboard can render
       await initializeData()
+      
+      // Connect WebSocket in background - don't block login flow
+      connectWebSocket().catch((err) => {
+        console.warn('[Store] WebSocket connection failed after login, will retry:', err)
+      })
     } catch (err) {
       error.value = err instanceof Error ? err.message : 'Login failed'
       throw err
@@ -55,10 +59,10 @@ export const useAppStore = defineStore('app', () => {
       console.error('Logout error:', err)
     } finally {
       isAuthenticated.value = false
+      sessionValidated = false
       localStorage.removeItem('neode-auth')
       data.value = null
       isWsSubscribed = false
-      // Disconnect WebSocket on logout (this prevents reconnection)
       wsClient.disconnect()
       isConnected.value = false
       isReconnecting.value = false
@@ -182,48 +186,42 @@ export const useAppStore = defineStore('app', () => {
     }
   }
   
-  // Check session validity on app load
+  // Check session validity on app load or stale auth
   async function checkSession(): Promise<boolean> {
-    console.log('[Store] Checking session...')
-    
     if (!localStorage.getItem('neode-auth')) {
-      console.log('[Store] No auth token found')
       return false
     }
     
     try {
-      // Try to make an authenticated request to verify session
-      console.log('[Store] Validating session with backend...')
       await rpcClient.call({ method: 'server.echo', params: { message: 'ping' } })
       isAuthenticated.value = true
-      console.log('[Store] Session valid, reconnecting WebSocket...')
+      sessionValidated = true
       
-      // Initialize data structure first
       await initializeData()
       
-      // Connect WebSocket - don't wait for it, let it reconnect in background
-      // This ensures the page loads quickly even if WebSocket is slow
       connectWebSocket().catch((err) => {
-        console.warn('[Store] WebSocket reconnection failed, will retry automatically:', err)
-        // The WebSocket client will handle retries automatically
+        console.warn('[Store] WebSocket reconnection failed, will retry:', err)
         isReconnecting.value = true
       })
       
       return true
     } catch (err) {
       console.error('[Store] Session check failed:', err)
-      // Session invalid, clear auth
       localStorage.removeItem('neode-auth')
       isAuthenticated.value = false
+      sessionValidated = false
       isWsSubscribed = false
       isConnected.value = false
       isReconnecting.value = false
-      // Disconnect WebSocket if session is invalid
       wsClient.disconnect()
       return false
     }
   }
 
+  function needsSessionValidation(): boolean {
+    return isAuthenticated.value && !sessionValidated
+  }
+
   // Package actions
   async function installPackage(id: string, marketplaceUrl: string, version: string): Promise<string> {
     return rpcClient.installPackage(id, marketplaceUrl, version)
@@ -293,6 +291,7 @@ export const useAppStore = defineStore('app', () => {
     login,
     logout,
     checkSession,
+    needsSessionValidation,
     connectWebSocket,
     installPackage,
     uninstallPackage,