feat: complete Phase 1 foundation hardening + three-mode UI design doc

Phase 1a — Gradient Removal:
- Replaced all gradient-button/gradient-card with glass-button/path-option-card
- Removed banned gradient CSS classes

Phase 1b — Security Hardening:
- SecretsManager: AES-256-GCM encryption (core/security)
- electrs_status: credentials from env vars instead of hardcoded
- port_manager: RwLock proper error handling (no unwrap)
- Pinned all 11 :latest manifest images to specific versions
- parmanode converter: pinned inferred image versions

Phase 1c — Code Quality:
- Split rpc.rs (1795 lines) into 6 handler modules (auth, node, container, package, peers)
- Removed sideload code (UI, store, RPC client, 3 doc files)
- Fixed body background flash on logout/refresh
- Replaced 30 TypeScript `any` types with proper types
- Deleted HelloWorld.vue, removed TODO comments
- Added set -euo pipefail to all shell scripts
- Made deploy script verbose with timestamps and elapsed time

Also adds:
- CLAUDE.md project guide
- docs/three-mode-ui-design.md — design spec for Easy/Pro/Chat UI modes
- OnlineStatusPill component

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

neode-ui/src/views/Dashboard.vue

@@ -73,8 +73,8 @@
       :class="{ 'sidebar-animate': showZoomIn }"
     >
       <div class="sidebar-shell">
-        <div class="sidebar-inner">
-          <div class="sidebar-logo flex items-center gap-3 mb-8 p-6 pb-0">
+        <div class="sidebar-inner flex flex-col min-h-full">
+          <div class="sidebar-logo flex items-center gap-3 mb-8 p-6 pb-0 shrink-0">
             <AnimatedLogo />
             <div class="min-w-0 flex-1">
               <h2 class="text-lg font-semibold text-white truncate">{{ serverName }}</h2>
@@ -82,7 +82,7 @@
             </div>
           </div>
 
-          <nav class="sidebar-nav space-y-2 p-6 pt-4">
+          <nav class="sidebar-nav flex-1 min-h-0 space-y-2 p-6 pt-4">
             <RouterLink
               v-for="(item, idx) in desktopNavItems"
               :key="item.path"
@@ -105,11 +105,11 @@
             </RouterLink>
           </nav>
 
-          <div class="sidebar-controller px-6 pb-2">
+          <div class="sidebar-controller px-6 pb-2 shrink-0">
             <ControllerIndicator />
           </div>
 
-          <div class="sidebar-logout p-6">
+          <div class="sidebar-logout p-6 shrink-0">
             <button
               @click="handleLogout"
               class="sidebar-logout-btn w-full flex items-center gap-3 px-4 py-3 rounded-lg text-white/80 hover:bg-white/10 hover:text-white transition-colors"
@@ -120,6 +120,11 @@
               <span>Logout</span>
             </button>
           </div>
+
+          <!-- Online status pill - bottom of sidebar (desktop only; sidebar is hidden on mobile) -->
+          <div class="px-6 pb-6 shrink-0">
+            <OnlineStatusPill />
+          </div>
         </div>
       </div>
     </aside>
@@ -130,9 +135,8 @@
       class="flex-1 overflow-hidden relative pb-20 md:pb-0 glass-piece z-10"
       :class="{ 'glass-throw-main': showZoomIn }"
     >
-      <!-- App Switcher - top right, compact (Right arrow from sidebar goes here first) -->
       <div data-controller-main-entry class="absolute top-4 right-4 md:top-6 md:right-8 z-20">
-        <AppSwitcher />
+        <!-- Controller zone entry point - no switcher -->
       </div>
 
       <!-- Connection Status Banner -->
@@ -309,7 +313,7 @@ import { RouterLink, RouterView, useRouter, useRoute } from 'vue-router'
 import { useAppStore } from '../stores/app'
 import { useLoginTransitionStore } from '../stores/loginTransition'
 import AnimatedLogo from '@/components/AnimatedLogo.vue'
-import AppSwitcher from '@/components/AppSwitcher.vue'
+import OnlineStatusPill from '@/components/OnlineStatusPill.vue'
 import ControllerIndicator from '@/components/ControllerIndicator.vue'
 import { playDashboardLoadOomph } from '@/composables/useLoginSounds'