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/components/CLIPopup.vue

@@ -31,7 +31,6 @@
               </svg>
               <span class="text-white font-medium">CLI Access</span>
             </div>
-            <AppSwitcher />
             <kbd class="hidden sm:inline-flex px-2 py-1 text-xs text-white/50 bg-white/10 rounded">Esc</kbd>
           </div>
 
@@ -101,7 +100,7 @@
                   From the terminal menu you can install to disk, configure Bitcoin, Lightning, view logs, and more.
                 </p>
                 <p class="text-white/40 text-xs">
-                  Tip: Press <kbd class="px-1.5 py-0.5 rounded bg-white/10 font-mono text-[10px]">C</kbd> or <kbd class="px-1.5 py-0.5 rounded bg-white/10 font-mono text-[10px]">⌘⇧`</kbd> to open this anytime.
+                  Tip: Press <kbd class="px-1.5 py-0.5 rounded bg-white/10 font-mono text-[10px]">⌘C</kbd> / <kbd class="px-1.5 py-0.5 rounded bg-white/10 font-mono text-[10px]">Ctrl+C</kbd> to open this anytime.
                 </p>
               </div>
             </div>
@@ -116,8 +115,6 @@
 import { ref, computed, watch, nextTick, onMounted, onBeforeUnmount } from 'vue'
 import { useCLIStore } from '@/stores/cli'
 import { useModalKeyboard } from '@/composables/useModalKeyboard'
-import AppSwitcher from '@/components/AppSwitcher.vue'
-
 const cliStore = useCLIStore()
 const panelRef = ref<HTMLElement | null>(null)
 const dragHandleRef = ref<HTMLElement | null>(null)

neode-ui/src/components/HelloWorld.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>

neode-ui/src/components/OnlineStatusPill.vue

@@ -0,0 +1,25 @@
+<template>
+  <button
+    type="button"
+    data-controller-ignore
+    class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-white/80 hover:bg-white/10 hover:text-white transition-colors"
+    title="Open CLI (⌘C / Ctrl+C)"
+    @click="openCLI"
+  >
+    <div class="relative">
+      <div class="w-2 h-2 rounded-full bg-green-400"></div>
+      <div class="absolute inset-0 w-2 h-2 rounded-full bg-green-400 animate-ping opacity-50"></div>
+    </div>
+    <span class="text-xs">Online</span>
+  </button>
+</template>
+
+<script setup lang="ts">
+import { useCLIStore } from '@/stores/cli'
+
+const cliStore = useCLIStore()
+
+function openCLI() {
+  cliStore.open()
+}
+</script>

neode-ui/src/components/PWAInstallPrompt.vue

@@ -24,7 +24,7 @@
             </button>
             <button
               @click="install"
-              class="px-4 py-2 gradient-button rounded-lg text-sm font-medium"
+              class="px-4 py-2 glass-button glass-button-sm rounded-lg text-sm font-medium"
             >
               Install
             </button>

neode-ui/src/components/PWAUpdatePrompt.vue

@@ -36,7 +36,7 @@
             </button>
             <button
               @click="handleUpdate"
-              class="px-4 py-2 gradient-button rounded-lg text-sm font-medium"
+              class="px-4 py-2 glass-button glass-button-sm rounded-lg text-sm font-medium"
             >
               Update Now
             </button>