P0: Electrobun + Angular 22 + Tailwind skeleton boots under Bun

- Electrobun 1.18 shell with branding in src/shared/branding.ts
- Angular 22 zoneless UI in ui/ (workspace), Tailwind v4 shadcn-style tokens
- ng-icons/mynaui icon registry
- Node-version shim so Angular CLI runs under Bun without Node installed
- ssh2 SFTP verified working under Bun against test box

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/app/app.config.ts

@@ -0,0 +1,11 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core';
+import { provideIcons, provideNgIconsConfig } from '@ng-icons/core';
+import { APP_ICONS } from './icons';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideIcons(APP_ICONS),
+    provideNgIconsConfig({ size: '1em' }),
+  ],
+};

ui/src/app/app.html

@@ -0,0 +1,17 @@
+<div class="flex h-screen flex-col">
+  <header class="flex items-center gap-2 border-b border-border px-4 py-2">
+    <ng-icon name="mynaArrowLeftRight" class="text-muted-foreground" />
+    <h1 class="text-sm font-semibold">{{ appName }}</h1>
+  </header>
+
+  <main class="flex flex-1 items-center justify-center">
+    <div class="rounded-lg border border-border bg-card p-6 text-card-foreground shadow-sm">
+      <div class="flex items-center gap-3">
+        <ng-icon name="mynaHardDrive" size="1.5rem" class="text-primary" />
+        <ng-icon name="mynaArrowLeftRight" size="1.25rem" class="text-muted-foreground" />
+        <ng-icon name="mynaServers" size="1.5rem" class="text-primary" />
+      </div>
+      <p class="mt-3 text-sm text-muted-foreground">P0 skeleton — panels arrive in P1.</p>
+    </div>
+  </main>
+</div>

ui/src/app/app.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { NgIcon } from '@ng-icons/core';
+import { BRANDING } from '@shared/branding';
+
+@Component({
+  selector: 'app-root',
+  imports: [NgIcon],
+  templateUrl: './app.html',
+})
+export class App {
+  readonly appName = BRANDING.appName;
+
+  constructor() {
+    document.title = BRANDING.appName;
+  }
+}

ui/src/app/icons.ts

@@ -0,0 +1,52 @@
+// Single icon registry for the whole app, registered once in app.config.ts.
+// NOTE: @ng-icons/mynaui's package root is empty — always import from /outline
+// (or /solid, where names get a `Solid` suffix).
+import {
+  mynaArrowLeftRight,
+  mynaArrowUp,
+  mynaCheck,
+  mynaCheckCircle,
+  mynaChevronDown,
+  mynaChevronRight,
+  mynaCog,
+  mynaEdit,
+  mynaFile,
+  mynaFilePlus,
+  mynaFolder,
+  mynaFolderPlus,
+  mynaHardDrive,
+  mynaLock,
+  mynaLogout,
+  mynaPlus,
+  mynaRefresh,
+  mynaServers,
+  mynaSpinner,
+  mynaTrash,
+  mynaX,
+  mynaXCircle,
+} from "@ng-icons/mynaui/outline";
+
+export const APP_ICONS = {
+  mynaArrowLeftRight,
+  mynaArrowUp,
+  mynaCheck,
+  mynaCheckCircle,
+  mynaChevronDown,
+  mynaChevronRight,
+  mynaCog,
+  mynaEdit,
+  mynaFile,
+  mynaFilePlus,
+  mynaFolder,
+  mynaFolderPlus,
+  mynaHardDrive,
+  mynaLock,
+  mynaLogout,
+  mynaPlus,
+  mynaRefresh,
+  mynaServers,
+  mynaSpinner,
+  mynaTrash,
+  mynaX,
+  mynaXCircle,
+};