fix: overhaul container lifecycle — recovery, health, uninstall, UI state

Container recovery:
- Health monitor: MAX_RESTART_ATTEMPTS 3→10, interval 60s→120s
- Dependency-aware restarts: won't restart services before their deps
- Reset dependent counters when a dependency recovers
- Handle "created" state containers (were invisible to health monitor)
- Added IndeedHub, mempool-api, mysql to tier system
- Crash recovery: podman start timeout 30s→120s with retry
- Podman client: socket timeout 5s→30s, added restart policy

UI state representation:
- Exit code 0 shows "stopped" (gray), not "crashed" (red)
- Exit code 137 shows "killed (OOM)"
- Non-zero exit shows "crashed" (red)
- Added exit_code field to PackageDataEntry

Install/uninstall fixes:
- Install returns error when container doesn't start (was silent success)
- Post-install hooks awaited instead of fire-and-forget tokio::spawn
- Uninstall: graceful rm before force, volume prune, network cleanup
- Uninstall returns error on partial failure (was 200 OK)

Config consistency:
- DB passwords read from /var/lib/archipelago/secrets/ (was hardcoded)
- Bitcoin: added ZMQ ports 28332/28333 for LND block notifications
- IndeedHub port 7777→8190 (was conflicting with strfry)
- Marketplace versions: LND 0.17.4→0.18.4, Mempool 2.5.0→3.0.0

Performance:
- Metrics collector interval 60s→300s (was duplicating health monitor)
- Podman client: proper error propagation instead of unwrap_or_default

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

neode-ui/src/views/apps/AppCard.vue

@@ -84,7 +84,7 @@
     <div class="flex items-center gap-2">
       <span
         class="inline-flex items-center gap-1.5 px-2 py-1 rounded text-xs font-medium"
-        :class="getStatusClass(pkg.state, pkg.health)"
+        :class="getStatusClass(pkg.state, pkg.health, pkg['exit-code'])"
       >
         <svg
           v-if="isTransitioning"
@@ -97,12 +97,13 @@
           <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
         </svg>
         <span v-if="pkg.state === 'running' && pkg.health === 'unhealthy'" class="w-1.5 h-1.5 rounded-full bg-orange-400 animate-pulse"></span>
-        {{ getStatusLabel(pkg.state, pkg.health) }}
+        {{ getStatusLabel(pkg.state, pkg.health, pkg['exit-code']) }}
       </span>
     </div>
 
-    <!-- Quick Actions -->
+    <!-- Quick Actions — icon buttons in uniform dark containers -->
     <div v-if="!isUninstalling" class="mt-4 flex gap-2">
+      <!-- Launch -->
       <button
         v-if="canLaunch(pkg)"
         data-controller-launch-btn
@@ -112,51 +113,56 @@
         {{ t('common.launch') }}
         <svg v-if="opensInTab(id)" class="w-3.5 h-3.5 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /></svg>
       </button>
+      <!-- Start (play icon) -->
       <button
         v-if="!isWebOnly && !isLoading && (pkg.state === 'stopped' || pkg.state === 'exited')"
         @click.stop="$emit('start', id)"
-        class="flex-1 px-4 py-2 glass-button glass-button-success rounded-lg text-sm font-medium flex items-center justify-center gap-2"
+        class="px-3 py-2 glass-button glass-button-sm rounded-lg flex items-center justify-center"
+        :title="pkg.state === 'exited' ? 'Restart' : t('common.start')"
       >
-        <span>{{ pkg.state === 'exited' ? 'Restart' : t('common.start') }}</span>
+        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z" /></svg>
       </button>
+      <!-- Starting (spinner) -->
       <button
         v-if="!isWebOnly && isLoading && (pkg.state === 'stopped' || pkg.state === 'exited' || pkg.state === 'starting')"
         disabled
-        class="flex-1 px-4 py-2 glass-button glass-button-success rounded-lg text-sm font-medium opacity-50 cursor-not-allowed flex items-center justify-center gap-2"
+        class="px-3 py-2 glass-button glass-button-sm rounded-lg opacity-50 cursor-not-allowed flex items-center justify-center"
       >
-        <svg class="animate-spin h-4 w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <svg class="animate-spin h-4 w-4" fill="none" viewBox="0 0 24 24">
           <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
           <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
         </svg>
-        <span>{{ t('common.starting') }}</span>
       </button>
+      <!-- Stop (square icon) -->
       <button
         v-if="!isWebOnly && !isLoading && (pkg.state === 'running' || pkg.state === 'starting')"
         @click.stop="$emit('stop', id)"
-        class="flex-1 px-4 py-2 bg-yellow-500/20 border border-yellow-500/40 rounded-lg text-yellow-200 text-sm font-medium hover:bg-yellow-500/30 transition-colors flex items-center justify-center gap-2"
+        class="px-3 py-2 glass-button glass-button-sm rounded-lg flex items-center justify-center"
+        :title="t('common.stop')"
       >
-        <span>{{ t('common.stop') }}</span>
+        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="1" /></svg>
       </button>
+      <!-- Restart -->
       <button
         v-if="!isWebOnly && !isLoading && (pkg.state === 'running' || pkg.state === 'starting')"
         @click.stop="$emit('restart', id)"
-        class="px-2.5 py-2 glass-button glass-button-sm rounded-lg flex items-center justify-center"
+        class="px-3 py-2 glass-button glass-button-sm rounded-lg flex items-center justify-center"
         :title="t('common.restart')"
       >
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
         </svg>
       </button>
+      <!-- Stopping (spinner) -->
       <button
         v-if="!isWebOnly && isLoading && (pkg.state === 'running' || pkg.state === 'starting' || pkg.state === 'stopping')"
         disabled
-        class="flex-1 px-4 py-2 bg-yellow-500/20 border border-yellow-500/40 rounded-lg text-yellow-200 text-sm font-medium opacity-50 cursor-not-allowed flex items-center justify-center gap-2"
+        class="px-3 py-2 glass-button glass-button-sm rounded-lg opacity-50 cursor-not-allowed flex items-center justify-center"
       >
-        <svg class="animate-spin h-4 w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <svg class="animate-spin h-4 w-4" fill="none" viewBox="0 0 24 24">
           <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
           <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
         </svg>
-        <span>{{ t('common.stopping') }}</span>
       </button>
     </div>
   </div>

neode-ui/src/views/apps/appsConfig.ts

@@ -116,7 +116,7 @@ export function canLaunch(pkg: PackageDataEntry): boolean {
   return !!hasUI && canLaunchState
 }
 
-export function getStatusClass(state: PackageState, health?: string | null): string {
+export function getStatusClass(state: PackageState, health?: string | null, exitCode?: number | null): string {
   if (state === PackageState.Running && health === 'starting') return 'bg-yellow-500/20 text-yellow-200'
   if (state === PackageState.Running && health === 'unhealthy') return 'bg-orange-500/20 text-orange-200'
   switch (state) {
@@ -125,7 +125,10 @@ export function getStatusClass(state: PackageState, health?: string | null): str
     case PackageState.Stopped:
       return 'bg-gray-500/20 text-gray-200'
     case PackageState.Exited:
-      return 'bg-red-500/20 text-red-200'
+      // Exit code 0 = clean shutdown (gray), non-zero = crash (red)
+      return exitCode != null && exitCode !== 0
+        ? 'bg-red-500/20 text-red-200'
+        : 'bg-gray-500/20 text-gray-200'
     case PackageState.Starting:
     case PackageState.Stopping:
     case PackageState.Restarting:
@@ -137,11 +140,15 @@ export function getStatusClass(state: PackageState, health?: string | null): str
   }
 }
 
-export function getStatusLabel(state: PackageState, health?: string | null): string {
+export function getStatusLabel(state: PackageState, health?: string | null, exitCode?: number | null): string {
   if (state === PackageState.Running && health === 'starting') return 'starting up'
   if (state === PackageState.Running && health === 'unhealthy') return 'unhealthy'
   if (state === PackageState.Running && health === 'healthy') return 'healthy'
-  if (state === PackageState.Exited) return 'crashed'
+  if (state === PackageState.Exited) {
+    if (exitCode === 137) return 'killed (OOM)'
+    if (exitCode != null && exitCode !== 0) return 'crashed'
+    return 'stopped'
+  }
   return state
 }
 

neode-ui/src/views/apps/useAppsActions.ts

@@ -72,12 +72,10 @@ export function useAppsActions() {
     try {
       uninstallingApps.value.add(appId)
       await store.uninstallPackage(appId)
-      if (store.packages && store.packages[appId]) {
-        delete store.packages[appId]
-      }
+      // State update comes via WebSocket — no manual deletion needed
     } catch (err) {
       if (import.meta.env.DEV) console.error('Failed to uninstall app:', err)
-      showActionError(`Failed to uninstall app: ${err instanceof Error ? err.message : 'Unknown error'}`)
+      showActionError(`Failed to uninstall: ${err instanceof Error ? err.message : 'Unknown error'}`)
     } finally {
       uninstallingApps.value.delete(appId)
       uninstalling.value = false