Implement bundled app management in RPC and UI

- Added new RPC methods for starting and stopping bundled apps, allowing management of pre-loaded container images.
- Enhanced container listing logic to include a fallback to Podman for bundled apps.
- Updated the UI to display bundled apps with their respective statuses, including start and stop functionality.
- Introduced a new Pinia store structure to manage loading states and app statuses for bundled applications.
- Refactored existing components to improve user experience and streamline app management.

neode-ui/src/api/websocket.ts

@@ -14,7 +14,6 @@ export class WebSocketClient {
   private shouldReconnect = true
   private url: string
   private reconnectTimer: ReturnType<typeof setTimeout> | null = null
-  private isConnecting = false
 
   constructor(url: string = '/ws/db') {
     this.url = url
@@ -99,7 +98,6 @@ export class WebSocketClient {
 
       this.ws.onopen = () => {
         clearTimeout(connectionTimeout)
-        this.isConnecting = false
         this.reconnectAttempts = 0
         console.log('[WebSocket] Connected successfully')
         resolve()
@@ -107,7 +105,6 @@ export class WebSocketClient {
 
       this.ws.onerror = (error) => {
         clearTimeout(connectionTimeout)
-        this.isConnecting = false
         console.error('[WebSocket] Connection error:', error)
         // Don't reject immediately - let onclose handle reconnection
         // This prevents errors from blocking reconnection
@@ -124,7 +121,6 @@ export class WebSocketClient {
 
       this.ws.onclose = (event) => {
         clearTimeout(connectionTimeout)
-        this.isConnecting = false
         console.log('[WebSocket] Closed', { code: event.code, reason: event.reason, wasClean: event.wasClean })
         
         // Clear the WebSocket reference
@@ -195,7 +191,6 @@ export class WebSocketClient {
   disconnect(): void {
     this.shouldReconnect = false
     this.reconnectAttempts = 0
-    this.isConnecting = false
     
     // Clear reconnect timer
     if (this.reconnectTimer) {
@@ -242,7 +237,7 @@ function getWebSocketClient(): WebSocketClient {
   const existing = (window as any).__archipelago_ws_client
   if (existing && existing instanceof WebSocketClient) {
     // Check if the WebSocket is still valid
-    if (existing.ws && existing.ws.readyState === WebSocket.OPEN) {
+    if (existing.isConnected()) {
       console.log('[WebSocket] Using existing connected client from HMR')
       wsClientInstance = existing
       return existing