From bc6aaf0774131f0dc385d8324a704bd7ebdd45c5 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 09:11:17 +1000
Subject: [PATCH 01/12] Extract a protocol-neutral FinderHost so ClassicStack
 can reuse the Finder UI.

FinderWindow now talks RemoteEndpoint/Catalog instead of NBP and AFP client types, package.json exports the shared surface, and the TashTalk app implements the new host.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 package.json            |  12 ++
 src/fs/empty-catalog.ts | 106 ++++++++++++++++
 src/main.ts             |  61 +++++-----
 src/ui/finder-host.ts   |  72 +++++++++++
 src/ui/finder-window.ts | 263 +++++++++++++++++++++-------------------
 src/ui/login-dialog.ts  |  13 +-
 6 files changed, 357 insertions(+), 170 deletions(-)
 create mode 100644 src/fs/empty-catalog.ts
 create mode 100644 src/ui/finder-host.ts

diff --git a/package.json b/package.json
index 96bb2eb..4ec7d9d 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,18 @@
   "version": "0.1.0",
   "license": "GPL-3.0",
   "type": "module",
+  "exports": {
+    "./ui/finder": "./src/ui/finder-window.ts",
+    "./ui/finder-host": "./src/ui/finder-host.ts",
+    "./ui/styles": "./src/ui/styles/tokens.css",
+    "./ui/login": "./src/ui/login-dialog.ts",
+    "./ui/alert": "./src/ui/alert-dialog.ts",
+    "./ui/name-conflict": "./src/ui/name-conflict-dialog.ts",
+    "./ui/get-info": "./src/ui/get-info-window.ts",
+    "./ui/resource-explorer": "./src/ui/resource-fork-explorer.ts",
+    "./fs/catalog": "./src/fs/virtual-fs.ts",
+    "./fs/empty-catalog": "./src/fs/empty-catalog.ts"
+  },
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
diff --git a/src/fs/empty-catalog.ts b/src/fs/empty-catalog.ts
new file mode 100644
index 0000000..d390f78
--- /dev/null
+++ b/src/fs/empty-catalog.ts
@@ -0,0 +1,106 @@
+/** No-op Catalog used when the Finder has no local share (ClassicStack Go SPA). */
+
+import type { ByteRangeReader } from './byte-range';
+import type { ResourceFork, ResourceForkLoadOpts } from './resource-fork';
+import type {
+  Catalog,
+  ChildrenBatchListener,
+  VfsChangeListener,
+  VNode,
+} from './virtual-fs';
+
+const ROOT_ID = 2;
+
+function emptyRoot(): VNode {
+  return {
+    id: ROOT_ID,
+    parentId: 1,
+    name: '',
+    isDir: true,
+    data: new Uint8Array(),
+    resource: new Uint8Array(),
+    finderInfo: new Uint8Array(32),
+    createDate: 0,
+    modDate: 0,
+  };
+}
+
+function unsupported(op: string): never {
+  throw new Error(`empty catalog: ${op} is not supported`);
+}
+
+/** Catalog with an empty root; mutations throw. */
+export class EmptyCatalog implements Catalog {
+  rootId(): number {
+    return ROOT_ID;
+  }
+
+  subscribe(_fn: VfsChangeListener): () => void {
+    return () => undefined;
+  }
+
+  beginBatch(): void {}
+  endBatch(): void {}
+
+  async get(id: number): Promise<VNode | undefined> {
+    return id === ROOT_ID ? emptyRoot() : undefined;
+  }
+
+  async ensureContent(id: number): Promise<VNode | undefined> {
+    return this.get(id);
+  }
+
+  async children(
+    _parentId: number,
+    onBatch?: ChildrenBatchListener,
+    _signal?: AbortSignal,
+  ): Promise<VNode[]> {
+    onBatch?.([]);
+    return [];
+  }
+
+  async lookup(): Promise<VNode | undefined> {
+    return undefined;
+  }
+
+  async loadResourceFork(): Promise<ResourceFork | null> {
+    return null;
+  }
+
+  async loadIconResources(): Promise<ResourceFork | null> {
+    return null;
+  }
+
+  async withRangeReader<T>(
+    _node: VNode,
+    fn: (read: ByteRangeReader) => Promise<T>,
+  ): Promise<T> {
+    const read: ByteRangeReader = async () => new Uint8Array();
+    return fn(read);
+  }
+
+  mkdir(): Promise<VNode> {
+    return unsupported('mkdir');
+  }
+  ensureDir(): Promise<VNode> {
+    return unsupported('ensureDir');
+  }
+  createFile(): Promise<VNode> {
+    return unsupported('createFile');
+  }
+  put(): Promise<void> {
+    return unsupported('put');
+  }
+  rename(): Promise<void> {
+    return unsupported('rename');
+  }
+  move(): Promise<void> {
+    return unsupported('move');
+  }
+  remove(): Promise<void> {
+    return unsupported('remove');
+  }
+  importDataTransfer(): Promise<number> {
+    return unsupported('importDataTransfer');
+  }
+}
diff --git a/src/main.ts b/src/main.ts
index c56693e..f8709a9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,12 +4,12 @@ import { LocalTalkStack } from './net/stack';
 import { NbpService, type LookupResult } from './services/nbp';
 import { AtpClient } from './services/atp-client';
 import { AfpServer } from './services/afp-server/server';
-import { AfpClient, type AfpCredentials, type AfpServerNotice } from './services/afp-client/client';
+import { AfpClient, type AfpServerNotice } from './services/afp-client/client';
 import { VirtualFS } from './fs/virtual-fs';
 import { addWelcomePack, seedWelcomePackIfNeeded, skipWelcomePackSeed } from './fs/welcome-pack';
 import { resetExtensionMap } from './fs/extension-map';
 import { RemoteVfs } from './fs/remote-vfs';
-import { FinderWindow, type FinderHost } from './ui/finder-window';
+import { FinderWindow, type FinderHost, type RemoteEndpoint } from './ui/finder-window';
 import { AppMenuBar } from './ui/app-menubar';
 import { LogPanel } from './ui/log-panel';
 import { ActivityWindow } from './ui/activity-window';
@@ -194,6 +194,15 @@ async function main(): Promise<void> {
     void applyNetboot(state);
   });
 
+  function toEndpoint(s: LookupResult): RemoteEndpoint {
+    return {
+      id: s.object,
+      kind: 'afp',
+      title: s.object,
+      subtitle: s.zone && s.zone !== '*' ? s.zone : `${s.network}.${s.node}`,
+    };
+  }
+
   function afpServerKey(s: LookupResult): string {
     return `${s.object}\0${s.network}.${s.node}:${s.socket}`;
   }
@@ -228,7 +237,7 @@ async function main(): Promise<void> {
       const key = afpServerListKey(list);
       const changed = key !== prevKey;
       lastAfpScanKey = key;
-      finder.setServers(list);
+      finder.setServers(list.map(toEndpoint));
       if (kind === 'manual' || !prevKey || changed) {
         log.info(`NBP found ${list.length} AFPServer(s)`, 'nbp');
       }
@@ -267,19 +276,9 @@ async function main(): Promise<void> {
       stack && stack.node
         ? `node ${stack.node.toString(16).padStart(2, '0').toUpperCase()} net ${stack.network}`
         : '',
+    localTitle: () => 'Browser Share',
 
-    remoteMeta: () =>
-      remote
-        ? {
-            nbpName: remoteNbpName || remote.serverName,
-            serverName: remote.serverName,
-            volumeName: remote.volumeName,
-            volumes: remote.volumes.map((v) => v.name),
-            loggedIn: remote.loggedIn,
-          }
-        : null,
-
-    async connectSerial() {
+    async connectTransport() {
       if (!WebSerialPort.supported()) {
         alertDialog.show('Web Serial is not supported', WEB_SERIAL_HELP);
         throw new Error('Web Serial is not supported');
@@ -300,7 +299,7 @@ async function main(): Promise<void> {
       await stack.startClaim();
     },
 
-    async disconnectSerial() {
+    async disconnectTransport() {
       stopAfpServerScan();
       await remote?.close().catch(() => undefined);
       remote = null;
@@ -318,11 +317,17 @@ async function main(): Promise<void> {
     },
 
     async refreshNetwork() {
-      return scanAfpServers('manual');
+      const list = await scanAfpServers('manual');
+      return list.map(toEndpoint);
     },
 
-    async beginRemote(h: LookupResult) {
+    async beginRemote(ep) {
       if (!atp) throw new Error('not connected');
+      const list = nbp ? await nbp.lookup('=', 'AFPServer') : [];
+      const h =
+        list.find((x) => x.object === ep.id || x.object === ep.title) ??
+        list.find((x) => x.object.toLowerCase() === ep.title.toLowerCase());
+      if (!h) throw new Error(`AFP server “${ep.title}” is not on the network`);
       log.info(`AFP GetStatus/OpenSess ${h.object} (${h.network}.${h.node}:${h.socket || asp.DefaultSLS})`, 'afp');
       await remote?.close().catch(() => undefined);
       remote = await AfpClient.openSession(atp, h.network, h.node, h.socket || asp.DefaultSLS);
@@ -330,18 +335,19 @@ async function main(): Promise<void> {
       attachRemoteNotices(remote);
       return {
         serverName: remote.serverName,
-        versions: remote.versions,
+        volumes: [],
+        allowGuest: remote.uams.some((u) => /no user authent/i.test(u)),
         uams: remote.uams,
       };
     },
 
-    async loginRemote(creds: AfpCredentials) {
+    async loginRemote(creds) {
       if (!remote) throw new Error('no AFP session');
       await remote.login(creds);
       return remote.volumes.map((v) => v.name);
     },
 
-    async openRemoteVolume(name: string) {
+    async openVolume(name: string) {
       if (!remote) throw new Error('not logged in');
       const volId = await remote.openVolume(name);
       log.info(`Mounted remote ${remote.serverName || remoteNbpName}:${name} (vol ${volId})`, 'afp');
@@ -376,17 +382,6 @@ async function main(): Promise<void> {
       return nameConflictDialog.prompt(opts);
     },
 
-    async findServer(nbpName: string) {
-      if (!nbp) return null;
-      let list = await nbp.lookup(nbpName, 'AFPServer');
-      if (!list.length) list = await nbp.lookup('=', 'AFPServer');
-      const hit =
-        list.find((x) => x.object.toLowerCase() === nbpName.toLowerCase()) ??
-        list.find((x) => x.object.toLowerCase().includes(nbpName.toLowerCase()));
-      if (hit) finder.setServers(list);
-      return hit ?? null;
-    },
-
     async closeRemote() {
       await remote?.close().catch(() => undefined);
       remote = null;
@@ -413,7 +408,7 @@ async function main(): Promise<void> {
     async resetEnvironment(eraseShare) {
       log.info(eraseShare ? 'Resetting environment (including Browser Share)' : 'Resetting environment', 'app');
       try {
-        await host.disconnectSerial();
+        await host.disconnectTransport?.();
       } catch {
         /* already disconnected */
       }
diff --git a/src/ui/finder-host.ts b/src/ui/finder-host.ts
new file mode 100644
index 0000000..dd2a29a
--- /dev/null
+++ b/src/ui/finder-host.ts
@@ -0,0 +1,72 @@
+/** Protocol-neutral Finder host contract shared with ClassicStack’s Go SPA. */
+
+import type { Catalog } from '../fs/virtual-fs';
+import type { NameConflictChoice } from '../fs/name-conflict';
+import type { WelcomePackProgress } from '../fs/welcome-pack';
+
+/** File-sharing scheme a sidebar endpoint was discovered on (or this host’s own volumes). */
+export type ShareKind = 'local' | 'afp' | 'smb' | 'ncp' | 'etherdfs';
+
+/** One discoverable server or local volume the Finder can open. */
+export interface RemoteEndpoint {
+  /** Opaque id (NBP name, SMB server, `local:afp:Mac HD`, …). */
+  id: string;
+  kind: ShareKind;
+  title: string;
+  subtitle?: string;
+}
+
+/** Result of contacting a remote (or local) endpoint before / after login. */
+export interface SessionInfo {
+  serverName: string;
+  volumes: string[];
+  allowGuest: boolean;
+  uams?: string[];
+}
+
+export type Credentials =
+  | { kind: 'guest' }
+  | { kind: 'password'; username: string; password: string };
+
+export interface CredentialPromptOptions {
+  serverName: string;
+  uams: string[];
+  error?: string;
+  allowGuest: boolean;
+}
+
+/**
+ * Composition root the Finder talks to for discover / login / mount.
+ * ClassicStack-web implements this over TashTalk + AFP; ClassicStack’s SPA
+ * implements it over HTTP to the Go server (no in-browser protocol stack).
+ */
+export interface FinderHost {
+  isConnected(): boolean;
+  nodeLabel(): string;
+  refreshNetwork(): Promise<RemoteEndpoint[]>;
+  beginRemote(ep: RemoteEndpoint): Promise<SessionInfo>;
+  loginRemote(creds: Credentials): Promise<string[]>;
+  openVolume(name: string): Promise<Catalog>;
+  closeRemote(): Promise<void>;
+  /** IndexedDB Browser Share on the web PWA; null in the Go SPA. */
+  localCatalog(): Catalog | null;
+  promptCredentials(opts: CredentialPromptOptions): Promise<Credentials | null>;
+  showAlert(title: string, text: string): void;
+  promptNameConflict(opts: {
+    name: string;
+    isDir: boolean;
+    suggestedName: string;
+  }): Promise<NameConflictChoice>;
+
+  /** Display name for the local catalog (default “Browser Share”). */
+  localTitle?(): string;
+  dismissLogin?(): void;
+  /** TashTalk / Web Serial — omitted on the Go SPA. */
+  connectTransport?(): Promise<void>;
+  disconnectTransport?(): Promise<void>;
+  /** Copy bundled public/welcome files into the local catalog. */
+  installWelcomePack?(opts?: WelcomePackProgress): Promise<{ imported: number; skipped: number }>;
+  seedWelcomePack?(
+    opts?: WelcomePackProgress,
+  ): Promise<{ imported: number; skipped: number } | null>;
+}
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index 46f6127..cb29877 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -1,6 +1,11 @@
 import type { Catalog, VNode } from '../fs/virtual-fs';
-import type { LookupResult } from '../services/nbp';
-import type { AfpCredentials, AfpServerInfo } from '../services/afp-client/client';
+import { EmptyCatalog } from '../fs/empty-catalog';
+import type {
+  Credentials,
+  FinderHost,
+  RemoteEndpoint,
+  SessionInfo,
+} from './finder-host';
 import { fromMacTime } from '../protocol/afp/constants';
 import { decodeMacRoman } from '../protocol/macroman';
 import { buildAppleDouble, zipSidecarPath, zipStore, type ZipExportStyle } from '../fs/appledouble';
@@ -53,7 +58,6 @@ import {
   planItemPlacement,
   uniqueCopyName,
   TransferCancelled,
-  type NameConflictChoice,
   type PlacementPlan,
 } from '../fs/name-conflict';
 import { decodePict, pictToSvg } from '../fs/pict/pict';
@@ -65,43 +69,7 @@ export type SortKey = 'name' | 'modified' | 'size';
 /** Finder file types that open in the Quick Look overlay. */
 const PREVIEW_TEXT_MAX_BYTES = 512 * 1024;
 
-export interface FinderHost {
-  connectSerial(): Promise<void>;
-  disconnectSerial(): Promise<void>;
-  refreshNetwork(): Promise<LookupResult[]>;
-  beginRemote(host: LookupResult): Promise<AfpServerInfo>;
-  loginRemote(creds: AfpCredentials): Promise<string[]>;
-  openRemoteVolume(name: string): Promise<Catalog>;
-  findServer(nbpName: string): Promise<LookupResult | null>;
-  promptCredentials(opts: {
-    serverName: string;
-    uams: string[];
-    error?: string;
-    allowGuest: boolean;
-  }): Promise<AfpCredentials | null>;
-  dismissLogin(): void;
-  closeRemote(): Promise<void>;
-  localCatalog(): Catalog;
-  remoteMeta(): {
-    nbpName: string;
-    serverName: string;
-    volumeName: string;
-    volumes: string[];
-    loggedIn: boolean;
-  } | null;
-  isConnected(): boolean;
-  nodeLabel(): string;
-  showAlert(title: string, text: string): void;
-  promptNameConflict(opts: {
-    name: string;
-    isDir: boolean;
-    suggestedName: string;
-  }): Promise<NameConflictChoice>;
-  /** Copy bundled public/welcome files into Browser Share (skips existing names). */
-  installWelcomePack(opts?: WelcomePackProgress): Promise<{ imported: number; skipped: number }>;
-  /** Import new bundled files once per pack list; returns null when already up to date. */
-  seedWelcomePack(opts?: WelcomePackProgress): Promise<{ imported: number; skipped: number } | null>;
-}
+export type { Credentials, FinderHost, RemoteEndpoint, SessionInfo } from './finder-host';
 
 interface ListItem {
   key: string;
@@ -150,7 +118,7 @@ export class FinderWindow extends HTMLElement {
   private columnChildren: VNode[][] = [];
   private selectedId: number | null = null;
   private nodes: VNode[] = [];
-  private servers: LookupResult[] = [];
+  private servers: RemoteEndpoint[] = [];
   private source: 'local' | 'remote' = 'local';
   private status = 'Connect a TashTalk adaptor to begin.';
   private statusBusy = false;
@@ -162,7 +130,7 @@ export class FinderWindow extends HTMLElement {
   private remoteVolumes: string[] = [];
   private remoteBusy = false;
   private remoteNbpName = '';
-  private remoteLookup: LookupResult | null = null;
+  private remoteEndpoint: RemoteEndpoint | null = null;
   private eventsBound = false;
   private dragDepth = 0;
   /** Folder ids expanded in list-view outline. */
@@ -340,18 +308,38 @@ export class FinderWindow extends HTMLElement {
     this.invalidateIcons();
   }
 
-  bind(vfs: Catalog, host: FinderHost): void {
-    this.localVfs = vfs;
-    this.catalogs.set('local', vfs);
-    this.attachCatalog(vfs);
+  bind(vfs: Catalog | null, host: FinderHost): void {
     this.host = host;
+    this.localVfs = vfs ?? host.localCatalog();
+    if (this.localVfs) {
+      this.catalogs.set('local', this.localVfs);
+      this.attachCatalog(this.localVfs);
+    } else {
+      this.attachCatalog(new EmptyCatalog());
+    }
     this.ensureShellEvents();
     void this.bootstrapFromLocation().then(() => {
       this.applyCompactView();
-      void this.runWelcomePack({ seed: true });
+      if (this.hasLocalShare()) void this.runWelcomePack({ seed: true });
+      if (!this.hasTransport()) {
+        this.setStatus('Select a volume in the sidebar to browse.');
+        void this.onRefresh();
+      }
     });
   }
 
+  private hasLocalShare(): boolean {
+    return this.localVfs != null;
+  }
+
+  private localShareTitle(): string {
+    return this.host?.localTitle?.() || 'Browser Share';
+  }
+
+  private hasTransport(): boolean {
+    return typeof this.host?.connectTransport === 'function';
+  }
+
   private attachCatalog(next: Catalog): void {
     if (this.vfs === next) return;
     this.vfsUnsub?.();
@@ -397,12 +385,13 @@ export class FinderWindow extends HTMLElement {
   /** Drop a remote mount (server CloseSession / disconnect attention). */
   unmountRemote(status?: string): void {
     const local = this.localVfs ?? this.host?.localCatalog();
-    if (local) this.mountCatalog(local, 'local', 'Browser Share');
+    if (local) this.mountCatalog(local, 'local', this.localShareTitle());
+    else this.attachCatalog(new EmptyCatalog());
     this.remoteOpen = false;
     this.remoteLoggedIn = false;
     this.remoteVolumes = [];
     this.remoteNbpName = '';
-    this.remoteLookup = null;
+    this.remoteEndpoint = null;
     this.dropRemoteCatalogs();
     if (status) this.setStatus(status);
     void this.reload().then(() => {
@@ -660,14 +649,14 @@ export class FinderWindow extends HTMLElement {
     btn.setAttribute('aria-busy', String(busy));
   }
 
-  setServers(list: LookupResult[]): void {
+  setServers(list: RemoteEndpoint[]): void {
     this.servers = list;
     if (
       this.remoteLoggedIn &&
-      this.remoteLookup &&
-      !list.some((s) => s.object === this.remoteLookup!.object && s.node === this.remoteLookup!.node)
+      this.remoteEndpoint &&
+      !list.some((s) => s.id === this.remoteEndpoint!.id)
     ) {
-      this.servers = [this.remoteLookup, ...list];
+      this.servers = [this.remoteEndpoint, ...list];
     }
     this.renderSidebar();
   }
@@ -760,12 +749,12 @@ export class FinderWindow extends HTMLElement {
     vol: string;
     path: string[];
   } {
-    const meta = this.host.remoteMeta();
+    const metaId = this.remoteEndpoint?.id ?? '';
     return {
       view: this.view,
       source: this.source,
-      share: this.source === 'remote' ? this.remoteNbpName || meta?.nbpName || '' : '',
-      vol: this.source === 'remote' ? this.pathStack[0]?.name || meta?.volumeName || '' : '',
+      share: this.source === 'remote' ? this.remoteNbpName || metaId : '',
+      vol: this.source === 'remote' ? this.pathStack[0]?.name || '' : '',
       path: this.pathNamesForUrl(),
     };
   }
@@ -884,7 +873,7 @@ export class FinderWindow extends HTMLElement {
         return;
       }
       this.showLocalShare();
-      this.pathStack = await this.resolvePathNames(state.path, 'Browser Share');
+      this.pathStack = await this.resolvePathNames(state.path, this.localShareTitle());
       this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
       await this.reload();
     } finally {
@@ -896,9 +885,8 @@ export class FinderWindow extends HTMLElement {
   /** True when this Finder session is already logged in to the named AFP server. */
   private remoteServerConnected(share: string): boolean {
     if (!this.remoteLoggedIn || !share) return false;
-    const meta = this.host.remoteMeta();
-    const nbp = this.remoteNbpName || meta?.nbpName || '';
-    return nbp.toLowerCase() === share.toLowerCase() && !!meta?.loggedIn;
+    const id = this.remoteNbpName || this.remoteEndpoint?.id || '';
+    return id.toLowerCase() === share.toLowerCase();
   }
 
   private canonicalVolumeName(vol: string): string | null {
@@ -915,7 +903,8 @@ export class FinderWindow extends HTMLElement {
 
   private showLocalShare(): void {
     const local = this.localVfs ?? this.host.localCatalog();
-    this.mountCatalog(local, 'local', 'Browser Share');
+    if (!local) return;
+    this.mountCatalog(local, 'local', this.localShareTitle());
     this.remoteOpen = false;
   }
 
@@ -923,14 +912,14 @@ export class FinderWindow extends HTMLElement {
     this.showLocalShare();
     this.remoteLoggedIn = false;
     this.remoteVolumes = [];
-    this.remoteLookup = null;
+    this.remoteEndpoint = null;
     this.remoteNbpName = '';
   }
 
   private async resolvePathNames(names: string[], rootName?: string): Promise<{ id: number; name: string }[]> {
     const rootId = this.vfs.rootId();
     const stack: { id: number; name: string }[] = [
-      { id: rootId, name: rootName ?? this.pathStack[0]?.name ?? 'Browser Share' },
+      { id: rootId, name: rootName ?? this.pathStack[0]?.name ?? this.localShareTitle() },
     ];
     let parent = rootId;
     for (const name of names) {
@@ -1231,10 +1220,14 @@ export class FinderWindow extends HTMLElement {
         <button type="button" class="btn icon-btn titlebar-zoom" data-act="zoom" aria-label="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}" title="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}">${this.classList.contains('is-maximized') ? uiIcons.restore : uiIcons.maximize}</button>
       </div>
       <div class="toolbar">
-        <button type="button" class="btn primary" data-act="connect" aria-label="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}" title="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}">
+        ${
+          this.hasTransport()
+            ? `<button type="button" class="btn primary" data-act="connect" aria-label="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}" title="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}">
           <span class="connect-icon">${uiIcons.usb}</span>
           <span class="connect-label">${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}</span>
-        </button>
+        </button>`
+            : ''
+        }
         <button type="button" class="btn icon-btn" data-act="import" aria-label="Upload" title="Upload">${uiIcons.import}</button>
         <button type="button" class="btn transfer-btn" data-act="transfers" hidden aria-label="File transfers" title="File transfers"></button>
         <button type="button" class="btn icon-btn" data-act="mkdir" aria-label="New Folder" title="New Folder">${uiIcons.mkdir}</button>
@@ -1404,18 +1397,14 @@ export class FinderWindow extends HTMLElement {
   private renderSidebar(): void {
     const side = this.querySelector('.sidebar');
     if (!side) return;
-    const meta = this.host?.remoteMeta?.() ?? null;
-    const connectedName = this.remoteNbpName || meta?.nbpName || '';
-    const volumes = this.remoteVolumes.length ? this.remoteVolumes : (meta?.volumes ?? []);
-    const viewingLocal = this.source === 'local';
+    const connectedId = this.remoteNbpName || this.remoteEndpoint?.id || '';
+    const volumes = this.remoteVolumes;
+    const viewingLocal = this.source === 'local' && this.hasLocalShare();
     const openVol = this.source === 'remote' ? this.pathStack[0]?.name || '' : '';
     const viewingServer = this.source === 'remote' && !this.remoteOpen;
     const servers = this.servers
       .map((s, i) => {
-        const connected =
-          this.remoteLoggedIn &&
-          (s.object === connectedName ||
-            (this.remoteLookup != null && s.node === this.remoteLookup.node && s.socket === this.remoteLookup.socket));
+        const connected = this.remoteLoggedIn && s.id === connectedId;
         const serverSel = viewingServer && connected ? 'selected' : '';
         const kids =
           connected && volumes.length
@@ -1432,26 +1421,33 @@ export class FinderWindow extends HTMLElement {
         const eject = connected
           ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
           : '';
+        const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
         return `
-      <div class="side-item ${serverSel}" data-server="${i}">
+      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}>
         <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(s.object)}">${this.escape(s.object)}</span>
+        <span class="side-item-label" aria-label="${this.escape(s.title)}">${this.escape(s.title)}</span>
         ${eject}
       </div>${kids}`;
       })
       .join('');
-    side.innerHTML = `
-      <div class="side-label">Local</div>
+    const localBlock = this.hasLocalShare()
+      ? `<div class="side-label">Local</div>
       <div class="side-item ${viewingLocal ? 'selected' : ''}" data-local>
         <span class="dot"></span>
-        <span class="side-item-label" aria-label="Browser Share">Browser Share</span>
+        <span class="side-item-label" aria-label="${this.escape(this.localShareTitle())}">${this.escape(this.localShareTitle())}</span>
         <button type="button" class="side-more" data-act="share-actions" aria-label="Share actions" title="Share actions">${uiIcons.more}</button>
-      </div>
+      </div>`
+      : '';
+    const netLabel = this.hasTransport() ? 'LocalTalk' : 'Network';
+    const emptyNet = this.hasTransport() ? 'No AFP servers' : 'No servers';
+    const refreshEnabled = this.host?.isConnected() || !this.hasTransport();
+    side.innerHTML = `
+      ${localBlock}
       <div class="side-label side-label--with-action">
-        <span>LocalTalk</span>
-        <button type="button" class="side-refresh${this.networkScanning ? ' spinning' : ''}" data-act="refresh" aria-label="Refresh network" aria-busy="${this.networkScanning}" ${this.host?.isConnected() ? '' : 'disabled'}>${uiIcons.refresh}</button>
+        <span>${netLabel}</span>
+        <button type="button" class="side-refresh${this.networkScanning ? ' spinning' : ''}" data-act="refresh" aria-label="Refresh network" aria-busy="${this.networkScanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>
       </div>
-      ${servers || '<div class="side-item"><span class="dot off"></span><span>No AFP servers</span></div>'}
+      ${servers || `<div class="side-item"><span class="dot off"></span><span>${emptyNet}</span></div>`}
     `;
   }
 
@@ -1463,7 +1459,7 @@ export class FinderWindow extends HTMLElement {
       name:
         i === 0 && this.source === 'remote' && this.remoteNbpName
           ? `${this.remoteNbpName}:${p.name}`
-          : p.name || 'Browser Share',
+          : p.name || this.localShareTitle(),
       id: p.id,
       index: i,
     }));
@@ -1535,7 +1531,7 @@ export class FinderWindow extends HTMLElement {
       const items = this.currentItems();
       iconItems = items;
       if (items.length === 0) {
-        content.innerHTML = `<div class="empty">Drop files or folders here, or browse the LocalTalk network.</div>`;
+        content.innerHTML = `<div class="empty">${this.hasTransport() ? 'Drop files or folders here, or browse the LocalTalk network.' : 'Select a volume in the sidebar to browse.'}</div>`;
       } else if (this.view === 'icon') {
         content.innerHTML = `<div class="icon-grid">${items.map((it) => this.iconHtml(it)).join('')}</div>`;
       } else if (this.view === 'list') {
@@ -2524,6 +2520,7 @@ export class FinderWindow extends HTMLElement {
       return;
     }
     if (t.closest('[data-local]')) {
+      if (!this.hasLocalShare()) return;
       this.showLocalShare();
       this.closeSidebar();
       await this.reload();
@@ -2562,7 +2559,7 @@ export class FinderWindow extends HTMLElement {
       const s = this.servers[i];
       if (!s) return;
       if (this.remoteBusy) return;
-      if (this.remoteLoggedIn && this.remoteNbpName === s.object) {
+      if (this.remoteLoggedIn && this.remoteNbpName === s.id) {
         this.renderSidebar();
         return;
       }
@@ -3022,7 +3019,7 @@ export class FinderWindow extends HTMLElement {
     const side = this.querySelector('.sidebar');
     if (!side) return null;
     if (t.closest('[data-local]') && side.contains(t.closest('[data-local]')!)) {
-      return { key: 'local', name: 'Browser Share' };
+      return { key: 'local', name: this.localShareTitle() };
     }
     const volEl = t.closest('[data-vol]') as HTMLElement | null;
     if (!volEl || !side.contains(volEl) || !this.remoteLoggedIn) return null;
@@ -3040,7 +3037,7 @@ export class FinderWindow extends HTMLElement {
     if (!this.remoteLoggedIn || !key.startsWith(prefix)) return null;
     const name = key.slice(prefix.length);
     if (!name) return null;
-    const cat = await this.host.openRemoteVolume(name);
+    const cat = await this.host.openVolume(name);
     this.catalogs.set(key, cat);
     return cat;
   }
@@ -3850,13 +3847,14 @@ export class FinderWindow extends HTMLElement {
   }
 
   private async onConnect(): Promise<void> {
+    if (!this.hasTransport()) return;
     if (this.host.isConnected()) {
-      await this.host.disconnectSerial();
+      await this.host.disconnectTransport?.();
       this.unmountRemote('Disconnected');
       return;
     }
     try {
-      await this.host.connectSerial();
+      await this.host.connectTransport?.();
       this.setStatus('Serial connected — claiming LocalTalk node…');
       this.render();
     } catch (e) {
@@ -3864,68 +3862,72 @@ export class FinderWindow extends HTMLElement {
     }
   }
 
-  private async connectServerWithLogin(s: LookupResult): Promise<boolean> {
+  private async connectServerWithLogin(s: RemoteEndpoint): Promise<boolean> {
     if (this.remoteBusy) return false;
     this.remoteBusy = true;
     try {
-      this.setStatus(`Contacting ${s.object}…`, { busy: true });
-      log.info(
-        `Connecting to AFP “${s.object}” at ${s.network}.${s.node}:${s.socket}`,
-        'afp',
-      );
+      this.setStatus(`Contacting ${s.title}…`, { busy: true });
+      log.info(`Connecting to ${s.kind} “${s.title}” (${s.id})`, s.kind);
       this.remoteLoggedIn = false;
       this.remoteVolumes = [];
       this.remoteOpen = false;
       if (this.source === 'remote') this.showLocalShare();
-      const info = await this.host.beginRemote(s);
+      const info: SessionInfo = await this.host.beginRemote(s);
       this.dropRemoteCatalogs();
-      const allowGuest = info.uams.some((u) => /no user authent/i.test(u));
-      this.setStatus(`Connected to ${info.serverName || s.object} — sign in`);
+      const uams = info.uams ?? [];
+      const skipPrompt = info.allowGuest && uams.length === 0;
+      this.setStatus(`Connected to ${info.serverName || s.title} — sign in`);
       let error: string | undefined;
       for (;;) {
-        const creds = await this.host.promptCredentials({
-          serverName: info.serverName || s.object,
-          uams: info.uams,
-          error,
-          allowGuest,
-        });
+        const creds: Credentials | null = skipPrompt
+          ? { kind: 'guest' }
+          : await this.host.promptCredentials({
+              serverName: info.serverName || s.title,
+              uams,
+              error,
+              allowGuest: info.allowGuest,
+            });
         if (!creds) {
           await this.host.closeRemote().catch(() => undefined);
           this.remoteLoggedIn = false;
           this.remoteVolumes = [];
-          this.remoteLookup = null;
+          this.remoteEndpoint = null;
           this.setStatus('Login cancelled');
           return false;
         }
         try {
           const vols = await this.host.loginRemote(creds);
           this.remoteLoggedIn = true;
-          this.remoteVolumes = vols;
-          this.remoteNbpName = s.object;
-          this.remoteLookup = s;
+          this.remoteVolumes = vols.length ? vols : info.volumes;
+          this.remoteNbpName = s.id;
+          this.remoteEndpoint = s;
           this.remoteOpen = false;
           this.setStatus(
-            `Signed in to ${info.serverName || s.object} — ${vols.length} volume(s)`,
+            `Signed in to ${info.serverName || s.title} — ${this.remoteVolumes.length} volume(s)`,
           );
           log.info(
-            `Authenticated to “${info.serverName || s.object}”; volumes: ${vols.join(', ') || '(none)'}`,
-            'afp',
+            `Authenticated to “${info.serverName || s.title}”; volumes: ${this.remoteVolumes.join(', ') || '(none)'}`,
+            s.kind,
           );
-          this.host.dismissLogin();
+          this.host.dismissLogin?.();
+          if (skipPrompt && this.remoteVolumes.length === 1) {
+            await this.mountRemoteVolume(this.remoteVolumes[0]!);
+          }
           return true;
         } catch (err) {
           error = err instanceof Error ? err.message : String(err);
-          log.error(`AFP login failed: ${error}`, 'afp');
+          log.error(`Login failed: ${error}`, s.kind);
+          if (skipPrompt) throw err;
         }
       }
     } catch (err) {
       const msg = err instanceof Error ? err.message : String(err);
-      log.error(`AFP connect failed: ${msg}`, 'afp');
+      log.error(`Connect failed: ${msg}`, s.kind);
       this.setStatus(`Connect failed: ${msg}`);
       await this.host.closeRemote().catch(() => undefined);
       this.remoteLoggedIn = false;
       this.remoteVolumes = [];
-      this.remoteLookup = null;
+      this.remoteEndpoint = null;
       return false;
     } finally {
       this.remoteBusy = false;
@@ -3948,16 +3950,21 @@ export class FinderWindow extends HTMLElement {
     await this.host.closeRemote().catch(() => undefined);
     this.dropRemoteCatalogs(nbp);
     this.resetToLocalShare();
-    this.setStatus('Disconnected from AFP server');
+    this.setStatus('Disconnected from server');
     await this.reload();
     this.syncHistory();
     this.render();
   }
 
   private async onRefresh(): Promise<void> {
-    this.setStatus('Looking up AFPServer…');
-    const list = await this.host.refreshNetwork();
-    this.setStatus(`Found ${list.length} AFP server(s)`);
+    this.setStatus(this.hasTransport() ? 'Looking up AFPServer…' : 'Looking up servers…');
+    try {
+      const list = await this.host.refreshNetwork();
+      this.setServers(list);
+      this.setStatus(`Found ${list.length} server(s)`);
+    } catch (e) {
+      this.setStatus(`Lookup failed: ${(e as Error).message}`);
+    }
   }
 
   /**
@@ -4071,7 +4078,7 @@ export class FinderWindow extends HTMLElement {
       if (n.id === this.vfs.rootId()) break;
       id = n.parentId;
     }
-    const root = this.pathStack[0] ?? { id: this.vfs.rootId(), name: 'Browser Share' };
+    const root = this.pathStack[0] ?? { id: this.vfs.rootId(), name: this.localShareTitle() };
     const rest = suffix.reverse();
     if (rest[0]?.id === root.id) return rest;
     return [root, ...rest.filter((s) => s.id !== root.id)];
@@ -4902,6 +4909,8 @@ export class FinderWindow extends HTMLElement {
   }
 
   private async runWelcomePack(opts: { seed: boolean }): Promise<void> {
+    if (opts.seed && !this.host.seedWelcomePack) return;
+    if (!opts.seed && !this.host.installWelcomePack) return;
     if (this.welcomePackBusy) {
       if (!opts.seed) this.setStatus('Welcome pack is already adding items');
       return;
@@ -4919,8 +4928,8 @@ export class FinderWindow extends HTMLElement {
     };
     try {
       const result = opts.seed
-        ? await this.host.seedWelcomePack(progress)
-        : await this.host.installWelcomePack(progress);
+        ? await this.host.seedWelcomePack!(progress)
+        : await this.host.installWelcomePack!(progress);
       if (!result) return;
       if (result.imported === 0 && result.skipped === 0) {
         this.setStatus('Welcome pack is empty');
@@ -4945,16 +4954,16 @@ export class FinderWindow extends HTMLElement {
     const root = cat.rootId();
     const kids = await cat.children(root);
     if (!kids.length) {
-      this.setStatus('Browser Share is empty');
+      this.setStatus(`${this.localShareTitle()} is empty`);
       return;
     }
-    if (!confirm('Erase all items in Browser Share? This cannot be undone.')) {
+    if (!confirm(`Erase all items in ${this.localShareTitle()}? This cannot be undone.`)) {
       return;
     }
-    this.setStatus('Erasing Browser Share…', { busy: true });
+    this.setStatus(`Erasing ${this.localShareTitle()}…`, { busy: true });
     if (this.source === 'local') {
       this.cwd = root;
-      this.pathStack = [{ id: root, name: 'Browser Share' }];
+      this.pathStack = [{ id: root, name: this.localShareTitle() }];
       this.selectedId = null;
       this.expandedIds.clear();
       this.loadingIds.clear();
@@ -4987,7 +4996,7 @@ export class FinderWindow extends HTMLElement {
       this.syncHistory();
       this.render();
     }
-    if (!failed) this.setStatus('Erased Browser Share');
+    if (!failed) this.setStatus(`Erased ${this.localShareTitle()}`);
   }
 
   private async pasteDestFromTarget(targetId: number | null): Promise<number> {
diff --git a/src/ui/login-dialog.ts b/src/ui/login-dialog.ts
index 24e6d95..196f0e7 100644
--- a/src/ui/login-dialog.ts
+++ b/src/ui/login-dialog.ts
@@ -1,15 +1,8 @@
 import { log } from '../util/logger';
+import type { CredentialPromptOptions, Credentials } from './finder-host';
 
-export type LoginCredentials =
-  | { kind: 'guest' }
-  | { kind: 'password'; username: string; password: string };
-
-export interface LoginPromptOptions {
-  serverName: string;
-  uams: string[];
-  error?: string;
-  allowGuest: boolean;
-}
+export type LoginCredentials = Credentials;
+export type LoginPromptOptions = CredentialPromptOptions;
 
 /** Modal AFP login (guest or username/password). */
 export class LoginDialog extends HTMLElement {

From 589efead1e2aecb85fbd6ebdf6c5edd5a936c548 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 09:19:23 +1000
Subject: [PATCH 02/12] Drop an unused type import from EmptyCatalog so the Go
 SPA typecheck is clean.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/fs/empty-catalog.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/fs/empty-catalog.ts b/src/fs/empty-catalog.ts
index d390f78..87dead9 100644
--- a/src/fs/empty-catalog.ts
+++ b/src/fs/empty-catalog.ts
@@ -1,7 +1,7 @@
 /** No-op Catalog used when the Finder has no local share (ClassicStack Go SPA). */
 
 import type { ByteRangeReader } from './byte-range';
-import type { ResourceFork, ResourceForkLoadOpts } from './resource-fork';
+import type { ResourceFork } from './resource-fork';
 import type {
   Catalog,
   ChildrenBatchListener,

From 8313f45799d6c4cf8ef5b3857ec4e6604443c6f2 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 09:23:42 +1000
Subject: [PATCH 03/12] Expose Zip download next to Expand in the Finder
 context menu and Get Info.

The Go SPA reuses this chrome; operators need the same on-the-fly archive and AppleDouble zip actions without the TashTalk Advanced menu.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/ui/finder-window.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index cb29877..ab1fa8e 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -2107,6 +2107,7 @@ export class FinderWindow extends HTMLElement {
         <input type="text" data-prop="creator" maxlength="4" spellcheck="false" autocomplete="off" value="${this.escape(creator)}" />
         <div class="preview-actions">
           ${expandBtn}
+          <button type="button" class="btn" data-act="download">Download Zip</button>
           <button type="button" class="btn primary" data-act="apply-props">Apply</button>
           <button type="button" class="btn" data-act="resources">Resources…</button>
         </div>
@@ -4837,6 +4838,7 @@ export class FinderWindow extends HTMLElement {
             this.isExpandableArchive(targetNode)
               ? `<button type="button" data-ctx="expand">Expand</button>`
               : '',
+            `<button type="button" data-ctx="download">Download Zip</button>`,
             canPreview ? `<button type="button" data-ctx="preview">Preview…</button>` : '',
             `<button type="button" data-ctx="rename">Rename</button>`,
             `<button type="button" data-ctx="delete">Delete…</button>`,
@@ -4862,6 +4864,10 @@ export class FinderWindow extends HTMLElement {
       case 'expand':
         await this.expandArchive(targetId);
         break;
+      case 'download':
+        if (targetId != null) this.selectedId = targetId;
+        await this.onDownload();
+        break;
       case 'preview':
         await this.openPreview(targetId);
         break;

From 3df98d0a8ab882b3bcf0a42440f17301963327a3 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 10:16:27 +1000
Subject: [PATCH 04/12] Split Macintosh codecs behind a registry so SIT and rez
 stay replaceable.

Finder Expand and resource decompress now go through pluggable codecs, so a later package split can ship a third-party StuffIt expander or rez decoder without forking the UI.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .cursor/rules/codec-packages.mdc |  25 ++++++
 README.md                        |   4 +
 package.json                     |  11 ++-
 src/fs/codecs.test.ts            |  46 +++++++++++
 src/fs/codecs.ts                 | 136 ++++++++++++++++++++++++++++++
 src/fs/expand-incoming.ts        | 137 +++++++++++++++++++++----------
 src/fs/resource-compress.ts      |  24 ++++--
 src/ui/resource-fork-explorer.ts |  10 +++
 8 files changed, 343 insertions(+), 50 deletions(-)
 create mode 100644 .cursor/rules/codec-packages.mdc
 create mode 100644 src/fs/codecs.test.ts
 create mode 100644 src/fs/codecs.ts

diff --git a/.cursor/rules/codec-packages.mdc b/.cursor/rules/codec-packages.mdc
new file mode 100644
index 0000000..4f40fe5
--- /dev/null
+++ b/.cursor/rules/codec-packages.mdc
@@ -0,0 +1,25 @@
+---
+description: Split Macintosh codecs from Finder UI; keep SIT/rez/dcmp pluggable
+alwaysApply: true
+---
+
+# Codec packages (ClassicStack-web)
+
+When splitting ClassicStack-web into packages, **do not** put StuffIt, BinHex, MacBinary, ZIP, resource-fork parsing, `dcmp` decompress, icon/BNDL/vers decoders, or rez in the Finder UI package.
+
+Intended packages (names are indicative):
+
+- `@classicstack/finder-ui` — FinderWindow, dialogs, tokens
+- `@classicstack/catalog` — Catalog / VNode
+- `@classicstack/expand` — expander registry + `expandIncoming`
+- `@classicstack/stuffit` — bundled SIT (replaceable)
+- `@classicstack/resource-fork` — map parse, SparseBytes
+- `@classicstack/resource-types` — ICON/icl8/BNDL/vers
+- `@classicstack/appledouble` — AppleSingle / AppleDouble / zip sidecars
+
+Rules:
+
+- Finder depends on `Catalog` + codec **registries** (`src/fs/codecs.ts`), not on a specific SIT or rez implementation.
+- Bundled ids: `sit`, `binhex`, `macbinary`, `zip`, `applesingle`, `dcmp`. Re-register the same id to replace the default.
+- Third parties add formats via `registerArchiveCodec`, `registerResourceDecompressor`, `registerResourceTypeDecoder`, `registerRezCodec`.
+- New archive or resource formats register a codec; do not add `if (ext === …)` branches in `finder-window.ts`.
diff --git a/README.md b/README.md
index 831825e..7261b3e 100644
--- a/README.md
+++ b/README.md
@@ -44,6 +44,10 @@ See the plan: TashTalk → LLAP/DDP → NBP → ATP → ASP → AFP, with a Virt
 
 Protocol codecs mirror [ClassicStack](https://github.com/ObsoleteMadness/ClassicStack).
 
+Finder UI (`src/ui/finder-window.ts`) must stay independent of archive and resource-fork codecs. StuffIt, BinHex, MacBinary, ZIP, Apple compressed resources (`dcmp`), icon/BNDL decoders, and any future **rez** decompiler live under `src/fs/` and register through `src/fs/codecs.ts` (`classicstack-web/fs/codecs`). When this repo splits into packages, those modules become their own packages (`@classicstack/finder-ui`, `@classicstack/expand`, `@classicstack/stuffit`, `@classicstack/resource-fork`, …) so a third party can ship a replacement SIT expander or rez decoder without forking the PWA.
+
+Register with `registerArchiveCodec`, `registerResourceDecompressor`, `registerResourceTypeDecoder`, or `registerRezCodec`. Re-registering the bundled ids (`sit`, `binhex`, `macbinary`, `zip`, `applesingle`, `dcmp`) replaces the default implementation.
+
 ## Credits
 
 ClassicStack is indebted to the following source code and authors:
diff --git a/package.json b/package.json
index 4ec7d9d..5e993b5 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,16 @@
     "./ui/get-info": "./src/ui/get-info-window.ts",
     "./ui/resource-explorer": "./src/ui/resource-fork-explorer.ts",
     "./fs/catalog": "./src/fs/virtual-fs.ts",
-    "./fs/empty-catalog": "./src/fs/empty-catalog.ts"
+    "./fs/empty-catalog": "./src/fs/empty-catalog.ts",
+    "./fs/codecs": "./src/fs/codecs.ts",
+    "./fs/expand": "./src/fs/expand-incoming.ts",
+    "./fs/stuffit": "./src/fs/stuffit.ts",
+    "./fs/binhex": "./src/fs/binhex.ts",
+    "./fs/macbinary": "./src/fs/macbinary.ts",
+    "./fs/zip": "./src/fs/zip.ts",
+    "./fs/resource-fork": "./src/fs/resource-fork.ts",
+    "./fs/resource-compress": "./src/fs/resource-compress.ts",
+    "./fs/appledouble": "./src/fs/appledouble.ts"
   },
   "scripts": {
     "dev": "vite",
diff --git a/src/fs/codecs.test.ts b/src/fs/codecs.test.ts
new file mode 100644
index 0000000..32c604b
--- /dev/null
+++ b/src/fs/codecs.test.ts
@@ -0,0 +1,46 @@
+import { describe, expect, it } from 'vitest';
+import {
+  ARCHIVE_CODEC_SIT,
+  registerArchiveCodec,
+  registeredArchiveCodecs,
+  sniffArchiveCodec,
+} from './codecs';
+import { expandIncoming, isExpandableArchive } from './expand-incoming';
+import type { ExpandedNode } from './expand-incoming';
+
+describe('codec registry', () => {
+  it('registers bundled archive codecs so the same id can replace them', () => {
+    const ids = registeredArchiveCodecs().map((c) => c.id);
+    expect(ids).toEqual(expect.arrayContaining([ARCHIVE_CODEC_SIT, 'binhex', 'macbinary', 'zip', 'applesingle']));
+  });
+
+  it('lets a later archive codec replace an earlier one with the same id', () => {
+    const first: ExpandedNode[] = [{ kind: 'file', name: 'a', data: new Uint8Array(), resource: new Uint8Array(), finderInfo: new Uint8Array(32) }];
+    const second: ExpandedNode[] = [{ kind: 'file', name: 'b', data: new Uint8Array(), resource: new Uint8Array(), finderInfo: new Uint8Array(32) }];
+    registerArchiveCodec({
+      id: 'test-sit',
+      sniff: ({ name }) => name === 'codec-registry-replace.sitx',
+      expand: () => first,
+    });
+    registerArchiveCodec({
+      id: 'test-sit',
+      sniff: ({ name }) => name === 'codec-registry-replace.sitx',
+      expand: () => second,
+    });
+    expect(registeredArchiveCodecs().filter((c) => c.id === 'test-sit')).toHaveLength(1);
+    expect(sniffArchiveCodec({ name: 'codec-registry-replace.sitx' })?.expand('codec-registry-replace.sitx', new Uint8Array())).toBe(second);
+  });
+
+  it('lets a replacement codec claim a name the bundled expanders would ignore', () => {
+    registerArchiveCodec({
+      id: 'vendor-sea',
+      sniff: ({ name }) => name.endsWith('.sea'),
+      expand: () => [
+        { kind: 'file', name: 'Read Me', data: new Uint8Array([1]), resource: new Uint8Array(), finderInfo: new Uint8Array(32) },
+      ],
+    });
+    expect(isExpandableArchive('Install.sea')).toBe(true);
+    const out = expandIncoming('Install.sea', new Uint8Array([0]));
+    expect(out?.[0]?.kind === 'file' && out[0].name).toBe('Read Me');
+  });
+});
diff --git a/src/fs/codecs.ts b/src/fs/codecs.ts
new file mode 100644
index 0000000..f2f94c6
--- /dev/null
+++ b/src/fs/codecs.ts
@@ -0,0 +1,136 @@
+/**
+ * Pluggable Macintosh file codecs.
+ *
+ * When ClassicStack-web splits into packages, these registries are the public
+ * seams — not FinderWindow. Third parties register their own StuffIt expander,
+ * rez decoder, dcmp method, or resource-type viewer without forking the PWA.
+ *
+ * Later registrations win on sniff (unshift), so an app can replace the bundled
+ * SIT implementation.
+ */
+
+import type { ExpandedNode } from './expand-incoming';
+
+export type ArchiveSniff = {
+  name: string;
+  finderInfo?: Uint8Array;
+  data?: Uint8Array;
+  resource?: Uint8Array;
+};
+
+/** Bundled archive codec ids. Re-register the same id to replace the default expander. */
+export const ARCHIVE_CODEC_SIT = 'sit';
+export const ARCHIVE_CODEC_BINHEX = 'binhex';
+export const ARCHIVE_CODEC_MACBINARY = 'macbinary';
+export const ARCHIVE_CODEC_ZIP = 'zip';
+export const ARCHIVE_CODEC_APPLESINGLE = 'applesingle';
+
+/** Bundled Apple compressed-resource decompressor. Re-register to replace dcmp 0/1/2. */
+export const RESOURCE_DECOMPRESSOR_DCMP = 'dcmp';
+
+/** BinHex / MacBinary / StuffIt / ZIP / a third-party archive format. */
+export interface ArchiveCodec {
+  /** Stable id (`sit`, `binhex`, `zip`, or a vendor name). */
+  id: string;
+  /**
+   * When false, sniffing this codec does not offer Finder Expand
+   * (AppleSingle is unwrapped while expanding other archives).
+   */
+  expandable?: boolean;
+  sniff(input: ArchiveSniff): boolean;
+  expand(name: string, data: Uint8Array): ExpandedNode[] | null;
+}
+
+/** Apple compressed-resource ('dcmp' 0/1/2) or a replacement decompressor. */
+export interface ResourceDecompressor {
+  id: string;
+  sniff(data: Uint8Array, attributes?: number): boolean;
+  decompress(data: Uint8Array): Uint8Array;
+}
+
+/**
+ * Decode one resource type (ICN#, cicn, vers, or a rez-style text dump).
+ * `type` is a four-character OSType, or `*` for a catch-all.
+ */
+export interface ResourceTypeDecoder {
+  type: string;
+  decode(type: string, id: number, payload: Uint8Array): unknown | null;
+}
+
+/**
+ * Decompile / compile ResEdit-style `.r` (rez) text. No bundled implementation;
+ * register one to teach the Resource Fork explorer a text view.
+ */
+export interface RezCodec {
+  id: string;
+  decompile?(type: string, id: number, payload: Uint8Array): string | null;
+  compile?(source: string): { type: string; id: number; payload: Uint8Array }[] | null;
+}
+
+const archives: ArchiveCodec[] = [];
+const decompressors: ResourceDecompressor[] = [];
+const typeDecoders: ResourceTypeDecoder[] = [];
+const rezCodecs: RezCodec[] = [];
+
+function unshiftUnique<T extends { id?: string; type?: string }>(list: T[], item: T, key: keyof T): void {
+  const id = item[key];
+  if (id != null) {
+    const i = list.findIndex((x) => x[key] === id);
+    if (i >= 0) list.splice(i, 1);
+  }
+  list.unshift(item);
+}
+
+/** Register an archive expander. Re-registering the same `id` replaces the previous codec. */
+export function registerArchiveCodec(codec: ArchiveCodec): void {
+  unshiftUnique(archives, codec, 'id');
+}
+
+export function registeredArchiveCodecs(): readonly ArchiveCodec[] {
+  return archives;
+}
+
+export function registerResourceDecompressor(codec: ResourceDecompressor): void {
+  unshiftUnique(decompressors, codec, 'id');
+}
+
+export function registeredResourceDecompressors(): readonly ResourceDecompressor[] {
+  return decompressors;
+}
+
+export function registerResourceTypeDecoder(decoder: ResourceTypeDecoder): void {
+  unshiftUnique(typeDecoders, decoder, 'type');
+}
+
+export function registeredResourceTypeDecoders(): readonly ResourceTypeDecoder[] {
+  return typeDecoders;
+}
+
+export function registerRezCodec(codec: RezCodec): void {
+  unshiftUnique(rezCodecs, codec, 'id');
+}
+
+export function registeredRezCodecs(): readonly RezCodec[] {
+  return rezCodecs;
+}
+
+export function sniffArchiveCodec(input: ArchiveSniff): ArchiveCodec | undefined {
+  return archives.find((c) => c.sniff(input));
+}
+
+export function decodeResourceType(type: string, id: number, payload: Uint8Array): unknown | null {
+  for (const d of typeDecoders) {
+    if (d.type !== '*' && d.type !== type) continue;
+    const out = d.decode(type, id, payload);
+    if (out != null) return out;
+  }
+  return null;
+}
+
+export function decompileRez(type: string, id: number, payload: Uint8Array): string | null {
+  for (const c of rezCodecs) {
+    const out = c.decompile?.(type, id, payload);
+    if (out != null) return out;
+  }
+  return null;
+}
diff --git a/src/fs/expand-incoming.ts b/src/fs/expand-incoming.ts
index ed8d174..673eb62 100644
--- a/src/fs/expand-incoming.ts
+++ b/src/fs/expand-incoming.ts
@@ -9,6 +9,15 @@ import { parseMacBinary } from './macbinary';
 import { SitError } from './stuffit-codec';
 import { isStuffItArchive, parseStuffIt, stuffItExpandError, type SitEntry } from './stuffit';
 import { isZipArchive, parseZip, type ZipMember } from './zip';
+import {
+  ARCHIVE_CODEC_APPLESINGLE,
+  ARCHIVE_CODEC_BINHEX,
+  ARCHIVE_CODEC_MACBINARY,
+  ARCHIVE_CODEC_SIT,
+  ARCHIVE_CODEC_ZIP,
+  registerArchiveCodec,
+  sniffArchiveCodec,
+} from './codecs';
 
 const MAX_DEPTH = 8;
 
@@ -26,21 +35,16 @@ export type ExpandedNode = ExpandedFile | ExpandedDir;
 export { isStuffItArchive, isZipArchive };
 
 const SIT_TYPES = new Set(['SIT!', 'SIT5', 'SITD']);
-const EXPANDABLE_EXTS = new Set(['sit', 'hqx', 'bin', 'zip']);
 
 /**
  * True when the Finder should offer Expand (`.sit` / `.hqx` / `.bin` / `.zip`, StuffIt type, ZIP,
  * or BinHex stored as TEXT/SITx). Pass `data` when loaded: Expander Read Me files are also
- * TEXT/SITx but are not archives.
+ * TEXT/SITx but are not archives. Registered archive codecs are consulted first so a replacement
+ * SIT expander can opt files in or out.
  */
 export function isExpandableArchive(name: string, finderInfo?: Uint8Array, data?: Uint8Array): boolean {
-  if (EXPANDABLE_EXTS.has(filenameExtension(name))) return true;
-  if (!finderInfo || finderInfo.length < 8) return false;
-  const type = ostypeFromBytes(finderInfo, 0);
-  const creator = ostypeFromBytes(finderInfo, 4);
-  if (SIT_TYPES.has(type) || type === 'ZIP ') return true;
-  if (type === 'TEXT' && creator === 'SITx') return !data?.length || parseBinHex(data) != null;
-  return false;
+  const codec = sniffArchiveCodec({ name, finderInfo, data });
+  return codec != null && codec.expandable !== false;
 }
 
 /** Modal body when Expand cannot unpack a file. Never uses Finder type/creator. */
@@ -92,40 +96,14 @@ export function expandIncoming(name: string, bytes: Uint8Array): ExpandedNode[]
 function expandBytes(name: string, data: Uint8Array, resource: Uint8Array, depth: number): ExpandedNode[] | null {
   if (depth > MAX_DEPTH) return null;
 
-  const hqx = parseBinHex(data);
-  if (hqx) return finishMacFile(hqx, depth + 1);
-
-  const mb = parseMacBinary(data);
-  if (mb) return finishMacFile(mb, depth + 1);
-
-  if (resource.length === 0) {
-    const as = parseAppleSingle(data);
-    if (as) {
-      return finishMacFile(
-        {
-          name,
-          data: as.data,
-          resource: as.resource,
-          finderInfo: as.finderInfo,
-        },
-        depth + 1,
-      );
-    }
-  }
-
-  if (isStuffItArchive(data)) {
-    const entries = parseStuffIt(data);
-    if (entries && entries.length) return expandNodes(sitEntriesToTree(entries), depth + 1);
-  }
-
-  if (isZipArchive(data)) {
-    const entries = parseZip(data);
-    if (entries && entries.length) return expandNodes(zipMembersToTree(entries), depth + 1);
-  }
-  return null;
+  const codec = sniffArchiveCodec({ name, data, resource });
+  if (!codec) return null;
+  const out = codec.expand(name, data);
+  if (!out?.length) return null;
+  return expandNodes(out, depth + 1);
 }
 
-function finishMacFile(file: MacFile, depth: number): ExpandedNode[] {
+function macFileNode(file: MacFile): ExpandedFile {
   let current = file;
   if (current.resource.length === 0) {
     const as = parseAppleSingle(current.data);
@@ -140,9 +118,7 @@ function finishMacFile(file: MacFile, depth: number): ExpandedNode[] {
       };
     }
   }
-  const nested = tryExpandBytes(current.name, current.data, current.resource, depth);
-  if (nested) return nested;
-  return [{ kind: 'file', ...current }];
+  return { kind: 'file', ...current };
 }
 
 /** Nested members that cannot be unpacked stay packed instead of aborting the parent archive. */
@@ -244,3 +220,76 @@ function membersToTree(
   }
   return root;
 }
+
+function finderType(finderInfo?: Uint8Array): string | undefined {
+  if (!finderInfo || finderInfo.length < 4) return undefined;
+  return ostypeFromBytes(finderInfo, 0);
+}
+
+function finderCreator(finderInfo?: Uint8Array): string | undefined {
+  if (!finderInfo || finderInfo.length < 8) return undefined;
+  return ostypeFromBytes(finderInfo, 4);
+}
+
+/** Register bundled expanders. Later `registerArchiveCodec` with the same id replaces one. */
+function registerBuiltinArchiveCodecs(): void {
+  // Last registered is sniffed first, matching the previous BinHex → MacBinary → AppleSingle → SIT → ZIP order.
+  registerArchiveCodec({
+    id: ARCHIVE_CODEC_ZIP,
+    sniff: ({ name, finderInfo, data }) =>
+      filenameExtension(name) === 'zip' || finderType(finderInfo) === 'ZIP ' || (!!data?.length && isZipArchive(data)),
+    expand: (_name, data) => {
+      const entries = parseZip(data);
+      return entries?.length ? zipMembersToTree(entries) : null;
+    },
+  });
+  registerArchiveCodec({
+    id: ARCHIVE_CODEC_SIT,
+    sniff: ({ name, finderInfo, data }) => {
+      const type = finderType(finderInfo);
+      return (
+        filenameExtension(name) === 'sit' ||
+        (!!type && SIT_TYPES.has(type)) ||
+        (!!data?.length && isStuffItArchive(data))
+      );
+    },
+    expand: (_name, data) => {
+      const entries = parseStuffIt(data);
+      return entries?.length ? sitEntriesToTree(entries) : null;
+    },
+  });
+  registerArchiveCodec({
+    id: ARCHIVE_CODEC_APPLESINGLE,
+    expandable: false,
+    sniff: ({ data, resource }) => !resource?.length && !!data?.length && parseAppleSingle(data) != null,
+    expand: (name, data) => {
+      const as = parseAppleSingle(data);
+      if (!as) return null;
+      return [{ kind: 'file', name, data: as.data, resource: as.resource, finderInfo: as.finderInfo }];
+    },
+  });
+  registerArchiveCodec({
+    id: ARCHIVE_CODEC_MACBINARY,
+    sniff: ({ name, data }) => filenameExtension(name) === 'bin' || (!!data?.length && parseMacBinary(data) != null),
+    expand: (_name, data) => {
+      const mb = parseMacBinary(data);
+      return mb ? [macFileNode(mb)] : null;
+    },
+  });
+  registerArchiveCodec({
+    id: ARCHIVE_CODEC_BINHEX,
+    sniff: ({ name, finderInfo, data }) => {
+      if (filenameExtension(name) === 'hqx') return true;
+      if (finderType(finderInfo) === 'TEXT' && finderCreator(finderInfo) === 'SITx') {
+        return !data?.length || parseBinHex(data) != null;
+      }
+      return !!data?.length && parseBinHex(data) != null;
+    },
+    expand: (_name, data) => {
+      const hqx = parseBinHex(data);
+      return hqx ? [macFileNode(hqx)] : null;
+    },
+  });
+}
+
+registerBuiltinArchiveCodecs();
diff --git a/src/fs/resource-compress.ts b/src/fs/resource-compress.ts
index eaae3a1..1bed48c 100644
--- a/src/fs/resource-compress.ts
+++ b/src/fs/resource-compress.ts
@@ -4,6 +4,11 @@
  */
 
 import { be16, be32s, concat } from '../protocol/binary';
+import {
+  RESOURCE_DECOMPRESSOR_DCMP,
+  registerResourceDecompressor,
+  registeredResourceDecompressors,
+} from './codecs';
 
 /** Resource attribute bit: data is compressed (KSFL / ResEdit extended header). */
 export const RES_COMPRESSED = 1 << 0;
@@ -52,12 +57,15 @@ function signaturePrefix(data: Uint8Array): boolean {
 
 /** Decompress if this looks like a compressed resource; otherwise return `data`. */
 export function maybeDecompressResource(data: Uint8Array, attributes = 0): Uint8Array {
-  if (!isCompressedResource(data, attributes)) return data;
-  try {
-    return decompressResource(data);
-  } catch {
-    return data;
+  for (const d of registeredResourceDecompressors()) {
+    if (!d.sniff(data, attributes)) continue;
+    try {
+      return d.decompress(data);
+    } catch {
+      return data;
+    }
   }
+  return data;
 }
 
 export function decompressResource(data: Uint8Array): Uint8Array {
@@ -410,3 +418,9 @@ function tablePairs(hex: string): Uint8Array[] {
   for (let i = 0; i < bytes.length; i += 2) out.push(bytes.subarray(i, i + 2));
   return out;
 }
+
+registerResourceDecompressor({
+  id: RESOURCE_DECOMPRESSOR_DCMP,
+  sniff: (data, attributes = 0) => isCompressedResource(data, attributes),
+  decompress: decompressResource,
+});
diff --git a/src/ui/resource-fork-explorer.ts b/src/ui/resource-fork-explorer.ts
index bf79832..7135498 100644
--- a/src/ui/resource-fork-explorer.ts
+++ b/src/ui/resource-fork-explorer.ts
@@ -5,6 +5,7 @@
 
 import type { Catalog, VNode } from '../fs/virtual-fs';
 import { ResourceFork, resourceFetchCap, type ResourceEntry } from '../fs/resource-fork';
+import { decompileRez, decodeResourceType } from '../fs/codecs';
 import {
   decodeFref,
   describeBndl,
@@ -399,6 +400,15 @@ export class ResourceForkExplorer extends HTMLElement {
       }
     }
 
+    const decoded = decodeResourceType(sel.entry.type, sel.entry.id, bytes);
+    if (typeof decoded === 'string' && decoded) {
+      parts.push(`<pre class="rsrc-explorer__decoded">${escapeHtml(decoded)}</pre>`);
+    }
+    const rez = decompileRez(sel.entry.type, sel.entry.id, bytes);
+    if (rez) {
+      parts.push(`<pre class="rsrc-explorer__rez">${escapeHtml(rez)}</pre>`);
+    }
+
     const dump = hexDump(bytes);
     const unread = sel.entry.length > bytes.length ? sel.entry.length - bytes.length : dump.truncated ? bytes.length - HEX_PREVIEW_BYTES : 0;
     parts.push(

From 4aa8482ef58104aef04571b1e87ac7d754efa3ea Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 10:23:00 +1000
Subject: [PATCH 05/12] Let the Finder host own sidebar groups and badges.

Callers can section locations and stamp protocol pills, so ClassicStack can label shares AFP/SMB/NCP/EDFS and group LAN clients by AppleTalk, SMB, NetWare, and EtherDFS.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 README.md                     |   2 +
 package.json                  |   1 +
 src/main.ts                   |   2 +
 src/ui/finder-host.ts         |  35 +++++++++
 src/ui/finder-sidebar.test.ts |  60 +++++++++++++++
 src/ui/finder-sidebar.ts      |  70 +++++++++++++++++
 src/ui/finder-window.ts       | 139 +++++++++++++++++++++++++---------
 src/ui/styles/tokens.css      |  18 +++++
 8 files changed, 293 insertions(+), 34 deletions(-)
 create mode 100644 src/ui/finder-sidebar.test.ts
 create mode 100644 src/ui/finder-sidebar.ts

diff --git a/README.md b/README.md
index 7261b3e..90c0295 100644
--- a/README.md
+++ b/README.md
@@ -46,6 +46,8 @@ Protocol codecs mirror [ClassicStack](https://github.com/ObsoleteMadness/Classic
 
 Finder UI (`src/ui/finder-window.ts`) must stay independent of archive and resource-fork codecs. StuffIt, BinHex, MacBinary, ZIP, Apple compressed resources (`dcmp`), icon/BNDL decoders, and any future **rez** decompiler live under `src/fs/` and register through `src/fs/codecs.ts` (`classicstack-web/fs/codecs`). When this repo splits into packages, those modules become their own packages (`@classicstack/finder-ui`, `@classicstack/expand`, `@classicstack/stuffit`, `@classicstack/resource-fork`, …) so a third party can ship a replacement SIT expander or rez decoder without forking the PWA.
 
+The Finder sidebar layout is owned by the host: set `RemoteEndpoint.group` / `badge` and implement `FinderHost.sidebarGroups()`. ClassicStack groups local shares vs AppleTalk / SMB / NetWare / EtherDFS clients; the TashTalk PWA keeps a single LocalTalk list.
+
 Register with `registerArchiveCodec`, `registerResourceDecompressor`, `registerResourceTypeDecoder`, or `registerRezCodec`. Re-registering the bundled ids (`sit`, `binhex`, `macbinary`, `zip`, `applesingle`, `dcmp`) replaces the default implementation.
 
 ## Credits
diff --git a/package.json b/package.json
index 5e993b5..b42508e 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   "exports": {
     "./ui/finder": "./src/ui/finder-window.ts",
     "./ui/finder-host": "./src/ui/finder-host.ts",
+    "./ui/finder-sidebar": "./src/ui/finder-sidebar.ts",
     "./ui/styles": "./src/ui/styles/tokens.css",
     "./ui/login": "./src/ui/login-dialog.ts",
     "./ui/alert": "./src/ui/alert-dialog.ts",
diff --git a/src/main.ts b/src/main.ts
index f8709a9..b084f4e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -200,6 +200,8 @@ async function main(): Promise<void> {
       kind: 'afp',
       title: s.object,
       subtitle: s.zone && s.zone !== '*' ? s.zone : `${s.network}.${s.node}`,
+      badge: 'NBP',
+      transport: 'nbp',
     };
   }
 
diff --git a/src/ui/finder-host.ts b/src/ui/finder-host.ts
index dd2a29a..7b336e6 100644
--- a/src/ui/finder-host.ts
+++ b/src/ui/finder-host.ts
@@ -7,6 +7,28 @@ import type { WelcomePackProgress } from '../fs/welcome-pack';
 /** File-sharing scheme a sidebar endpoint was discovered on (or this host’s own volumes). */
 export type ShareKind = 'local' | 'afp' | 'smb' | 'ncp' | 'etherdfs';
 
+/** Short pill on a sidebar row (AFP, TCP, NBP, …). */
+export type SidebarBadge = {
+  text: string;
+  title?: string;
+};
+
+/**
+ * One heading in the Finder sidebar. The host owns titles and order;
+ * FinderWindow only renders. Unknown `RemoteEndpoint.group` values fall through
+ * to the `network` group, or the first group with `refresh`.
+ */
+export type SidebarGroup = {
+  id: string;
+  title: string;
+  /** Show the network-refresh control on this heading. */
+  refresh?: boolean;
+  /** Placeholder when the group has no endpoints. */
+  empty?: string;
+  /** Omit the heading when this group has no endpoints. */
+  hideWhenEmpty?: boolean;
+};
+
 /** One discoverable server or local volume the Finder can open. */
 export interface RemoteEndpoint {
   /** Opaque id (NBP name, SMB server, `local:afp:Mac HD`, …). */
@@ -14,6 +36,14 @@ export interface RemoteEndpoint {
   kind: ShareKind;
   title: string;
   subtitle?: string;
+  /** Sidebar section id from `FinderHost.sidebarGroups`. */
+  group?: string;
+  /** Share-type or transport pill (AFP, SMB, TCP, DDP, …). */
+  badge?: string | SidebarBadge;
+  /** File protocol for local shares (`afp`, `smb`, `ncp`, `etherdfs`). */
+  protocol?: string;
+  /** How this client was reached (`tcp`, `ddp`, `ipx`, `nbp`, `etherdfs`). */
+  transport?: string;
 }
 
 /** Result of contacting a remote (or local) endpoint before / after login. */
@@ -58,6 +88,11 @@ export interface FinderHost {
     suggestedName: string;
   }): Promise<NameConflictChoice>;
 
+  /**
+   * Sidebar headings in display order. Endpoints set `group` to one of these ids.
+   * Omitted: a single LocalTalk/Network section (plus the IndexedDB local share).
+   */
+  sidebarGroups?(): SidebarGroup[];
   /** Display name for the local catalog (default “Browser Share”). */
   localTitle?(): string;
   dismissLogin?(): void;
diff --git a/src/ui/finder-sidebar.test.ts b/src/ui/finder-sidebar.test.ts
new file mode 100644
index 0000000..ec9f017
--- /dev/null
+++ b/src/ui/finder-sidebar.test.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest';
+import type { RemoteEndpoint, SidebarGroup } from './finder-host';
+import {
+  SIDEBAR_GROUP_NETWORK,
+  assignSidebarGroup,
+  endpointsByGroup,
+  visibleSidebarGroups,
+} from './finder-sidebar';
+
+function ep(partial: Partial<RemoteEndpoint> & Pick<RemoteEndpoint, 'id' | 'title'>): RemoteEndpoint {
+  return { kind: 'afp', ...partial };
+}
+
+const classic: SidebarGroup[] = [
+  { id: 'shares', title: 'Shares', hideWhenEmpty: true },
+  { id: 'appletalk', title: 'AppleTalk', refresh: true, empty: 'None' },
+  { id: 'smb', title: 'SMB', empty: 'None' },
+  { id: 'netware', title: 'NetWare', empty: 'None' },
+  { id: 'etherdfs', title: 'EtherDFS', empty: 'None' },
+];
+
+describe('assignSidebarGroup', () => {
+  it('keeps a host group when it is in the layout', () => {
+    expect(assignSidebarGroup(ep({ id: '1', title: 'SYS', group: 'netware' }), classic)).toBe('netware');
+  });
+
+  it('falls back to the network / refresh group for unknown ids', () => {
+    expect(assignSidebarGroup(ep({ id: '1', title: 'X', group: 'other' }), classic)).toBe('appletalk');
+    expect(
+      assignSidebarGroup(ep({ id: '1', title: 'X' }), [
+        { id: SIDEBAR_GROUP_NETWORK, title: 'Network', refresh: true },
+      ]),
+    ).toBe(SIDEBAR_GROUP_NETWORK);
+  });
+});
+
+describe('endpointsByGroup', () => {
+  it('groups shares and clients separately and preserves server indices', () => {
+    const servers = [
+      ep({ id: 'local:afp:HD', title: 'HD', kind: 'local', group: 'shares', badge: 'AFP' }),
+      ep({ id: 'Mac', title: 'Mac', group: 'appletalk', badge: 'NBP' }),
+      ep({ id: 'FILE', title: 'FILE', kind: 'smb', group: 'smb', badge: 'TCP' }),
+    ];
+    const by = endpointsByGroup(servers, classic);
+    expect(by.get('shares')?.map((r) => r.index)).toEqual([0]);
+    expect(by.get('appletalk')?.map((r) => r.ep.badge)).toEqual(['NBP']);
+    expect(by.get('smb')?.[0]?.index).toBe(2);
+    expect(by.get('netware')).toEqual([]);
+  });
+});
+
+describe('visibleSidebarGroups', () => {
+  it('hides empty hideWhenEmpty groups but keeps a refresh group', () => {
+    const by = endpointsByGroup(
+      [ep({ id: 'FILE', title: 'FILE', kind: 'smb', group: 'smb', badge: 'TCP' })],
+      classic,
+    );
+    expect(visibleSidebarGroups(classic, by).map((g) => g.id)).toEqual(['appletalk', 'smb', 'netware', 'etherdfs']);
+  });
+});
diff --git a/src/ui/finder-sidebar.ts b/src/ui/finder-sidebar.ts
new file mode 100644
index 0000000..20f2407
--- /dev/null
+++ b/src/ui/finder-sidebar.ts
@@ -0,0 +1,70 @@
+/** Sidebar grouping helpers. FinderWindow renders; the host owns labels and badges. */
+
+import type { RemoteEndpoint, SidebarGroup } from './finder-host';
+
+/** Default catch-all group when the host does not set `endpoint.group`. */
+export const SIDEBAR_GROUP_NETWORK = 'network';
+
+export type SidebarRow = {
+  ep: RemoteEndpoint;
+  /** Index in the Finder’s `servers` array (`data-server`). */
+  index: number;
+};
+
+export function badgeText(badge: RemoteEndpoint['badge']): string {
+  if (!badge) return '';
+  return typeof badge === 'string' ? badge : badge.text;
+}
+
+export function badgeTitle(badge: RemoteEndpoint['badge']): string | undefined {
+  if (!badge || typeof badge === 'string') return undefined;
+  return badge.title;
+}
+
+/** Group id for one endpoint: host `group` if known, else the network/refresh fallback. */
+export function assignSidebarGroup(ep: RemoteEndpoint, groups: readonly SidebarGroup[]): string {
+  const known = new Set(groups.map((g) => g.id));
+  if (ep.group && known.has(ep.group)) return ep.group;
+  const fallback =
+    groups.find((g) => g.id === SIDEBAR_GROUP_NETWORK) ??
+    groups.find((g) => g.refresh) ??
+    groups[groups.length - 1];
+  return fallback?.id ?? SIDEBAR_GROUP_NETWORK;
+}
+
+/** Partition endpoints into host-defined groups, preserving original indices. */
+export function endpointsByGroup(
+  servers: readonly RemoteEndpoint[],
+  groups: readonly SidebarGroup[],
+): Map<string, SidebarRow[]> {
+  const map = new Map<string, SidebarRow[]>();
+  for (const g of groups) map.set(g.id, []);
+  servers.forEach((ep, index) => {
+    const id = assignSidebarGroup(ep, groups);
+    const list = map.get(id) ?? [];
+    list.push({ ep, index });
+    map.set(id, list);
+  });
+  return map;
+}
+
+export function visibleSidebarGroups(
+  groups: readonly SidebarGroup[],
+  byGroup: Map<string, SidebarRow[]>,
+): SidebarGroup[] {
+  const out: SidebarGroup[] = [];
+  let keptRefresh = false;
+  for (const g of groups) {
+    const rows = byGroup.get(g.id) ?? [];
+    if (g.hideWhenEmpty && rows.length === 0) {
+      if (g.refresh && !keptRefresh) {
+        out.push(g);
+        keptRefresh = true;
+      }
+      continue;
+    }
+    out.push(g);
+    if (g.refresh) keptRefresh = true;
+  }
+  return out;
+}
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index ab1fa8e..ed5ca3d 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -5,6 +5,8 @@ import type {
   FinderHost,
   RemoteEndpoint,
   SessionInfo,
+  SidebarBadge,
+  SidebarGroup,
 } from './finder-host';
 import { fromMacTime } from '../protocol/afp/constants';
 import { decodeMacRoman } from '../protocol/macroman';
@@ -62,6 +64,13 @@ import {
 } from '../fs/name-conflict';
 import { decodePict, pictToSvg } from '../fs/pict/pict';
 import { previewKindFor, previewMime, type FilePreviewKind } from './file-preview';
+import {
+  SIDEBAR_GROUP_NETWORK,
+  badgeText,
+  badgeTitle,
+  endpointsByGroup,
+  visibleSidebarGroups,
+} from './finder-sidebar';
 
 export type ViewMode = 'icon' | 'list' | 'column';
 export type SortKey = 'name' | 'modified' | 'size';
@@ -69,7 +78,14 @@ export type SortKey = 'name' | 'modified' | 'size';
 /** Finder file types that open in the Quick Look overlay. */
 const PREVIEW_TEXT_MAX_BYTES = 512 * 1024;
 
-export type { Credentials, FinderHost, RemoteEndpoint, SessionInfo } from './finder-host';
+export type {
+  Credentials,
+  FinderHost,
+  RemoteEndpoint,
+  SessionInfo,
+  SidebarBadge,
+  SidebarGroup,
+} from './finder-host';
 
 interface ListItem {
   key: string;
@@ -1402,32 +1418,34 @@ export class FinderWindow extends HTMLElement {
     const viewingLocal = this.source === 'local' && this.hasLocalShare();
     const openVol = this.source === 'remote' ? this.pathStack[0]?.name || '' : '';
     const viewingServer = this.source === 'remote' && !this.remoteOpen;
-    const servers = this.servers
-      .map((s, i) => {
-        const connected = this.remoteLoggedIn && s.id === connectedId;
-        const serverSel = viewingServer && connected ? 'selected' : '';
-        const kids =
-          connected && volumes.length
-            ? volumes
-                .map(
-                  (v, vi) => `
-      <div class="side-item side-item--child ${!viewingLocal && openVol === v ? 'selected' : ''}" data-vol="${vi}">
-        <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(v)}">${this.escape(v)}</span>
-      </div>`,
-                )
-                .join('')
-            : '';
-        const eject = connected
-          ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+    const groups = this.sidebarGroups();
+    const byGroup = endpointsByGroup(this.servers, groups);
+    const refreshEnabled = this.host?.isConnected() || !this.hasTransport();
+    const groupBlocks = visibleSidebarGroups(groups, byGroup)
+      .map((g) => {
+        const rows = byGroup.get(g.id) ?? [];
+        const items =
+          rows
+            .map(({ ep: s, index: i }) =>
+              this.sidebarEndpointHtml(s, i, {
+                connectedId,
+                volumes,
+                viewingLocal,
+                openVol,
+                viewingServer,
+              }),
+            )
+            .join('') ||
+          `<div class="side-item"><span class="dot off"></span><span>${this.escape(g.empty || 'None')}</span></div>`;
+        const refresh = g.refresh
+          ? `<button type="button" class="side-refresh${this.networkScanning ? ' spinning' : ''}" data-act="refresh" aria-label="Refresh network" aria-busy="${this.networkScanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>`
           : '';
-        const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
         return `
-      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}>
-        <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(s.title)}">${this.escape(s.title)}</span>
-        ${eject}
-      </div>${kids}`;
+      <div class="side-label${g.refresh ? ' side-label--with-action' : ''}">
+        <span>${this.escape(g.title)}</span>
+        ${refresh}
+      </div>
+      ${items}`;
       })
       .join('');
     const localBlock = this.hasLocalShare()
@@ -1438,19 +1456,71 @@ export class FinderWindow extends HTMLElement {
         <button type="button" class="side-more" data-act="share-actions" aria-label="Share actions" title="Share actions">${uiIcons.more}</button>
       </div>`
       : '';
-    const netLabel = this.hasTransport() ? 'LocalTalk' : 'Network';
-    const emptyNet = this.hasTransport() ? 'No AFP servers' : 'No servers';
-    const refreshEnabled = this.host?.isConnected() || !this.hasTransport();
     side.innerHTML = `
       ${localBlock}
-      <div class="side-label side-label--with-action">
-        <span>${netLabel}</span>
-        <button type="button" class="side-refresh${this.networkScanning ? ' spinning' : ''}" data-act="refresh" aria-label="Refresh network" aria-busy="${this.networkScanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>
-      </div>
-      ${servers || `<div class="side-item"><span class="dot off"></span><span>${emptyNet}</span></div>`}
+      ${groupBlocks}
     `;
   }
 
+  private sidebarGroups(): SidebarGroup[] {
+    const custom = this.host?.sidebarGroups?.();
+    if (custom?.length) return custom;
+    return [
+      {
+        id: SIDEBAR_GROUP_NETWORK,
+        title: this.hasTransport() ? 'LocalTalk' : 'Network',
+        refresh: true,
+        empty: this.hasTransport() ? 'No AFP servers' : 'No servers',
+      },
+    ];
+  }
+
+  private sidebarBadgeHtml(badge: string | SidebarBadge | undefined): string {
+    const text = badgeText(badge);
+    if (!text) return '';
+    const title = badgeTitle(badge);
+    const tip = title ? ` title="${this.escape(title)}"` : '';
+    return `<span class="side-badge"${tip}>${this.escape(text)}</span>`;
+  }
+
+  private sidebarEndpointHtml(
+    s: RemoteEndpoint,
+    i: number,
+    opts: {
+      connectedId: string;
+      volumes: string[];
+      viewingLocal: boolean;
+      openVol: string;
+      viewingServer: boolean;
+    },
+  ): string {
+    const connected = this.remoteLoggedIn && s.id === opts.connectedId;
+    const serverSel = opts.viewingServer && connected ? 'selected' : '';
+    const kids =
+      connected && opts.volumes.length
+        ? opts.volumes
+            .map(
+              (v, vi) => `
+      <div class="side-item side-item--child ${!opts.viewingLocal && opts.openVol === v ? 'selected' : ''}" data-vol="${vi}">
+        <span class="dot"></span>
+        <span class="side-item-label" aria-label="${this.escape(v)}">${this.escape(v)}</span>
+      </div>`,
+            )
+            .join('')
+        : '';
+    const eject = connected
+      ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+      : '';
+    const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
+    return `
+      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}>
+        <span class="dot"></span>
+        <span class="side-item-label" aria-label="${this.escape(s.title)}">${this.escape(s.title)}</span>
+        ${this.sidebarBadgeHtml(s.badge)}
+        ${eject}
+      </div>${kids}`;
+  }
+
   private renderPath(): void {
     const bar = this.querySelector('.pathbar');
     if (!bar) return;
@@ -3962,7 +4032,8 @@ export class FinderWindow extends HTMLElement {
     try {
       const list = await this.host.refreshNetwork();
       this.setServers(list);
-      this.setStatus(`Found ${list.length} server(s)`);
+      const n = list.filter((s) => s.kind !== 'local').length;
+      this.setStatus(n ? `Found ${n} server(s)` : 'No servers');
     } catch (e) {
       this.setStatus(`Lookup failed: ${(e as Error).message}`);
     }
diff --git a/src/ui/styles/tokens.css b/src/ui/styles/tokens.css
index 8f98870..ca42b47 100644
--- a/src/ui/styles/tokens.css
+++ b/src/ui/styles/tokens.css
@@ -395,6 +395,24 @@ finder-window.is-dragging .titlebar {
   background: var(--text-muted);
 }
 
+.side-badge {
+  flex-shrink: 0;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 1px 5px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+.side-item.selected .side-badge {
+  background: rgba(255, 255, 255, 0.14);
+  color: var(--text);
+}
+
 .main {
   display: flex;
   flex-direction: column;

From f6ab643e4abb219ad0699e4c15b7fbdb7d6645be Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 10:40:38 +1000
Subject: [PATCH 06/12] Back the shared extension editor with a pluggable
 store.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The same dialog can persist mappings in browser storage or through a host API, so ClassicStack can edit the server’s Netatalk extmap without forking the UI.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 README.md                             |   2 +
 package.json                          |   3 +
 src/fs/extension-map-netatalk.test.ts |  33 ++++++++
 src/fs/extension-map-netatalk.ts      |  81 ++++++++++++++++++
 src/fs/extension-map.test.ts          |  27 ++++++
 src/fs/extension-map.ts               | 114 +++++++++++++++++++++-----
 src/ui/extension-editor-dialog.ts     |  78 +++++++++++++-----
 src/ui/styles/tokens.css              |   6 ++
 8 files changed, 301 insertions(+), 43 deletions(-)
 create mode 100644 src/fs/extension-map-netatalk.test.ts
 create mode 100644 src/fs/extension-map-netatalk.ts

diff --git a/README.md b/README.md
index 90c0295..c1d8b33 100644
--- a/README.md
+++ b/README.md
@@ -48,6 +48,8 @@ Finder UI (`src/ui/finder-window.ts`) must stay independent of archive and resou
 
 The Finder sidebar layout is owned by the host: set `RemoteEndpoint.group` / `badge` and implement `FinderHost.sidebarGroups()`. ClassicStack groups local shares vs AppleTalk / SMB / NetWare / EtherDFS clients; the TashTalk PWA keeps a single LocalTalk list.
 
+The extension→type/creator editor is shared (`ExtensionEditorDialog`). Persistence is a pluggable `ExtensionMapStore`: the PWA uses browser localStorage; ClassicStack’s SPA uses the Go `/extmap` API (Netatalk `extmap.conf`).
+
 Register with `registerArchiveCodec`, `registerResourceDecompressor`, `registerResourceTypeDecoder`, or `registerRezCodec`. Re-registering the bundled ids (`sit`, `binhex`, `macbinary`, `zip`, `applesingle`, `dcmp`) replaces the default implementation.
 
 ## Credits
diff --git a/package.json b/package.json
index b42508e..eaeacec 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "./ui/finder": "./src/ui/finder-window.ts",
     "./ui/finder-host": "./src/ui/finder-host.ts",
     "./ui/finder-sidebar": "./src/ui/finder-sidebar.ts",
+    "./ui/extension-editor": "./src/ui/extension-editor-dialog.ts",
     "./ui/styles": "./src/ui/styles/tokens.css",
     "./ui/login": "./src/ui/login-dialog.ts",
     "./ui/alert": "./src/ui/alert-dialog.ts",
@@ -16,6 +17,8 @@
     "./ui/resource-explorer": "./src/ui/resource-fork-explorer.ts",
     "./fs/catalog": "./src/fs/virtual-fs.ts",
     "./fs/empty-catalog": "./src/fs/empty-catalog.ts",
+    "./fs/extension-map": "./src/fs/extension-map.ts",
+    "./fs/extension-map-netatalk": "./src/fs/extension-map-netatalk.ts",
     "./fs/codecs": "./src/fs/codecs.ts",
     "./fs/expand": "./src/fs/expand-incoming.ts",
     "./fs/stuffit": "./src/fs/stuffit.ts",
diff --git a/src/fs/extension-map-netatalk.test.ts b/src/fs/extension-map-netatalk.test.ts
new file mode 100644
index 0000000..f965e85
--- /dev/null
+++ b/src/fs/extension-map-netatalk.test.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+import { parseNetatalkExtensionMap, serializeNetatalkExtensionMap } from './extension-map-netatalk';
+
+const sample = `# header
+.         "????"  "????"      Unix Binary
+.bin      "SIT!"  "SITx"      MacBinary                      StuffIt Expander
+#.txt      "TEXT"  "ttxt"      ASCII Text
+`;
+
+describe('Netatalk extension map', () => {
+  it('parses enabled lines and keeps trailing comment text', () => {
+    const rows = parseNetatalkExtensionMap(sample);
+    expect(rows).toEqual([
+      { extension: '.', type: '????', creator: '????', comment: 'Unix Binary' },
+      { extension: 'bin', type: 'SIT!', creator: 'SITx', comment: 'MacBinary                      StuffIt Expander' },
+    ]);
+  });
+
+  it('replaces enabled lines in place and keeps comments', () => {
+    const next = serializeNetatalkExtensionMap(
+      [
+        { extension: 'bin', type: 'SIT!', creator: 'SITx', comment: 'MacBinary' },
+        { extension: 'png', type: 'PNG ', creator: 'ogle', comment: 'PNG' },
+      ],
+      sample,
+    );
+    expect(next).toContain('# header');
+    expect(next).toContain('#.txt      "TEXT"  "ttxt"      ASCII Text');
+    expect(next).not.toContain('Unix Binary');
+    expect(next).toContain('.bin "SIT!" "SITx"      MacBinary');
+    expect(next).toContain('.png "PNG " "ogle"      PNG');
+  });
+});
diff --git a/src/fs/extension-map-netatalk.ts b/src/fs/extension-map-netatalk.ts
new file mode 100644
index 0000000..7d3f7e3
--- /dev/null
+++ b/src/fs/extension-map-netatalk.ts
@@ -0,0 +1,81 @@
+/** Netatalk `.ext "TYPE" "CRTR"` codec for the shared extension-map editor. */
+
+import {
+  normalizeExtension,
+  normalizeMappings,
+  padOsType,
+  type ExtensionMapping,
+} from './extension-map';
+
+const LINE = /^(\S+)\s+"([^"]*)"\s+"([^"]*)"(.*)$/;
+
+function parseNetatalkLine(line: string): ExtensionMapping | null {
+  const m = LINE.exec(line.trim());
+  if (!m) return null;
+  const token = m[1]!;
+  const extension = token === '.' ? '.' : normalizeExtension(token);
+  if (!extension) return null;
+  return {
+    extension,
+    type: padOsType(m[2]!),
+    creator: padOsType(m[3]!),
+    comment: (m[4] ?? '').trim(),
+  };
+}
+
+/** Enabled (uncommented) Netatalk mappings. `#` lines and blanks are ignored. */
+export function parseNetatalkExtensionMap(text: string): ExtensionMapping[] {
+  const rows: ExtensionMapping[] = [];
+  for (const raw of text.split(/\r?\n/)) {
+    const line = raw.trim();
+    if (!line || line.startsWith('#')) continue;
+    const row = parseNetatalkLine(line);
+    if (row) rows.push(row);
+  }
+  return normalizeMappings(rows);
+}
+
+export function formatNetatalkLine(row: ExtensionMapping): string {
+  const ext = row.extension === '.' ? '.' : `.${row.extension}`;
+  const comment = row.comment ? `      ${row.comment}` : '';
+  return `${ext} "${padOsType(row.type)}" "${padOsType(row.creator)}"${comment}`;
+}
+
+/**
+ * Write enabled rows in Netatalk form. When `original` is the previous file,
+ * `#` comments and commented-out mappings are kept; enabled lines are replaced
+ * in place and new extensions are appended.
+ */
+export function serializeNetatalkExtensionMap(
+  rows: readonly ExtensionMapping[],
+  original = '',
+): string {
+  const enabled = normalizeMappings(rows);
+  const byExt = new Map(enabled.map((r) => [r.extension, r]));
+  const written = new Set<string>();
+  const out: string[] = [];
+  if (original) {
+    for (const raw of original.split(/\r?\n/)) {
+      const t = raw.trim();
+      if (!t) {
+        out.push('');
+        continue;
+      }
+      if (t.startsWith('#')) {
+        out.push(raw);
+        continue;
+      }
+      const parsed = parseNetatalkLine(t);
+      if (!parsed) continue;
+      const next = byExt.get(parsed.extension);
+      if (!next) continue;
+      out.push(formatNetatalkLine(next));
+      written.add(parsed.extension);
+    }
+  }
+  for (const row of enabled) {
+    if (!written.has(row.extension)) out.push(formatNetatalkLine(row));
+  }
+  while (out.length && out[out.length - 1] === '') out.pop();
+  return out.length ? `${out.join('\n')}\n` : '';
+}
diff --git a/src/fs/extension-map.test.ts b/src/fs/extension-map.test.ts
index 1f5c213..7071e78 100644
--- a/src/fs/extension-map.test.ts
+++ b/src/fs/extension-map.test.ts
@@ -2,16 +2,21 @@ import { afterEach, describe, expect, it } from 'vitest';
 import {
   DEFAULT_EXTENSION_MAP,
   EXTENSION_MAP_STORAGE_KEY,
+  browserExtensionMapStore,
   cloneDefaultExtensionMap,
   filenameExtension,
   finderInfoFromName,
+  hydrateExtensionMap,
   loadExtensionMap,
   lookupExtension,
   normalizeExtension,
   normalizeMappings,
   padOsType,
   parseExtensionMap,
+  persistExtensionMap,
   saveExtensionMap,
+  setExtensionMapStore,
+  type ExtensionMapping,
 } from './extension-map';
 
 const memory = new Map<string, string>();
@@ -34,6 +39,7 @@ function installStorage(): void {
 
 afterEach(() => {
   memory.clear();
+  setExtensionMapStore(browserExtensionMapStore());
 });
 
 describe('extension-map', () => {
@@ -41,6 +47,7 @@ describe('extension-map', () => {
     expect(padOsType('PDF')).toBe('PDF ');
     expect(padOsType('')).toBe('????');
     expect(normalizeExtension('.TXT')).toBe('txt');
+    expect(normalizeExtension('.')).toBe('.');
     expect(filenameExtension('Read Me.txt')).toBe('txt');
     expect(filenameExtension('archive.tar.gz')).toBe('gz');
     expect(filenameExtension('noext')).toBe('');
@@ -54,6 +61,10 @@ describe('extension-map', () => {
     expect(lookupExtension('clip.pict', rows)).toEqual({ type: 'PICT', creator: 'TVOD' });
     expect(lookupExtension('System.image', rows)).toEqual({ type: 'dImg', creator: 'ddsk' });
     expect(lookupExtension('unknown.xyz', rows)).toEqual({ type: '????', creator: '????' });
+    expect(lookupExtension('README', [{ extension: '.', type: '????', creator: 'UNIX', comment: '' }])).toEqual({
+      type: '????',
+      creator: 'UNIX',
+    });
     const fi = finderInfoFromName('photo.png', rows);
     expect(String.fromCharCode(...fi.subarray(0, 4))).toBe('PNG ');
     expect(String.fromCharCode(...fi.subarray(4, 8))).toBe('ogle');
@@ -91,4 +102,20 @@ describe('extension-map', () => {
     expect(JSON.parse(memory.get(EXTENSION_MAP_STORAGE_KEY)!)).toEqual(saved);
     expect(loadExtensionMap()).toEqual(saved);
   });
+
+  it('lets a caller replace the backing store', async () => {
+    const mem: ExtensionMapping[] = [];
+    setExtensionMapStore({
+      async load() {
+        return mem.map((r) => ({ ...r }));
+      },
+      async save(rows) {
+        mem.splice(0, mem.length, ...rows);
+        return mem.map((r) => ({ ...r }));
+      },
+    });
+    await persistExtensionMap([{ extension: 'go', creator: 'CWIE', type: 'TEXT', comment: 'Go' }]);
+    expect(mem).toEqual([{ extension: 'go', creator: 'CWIE', type: 'TEXT', comment: 'Go' }]);
+    expect(await hydrateExtensionMap()).toEqual(mem);
+  });
 });
diff --git a/src/fs/extension-map.ts b/src/fs/extension-map.ts
index 4fb0a58..a6541c4 100644
--- a/src/fs/extension-map.ts
+++ b/src/fs/extension-map.ts
@@ -1,9 +1,9 @@
-/** Filename extension → Macintosh type/creator codes (persisted in localStorage). */
+/** Filename extension → Macintosh type/creator codes. Persistence is a pluggable store. */
 
 export const EXTENSION_MAP_STORAGE_KEY = 'classicstack.extension-map';
 
 export interface ExtensionMapping {
-  /** Filename suffix without a leading dot (lowercase). */
+  /** Filename suffix without a leading dot (lowercase). `.` is the Netatalk catch-all. */
   extension: string;
   /** Four-character Macintosh creator OSType. */
   creator: string;
@@ -13,6 +13,23 @@ export interface ExtensionMapping {
   comment: string;
 }
 
+/** Where the editor (and Finder import) reads and writes mappings. */
+export interface ExtensionMapStore {
+  load(): Promise<ExtensionMapping[]>;
+  save(rows: readonly ExtensionMapping[]): Promise<ExtensionMapping[]>;
+}
+
+/** Optional sync surface used by the browser localStorage store and prefs export. */
+export interface SyncExtensionMapStore extends ExtensionMapStore {
+  loadSync(): ExtensionMapping[];
+  saveSync(rows: readonly ExtensionMapping[]): ExtensionMapping[];
+  resetSync(): void;
+}
+
+function isSyncStore(s: ExtensionMapStore): s is SyncExtensionMapStore {
+  return typeof (s as SyncExtensionMapStore).loadSync === 'function';
+}
+
 /**
  * Built-in mappings used until the user saves an edited list.
  * Type/creator/comment follow classic Internet Config defaults for common files.
@@ -87,7 +104,9 @@ export function padOsType(s: string): string {
 }
 
 export function normalizeExtension(ext: string): string {
-  return ext.trim().replace(/^\.+/, '').toLowerCase();
+  const t = ext.trim().toLowerCase();
+  if (t === '.') return '.';
+  return t.replace(/^\.+/, '');
 }
 
 /** Last path segment after the final dot, matching historical VirtualFS behavior. */
@@ -131,41 +150,94 @@ export function parseExtensionMap(raw: unknown): ExtensionMapping[] | null {
   );
 }
 
+let cache: ExtensionMapping[] | null = null;
+let store: ExtensionMapStore = browserExtensionMapStore();
+
+export function browserExtensionMapStore(): SyncExtensionMapStore {
+  return {
+    async load() {
+      return this.loadSync();
+    },
+    async save(rows) {
+      return this.saveSync(rows);
+    },
+    loadSync() {
+      try {
+        const raw = localStorage.getItem(EXTENSION_MAP_STORAGE_KEY);
+        if (!raw) return cloneDefaultExtensionMap();
+        const parsed = parseExtensionMap(JSON.parse(raw) as unknown);
+        return parsed ?? cloneDefaultExtensionMap();
+      } catch {
+        return cloneDefaultExtensionMap();
+      }
+    },
+    saveSync(rows) {
+      const next = normalizeMappings(rows);
+      try {
+        localStorage.setItem(EXTENSION_MAP_STORAGE_KEY, JSON.stringify(next));
+      } catch {
+        /* quota / private mode */
+      }
+      return next;
+    },
+    resetSync() {
+      try {
+        localStorage.removeItem(EXTENSION_MAP_STORAGE_KEY);
+      } catch {
+        /* private mode */
+      }
+    },
+  };
+}
+
+/** Install the persistence backend (browser localStorage by default; ClassicStack uses the Go API). */
+export function setExtensionMapStore(next: ExtensionMapStore): void {
+  store = next;
+  cache = null;
+}
+
+export function extensionMapStore(): ExtensionMapStore {
+  return store;
+}
+
 export function loadExtensionMap(): ExtensionMapping[] {
-  try {
-    const raw = localStorage.getItem(EXTENSION_MAP_STORAGE_KEY);
-    if (!raw) return cloneDefaultExtensionMap();
-    const parsed = parseExtensionMap(JSON.parse(raw) as unknown);
-    return parsed ?? cloneDefaultExtensionMap();
-  } catch {
-    return cloneDefaultExtensionMap();
+  if (cache) return cache;
+  if (isSyncStore(store)) {
+    cache = store.loadSync();
+    return cache;
   }
+  return cloneDefaultExtensionMap();
+}
+
+export async function hydrateExtensionMap(): Promise<ExtensionMapping[]> {
+  cache = await store.load();
+  return cache;
 }
 
 export function resetExtensionMap(): void {
-  try {
-    localStorage.removeItem(EXTENSION_MAP_STORAGE_KEY);
-  } catch {
-    /* private mode */
-  }
+  cache = null;
+  if (isSyncStore(store)) store.resetSync();
 }
 
 export function saveExtensionMap(rows: readonly ExtensionMapping[]): ExtensionMapping[] {
   const next = normalizeMappings(rows);
-  try {
-    localStorage.setItem(EXTENSION_MAP_STORAGE_KEY, JSON.stringify(next));
-  } catch {
-    /* quota / private mode */
-  }
+  cache = next;
+  if (isSyncStore(store)) store.saveSync(next);
   return next;
 }
 
+export async function persistExtensionMap(rows: readonly ExtensionMapping[]): Promise<ExtensionMapping[]> {
+  cache = await store.save(normalizeMappings(rows));
+  return cache;
+}
+
 export function lookupExtension(
   name: string,
   rows: readonly ExtensionMapping[] = loadExtensionMap(),
 ): { type: string; creator: string } {
   const ext = filenameExtension(name);
-  const hit = ext ? rows.find((r) => r.extension === ext) : undefined;
+  const hit = (ext ? rows.find((r) => r.extension === ext) : undefined) ??
+    (!ext ? rows.find((r) => r.extension === '.') : undefined);
   return hit
     ? { type: padOsType(hit.type), creator: padOsType(hit.creator) }
     : { type: '????', creator: '????' };
diff --git a/src/ui/extension-editor-dialog.ts b/src/ui/extension-editor-dialog.ts
index f516d31..2618a46 100644
--- a/src/ui/extension-editor-dialog.ts
+++ b/src/ui/extension-editor-dialog.ts
@@ -1,8 +1,8 @@
 import { log } from '../util/logger';
 import {
   cloneDefaultExtensionMap,
-  loadExtensionMap,
-  saveExtensionMap,
+  hydrateExtensionMap,
+  persistExtensionMap,
   type ExtensionMapping,
 } from '../fs/extension-map';
 import { uiIcons } from './lucide-icon';
@@ -10,29 +10,49 @@ import { uiIcons } from './lucide-icon';
 /** Advanced-menu editor for filename extension → creator/type mappings. */
 export class ExtensionEditorDialog extends HTMLElement {
   private rows: ExtensionMapping[] = [];
+  private busy = false;
+  private error = '';
 
   connectedCallback(): void {
     this.classList.add('extension-editor-dialog');
     this.hidden = true;
-    this.addEventListener('click', (e) => this.onClick(e));
+    this.addEventListener('click', (e) => void this.onClick(e));
     this.addEventListener('keydown', (e) => {
       if (e.key === 'Escape' && !this.hidden) this.close();
     });
   }
 
   open(): void {
-    this.rows = loadExtensionMap();
     this.hidden = false;
+    this.error = '';
+    this.busy = true;
+    this.rows = [];
     this.render();
     log.info('Opened extension editor', 'finder');
-    queueMicrotask(() => {
-      this.querySelector<HTMLInputElement>('[data-field="extension"]')?.focus();
-    });
+    void this.reload();
   }
 
   close(): void {
     this.hidden = true;
     this.innerHTML = '';
+    this.error = '';
+    this.busy = false;
+  }
+
+  private async reload(): Promise<void> {
+    try {
+      this.rows = await hydrateExtensionMap();
+      this.error = '';
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : String(err);
+      this.rows = [];
+    }
+    this.busy = false;
+    if (this.hidden) return;
+    this.render();
+    queueMicrotask(() => {
+      this.querySelector<HTMLInputElement>('[data-field="extension"]')?.focus();
+    });
   }
 
   private harvest(): ExtensionMapping[] {
@@ -53,14 +73,14 @@ export class ExtensionEditorDialog extends HTMLElement {
         (row, i) => `
         <div class="extension-editor__row" data-row>
           <input data-field="extension" spellcheck="false" autocomplete="off" maxlength="16"
-            value="${escapeAttr(row.extension)}" placeholder="txt" aria-label="Extension" />
+            value="${escapeAttr(row.extension)}" placeholder="txt" aria-label="Extension" ${this.busy ? 'disabled' : ''} />
           <input data-field="creator" class="extension-editor__ostype" spellcheck="false" autocomplete="off" maxlength="4"
-            value="${escapeAttr(row.creator)}" placeholder="ttxt" aria-label="Creator" />
+            value="${escapeAttr(row.creator)}" placeholder="ttxt" aria-label="Creator" ${this.busy ? 'disabled' : ''} />
           <input data-field="type" class="extension-editor__ostype" spellcheck="false" autocomplete="off" maxlength="4"
-            value="${escapeAttr(row.type)}" placeholder="TEXT" aria-label="Type" />
-          <input data-field="comment" spellcheck="false" autocomplete="off" maxlength="80"
-            value="${escapeAttr(row.comment)}" placeholder="ASCII Text" aria-label="Comment" />
-          <button type="button" class="btn icon-btn extension-editor__remove" data-act="remove" data-i="${i}" aria-label="Remove row">
+            value="${escapeAttr(row.type)}" placeholder="TEXT" aria-label="Type" ${this.busy ? 'disabled' : ''} />
+          <input data-field="comment" spellcheck="false" autocomplete="off" maxlength="160"
+            value="${escapeAttr(row.comment)}" placeholder="ASCII Text" aria-label="Comment" ${this.busy ? 'disabled' : ''} />
+          <button type="button" class="btn icon-btn extension-editor__remove" data-act="remove" data-i="${i}" aria-label="Remove row" ${this.busy ? 'disabled' : ''}>
             ${uiIcons.delete}
           </button>
         </div>`,
@@ -75,6 +95,7 @@ export class ExtensionEditorDialog extends HTMLElement {
           <button type="button" class="btn" data-act="cancel" aria-label="Close">✕</button>
         </header>
         <p class="netboot-dialog__lead">Map filename extensions to Macintosh creator and type codes. Used when importing files that have no AppleDouble metadata.</p>
+        ${this.error ? `<p class="extension-editor__error">${escapeAttr(this.error)}</p>` : ''}
         <div class="extension-editor__table-wrap">
           <div class="extension-editor__grid">
             <div class="extension-editor__head">Extension</div>
@@ -82,22 +103,23 @@ export class ExtensionEditorDialog extends HTMLElement {
             <div class="extension-editor__head">Type</div>
             <div class="extension-editor__head">Comment</div>
             <div class="extension-editor__head"></div>
-            ${bodyRows}
+            ${this.busy ? '' : bodyRows}
           </div>
-          ${bodyRows ? '' : `<p class="extension-editor__empty">No mappings. Add a row or reset to defaults.</p>`}
+          ${this.busy ? `<p class="extension-editor__empty">Loading…</p>` : ''}
+          ${!this.busy && bodyRows ? '' : !this.busy ? `<p class="extension-editor__empty">No mappings. Add a row or reset to defaults.</p>` : ''}
         </div>
         <footer class="netboot-dialog__footer extension-editor__footer">
-          <button type="button" class="btn" data-act="add">${uiIcons.add} Add</button>
-          <button type="button" class="btn" data-act="reset">Reset</button>
+          <button type="button" class="btn" data-act="add" ${this.busy ? 'disabled' : ''}>${uiIcons.add} Add</button>
+          <button type="button" class="btn" data-act="reset" ${this.busy ? 'disabled' : ''}>Reset</button>
           <span class="extension-editor__spacer"></span>
           <button type="button" class="btn" data-act="cancel">Cancel</button>
-          <button type="button" class="btn primary" data-act="save">Save</button>
+          <button type="button" class="btn primary" data-act="save" ${this.busy ? 'disabled' : ''}>Save</button>
         </footer>
       </div>
     `;
   }
 
-  private onClick(e: MouseEvent): void {
+  private async onClick(e: MouseEvent): Promise<void> {
     const t = (e.target as HTMLElement).closest('[data-act]') as HTMLElement | null;
     if (!t) return;
     const act = t.dataset.act;
@@ -105,6 +127,7 @@ export class ExtensionEditorDialog extends HTMLElement {
       this.close();
       return;
     }
+    if (this.busy) return;
     if (act === 'add') {
       this.rows = this.harvest();
       this.rows.push({ extension: '', creator: '', type: '', comment: '' });
@@ -122,13 +145,24 @@ export class ExtensionEditorDialog extends HTMLElement {
     }
     if (act === 'reset') {
       this.rows = cloneDefaultExtensionMap();
+      this.error = '';
       this.render();
       return;
     }
     if (act === 'save') {
-      this.rows = saveExtensionMap(this.harvest());
-      log.info(`Saved ${this.rows.length} filename extension mapping${this.rows.length === 1 ? '' : 's'}`, 'finder');
-      this.close();
+      const rows = this.harvest();
+      this.busy = true;
+      this.error = '';
+      this.render();
+      try {
+        this.rows = await persistExtensionMap(rows);
+        log.info(`Saved ${this.rows.length} filename extension mapping${this.rows.length === 1 ? '' : 's'}`, 'finder');
+        this.close();
+      } catch (err) {
+        this.error = err instanceof Error ? err.message : String(err);
+        this.busy = false;
+        if (!this.hidden) this.render();
+      }
     }
   }
 }
diff --git a/src/ui/styles/tokens.css b/src/ui/styles/tokens.css
index ca42b47..9a33d9a 100644
--- a/src/ui/styles/tokens.css
+++ b/src/ui/styles/tokens.css
@@ -2942,6 +2942,12 @@ extension-editor-dialog[hidden],
   color: var(--text-muted);
 }
 
+.extension-editor__error {
+  margin: 0 20px 8px;
+  font-size: 13px;
+  color: var(--danger);
+}
+
 .extension-editor__footer {
   align-items: center;
 }

From 947755e4bf0daa98bbce250616be07276798dec2 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 11:39:18 +1000
Subject: [PATCH 07/12] Let hosts own sidebar menus and per-group network
 scans.

Local shares no longer show a nested volume or eject, and a heading refresh can rediscover just that service.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/ui/finder-host.ts   |  15 +++-
 src/ui/finder-window.ts | 159 ++++++++++++++++++++++++++++------------
 2 files changed, 128 insertions(+), 46 deletions(-)

diff --git a/src/ui/finder-host.ts b/src/ui/finder-host.ts
index 7b336e6..38b1c57 100644
--- a/src/ui/finder-host.ts
+++ b/src/ui/finder-host.ts
@@ -29,6 +29,12 @@ export type SidebarGroup = {
   hideWhenEmpty?: boolean;
 };
 
+/** One item in a sidebar-row context menu (Configure, Mount, …). */
+export type SidebarAction = {
+  id: string;
+  label: string;
+};
+
 /** One discoverable server or local volume the Finder can open. */
 export interface RemoteEndpoint {
   /** Opaque id (NBP name, SMB server, `local:afp:Mac HD`, …). */
@@ -73,7 +79,11 @@ export interface CredentialPromptOptions {
 export interface FinderHost {
   isConnected(): boolean;
   nodeLabel(): string;
-  refreshNetwork(): Promise<RemoteEndpoint[]>;
+  /**
+   * Rediscover endpoints. `scope` is a `SidebarGroup.id` so a heading’s scan
+   * button can refresh only that service; omitted means all groups.
+   */
+  refreshNetwork(scope?: string): Promise<RemoteEndpoint[]>;
   beginRemote(ep: RemoteEndpoint): Promise<SessionInfo>;
   loginRemote(creds: Credentials): Promise<string[]>;
   openVolume(name: string): Promise<Catalog>;
@@ -93,6 +103,9 @@ export interface FinderHost {
    * Omitted: a single LocalTalk/Network section (plus the IndexedDB local share).
    */
   sidebarGroups?(): SidebarGroup[];
+  /** Context-menu items for a sidebar server (and optional volume child). */
+  sidebarContextMenu?(ep: RemoteEndpoint, volume?: string): SidebarAction[];
+  onSidebarAction?(ep: RemoteEndpoint, action: string, volume?: string): void | Promise<void>;
   /** Display name for the local catalog (default “Browser Share”). */
   localTitle?(): string;
   dismissLogin?(): void;
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index ed5ca3d..dc513b8 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -5,6 +5,7 @@ import type {
   FinderHost,
   RemoteEndpoint,
   SessionInfo,
+  SidebarAction,
   SidebarBadge,
   SidebarGroup,
 } from './finder-host';
@@ -66,6 +67,7 @@ import { decodePict, pictToSvg } from '../fs/pict/pict';
 import { previewKindFor, previewMime, type FilePreviewKind } from './file-preview';
 import {
   SIDEBAR_GROUP_NETWORK,
+  assignSidebarGroup,
   badgeText,
   badgeTitle,
   endpointsByGroup,
@@ -185,7 +187,13 @@ export class FinderWindow extends HTMLElement {
     sourceIds: number[];
   } | null = null;
   private catalogs = new Map<string, Catalog>();
-  private contextMenu: { x: number; y: number; targetId: number | null; local?: boolean } | null = null;
+  private contextMenu: {
+    x: number;
+    y: number;
+    targetId: number | null;
+    local?: boolean;
+    sidebar?: { index: number; volume?: string; actions: SidebarAction[] };
+  } | null = null;
   /** Show Finder-invisible / Icon\\r items (persisted via prefs). */
   private showHiddenFiles = loadPrefs().showHiddenFiles;
   /** Decode dropped BinHex / MacBinary (persisted via prefs). */
@@ -229,7 +237,8 @@ export class FinderWindow extends HTMLElement {
   private navListAbort: AbortController | null = null;
   /** Per-folder list-view disclose listings; aborted on collapse or navigation. */
   private expandListAbort = new Map<number, AbortController>();
-  private networkScanning = false;
+  /** Sidebar group id being scanned, or `'*'` for a full refresh. */
+  private networkScanning: string | null = null;
   private preview: {
     id: number;
     name: string;
@@ -658,11 +667,8 @@ export class FinderWindow extends HTMLElement {
   }
 
   setNetworkScanning(busy: boolean): void {
-    this.networkScanning = busy;
-    const btn = this.querySelector('.side-refresh');
-    if (!btn) return;
-    btn.classList.toggle('spinning', busy);
-    btn.setAttribute('aria-busy', String(busy));
+    this.networkScanning = busy ? '*' : null;
+    this.renderSidebar();
   }
 
   setServers(list: RemoteEndpoint[]): void {
@@ -1437,8 +1443,9 @@ export class FinderWindow extends HTMLElement {
             )
             .join('') ||
           `<div class="side-item"><span class="dot off"></span><span>${this.escape(g.empty || 'None')}</span></div>`;
+        const scanning = this.networkScanning === '*' || this.networkScanning === g.id;
         const refresh = g.refresh
-          ? `<button type="button" class="side-refresh${this.networkScanning ? ' spinning' : ''}" data-act="refresh" aria-label="Refresh network" aria-busy="${this.networkScanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>`
+          ? `<button type="button" class="side-refresh${scanning ? ' spinning' : ''}" data-act="refresh" data-refresh="${this.escape(g.id)}" aria-label="Scan ${this.escape(g.title)}" aria-busy="${scanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>`
           : '';
         return `
       <div class="side-label${g.refresh ? ' side-label--with-action' : ''}">
@@ -1495,9 +1502,10 @@ export class FinderWindow extends HTMLElement {
     },
   ): string {
     const connected = this.remoteLoggedIn && s.id === opts.connectedId;
-    const serverSel = opts.viewingServer && connected ? 'selected' : '';
+    const localShare = s.kind === 'local';
+    const serverSel = connected && (localShare ? this.source === 'remote' : opts.viewingServer) ? 'selected' : '';
     const kids =
-      connected && opts.volumes.length
+      connected && !localShare && opts.volumes.length
         ? opts.volumes
             .map(
               (v, vi) => `
@@ -1508,9 +1516,10 @@ export class FinderWindow extends HTMLElement {
             )
             .join('')
         : '';
-    const eject = connected
-      ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
-      : '';
+    const eject =
+      connected && !localShare
+        ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+        : '';
     const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
     return `
       <div class="side-item ${serverSel}" data-server="${i}"${subtitle}>
@@ -2532,8 +2541,14 @@ export class FinderWindow extends HTMLElement {
       e.preventDefault();
       const action = ctxItem.getAttribute('data-ctx')!;
       const ctxTarget = this.contextMenu?.targetId ?? null;
+      const sidebar = this.contextMenu?.sidebar;
       this.contextMenu = null;
       this.renderContextMenu();
+      if (sidebar) {
+        const ep = this.servers[sidebar.index];
+        if (ep) await this.host.onSidebarAction?.(ep, action, sidebar.volume);
+        return;
+      }
       await this.handleContextAction(action, ctxTarget);
       return;
     }
@@ -2580,6 +2595,10 @@ export class FinderWindow extends HTMLElement {
       if (jobId) transferActivity.cancel(jobId);
       return;
     }
+    if (act === 'refresh') {
+      await this.onRefresh(actEl?.getAttribute('data-refresh') || undefined);
+      return;
+    }
     if (act) {
       await this.handleAction(act);
       return;
@@ -4027,15 +4046,39 @@ export class FinderWindow extends HTMLElement {
     this.render();
   }
 
-  private async onRefresh(): Promise<void> {
-    this.setStatus(this.hasTransport() ? 'Looking up AFPServer…' : 'Looking up servers…');
+  private async onRefresh(groupId?: string): Promise<void> {
+    const groups = this.sidebarGroups();
+    const title = groupId ? groups.find((g) => g.id === groupId)?.title : undefined;
+    this.networkScanning = groupId || '*';
+    this.renderSidebar();
+    this.setStatus(
+      title
+        ? `Scanning ${title}…`
+        : this.hasTransport()
+          ? 'Looking up AFPServer…'
+          : 'Looking up servers…',
+    );
     try {
-      const list = await this.host.refreshNetwork();
+      const list = await this.host.refreshNetwork(groupId);
       this.setServers(list);
-      const n = list.filter((s) => s.kind !== 'local').length;
-      this.setStatus(n ? `Found ${n} server(s)` : 'No servers');
+      const scoped = groupId
+        ? list.filter((s) => assignSidebarGroup(s, groups) === groupId && s.kind !== 'local')
+        : list.filter((s) => s.kind !== 'local');
+      const n = scoped.length;
+      this.setStatus(
+        title
+          ? n
+            ? `${title}: found ${n} server(s)`
+            : `${title}: none`
+          : n
+            ? `Found ${n} server(s)`
+            : 'No servers',
+      );
     } catch (e) {
       this.setStatus(`Lookup failed: ${(e as Error).message}`);
+    } finally {
+      this.networkScanning = null;
+      this.renderSidebar();
     }
   }
 
@@ -4870,6 +4913,30 @@ export class FinderWindow extends HTMLElement {
       this.renderContextMenu();
       return;
     }
+    const volEl = t.closest('[data-vol]');
+    const serverEl = t.closest('[data-server]');
+    if (volEl || serverEl) {
+      let index = -1;
+      let volume: string | undefined;
+      if (volEl) {
+        index = this.servers.findIndex((s) => s.id === (this.remoteEndpoint?.id || this.remoteNbpName));
+        volume = this.remoteVolumes[Number(volEl.getAttribute('data-vol'))];
+      } else if (serverEl) {
+        index = Number(serverEl.getAttribute('data-server'));
+      }
+      const ep = this.servers[index];
+      const actions = ep ? (this.host.sidebarContextMenu?.(ep, volume) ?? []) : [];
+      if (!ep || !actions.length) return;
+      e.preventDefault();
+      this.contextMenu = {
+        x: e.clientX,
+        y: e.clientY,
+        targetId: null,
+        sidebar: { index, volume, actions },
+      };
+      this.renderContextMenu();
+      return;
+    }
     const content = this.querySelector('.content');
     if (!content?.contains(e.target as Node)) return;
     e.preventDefault();
@@ -4895,38 +4962,40 @@ export class FinderWindow extends HTMLElement {
       root.innerHTML = '';
       return;
     }
-    const { x, y, targetId, local } = this.contextMenu;
+    const { x, y, targetId, local, sidebar } = this.contextMenu;
     const targetNode = targetId != null ? this.findNodeAnywhere(targetId) : null;
     const canPreview = this.isPreviewable(targetNode);
-    const items = local
-      ? [
-          `<button type="button" data-ctx="welcome-pack">Add Welcome Pack Items</button>`,
-          `<hr/>`,
-          `<button type="button" data-ctx="erase-local">Erase All Items…</button>`,
-        ]
-      : targetId != null
+    const items = sidebar
+      ? sidebar.actions.map((a) => `<button type="button" data-ctx="${this.escape(a.id)}">${this.escape(a.label)}</button>`)
+      : local
         ? [
-            this.isExpandableArchive(targetNode)
-              ? `<button type="button" data-ctx="expand">Expand</button>`
-              : '',
-            `<button type="button" data-ctx="download">Download Zip</button>`,
-            canPreview ? `<button type="button" data-ctx="preview">Preview…</button>` : '',
-            `<button type="button" data-ctx="rename">Rename</button>`,
-            `<button type="button" data-ctx="delete">Delete…</button>`,
-            `<button type="button" data-ctx="props">Get Info…</button>`,
-            targetNode && !targetNode.isDir
-              ? `<button type="button" data-ctx="resources">Resources…</button>`
-              : '',
+            `<button type="button" data-ctx="welcome-pack">Add Welcome Pack Items</button>`,
             `<hr/>`,
-            `<button type="button" data-ctx="cut">Cut</button>`,
-            `<button type="button" data-ctx="copy">Copy</button>`,
-            this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
+            `<button type="button" data-ctx="erase-local">Erase All Items…</button>`,
           ]
-        : [
-            `<button type="button" data-ctx="mkdir">New Folder</button>`,
-            this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
-            `<button type="button" data-ctx="props-blank">Get Info</button>`,
-          ];
+        : targetId != null
+          ? [
+              this.isExpandableArchive(targetNode)
+                ? `<button type="button" data-ctx="expand">Expand</button>`
+                : '',
+              `<button type="button" data-ctx="download">Download Zip</button>`,
+              canPreview ? `<button type="button" data-ctx="preview">Preview…</button>` : '',
+              `<button type="button" data-ctx="rename">Rename</button>`,
+              `<button type="button" data-ctx="delete">Delete…</button>`,
+              `<button type="button" data-ctx="props">Get Info…</button>`,
+              targetNode && !targetNode.isDir
+                ? `<button type="button" data-ctx="resources">Resources…</button>`
+                : '',
+              `<hr/>`,
+              `<button type="button" data-ctx="cut">Cut</button>`,
+              `<button type="button" data-ctx="copy">Copy</button>`,
+              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
+            ]
+          : [
+              `<button type="button" data-ctx="mkdir">New Folder</button>`,
+              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
+              `<button type="button" data-ctx="props-blank">Get Info</button>`,
+            ];
     root.innerHTML = `<div class="ctx-menu" style="left:${x}px;top:${y}px">${items.filter(Boolean).join('')}</div>`;
   }
 

From 6a4d9f12b3d54ce635ded6aa334d32cd94468a24 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 11:39:53 +1000
Subject: [PATCH 08/12] Resolve a cancelled login when the dialog is closed.

Leaving Finder for another screen dismisses the prompt instead of leaving connect hanging.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/ui/login-dialog.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ui/login-dialog.ts b/src/ui/login-dialog.ts
index 196f0e7..852b811 100644
--- a/src/ui/login-dialog.ts
+++ b/src/ui/login-dialog.ts
@@ -42,11 +42,13 @@ export class LoginDialog extends HTMLElement {
   }
 
   close(): void {
+    const done = this.pending;
     this.busy = false;
     this.pending = null;
     this.hidden = true;
     this.opts = null;
     this.password = '';
+    done?.(null);
   }
 
   private finish(value: LoginCredentials | null): void {

From a34e899ae8f23a8a36c125e5137fe15832dae602 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Mon, 17 Aug 2026 11:50:15 +1000
Subject: [PATCH 09/12] List a share after opening it and drop the duplicate
 local path crumb.

Auto-mounted volumes never called reload, so the window stayed empty, and local shares showed id:name in the path bar.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/ui/finder-window.ts | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index dc513b8..3ea392a 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -1536,7 +1536,7 @@ export class FinderWindow extends HTMLElement {
     type Crumb = { name: string; id?: number; index: number };
     const crumbs: Crumb[] = this.pathStack.map((p, i) => ({
       name:
-        i === 0 && this.source === 'remote' && this.remoteNbpName
+        i === 0 && this.source === 'remote' && this.remoteNbpName && this.remoteEndpoint?.kind !== 'local'
           ? `${this.remoteNbpName}:${p.name}`
           : p.name || this.localShareTitle(),
       id: p.id,
@@ -2650,11 +2650,21 @@ export class FinderWindow extends HTMLElement {
       if (!s) return;
       if (this.remoteBusy) return;
       if (this.remoteLoggedIn && this.remoteNbpName === s.id) {
-        this.renderSidebar();
+        if (this.remoteOpen) {
+          this.closeSidebar();
+          await this.reload();
+          this.render();
+        } else {
+          this.renderSidebar();
+        }
         return;
       }
       await this.connectServerWithLogin(s);
       this.closeSidebar();
+      if (this.remoteOpen) {
+        await this.reload();
+        this.syncHistory();
+      }
       this.render();
       return;
     }
@@ -4031,7 +4041,9 @@ export class FinderWindow extends HTMLElement {
     if (!cat) throw new Error(`Couldn’t open volume “${name}”`);
     this.mountCatalog(cat, 'remote', name);
     this.remoteOpen = true;
-    this.setStatus(`Mounted ${this.remoteNbpName}:${name}`);
+    this.setStatus(
+      this.remoteEndpoint?.kind === 'local' ? `Opened ${name}` : `Mounted ${this.remoteNbpName}:${name}`,
+    );
   }
 
   private async ejectRemote(): Promise<void> {

From 3c2207f92d9a3757c9de23cf910d8657ffb153a9 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Tue, 18 Aug 2026 23:10:12 +1000
Subject: [PATCH 10/12] Extract a shared Finder host, support multiple open
 servers, and add a Settings window.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Split the AFP-over-WebSerial wiring out of main.ts into a new src/finder/
module (api.ts, api-catalog.ts, afp-finder-api.ts, afp-finder-host.ts,
bind-catalog.ts, catalog-copy.ts, progress.ts, types.ts) behind a
protocol-neutral FinderAPI/CatalogWithBackend interface, and publish it plus
the protocol/services/transport layers as package.json subpath exports.
ClassicStack's Go control-panel SPA implements the same FinderAPI over HTTP,
so the two apps now share one Finder UI and one copy/move/expand engine
instead of forking it.

Let the sidebar hold more than one live connection at once: endpoints are
now either catalogs themselves (a ClassicStack share, a FUSE/WinFsp mount)
or servers that list volumes as children, tracked per-endpoint
(loggedInEndpoints/knownVolumes/openedVolumeKeys) instead of assuming a
single remote session. Disconnect (log out of a server) and Eject (unmount
one volume) are now separate actions, drag-and-drop targets key off
data-share-key instead of positional volume indexes, and browser-history
navigation can reconnect to whichever share a restored URL names. The login
dialog is now protocol-aware (AFP/SMB/NCP) instead of hardcoding AFP UAM
copy and the 8-char AFP password limit.

Add a Settings window (settings-window.ts, settings-panel.ts) that gathers
the prefs that used to live loose in the Advanced menu — hidden files,
auto-expand, Finder icon reads, zip export style, extension editor,
import/export preferences, reset environment, and Netboot — into one
sectioned dialog, and factor menu open/close/escape/click-outside handling
out of app-menubar.ts into a shared menu-bar-track.ts.

Give the AFP client real multi-volume sessions: FPCopyFile support for
server-side copies, and closeVolume() to release one volume (DT ref +
desktop-info caches) without logging out, replacing the old assumption that
only one volume is ever open. finder-window detects when source and
destination share a backend (isCatalogWithBackend) and routes copies through
the native copyFrom/expandNode paths instead of a client-side byte shuffle.

Also: gate folder Icon\r lookups on the HAS_CUSTOM_ICON Finder flag instead
of just the presence of a findChild callback, so folders using the default
glyph are never probed; make the default Finder view (icon/list/column) a
persisted preference; and rebrand the README from "ClassicStackWeb" to
"ClassicStack-Web" with a pointer to the full ClassicStack project.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 README.md                                |   7 +-
 package.json                             |  36 ++
 src/finder/afp-finder-api.ts             | 144 +++++
 src/finder/afp-finder-host.ts            | 298 ++++++++++
 src/finder/api-catalog.ts                | 417 ++++++++++++++
 src/finder/api.ts                        |  56 ++
 src/finder/bind-catalog.ts               |  57 ++
 src/finder/catalog-copy.test.ts          | 148 +++++
 src/finder/catalog-copy.ts               | 199 +++++++
 src/finder/index.ts                      |  16 +
 src/finder/progress.ts                   |  53 ++
 src/finder/types.ts                      |  56 ++
 src/fs/icon-cache.test.ts                |  18 +-
 src/fs/icon-cache.ts                     |  13 +-
 src/fs/remote-vfs.ts                     |   6 +-
 src/main.ts                              | 690 ++++++++---------------
 src/protocol/afp/constants.ts            |   2 +
 src/services/afp-client/client.ts        |  68 ++-
 src/services/afp-client/commands.test.ts |  21 +
 src/services/afp-client/commands.ts      |  26 +
 src/ui/app-menubar.ts                    | 188 +-----
 src/ui/finder-host.ts                    |  26 +
 src/ui/finder-sidebar.test.ts            |  27 +
 src/ui/finder-sidebar.ts                 |  53 ++
 src/ui/finder-window.ts                  | 465 ++++++++++++---
 src/ui/login-dialog.ts                   |  56 +-
 src/ui/lucide-icon.ts                    |   8 +
 src/ui/menu-bar-track.ts                 | 111 ++++
 src/ui/netboot-dialog.ts                 |   6 +
 src/ui/settings-panel.test.ts            |  57 ++
 src/ui/settings-panel.ts                 | 235 ++++++++
 src/ui/settings-window.ts                | 419 ++++++++++++++
 src/ui/styles/tokens.css                 | 333 ++++++++++-
 src/util/prefs.ts                        |   9 +
 34 files changed, 3622 insertions(+), 702 deletions(-)
 create mode 100644 src/finder/afp-finder-api.ts
 create mode 100644 src/finder/afp-finder-host.ts
 create mode 100644 src/finder/api-catalog.ts
 create mode 100644 src/finder/api.ts
 create mode 100644 src/finder/bind-catalog.ts
 create mode 100644 src/finder/catalog-copy.test.ts
 create mode 100644 src/finder/catalog-copy.ts
 create mode 100644 src/finder/index.ts
 create mode 100644 src/finder/progress.ts
 create mode 100644 src/finder/types.ts
 create mode 100644 src/ui/menu-bar-track.ts
 create mode 100644 src/ui/settings-panel.test.ts
 create mode 100644 src/ui/settings-panel.ts
 create mode 100644 src/ui/settings-window.ts

diff --git a/README.md b/README.md
index c1d8b33..de7befe 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,9 @@
-# ClassicStackWeb
+# ClassicStack-Web
+AppleTalk / AFP stack over **WebSerial → TashTalk → LocalTalk** in your **browser**.
 
-Browser AppleTalk / AFP stack over **WebSerial → TashTalk → LocalTalk**.
+> ## Need more features?
+> Checkout [ClassicStack](https://github.com/ObsoleteMadness/ClassicStack) - a full-featured Apple File Server, 
+> IPX/NetBeui SMB and Netware Server and Client for Windows, MacOS and Linux.
 
 ## Features
 
diff --git a/package.json b/package.json
index eaeacec..c22f209 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "type": "module",
   "exports": {
     "./ui/finder": "./src/ui/finder-window.ts",
+    "./ui/menu-bar-track": "./src/ui/menu-bar-track.ts",
     "./ui/finder-host": "./src/ui/finder-host.ts",
     "./ui/finder-sidebar": "./src/ui/finder-sidebar.ts",
     "./ui/extension-editor": "./src/ui/extension-editor-dialog.ts",
@@ -15,7 +16,39 @@
     "./ui/name-conflict": "./src/ui/name-conflict-dialog.ts",
     "./ui/get-info": "./src/ui/get-info-window.ts",
     "./ui/resource-explorer": "./src/ui/resource-fork-explorer.ts",
+    "./finder": "./src/finder/index.ts",
+    "./finder/api": "./src/finder/api.ts",
+    "./finder/api-catalog": "./src/finder/api-catalog.ts",
+    "./finder/afp-finder-api": "./src/finder/afp-finder-api.ts",
+    "./finder/afp-finder-host": "./src/finder/afp-finder-host.ts",
+    "./finder/bind-catalog": "./src/finder/bind-catalog.ts",
+    "./finder/progress": "./src/finder/progress.ts",
+    "./finder/types": "./src/finder/types.ts",
+    "./protocol/afp": "./src/protocol/afp/constants.ts",
+    "./protocol/asp": "./src/protocol/asp.ts",
+    "./protocol/atp": "./src/protocol/atp.ts",
+    "./protocol/ddp": "./src/protocol/ddp.ts",
+    "./protocol/nbp": "./src/protocol/nbp.ts",
+    "./protocol/llap": "./src/protocol/llap.ts",
+    "./protocol/abp": "./src/protocol/abp.ts",
+    "./protocol/macroman": "./src/protocol/macroman.ts",
+    "./protocol/binary": "./src/protocol/binary.ts",
+    "./protocol/host-filename": "./src/protocol/host-filename.ts",
+    "./protocol/crc16": "./src/protocol/crc16.ts",
+    "./protocol/crc32": "./src/protocol/crc32.ts",
+    "./services/afp-client": "./src/services/afp-client/client.ts",
+    "./services/afp-client/commands": "./src/services/afp-client/commands.ts",
+    "./services/afp-server": "./src/services/afp-server/server.ts",
+    "./services/asp-client": "./src/services/asp-client.ts",
+    "./services/atp-client": "./src/services/atp-client.ts",
+    "./services/atp-server": "./src/services/atp-server.ts",
+    "./services/nbp": "./src/services/nbp.ts",
+    "./transport/tashtalk": "./src/transport/tashtalk.ts",
+    "./transport/webserial": "./src/transport/webserial.ts",
+    "./net/stack": "./src/net/stack.ts",
     "./fs/catalog": "./src/fs/virtual-fs.ts",
+    "./fs/virtual-fs": "./src/fs/virtual-fs.ts",
+    "./fs/remote-vfs": "./src/fs/remote-vfs.ts",
     "./fs/empty-catalog": "./src/fs/empty-catalog.ts",
     "./fs/extension-map": "./src/fs/extension-map.ts",
     "./fs/extension-map-netatalk": "./src/fs/extension-map-netatalk.ts",
@@ -25,6 +58,9 @@
     "./fs/binhex": "./src/fs/binhex.ts",
     "./fs/macbinary": "./src/fs/macbinary.ts",
     "./fs/zip": "./src/fs/zip.ts",
+    "./fs/mac-file": "./src/fs/mac-file.ts",
+    "./fs/finder-info": "./src/fs/finder-info.ts",
+    "./fs/name-conflict": "./src/fs/name-conflict.ts",
     "./fs/resource-fork": "./src/fs/resource-fork.ts",
     "./fs/resource-compress": "./src/fs/resource-compress.ts",
     "./fs/appledouble": "./src/fs/appledouble.ts"
diff --git a/src/finder/afp-finder-api.ts b/src/finder/afp-finder-api.ts
new file mode 100644
index 0000000..3b09b9b
--- /dev/null
+++ b/src/finder/afp-finder-api.ts
@@ -0,0 +1,144 @@
+import type { CatalogWithBackend, FinderAPI } from './api';
+import type { FinderNodeDto, FinderSessionDto, OpProgress, CrossTransferRequest } from './types';
+import { bindCatalog } from './bind-catalog';
+import { copyBetweenCatalogs, expandOnCatalog, moveBetweenCatalogs } from './catalog-copy';
+import type { Catalog } from '../fs/virtual-fs';
+
+const LOCAL_SESSION = 'local';
+
+/**
+ * In-browser FinderAPI over VirtualFS / RemoteVfs. Copy, move, and expand stay
+ * in the client (TashTalk owns the AFP session). Same-server files use FPCopyFile.
+ */
+export class AfpFinderAPI implements FinderAPI {
+  readonly backendId = 'afp';
+  private readonly catalogs = new Map<string, Catalog>();
+
+  bindLocal(vfs: Catalog): CatalogWithBackend {
+    return this.register(LOCAL_SESSION, vfs);
+  }
+
+  bindRemote(sessionId: string, cat: Catalog): CatalogWithBackend {
+    return this.register(sessionId, cat);
+  }
+
+  unbind(sessionId: string): void {
+    this.catalogs.delete(sessionId);
+  }
+
+  localCatalog(): CatalogWithBackend | undefined {
+    const cat = this.catalogs.get(LOCAL_SESSION);
+    return cat ? bindCatalog(cat, this, LOCAL_SESSION) : undefined;
+  }
+
+  register(sessionId: string, cat: Catalog): CatalogWithBackend {
+    this.catalogs.set(sessionId, cat);
+    return bindCatalog(cat, this, sessionId);
+  }
+
+  openCatalog(session: FinderSessionDto): Catalog {
+    const cat = this.catalogs.get(session.sessionId);
+    if (!cat) throw new Error(`no catalog for session ${session.sessionId}`);
+    return bindCatalog(cat, this, session.sessionId);
+  }
+
+  async getNode(sessionId: string, id: number): Promise<FinderNodeDto> {
+    const node = await this.catalogFor(sessionId).get(id);
+    if (!node) throw new Error('not found');
+    return this.toNode(node);
+  }
+  async children(sessionId: string, parentId: number): Promise<FinderNodeDto[]> {
+    return (await this.catalogFor(sessionId).children(parentId)).map((n) => this.toNode(n));
+  }
+  async lookup(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto | null> {
+    const node = await this.catalogFor(sessionId).lookup(parentId, name);
+    return node ? this.toNode(node) : null;
+  }
+  async mkdir(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto> {
+    return this.toNode(await this.catalogFor(sessionId).mkdir(parentId, name));
+  }
+  async create(
+    sessionId: string,
+    parentId: number,
+    name: string,
+    body?: { data?: Uint8Array; resource?: Uint8Array; finderInfo?: Uint8Array },
+  ): Promise<FinderNodeDto> {
+    return this.toNode(
+      await this.catalogFor(sessionId).createFile(
+        parentId,
+        name,
+        body?.data ?? new Uint8Array(),
+        body?.resource ?? new Uint8Array(),
+        body?.finderInfo,
+      ),
+    );
+  }
+  async rename(sessionId: string, id: number, name: string): Promise<void> {
+    await this.catalogFor(sessionId).rename(id, name);
+  }
+  async move(sessionId: string, id: number, parentId: number): Promise<void> {
+    await this.catalogFor(sessionId).move(id, parentId);
+  }
+  async remove(sessionId: string, id: number): Promise<void> {
+    await this.catalogFor(sessionId).remove(id);
+  }
+  async readFork(sessionId: string, id: number, resource: boolean): Promise<Uint8Array> {
+    const node = await this.catalogFor(sessionId).ensureContent(id);
+    if (!node) throw new Error('not found');
+    return resource ? node.resource : node.data;
+  }
+  async writeFork(sessionId: string, id: number, resource: boolean, _off: number, data: Uint8Array): Promise<void> {
+    const cat = this.catalogFor(sessionId);
+    const node = await cat.ensureContent(id);
+    if (!node || node.isDir) throw new Error('not found');
+    if (resource) node.resource = data;
+    else node.data = data;
+    await cat.put(node);
+  }
+  async writeFinderInfo(sessionId: string, id: number, finderInfo: Uint8Array): Promise<void> {
+    const cat = this.catalogFor(sessionId);
+    const node = await cat.get(id);
+    if (!node) throw new Error('not found');
+    node.finderInfo = finderInfo;
+    await cat.put(node);
+  }
+
+  copy(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress> {
+    return this.runCopy(req, signal);
+  }
+  moveAcross(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress> {
+    return this.runMove(req, signal);
+  }
+  expand(sessionId: string, id: number, signal?: AbortSignal): AsyncIterable<OpProgress> {
+    return expandOnCatalog(this.catalogFor(sessionId), id, signal);
+  }
+
+  private async *runCopy(req: CrossTransferRequest, signal?: AbortSignal): AsyncGenerator<OpProgress> {
+    yield* copyBetweenCatalogs(this.catalogFor(req.srcSession), this.catalogFor(req.destSession), req, signal);
+    yield { phase: 'copying', destName: req.destName, destParentId: req.destParentId, done: true };
+  }
+
+  private async *runMove(req: CrossTransferRequest, signal?: AbortSignal): AsyncGenerator<OpProgress> {
+    yield* moveBetweenCatalogs(this.catalogFor(req.srcSession), this.catalogFor(req.destSession), req, signal);
+    yield { phase: 'moving', destName: req.destName, destParentId: req.destParentId, done: true };
+  }
+
+  private catalogFor(sessionId: string): Catalog {
+    const cat = this.catalogs.get(sessionId);
+    if (!cat) throw new Error(sessionId === LOCAL_SESSION ? 'no local catalog' : 'no AFP session');
+    return cat;
+  }
+
+  private toNode(node: import('../fs/virtual-fs').VNode): FinderNodeDto {
+    return {
+      id: node.id,
+      parentId: node.parentId,
+      name: node.name,
+      isDir: node.isDir,
+      dataBytes: node.dataBytes ?? node.data.length,
+      resourceBytes: node.resourceBytes ?? node.resource.length,
+      createDate: node.createDate,
+      modDate: node.modDate,
+    };
+  }
+}
diff --git a/src/finder/afp-finder-host.ts b/src/finder/afp-finder-host.ts
new file mode 100644
index 0000000..4bfc891
--- /dev/null
+++ b/src/finder/afp-finder-host.ts
@@ -0,0 +1,298 @@
+/** FinderHost over TashTalk + in-browser AFP (ClassicStack-web PWA). */
+
+import { WebSerialPort } from '../transport/webserial';
+import { LocalTalkStack } from '../net/stack';
+import { NbpService, type LookupResult } from '../services/nbp';
+import { AtpClient } from '../services/atp-client';
+import { AfpServer } from '../services/afp-server/server';
+import { AfpClient, type AfpServerNotice } from '../services/afp-client/client';
+import { VirtualFS, type Catalog } from '../fs/virtual-fs';
+import { RemoteVfs } from '../fs/remote-vfs';
+import { addWelcomePack, seedWelcomePackIfNeeded } from '../fs/welcome-pack';
+import type { WelcomePackProgress } from '../fs/welcome-pack';
+import type {
+  Credentials,
+  FinderHost,
+  RemoteEndpoint,
+  SessionInfo,
+} from '../ui/finder-host';
+import type { LoginDialog } from '../ui/login-dialog';
+import type { AlertDialog } from '../ui/alert-dialog';
+import type { NameConflictDialog } from '../ui/name-conflict-dialog';
+import type { NameConflictChoice } from '../fs/name-conflict';
+import { log } from '../util/logger';
+import * as asp from '../protocol/asp';
+import { AfpFinderAPI } from './afp-finder-api';
+
+export const WEB_SERIAL_HELP =
+  'ClassicStack needs the Web Serial API to connect a TashTalk adaptor. Use Google Chrome (desktop or Android) or Microsoft Edge, over HTTPS or localhost. On a phone, plug the adaptor in with USB-C / OTG; 1 Mbaud with hardware flow control may fail on some Android USB stacks.';
+
+const AFP_SCAN_MS = 10_000;
+
+export type AfpFinderUi = {
+  finder: {
+    setStatus(msg: string, opts?: { busy?: boolean }): void;
+    setServers(list: RemoteEndpoint[]): void;
+    setNetworkScanning(v: boolean): void;
+    unmountRemote(status?: string): void;
+  };
+  login: LoginDialog;
+  alert: AlertDialog;
+  nameConflict: NameConflictDialog;
+  /** After a LocalTalk node is claimed (netboot, status). */
+  onClaimed?: (net: number, node: number) => void;
+  /** After serial disconnect (stop netboot, reset traffic). */
+  onDisconnect?: () => void;
+};
+
+/**
+ * Composition root for the PWA: serial → LocalTalk → AFP client/server, and a
+ * FinderAPI that copies between Browser Share and remote volumes in-process.
+ */
+export class AfpFinderHost implements FinderHost {
+  readonly api = new AfpFinderAPI();
+  stack: LocalTalkStack | null = null;
+  nbp: NbpService | null = null;
+  atp: AtpClient | null = null;
+  afpServer: AfpServer | null = null;
+  remote: AfpClient | null = null;
+  remoteNbpName = '';
+
+  private afpScanTimer: ReturnType<typeof setInterval> | null = null;
+  private afpScanBusy = false;
+  private lastAfpScanKey = '';
+
+  constructor(
+    readonly serial: WebSerialPort,
+    readonly vfs: VirtualFS,
+    private readonly ui: AfpFinderUi,
+  ) {
+    this.api.bindLocal(vfs);
+  }
+
+  isConnected(): boolean {
+    return this.serial.connected;
+  }
+
+  nodeLabel(): string {
+    return this.stack && this.stack.node
+      ? `node ${this.stack.node.toString(16).padStart(2, '0').toUpperCase()} net ${this.stack.network}`
+      : '';
+  }
+
+  localTitle(): string {
+    return 'Browser Share';
+  }
+
+  async connectTransport(): Promise<void> {
+    if (!WebSerialPort.supported()) {
+      this.ui.alert.show('Web Serial is not supported', WEB_SERIAL_HELP);
+      throw new Error('Web Serial is not supported');
+    }
+    await this.serial.connect();
+    this.stack = new LocalTalkStack(this.serial);
+    this.nbp = new NbpService(this.stack);
+    this.atp = new AtpClient(this.stack);
+    this.afpServer = new AfpServer(this.stack, this.vfs, { volumeName: 'Browser Share', serverName: 'ClassicStack' });
+    this.nbp.register('ClassicStack', 'AFPServer', this.afpServer.socket());
+    this.stack.onClaimed((net, node) => {
+      log.info(`LocalTalk node claimed: ${node} (net ${net})`, 'stack');
+      this.ui.finder.setStatus(`LocalTalk node claimed: ${node} (net ${net}). Sharing “Browser Share”.`);
+      this.ui.onClaimed?.(net, node);
+      this.startAfpServerScan();
+    });
+    log.info('Serial connected; starting node claim', 'serial');
+    await this.stack.startClaim();
+  }
+
+  async disconnectTransport(): Promise<void> {
+    this.stopAfpServerScan();
+    await this.remote?.close().catch(() => undefined);
+    this.remote = null;
+    this.remoteNbpName = '';
+    this.stack?.stop();
+    this.stack = null;
+    this.nbp = null;
+    this.atp = null;
+    this.afpServer = null;
+    await this.serial.disconnect();
+    this.ui.onDisconnect?.();
+    log.info('Serial disconnected', 'serial');
+  }
+
+  async refreshNetwork(): Promise<RemoteEndpoint[]> {
+    const list = await this.scanAfpServers('manual');
+    return list.map((s) => this.toEndpoint(s));
+  }
+
+  async beginRemote(ep: RemoteEndpoint): Promise<SessionInfo> {
+    if (!this.atp) throw new Error('not connected');
+    const list = this.nbp ? await this.nbp.lookup('=', 'AFPServer') : [];
+    const h =
+      list.find((x) => x.object === ep.id || x.object === ep.title) ??
+      list.find((x) => x.object.toLowerCase() === ep.title.toLowerCase());
+    if (!h) throw new Error(`AFP server “${ep.title}” is not on the network`);
+    log.info(`AFP GetStatus/OpenSess ${h.object} (${h.network}.${h.node}:${h.socket || asp.DefaultSLS})`, 'afp');
+    await this.remote?.close().catch(() => undefined);
+    this.remote = await AfpClient.openSession(this.atp, h.network, h.node, h.socket || asp.DefaultSLS);
+    this.remoteNbpName = h.object;
+    this.attachRemoteNotices(this.remote);
+    return {
+      serverName: this.remote.serverName,
+      volumes: [],
+      allowGuest: this.remote.uams.some((u) => /no user authent/i.test(u)),
+      uams: this.remote.uams,
+    };
+  }
+
+  async loginRemote(creds: Credentials): Promise<string[]> {
+    if (!this.remote) throw new Error('no AFP session');
+    await this.remote.login(creds);
+    return this.remote.volumes.map((v) => v.name);
+  }
+
+  async openVolume(name: string): Promise<Catalog> {
+    if (!this.remote) throw new Error('not logged in');
+    const volId = await this.remote.openVolume(name);
+    log.info(`Mounted remote ${this.remote.serverName || this.remoteNbpName}:${name} (vol ${volId})`, 'afp');
+    const sessionId = `${this.remoteNbpName}:${name}`;
+    return this.api.bindRemote(sessionId, new RemoteVfs(this.remote, name, volId));
+  }
+
+  localCatalog(): Catalog {
+    return this.api.localCatalog() ?? this.vfs;
+  }
+
+  installWelcomePack(opts?: WelcomePackProgress) {
+    return addWelcomePack(this.vfs, opts);
+  }
+
+  seedWelcomePack(opts?: WelcomePackProgress) {
+    return seedWelcomePackIfNeeded(this.vfs, opts);
+  }
+
+  promptCredentials(opts: Parameters<FinderHost['promptCredentials']>[0]): Promise<Credentials | null> {
+    return this.ui.login.prompt(opts);
+  }
+
+  dismissLogin(): void {
+    this.ui.login.close();
+  }
+
+  showAlert(title: string, text: string): void {
+    this.ui.alert.show(title, text);
+  }
+
+  promptNameConflict(opts: { name: string; isDir: boolean; suggestedName: string }): Promise<NameConflictChoice> {
+    return this.ui.nameConflict.prompt(opts);
+  }
+
+  async closeRemote(): Promise<void> {
+    await this.remote?.close().catch(() => undefined);
+    this.remote = null;
+    this.remoteNbpName = '';
+    log.info('Disconnected from AFP server', 'afp');
+  }
+
+  async closeVolume(name: string): Promise<void> {
+    await this.remote?.closeVolume(name);
+    this.api.unbind(`${this.remoteNbpName}:${name}`);
+    log.info(`Released AFP volume “${name}” (session still logged in)`, 'afp');
+  }
+
+  private attachRemoteNotices(client: AfpClient): void {
+    client.onNotice = (n: AfpServerNotice) => {
+      if (n.kind === 'closed') {
+        void this.remote?.close().catch(() => undefined);
+        if (this.remote === client) {
+          this.remote = null;
+          this.remoteNbpName = '';
+        }
+        this.ui.finder.unmountRemote(n.text || 'The AFP server closed this session.');
+        if (n.text) this.ui.alert.show(n.title, n.text);
+        log.info(`Remote AFP session closed: ${n.text || n.title}`, 'afp');
+        return;
+      }
+      if (n.text) this.ui.alert.show(n.title, n.text);
+      log.info(`AFP ${n.kind} from ${n.title}: ${n.text.replace(/\n/g, ' ')}`, 'afp');
+    };
+  }
+
+  private toEndpoint(s: LookupResult): RemoteEndpoint {
+    return {
+      id: s.object,
+      kind: 'afp',
+      title: s.object,
+      subtitle: s.zone && s.zone !== '*' ? s.zone : `${s.network}.${s.node}`,
+      badge: 'NBP',
+      transport: 'nbp',
+    };
+  }
+
+  private afpServerKey(s: LookupResult): string {
+    return `${s.object}\0${s.network}.${s.node}:${s.socket}`;
+  }
+
+  private afpServerListKey(list: LookupResult[]): string {
+    return list.map((s) => this.afpServerKey(s)).sort().join('|');
+  }
+
+  stopAfpServerScan(): void {
+    if (this.afpScanTimer != null) {
+      clearInterval(this.afpScanTimer);
+      this.afpScanTimer = null;
+    }
+    this.afpScanBusy = false;
+    this.lastAfpScanKey = '';
+    this.ui.finder.setNetworkScanning(false);
+  }
+
+  private startAfpServerScan(): void {
+    this.stopAfpServerScan();
+    void (async () => {
+      this.ui.finder.setStatus('Looking up AFPServer…');
+      const list = await this.scanAfpServers('auto');
+      if (!this.nbp) return;
+      this.ui.finder.setStatus(
+        list.length
+          ? `Found ${list.length} AFP server(s)`
+          : 'No AFP servers found — scanning every 10s',
+      );
+    })();
+    this.afpScanTimer = setInterval(() => {
+      void this.scanAfpServers('auto');
+    }, AFP_SCAN_MS);
+  }
+
+  private async scanAfpServers(kind: 'auto' | 'manual'): Promise<LookupResult[]> {
+    if (!this.nbp) return [];
+    while (this.afpScanBusy) {
+      if (kind === 'auto' || !this.nbp) return [];
+      await new Promise((r) => setTimeout(r, 50));
+    }
+    if (!this.nbp) return [];
+    this.afpScanBusy = true;
+    this.ui.finder.setNetworkScanning(true);
+    try {
+      const list = await this.nbp.lookup('=', 'AFPServer');
+      if (!this.nbp) return [];
+      const prevKey = this.lastAfpScanKey;
+      const key = this.afpServerListKey(list);
+      const changed = key !== prevKey;
+      this.lastAfpScanKey = key;
+      this.ui.finder.setServers(list.map((s) => this.toEndpoint(s)));
+      if (kind === 'manual' || !prevKey || changed) {
+        log.info(`NBP found ${list.length} AFPServer(s)`, 'nbp');
+      }
+      if (kind === 'auto' && prevKey && changed) {
+        this.ui.finder.setStatus(
+          list.length ? `Found ${list.length} AFP server(s)` : 'No AFP servers on the network',
+        );
+      }
+      return list;
+    } finally {
+      this.afpScanBusy = false;
+      this.ui.finder.setNetworkScanning(false);
+    }
+  }
+}
diff --git a/src/finder/api-catalog.ts b/src/finder/api-catalog.ts
new file mode 100644
index 0000000..7d20dc1
--- /dev/null
+++ b/src/finder/api-catalog.ts
@@ -0,0 +1,417 @@
+import { CNIDRoot } from '../protocol/afp/constants';
+import type { VNode, VfsChangeListener, ChildrenBatchListener } from '../fs/virtual-fs';
+import { importDataTransferInto, type ImportProgress } from '../fs/import-transfer';
+import { finderInfoFromName } from '../fs/extension-map';
+import { bufferRangeReader, type ByteRangeReader } from '../fs/byte-range';
+import { loadFinderIconFork, ResourceFork, type ResourceForkLoadOpts } from '../fs/resource-fork';
+import { iconForkLoadOptions } from '../fs/icon-cache';
+import { throwIfAborted, isAbortError } from '../util/abort';
+import { parseAppleDouble, parseAppleSingle, AS_MAGIC, AD_MAGIC } from '../fs/appledouble';
+import { be32 } from '../protocol/binary';
+import { unescapeHostFilename } from '../protocol/host-filename';
+import type { CatalogWithBackend, FinderAPI } from './api';
+import type { FinderNodeDto, FinderSessionDto, TransferOptions } from './types';
+import { consumeProgress } from './progress';
+
+const EMPTY = new Uint8Array();
+
+function b64ToBytes(s = ''): Uint8Array {
+  if (!s) return new Uint8Array();
+  const raw = atob(s);
+  const out = new Uint8Array(raw.length);
+  for (let i = 0; i < raw.length; i++) out[i] = raw.charCodeAt(i);
+  return out;
+}
+
+export class ApiCatalog implements CatalogWithBackend {
+  readonly reportsChunkedBytes = true;
+  readonly sessionId: string;
+  readonly api: FinderAPI;
+  private root: number;
+  private nodes = new Map<number, VNode>();
+  private forksLoaded = new Set<number>();
+  private listeners = new Set<VfsChangeListener>();
+  private batchDepth = 0;
+  private batchParents = new Set<number>();
+
+  constructor(api: FinderAPI, session: FinderSessionDto) {
+    this.api = api;
+    this.sessionId = session.sessionId;
+    this.root = session.rootId || CNIDRoot;
+  }
+
+  rootId(): number { return this.root; }
+  subscribe(fn: VfsChangeListener): () => void { this.listeners.add(fn); return () => this.listeners.delete(fn); }
+  beginBatch(): void { this.batchDepth++; }
+  endBatch(): void {
+    if (this.batchDepth <= 0) return;
+    this.batchDepth--;
+    if (this.batchDepth === 0 && this.batchParents.size) {
+      const parentIds = [...this.batchParents];
+      this.batchParents.clear();
+      this.emit(parentIds);
+    }
+  }
+
+  async get(id: number): Promise<VNode | undefined> {
+    const cached = this.nodes.get(id);
+    if (cached) return cached;
+    try {
+      return this.adopt(await this.api.getNode(this.sessionId, id));
+    } catch {
+      return id === this.root ? this.ensureRoot() : undefined;
+    }
+  }
+
+  async ensureContent(id: number, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
+    const node = await this.get(id);
+    if (!node || node.isDir) return node;
+    if (!this.forksLoaded.has(id)) await this.hydrateForks(node, onBytes, signal);
+    return node;
+  }
+
+  async children(parentId: number, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]> {
+    throwIfAborted(signal);
+    const raw = await this.api.children(this.sessionId, parentId);
+    const kids = raw.map((n) => this.adopt(n));
+    await onBatch?.(kids);
+    return kids;
+  }
+
+  async lookup(parentId: number, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
+    throwIfAborted(signal);
+    const lower = name.toLowerCase();
+    for (const n of this.nodes.values()) {
+      if (n.parentId === parentId && n.name.toLowerCase() === lower) return n;
+    }
+    const raw = await this.api.lookup(this.sessionId, parentId, name);
+    return raw ? this.adopt(raw) : undefined;
+  }
+
+  async loadResourceFork(node: VNode, opts?: ResourceForkLoadOpts): Promise<ResourceFork | null> {
+    throwIfAborted(opts?.signal);
+    const resource = opts?.fork !== 'data';
+    const loaded = resource ? node.resource.length : node.data.length;
+    const hinted = resource ? (node.resourceBytes ?? loaded) : (node.dataBytes ?? loaded);
+    if (Math.max(loaded, hinted) < 16) return null;
+    try {
+      const rangeOpts = { resource, signal: opts?.signal, priority: opts?.finderIcons ? 0 : 1 };
+      const rf = await this.withRangeReader(
+        node,
+        (read) =>
+          opts?.finderIcons
+            ? loadFinderIconFork(read, iconForkLoadOptions(node))
+            : ResourceFork.fromReader(read, opts?.want),
+        rangeOpts,
+      );
+      rf?.bindFill((fn) => this.withRangeReader(node, fn, rangeOpts));
+      return rf;
+    } catch (err) {
+      if (isAbortError(err)) throw err;
+      return null;
+    }
+  }
+
+  async loadIconResources(node: VNode, signal?: AbortSignal): Promise<ResourceFork | null> {
+    return this.loadResourceFork(node, { finderIcons: true, signal });
+  }
+
+  async withRangeReader<T>(
+    node: VNode,
+    fn: (read: ByteRangeReader) => Promise<T>,
+    opts?: { resource?: boolean; signal?: AbortSignal; priority?: number },
+  ): Promise<T> {
+    throwIfAborted(opts?.signal);
+    if (this.forksLoaded.has(node.id)) {
+      const bytes = opts?.resource ? node.resource : node.data;
+      return fn(bufferRangeReader(bytes));
+    }
+    const read: ByteRangeReader = (offset, count) =>
+      this.api.readFork(this.sessionId, node.id, !!opts?.resource, offset, count);
+    return fn(read);
+  }
+
+  async mkdir(parentId: number, name: string): Promise<VNode> {
+    const existing = await this.lookup(parentId, name);
+    if (existing) throw new Error('exists');
+    const node = this.adopt(await this.api.mkdir(this.sessionId, parentId, name));
+    this.notify(parentId);
+    return node;
+  }
+
+  async ensureDir(parentId: number, name: string): Promise<VNode> {
+    const existing = await this.lookup(parentId, name);
+    if (existing?.isDir) return existing;
+    if (existing) throw new Error('exists');
+    return this.mkdir(parentId, name);
+  }
+
+  async createFile(
+    parentId: number,
+    name: string,
+    data: Uint8Array,
+    resource = new Uint8Array(),
+    finderInfo = finderInfoFromName(name),
+    onBytes?: (n: number) => void,
+    signal?: AbortSignal,
+  ): Promise<VNode> {
+    throwIfAborted(signal);
+    const raw = await this.api.create(this.sessionId, parentId, name, { finderInfo });
+    const node = this.adopt(raw);
+    if (data.length) await this.writeFork(node.id, false, data, onBytes, signal);
+    throwIfAborted(signal);
+    if (resource.length) await this.writeFork(node.id, true, resource, onBytes, signal);
+    node.data = data;
+    node.resource = resource;
+    node.finderInfo = finderInfo;
+    node.dataBytes = data.length;
+    node.resourceBytes = resource.length;
+    this.forksLoaded.add(node.id);
+    this.nodes.set(node.id, node);
+    this.notify(parentId);
+    return node;
+  }
+
+  async put(node: VNode): Promise<void> {
+    this.nodes.set(node.id, node);
+    await this.api.writeFinderInfo(this.sessionId, node.id, node.finderInfo);
+    this.notify(node.parentId);
+  }
+
+  async rename(id: number, newName: string): Promise<void> {
+    const n = this.nodes.get(id) ?? (await this.get(id));
+    if (!n) throw new Error('not found');
+    if (n.id === this.rootId()) throw new Error('cannot rename volume root');
+    await this.api.rename(this.sessionId, id, newName);
+    n.name = newName;
+    this.nodes.set(id, n);
+    this.notify(n.parentId);
+  }
+
+  async move(id: number, newParent: number): Promise<void> {
+    const n = this.nodes.get(id) ?? (await this.get(id));
+    if (!n) throw new Error('not found');
+    if (n.id === this.rootId()) throw new Error('cannot move volume root');
+    if (n.parentId === newParent) return;
+    await this.api.move(this.sessionId, id, newParent);
+    const oldParent = n.parentId;
+    n.parentId = newParent;
+    this.nodes.set(id, n);
+    this.notify(oldParent, newParent);
+  }
+
+  async remove(id: number): Promise<void> {
+    const n = this.nodes.get(id) ?? (await this.get(id));
+    if (!n) return;
+    if (n.id === this.rootId()) throw new Error('cannot delete volume root');
+    if (n.isDir) {
+      const kids = await this.children(id);
+      for (const k of kids) await this.remove(k.id);
+    }
+    await this.api.remove(this.sessionId, id);
+    this.nodes.delete(id);
+    this.forksLoaded.delete(id);
+    this.notify(n.parentId);
+  }
+
+  async importDataTransfer(parentId: number, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+    return importDataTransferInto(
+      this,
+      parentId,
+      dt,
+      (p, file, onBytes, resource, signal) => this.importBlob(p, file, onBytes, resource, signal),
+      opts,
+    );
+  }
+
+  async copyFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void> {
+    await consumeProgress(
+      this.api.copy(
+        {
+          srcSession: src.sessionId,
+          destSession: this.sessionId,
+          srcId,
+          destParentId: destParent,
+          destName: opts.destName,
+          replace: !!opts.replace,
+        },
+        opts.signal,
+      ),
+      opts.onProgress,
+      opts.signal,
+    );
+    this.notify(destParent);
+  }
+
+  async moveFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void> {
+    if (src.api.backendId === this.api.backendId && src.sessionId === this.sessionId) {
+      if (opts.replaceId != null) await this.remove(opts.replaceId);
+      if (opts.destName) await src.rename(srcId, opts.destName);
+      await src.move(srcId, destParent);
+      this.notify(destParent);
+      return;
+    }
+    await consumeProgress(
+      this.api.moveAcross(
+        {
+          srcSession: src.sessionId,
+          destSession: this.sessionId,
+          srcId,
+          destParentId: destParent,
+          destName: opts.destName,
+          replace: !!opts.replace,
+        },
+        opts.signal,
+      ),
+      opts.onProgress,
+      opts.signal,
+    );
+    this.notify(destParent);
+  }
+
+  async expandNode(id: number, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void> {
+    await consumeProgress(this.api.expand(this.sessionId, id, opts?.signal), opts?.onProgress, opts?.signal);
+    const node = await this.get(id);
+    if (node) this.notify(node.parentId);
+  }
+
+  private async importBlob(
+    parentId: number,
+    file: File,
+    onBytes?: (n: number) => void,
+    resource?: Uint8Array,
+    signal?: AbortSignal,
+  ): Promise<unknown> {
+    throwIfAborted(signal);
+    const buf = new Uint8Array(await file.arrayBuffer());
+    const name = unescapeHostFilename(file.name);
+    if (name.startsWith('._') && name.length > 2) {
+      const ad = parseAppleDouble(buf);
+      if (ad) {
+        const target = name.slice(2);
+        const existing = await this.lookup(parentId, target);
+        if (existing && !existing.isDir) {
+          const data = this.forksLoaded.has(existing.id)
+            ? existing.data
+            : await this.readWholeFork(existing.id, false, onBytes, signal);
+          return this.createFile(parentId, target, data, ad.resource, ad.finderInfo, onBytes, signal);
+        }
+        return this.createFile(parentId, target, new Uint8Array(), ad.resource, ad.finderInfo, onBytes, signal);
+      }
+    }
+    if (buf.length >= 4 && be32(buf, 0) === AS_MAGIC) {
+      const as = parseAppleSingle(buf);
+      if (as) return this.createFile(parentId, name, as.data, as.resource, as.finderInfo, onBytes, signal);
+    }
+    if (buf.length >= 4 && be32(buf, 0) === AD_MAGIC) {
+      const ad = parseAppleDouble(buf);
+      if (ad) return this.createFile(parentId, name, new Uint8Array(), ad.resource, ad.finderInfo, onBytes, signal);
+    }
+    return this.createFile(parentId, name, buf, resource ?? EMPTY, undefined, onBytes, signal);
+  }
+
+  private async hydrateForks(node: VNode, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<void> {
+    throwIfAborted(signal);
+    try {
+      node.data = await this.readWholeFork(node.id, false, onBytes, signal);
+    } catch (err) {
+      if (isAbortError(err)) throw err;
+      node.data = EMPTY;
+    }
+    try {
+      node.resource = await this.readWholeFork(node.id, true, onBytes, signal);
+    } catch (err) {
+      if (isAbortError(err)) throw err;
+      node.resource = EMPTY;
+    }
+    node.dataBytes = node.data.length;
+    node.resourceBytes = node.resource.length;
+    this.forksLoaded.add(node.id);
+    this.nodes.set(node.id, node);
+  }
+
+  private async writeFork(
+    id: number,
+    resource: boolean,
+    data: Uint8Array,
+    onBytes?: (n: number) => void,
+    signal?: AbortSignal,
+  ): Promise<void> {
+    const chunk = 256 * 1024;
+    for (let off = 0; off < data.length; off += chunk) {
+      throwIfAborted(signal);
+      const slice = data.subarray(off, Math.min(data.length, off + chunk));
+      await this.api.writeFork(this.sessionId, id, resource, off, slice);
+      onBytes?.(slice.length);
+    }
+  }
+
+  private async readWholeFork(
+    id: number,
+    resource: boolean,
+    onBytes?: (n: number) => void,
+    signal?: AbortSignal,
+  ): Promise<Uint8Array> {
+    const buf = await this.api.readFork(this.sessionId, id, resource);
+    const chunk = 256 * 1024;
+    if (onBytes) for (let i = 0; i < buf.length; i += chunk) onBytes(Math.min(chunk, buf.length - i));
+    throwIfAborted(signal);
+    return buf;
+  }
+
+  private adopt(raw: FinderNodeDto): VNode {
+    const prev = this.nodes.get(raw.id);
+    const loaded = this.forksLoaded.has(raw.id);
+    const finderInfo = b64ToBytes(raw.finderInfo);
+    const node: VNode = {
+      id: raw.id,
+      parentId: raw.parentId,
+      name: raw.name,
+      isDir: raw.isDir,
+      data: loaded && prev ? prev.data : EMPTY,
+      resource: loaded && prev ? prev.resource : EMPTY,
+      finderInfo: finderInfo.length ? finderInfo : new Uint8Array(32),
+      createDate: raw.createDate ?? 0,
+      modDate: raw.modDate ?? 0,
+      dataBytes: raw.isDir ? 0 : (raw.dataBytes ?? 0),
+      resourceBytes: raw.isDir ? 0 : (raw.resourceBytes ?? 0),
+    };
+    if (!raw.isDir && loaded && prev) {
+      node.dataBytes = prev.data.length;
+      node.resourceBytes = prev.resource.length;
+    }
+    this.nodes.set(node.id, node);
+    return node;
+  }
+
+  private ensureRoot(): VNode {
+    const existing = this.nodes.get(this.root);
+    if (existing) return existing;
+    const root: VNode = {
+      id: this.root,
+      parentId: 1,
+      name: '',
+      isDir: true,
+      data: EMPTY,
+      resource: EMPTY,
+      finderInfo: new Uint8Array(32),
+      createDate: 0,
+      modDate: 0,
+    };
+    this.nodes.set(this.root, root);
+    return root;
+  }
+
+  private notify(...parentIds: number[]): void {
+    if (this.batchDepth > 0) {
+      for (const id of parentIds) this.batchParents.add(id);
+      return;
+    }
+    this.emit(parentIds);
+  }
+
+  private emit(parentIds: number[]): void {
+    const change = { parentIds };
+    for (const fn of this.listeners) fn(change);
+  }
+}
diff --git a/src/finder/api.ts b/src/finder/api.ts
new file mode 100644
index 0000000..c380c4b
--- /dev/null
+++ b/src/finder/api.ts
@@ -0,0 +1,56 @@
+/** Protocol-neutral Finder backend (ClassicStack-web AFP or ClassicStack-go HTTP). */
+
+import type { Catalog } from '../fs/virtual-fs';
+import type { FinderNodeDto, FinderSessionDto, OpProgress, TransferOptions, CrossTransferRequest } from './types';
+
+export type ConnectRequest = {
+  kind: string;
+  id: string;
+  target?: string;
+  user?: string;
+  password?: string;
+  guest?: boolean;
+};
+
+export interface FinderAPI {
+  readonly backendId: string;
+
+  getNode(sessionId: string, id: number): Promise<FinderNodeDto>;
+  children(sessionId: string, parentId: number): Promise<FinderNodeDto[]>;
+  lookup(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto | null>;
+  mkdir(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto>;
+  create(
+    sessionId: string,
+    parentId: number,
+    name: string,
+    body?: { data?: Uint8Array; resource?: Uint8Array; finderInfo?: Uint8Array },
+  ): Promise<FinderNodeDto>;
+  rename(sessionId: string, id: number, name: string): Promise<void>;
+  move(sessionId: string, id: number, parentId: number): Promise<void>;
+  remove(sessionId: string, id: number): Promise<void>;
+  readFork(sessionId: string, id: number, resource: boolean, off?: number, len?: number): Promise<Uint8Array>;
+  writeFork(sessionId: string, id: number, resource: boolean, off: number, data: Uint8Array): Promise<void>;
+  writeFinderInfo(sessionId: string, id: number, finderInfo: Uint8Array): Promise<void>;
+
+  copy(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress>;
+  moveAcross(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress>;
+  expand(sessionId: string, id: number, signal?: AbortSignal): AsyncIterable<OpProgress>;
+
+  openCatalog(session: FinderSessionDto): Catalog;
+  connect?(req: ConnectRequest): Promise<FinderSessionDto>;
+  openVolume?(sessionId: string, volume: string): Promise<FinderSessionDto>;
+  close?(sessionId: string): Promise<void>;
+  closeVolume?(sessionId: string, volume: string): Promise<void>;
+}
+
+export type CatalogWithBackend = Catalog & {
+  readonly sessionId: string;
+  readonly api: FinderAPI;
+  copyFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void>;
+  moveFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void>;
+  expandNode(id: number, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void>;
+};
+
+export function isCatalogWithBackend(c: Catalog): c is CatalogWithBackend {
+  return 'sessionId' in c && 'api' in c && typeof (c as CatalogWithBackend).copyFrom === 'function';
+}
diff --git a/src/finder/bind-catalog.ts b/src/finder/bind-catalog.ts
new file mode 100644
index 0000000..1a23430
--- /dev/null
+++ b/src/finder/bind-catalog.ts
@@ -0,0 +1,57 @@
+/** Attach FinderAPI copy/move/expand onto an existing Catalog (VirtualFS / RemoteVfs). */
+
+import type { Catalog } from '../fs/virtual-fs';
+import { consumeProgress } from './progress';
+import type { CatalogWithBackend, FinderAPI } from './api';
+import type { TransferOptions } from './types';
+
+/** Wrap `cat` so FinderWindow can call copyFrom / moveFrom / expandNode. */
+export function bindCatalog<T extends Catalog>(cat: T, api: FinderAPI, sessionId: string): T & CatalogWithBackend {
+  const bound = cat as T & CatalogWithBackend;
+  Object.defineProperty(bound, 'sessionId', { value: sessionId, enumerable: true, configurable: true });
+  Object.defineProperty(bound, 'api', { value: api, enumerable: true, configurable: true });
+  bound.copyFrom = async (src, srcId, destParent, opts: TransferOptions) => {
+    await consumeProgress(
+      api.copy(
+        {
+          srcSession: src.sessionId,
+          destSession: sessionId,
+          srcId,
+          destParentId: destParent,
+          destName: opts.destName,
+          replace: !!opts.replace,
+        },
+        opts.signal,
+      ),
+      opts.onProgress,
+      opts.signal,
+    );
+  };
+  bound.moveFrom = async (src, srcId, destParent, opts: TransferOptions) => {
+    if (src.api.backendId === api.backendId && src.sessionId === sessionId) {
+      if (opts.replaceId != null) await bound.remove(opts.replaceId);
+      if (opts.destName) await src.rename(srcId, opts.destName);
+      await src.move(srcId, destParent);
+      return;
+    }
+    await consumeProgress(
+      api.moveAcross(
+        {
+          srcSession: src.sessionId,
+          destSession: sessionId,
+          srcId,
+          destParentId: destParent,
+          destName: opts.destName,
+          replace: !!opts.replace,
+        },
+        opts.signal,
+      ),
+      opts.onProgress,
+      opts.signal,
+    );
+  };
+  bound.expandNode = async (id, opts) => {
+    await consumeProgress(api.expand(sessionId, id, opts?.signal), opts?.onProgress, opts?.signal);
+  };
+  return bound;
+}
diff --git a/src/finder/catalog-copy.test.ts b/src/finder/catalog-copy.test.ts
new file mode 100644
index 0000000..94a3af4
--- /dev/null
+++ b/src/finder/catalog-copy.test.ts
@@ -0,0 +1,148 @@
+import { describe, expect, it } from 'vitest';
+import type { Catalog, VNode, VfsChangeListener } from '../fs/virtual-fs';
+import { AfpFinderAPI } from './afp-finder-api';
+import { consumeProgress } from './progress';
+
+const EMPTY = new Uint8Array();
+
+/** Minimal in-memory Catalog for copy/move tests (no IndexedDB). */
+class MemCatalog implements Catalog {
+  private next = 10;
+  private nodes = new Map<number, VNode>();
+  constructor() {
+    this.nodes.set(2, {
+      id: 2,
+      parentId: 1,
+      name: '',
+      isDir: true,
+      data: EMPTY,
+      resource: EMPTY,
+      finderInfo: new Uint8Array(32),
+      createDate: 0,
+      modDate: 0,
+    });
+  }
+  rootId(): number {
+    return 2;
+  }
+  subscribe(_fn: VfsChangeListener): () => void {
+    return () => undefined;
+  }
+  beginBatch(): void {}
+  endBatch(): void {}
+  async get(id: number): Promise<VNode | undefined> {
+    return this.nodes.get(id);
+  }
+  async ensureContent(id: number): Promise<VNode | undefined> {
+    return this.nodes.get(id);
+  }
+  async children(parentId: number): Promise<VNode[]> {
+    return [...this.nodes.values()].filter((n) => n.parentId === parentId && n.id !== 2);
+  }
+  async lookup(parentId: number, name: string): Promise<VNode | undefined> {
+    return (await this.children(parentId)).find((n) => n.name === name);
+  }
+  async loadResourceFork(): Promise<null> {
+    return null;
+  }
+  async loadIconResources(): Promise<null> {
+    return null;
+  }
+  async withRangeReader<T>(node: VNode, fn: (read: (o: number, n: number) => Promise<Uint8Array>) => Promise<T>): Promise<T> {
+    return fn(async (o, n) => node.data.subarray(o, o + n));
+  }
+  async mkdir(parentId: number, name: string): Promise<VNode> {
+    const n: VNode = {
+      id: this.next++,
+      parentId,
+      name,
+      isDir: true,
+      data: EMPTY,
+      resource: EMPTY,
+      finderInfo: new Uint8Array(32),
+      createDate: 0,
+      modDate: 0,
+    };
+    this.nodes.set(n.id, n);
+    return n;
+  }
+  async ensureDir(parentId: number, name: string): Promise<VNode> {
+    return (await this.lookup(parentId, name)) ?? this.mkdir(parentId, name);
+  }
+  async createFile(
+    parentId: number,
+    name: string,
+    data: Uint8Array,
+    resource = EMPTY,
+    finderInfo = new Uint8Array(32),
+  ): Promise<VNode> {
+    const n: VNode = {
+      id: this.next++,
+      parentId,
+      name,
+      isDir: false,
+      data,
+      resource,
+      finderInfo,
+      createDate: 0,
+      modDate: 0,
+      dataBytes: data.length,
+      resourceBytes: resource.length,
+    };
+    this.nodes.set(n.id, n);
+    return n;
+  }
+  async put(node: VNode): Promise<void> {
+    this.nodes.set(node.id, node);
+  }
+  async rename(id: number, newName: string): Promise<void> {
+    const n = this.nodes.get(id);
+    if (n) n.name = newName;
+  }
+  async move(id: number, newParent: number): Promise<void> {
+    const n = this.nodes.get(id);
+    if (n) n.parentId = newParent;
+  }
+  async remove(id: number): Promise<void> {
+    this.nodes.delete(id);
+  }
+  async importDataTransfer(): Promise<number> {
+    return 0;
+  }
+}
+
+describe('AfpFinderAPI copy/move', () => {
+  it('copies a file between catalogs without inspecting kind', async () => {
+    const src = new MemCatalog();
+    const dest = new MemCatalog();
+    const api = new AfpFinderAPI();
+    const srcCat = api.bindLocal(src);
+    const destCat = api.bindRemote('vol:A', dest);
+    const file = await src.createFile(src.rootId(), 'Hello', new Uint8Array([1, 2, 3]), new Uint8Array([9]));
+    await destCat.copyFrom(srcCat, file.id, dest.rootId(), { destName: 'Hello' });
+    const got = await dest.lookup(dest.rootId(), 'Hello');
+    expect(got?.data).toEqual(new Uint8Array([1, 2, 3]));
+    expect(got?.resource).toEqual(new Uint8Array([9]));
+    expect(await src.get(file.id)).toBeDefined();
+  });
+
+  it('moveAcross copies then deletes when catalogs differ', async () => {
+    const src = new MemCatalog();
+    const dest = new MemCatalog();
+    const api = new AfpFinderAPI();
+    api.bindLocal(src);
+    api.bindRemote('vol:A', dest);
+    const file = await src.createFile(src.rootId(), 'X', new Uint8Array([7]));
+    await consumeProgress(
+      api.moveAcross({
+        srcSession: 'local',
+        destSession: 'vol:A',
+        srcId: file.id,
+        destParentId: dest.rootId(),
+        destName: 'X',
+      }),
+    );
+    expect(await dest.lookup(dest.rootId(), 'X')).toMatchObject({ name: 'X' });
+    expect(await src.get(file.id)).toBeUndefined();
+  });
+});
diff --git a/src/finder/catalog-copy.ts b/src/finder/catalog-copy.ts
new file mode 100644
index 0000000..343659f
--- /dev/null
+++ b/src/finder/catalog-copy.ts
@@ -0,0 +1,199 @@
+/** In-browser copy/move/expand between Finder catalogs (AFP PWA). */
+
+import type { Catalog, VNode } from '../fs/virtual-fs';
+import { RemoteVfs } from '../fs/remote-vfs';
+import { expandArchiveFile } from '../fs/expand-incoming';
+import { expandSitInPlace } from '../fs/expand-inplace';
+import { importExpandedTree } from '../fs/import-transfer';
+import { throwIfAborted } from '../util/abort';
+import type { CrossTransferRequest, OpProgress } from './types';
+
+type CopyCtx = {
+  destName: string;
+  destParentId: number;
+  bytesDone: number;
+  bytesTotal?: number;
+  signal?: AbortSignal;
+};
+
+function sameAfpClient(a: Catalog, b: Catalog): boolean {
+  return a instanceof RemoteVfs && b instanceof RemoteVfs && a.client === b.client;
+}
+
+function nodeBytes(node: VNode): number {
+  if (node.isDir) return 0;
+  return (node.dataBytes ?? node.data.length) + (node.resourceBytes ?? node.resource.length);
+}
+
+async function* copyNode(
+  src: Catalog,
+  dest: Catalog,
+  node: VNode,
+  destParent: number,
+  destName: string,
+  ctx: CopyCtx,
+): AsyncGenerator<OpProgress> {
+  throwIfAborted(ctx.signal);
+  yield {
+    phase: 'copying',
+    path: destName,
+    destName: ctx.destName,
+    destParentId: ctx.destParentId,
+    bytesDone: ctx.bytesDone,
+    bytesTotal: ctx.bytesTotal,
+  };
+  if (node.isDir) {
+    const dir = await dest.mkdir(destParent, destName);
+    for (const child of await src.children(node.id, undefined, ctx.signal)) {
+      yield* copyNode(src, dest, child, dir.id, child.name, ctx);
+    }
+    return;
+  }
+  if (sameAfpClient(src, dest) && src instanceof RemoteVfs && dest instanceof RemoteVfs) {
+    await src.client.copyFile(node.parentId, node.name, dest.volId, destParent, destName, src.volId);
+    ctx.bytesDone += nodeBytes(node);
+    yield {
+      phase: 'copying',
+      path: destName,
+      destName: ctx.destName,
+      bytesDone: ctx.bytesDone,
+      bytesTotal: ctx.bytesTotal,
+    };
+    return;
+  }
+  const creditRead = !!src.reportsChunkedBytes && !dest.reportsChunkedBytes;
+  const creditWrite = !!dest.reportsChunkedBytes || !creditRead;
+  const onRead = creditRead
+    ? (n: number) => {
+        ctx.bytesDone += n;
+      }
+    : undefined;
+  const onWrite = creditWrite
+    ? (n: number) => {
+        ctx.bytesDone += n;
+      }
+    : undefined;
+  const full = (await src.ensureContent(node.id, onRead, ctx.signal)) ?? node;
+  throwIfAborted(ctx.signal);
+  await dest.createFile(
+    destParent,
+    destName,
+    full.data,
+    full.resource,
+    full.finderInfo,
+    onWrite,
+    ctx.signal,
+  );
+  yield {
+    phase: 'copying',
+    path: destName,
+    destName: ctx.destName,
+    destParentId: ctx.destParentId,
+    bytesDone: ctx.bytesDone,
+    bytesTotal: ctx.bytesTotal,
+  };
+}
+
+/** Copy a node between catalogs, yielding OpProgress. Same-server AFP files use FPCopyFile. */
+export async function* copyBetweenCatalogs(
+  src: Catalog,
+  dest: Catalog,
+  req: CrossTransferRequest,
+  signal?: AbortSignal,
+): AsyncGenerator<OpProgress> {
+  const node = await src.get(req.srcId);
+  if (!node) {
+    yield { error: 'not found', done: true };
+    return;
+  }
+  if (req.replace) {
+    const existing = await dest.lookup(req.destParentId, req.destName);
+    if (existing) await dest.remove(existing.id);
+  }
+  const ctx: CopyCtx = {
+    destName: req.destName,
+    destParentId: req.destParentId,
+    bytesDone: 0,
+    bytesTotal: node.isDir ? undefined : nodeBytes(node),
+    signal,
+  };
+  dest.beginBatch();
+  try {
+    yield* copyNode(src, dest, node, req.destParentId, req.destName, ctx);
+    yield {
+      phase: 'copying',
+      destName: req.destName,
+      destParentId: req.destParentId,
+      bytesDone: ctx.bytesDone,
+      bytesTotal: ctx.bytesTotal,
+    };
+  } finally {
+    dest.endBatch();
+  }
+}
+
+/** Move across catalogs: same AFP volume uses FPMoveAndRename; otherwise copy then delete. */
+export async function* moveBetweenCatalogs(
+  src: Catalog,
+  dest: Catalog,
+  req: CrossTransferRequest,
+  signal?: AbortSignal,
+): AsyncGenerator<OpProgress> {
+  const node = await src.get(req.srcId);
+  if (!node) {
+    yield { error: 'not found', done: true };
+    return;
+  }
+  if (src === dest || (src instanceof RemoteVfs && dest instanceof RemoteVfs && src.client === dest.client && src.volId === dest.volId)) {
+    if (req.replace) {
+      const existing = await dest.lookup(req.destParentId, req.destName);
+      if (existing && existing.id !== req.srcId) await dest.remove(existing.id);
+    }
+    if (req.destName && req.destName !== node.name) await src.rename(req.srcId, req.destName);
+    await src.move(req.srcId, req.destParentId);
+    yield { phase: 'moving', destName: req.destName };
+    return;
+  }
+  yield* copyBetweenCatalogs(src, dest, req, signal);
+  await src.remove(req.srcId);
+  yield { phase: 'moving', destName: req.destName };
+}
+
+/** Expand an archive next to itself on a catalog (StuffIt in-place, else load + expand). */
+export async function* expandOnCatalog(
+  cat: Catalog,
+  id: number,
+  signal?: AbortSignal,
+): AsyncGenerator<OpProgress> {
+  const node = await cat.get(id);
+  if (!node || node.isDir) {
+    yield { error: 'not an archive', done: true };
+    return;
+  }
+  let bytesDone = 0;
+  const bytesTotal = nodeBytes(node);
+  yield { phase: 'expanding', path: node.name, bytesTotal };
+  const track = {
+    signal,
+    onBytes: (n: number) => {
+      bytesDone += n;
+    },
+  };
+  cat.beginBatch();
+  try {
+    const inPlace = await expandSitInPlace(cat, node, {
+      fileSize: node.dataBytes ?? node.data.length,
+      track,
+      resolveConflict: async () => 'rename',
+    });
+    if (!inPlace) {
+      const full = (await cat.ensureContent(id, track.onBytes, signal)) ?? node;
+      throwIfAborted(signal);
+      const tree = expandArchiveFile(full.name, full.data);
+      await importExpandedTree(cat, node.parentId, tree, track);
+    }
+    yield { phase: 'expanding', path: node.name, bytesDone, bytesTotal, done: true };
+  } finally {
+    cat.endBatch();
+  }
+}
diff --git a/src/finder/index.ts b/src/finder/index.ts
new file mode 100644
index 0000000..82276d6
--- /dev/null
+++ b/src/finder/index.ts
@@ -0,0 +1,16 @@
+/** Public Finder VFS contract: AFP (PWA) and HTTP (ClassicStack-go SPA) share these types. */
+
+export type { FinderAPI, CatalogWithBackend, ConnectRequest } from './api';
+export { isCatalogWithBackend } from './api';
+export { ApiCatalog } from './api-catalog';
+export { AfpFinderAPI } from './afp-finder-api';
+export { bindCatalog } from './bind-catalog';
+export { consumeProgress, readSSEProgress } from './progress';
+export type {
+  OpProgress,
+  OpPhase,
+  FinderNodeDto,
+  FinderSessionDto,
+  TransferOptions,
+  CrossTransferRequest,
+} from './types';
diff --git a/src/finder/progress.ts b/src/finder/progress.ts
new file mode 100644
index 0000000..8e210ee
--- /dev/null
+++ b/src/finder/progress.ts
@@ -0,0 +1,53 @@
+/** Helpers for Finder job progress streams. */
+
+import type { OpProgress } from './types';
+
+export async function consumeProgress(
+  stream: AsyncIterable<OpProgress>,
+  onProgress?: (p: OpProgress) => void,
+  signal?: AbortSignal,
+): Promise<void> {
+  for await (const p of stream) {
+    if (signal?.aborted) throw signal.reason ?? new DOMException('Aborted', 'AbortError');
+    onProgress?.(p);
+    if (p.error) throw new Error(p.error);
+    if (p.done) return;
+  }
+}
+
+export async function* readSSEProgress(r: Response): AsyncIterable<OpProgress> {
+  if (!r.ok) {
+    const j = (await r.json().catch(() => null)) as { error?: string } | null;
+    yield { error: j?.error ?? `HTTP ${r.status}`, done: true };
+    return;
+  }
+  const reader = r.body?.getReader();
+  if (!reader) {
+    yield { done: true };
+    return;
+  }
+  const dec = new TextDecoder();
+  let buf = '';
+  for (;;) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buf += dec.decode(value, { stream: true });
+    for (;;) {
+      const idx = buf.indexOf('\n\n');
+      if (idx < 0) break;
+      const block = buf.slice(0, idx);
+      buf = buf.slice(idx + 2);
+      for (const line of block.split('\n')) {
+        if (!line.startsWith('data: ')) continue;
+        try {
+          const p = JSON.parse(line.slice(6)) as OpProgress;
+          yield p;
+          if (p.done || p.error) return;
+        } catch {
+          /* ignore malformed */
+        }
+      }
+    }
+  }
+  yield { done: true };
+}
diff --git a/src/finder/types.ts b/src/finder/types.ts
new file mode 100644
index 0000000..f74a317
--- /dev/null
+++ b/src/finder/types.ts
@@ -0,0 +1,56 @@
+/** Shared Finder VFS job progress (Go SSE and in-browser AFP). */
+
+export type OpPhase = 'copying' | 'moving' | 'expanding' | 'listing';
+
+export type OpProgress = {
+  phase?: OpPhase;
+  path?: string;
+  bytesDone?: number;
+  bytesTotal?: number;
+  destName?: string;
+  destParentId?: number;
+  done?: boolean;
+  error?: string;
+};
+
+export type FinderNodeDto = {
+  id: number;
+  parentId: number;
+  name: string;
+  isDir: boolean;
+  dataBytes?: number;
+  resourceBytes?: number;
+  finderInfo?: string;
+  createDate?: number;
+  modDate?: number;
+};
+
+export type FinderSessionDto = {
+  sessionId: string;
+  serverName: string;
+  kind: string;
+  volumes: string[];
+  allowGuest: boolean;
+  uams?: string[];
+  rootId?: number;
+  volume?: string;
+  target?: string;
+  transport?: string;
+};
+
+export type TransferOptions = {
+  destName: string;
+  replace?: boolean;
+  replaceId?: number | null;
+  signal?: AbortSignal;
+  onProgress?: (p: OpProgress) => void;
+};
+
+export type CrossTransferRequest = {
+  srcSession: string;
+  destSession: string;
+  srcId: number;
+  destParentId: number;
+  destName: string;
+  replace?: boolean;
+};
diff --git a/src/fs/icon-cache.test.ts b/src/fs/icon-cache.test.ts
index 5778196..7c73dc3 100644
--- a/src/fs/icon-cache.test.ts
+++ b/src/fs/icon-cache.test.ts
@@ -228,7 +228,7 @@ describe('iconForkLoadOptions', () => {
 });
 
 describe('IconCache.getForNode', () => {
-  function folderNode(): VNode {
+  function folderNode(flags = 0): VNode {
     return {
       id: 4,
       parentId: 2,
@@ -236,7 +236,7 @@ describe('IconCache.getForNode', () => {
       isDir: true,
       data: new Uint8Array(),
       resource: new Uint8Array(),
-      finderInfo: new Uint8Array(32),
+      finderInfo: flags ? finder('fold', 'MACS', flags) : new Uint8Array(32),
       createDate: 0,
       modDate: 0,
     };
@@ -245,17 +245,27 @@ describe('IconCache.getForNode', () => {
   it('does not look up Icon\\r without a named findChild', async () => {
     const cache = new IconCache();
     let probes = 0;
-    await cache.getForNode(folderNode(), undefined, async () => {
+    await cache.getForNode(folderNode(HAS_CUSTOM_ICON), undefined, async () => {
       probes += 1;
       return null;
     });
     expect(probes).toBe(0);
   });
 
+  it('does not look up Icon\\r without the custom-icon flag', async () => {
+    const cache = new IconCache();
+    const names: string[] = [];
+    await cache.getForNode(folderNode(), async (_id, name) => {
+      names.push(name);
+      return undefined;
+    });
+    expect(names).toEqual([]);
+  });
+
   it('probes Icon\\r by name and does not list the directory', async () => {
     const cache = new IconCache();
     const names: string[] = [];
-    const urls = await cache.getForNode(folderNode(), async (_id, name) => {
+    const urls = await cache.getForNode(folderNode(HAS_CUSTOM_ICON), async (_id, name) => {
       names.push(name);
       return undefined;
     });
diff --git a/src/fs/icon-cache.ts b/src/fs/icon-cache.ts
index 8a9f9ef..65d2558 100644
--- a/src/fs/icon-cache.ts
+++ b/src/fs/icon-cache.ts
@@ -606,10 +606,15 @@ export class IconCache {
     const hit = this.dirMemory.get(pathKey);
     if (hit) return hit;
 
-    // Named Icon\\r lookup only when the caller supplies findChild (Finder does
-    // this for folders in the current view). Do not enumerate the directory.
-    if (!findChild) {
-      return this.defaultFolder ?? DEFAULT_FOLDER_ICONS;
+    // Named Icon\\r lookup only when the folder has the custom-icon flag and
+    // the caller supplies findChild (Finder does this for on-screen folders).
+    // Do not enumerate the directory, and do not probe folders that are only
+    // using the default glyph.
+    const custom = (finderFlags(node.finderInfo) & HAS_CUSTOM_ICON) !== 0;
+    if (!custom || !findChild) {
+      const urls = this.defaultFolder ?? DEFAULT_FOLDER_ICONS;
+      this.dirMemory.set(pathKey, urls);
+      return urls;
     }
 
     const pending = this.dirInflight.get(pathKey);
diff --git a/src/fs/remote-vfs.ts b/src/fs/remote-vfs.ts
index 2da4001..2b4a19e 100644
--- a/src/fs/remote-vfs.ts
+++ b/src/fs/remote-vfs.ts
@@ -18,9 +18,9 @@ const EMPTY = new Uint8Array();
 
 export class RemoteVfs implements Catalog {
   readonly reportsChunkedBytes = true;
-  private client: AfpClient;
-  private volumeName: string;
-  private volId: number;
+  readonly client: AfpClient;
+  readonly volumeName: string;
+  readonly volId: number;
   private nodes = new Map<number, VNode>();
   private forksLoaded = new Set<number>();
   private listeners = new Set<VfsChangeListener>();
diff --git a/src/main.ts b/src/main.ts
index b084f4e..600e6a4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,449 +1,241 @@
-import './ui/styles/tokens.css';
-import { WebSerialPort } from './transport/webserial';
-import { LocalTalkStack } from './net/stack';
-import { NbpService, type LookupResult } from './services/nbp';
-import { AtpClient } from './services/atp-client';
-import { AfpServer } from './services/afp-server/server';
-import { AfpClient, type AfpServerNotice } from './services/afp-client/client';
-import { VirtualFS } from './fs/virtual-fs';
-import { addWelcomePack, seedWelcomePackIfNeeded, skipWelcomePackSeed } from './fs/welcome-pack';
-import { resetExtensionMap } from './fs/extension-map';
-import { RemoteVfs } from './fs/remote-vfs';
-import { FinderWindow, type FinderHost, type RemoteEndpoint } from './ui/finder-window';
-import { AppMenuBar } from './ui/app-menubar';
-import { LogPanel } from './ui/log-panel';
-import { ActivityWindow } from './ui/activity-window';
-import { FileActivityWindow } from './ui/file-activity-window';
-import { AlertDialog } from './ui/alert-dialog';
-import { AboutDialog } from './ui/about-dialog';
-import { AfpSessionsDialog } from './ui/afp-sessions-dialog';
-import { LoginDialog } from './ui/login-dialog';
-import { NameConflictDialog } from './ui/name-conflict-dialog';
-import { ExtensionEditorDialog } from './ui/extension-editor-dialog';
-import { ResourceForkExplorer } from './ui/resource-fork-explorer';
-import { GetInfoWindow } from './ui/get-info-window';
-import {
-  NetbootDialog,
-  BUNDLED_BLOCK_SIZE,
-  BUNDLED_PAYLOAD_URL,
-  type NetbootState,
-} from './ui/netboot-dialog';
-import { PcapCapture } from './util/pcap';
-import { TrafficStats } from './util/traffic-stats';
-import { log } from './util/logger';
-import { clearPrefs } from './util/prefs';
-import { iconCache } from './fs/icon-cache';
-import { clearWindowLayouts, loadWindowLayouts } from './ui/window-layout';
-import { startLayoutMode } from './ui/layout-mode';
-import * as asp from './protocol/asp';
-import { assemblePayload, MemoryDisk, NetbootService } from './services/netboot';
-import { registerPwa } from './pwa';
-
-async function fileBytes(file: File): Promise<Uint8Array> {
-  return new Uint8Array(await file.arrayBuffer());
-}
-
-async function fetchBytes(url: string): Promise<Uint8Array> {
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`failed to fetch ${url}: ${res.status}`);
-  return new Uint8Array(await res.arrayBuffer());
-}
-
-const WEB_SERIAL_HELP =
-  'ClassicStack needs the Web Serial API to connect a TashTalk adaptor. Use Google Chrome (desktop or Android) or Microsoft Edge, over HTTPS or localhost. On a phone, plug the adaptor in with USB-C / OTG; 1 Mbaud with hardware flow control may fail on some Android USB stacks.';
-
-async function main(): Promise<void> {
-  log.installConsoleBridge();
-  startLayoutMode();
-  registerPwa();
-  log.info('ClassicStack starting', 'app');
-
-  const app = document.querySelector('#app')!;
-  app.innerHTML = '';
-
-  const menubar = new AppMenuBar();
-  const stage = document.createElement('div');
-  stage.className = 'app-stage';
-  const finder = new FinderWindow();
-  const logPanel = new LogPanel();
-  logPanel.hidden = true;
-  const activityWindow = new ActivityWindow();
-  activityWindow.hidden = true;
-  const fileActivityWindow = new FileActivityWindow();
-  fileActivityWindow.hidden = true;
-  const netboot = new NetbootDialog();
-  const about = new AboutDialog();
-  const alertDialog = new AlertDialog();
-  const afpSessions = new AfpSessionsDialog();
-  const loginDialog = new LoginDialog();
-  const nameConflictDialog = new NameConflictDialog();
-  const extensionEditor = new ExtensionEditorDialog();
-  const resourceExplorer = new ResourceForkExplorer();
-  resourceExplorer.hidden = true;
-  const getInfoWindow = new GetInfoWindow();
-  getInfoWindow.hidden = true;
-
-  stage.appendChild(finder);
-  app.append(menubar, stage, logPanel, activityWindow, fileActivityWindow, netboot, about, alertDialog, afpSessions, loginDialog, nameConflictDialog, extensionEditor, resourceExplorer, getInfoWindow);
-
-  const serial = new WebSerialPort();
-  const pcap = new PcapCapture();
-  const traffic = new TrafficStats();
-  const CAPTURE_STATUS_MS = 5_000;
-  let lastCaptureStatusAt = 0;
-  serial.tapFrames((frame, direction) => {
-    traffic.record(frame.length, direction);
-    pcap.record(frame, direction);
-    if (!pcap.capturing) return;
-    const now = Date.now();
-    if (now - lastCaptureStatusAt < CAPTURE_STATUS_MS) return;
-    lastCaptureStatusAt = now;
-    menubar.refreshCaptureStatus();
-  });
-
-  let stack: LocalTalkStack | null = null;
-  let nbp: NbpService | null = null;
-  let atp: AtpClient | null = null;
-  let afpServer: AfpServer | null = null;
-  let netbootSvc: NetbootService | null = null;
-  let bundledPayload: Uint8Array | null = null;
-  const vfs = new VirtualFS();
-  let remote: AfpClient | null = null;
-  let remoteNbpName = '';
-  let afpScanTimer: ReturnType<typeof setInterval> | null = null;
-  let afpScanBusy = false;
-  let lastAfpScanKey = '';
-  const AFP_SCAN_MS = 10_000;
-
-  activityWindow.bind({
-    traffic,
-    getAfpServer: () => afpServer,
-  });
-
-  await vfs.init();
-
-  function attachRemoteNotices(client: AfpClient): void {
-    client.onNotice = (n: AfpServerNotice) => {
-      if (n.kind === 'closed') {
-        void remote?.close().catch(() => undefined);
-        if (remote === client) {
-          remote = null;
-          remoteNbpName = '';
-        }
-        finder.unmountRemote(n.text || 'The AFP server closed this session.');
-        if (n.text) alertDialog.show(n.title, n.text);
-        log.info(`Remote AFP session closed: ${n.text || n.title}`, 'afp');
-        return;
-      }
-      if (n.text) alertDialog.show(n.title, n.text);
-      log.info(`AFP ${n.kind} from ${n.title}: ${n.text.replace(/\n/g, ' ')}`, 'afp');
-    };
-  }
-
-  afpSessions.bind({
-    listSessions: () => afpServer?.listSessions() ?? [],
-    sendMessage: async (sessionId, text) => {
-      if (!afpServer) throw new Error('Not connected');
-      await afpServer.sendMessage(sessionId, text);
-    },
-    disconnectSession: async (sessionId, text, minutes) => {
-      if (!afpServer) throw new Error('Not connected');
-      await afpServer.disconnectSession(sessionId, text, minutes);
-    },
-  });
-
-  async function loadBundledPayload(): Promise<Uint8Array> {
-    if (!bundledPayload) {
-      bundledPayload = await fetchBytes(BUNDLED_PAYLOAD_URL);
-      log.info(`Loaded bundled ChainLoader.bin (${bundledPayload.length} bytes)`, 'netboot');
-    }
-    return bundledPayload;
-  }
-
-  async function applyNetboot(state: NetbootState): Promise<void> {
-    netbootSvc?.stop();
-    netbootSvc = null;
-    if (!state.enabled || !stack || !nbp) return;
-    if (!state.diskImage) {
-      log.warn('Netboot enabled but no ChainBoot HFS disk selected — not advertising', 'netboot');
-      return;
-    }
-    try {
-      const payloadRaw = await loadBundledPayload();
-      const diskBytes = await fileBytes(state.diskImage);
-      const payload = assemblePayload(payloadRaw, BUNDLED_BLOCK_SIZE);
-      netbootSvc = new NetbootService(
-        stack,
-        {
-          payload,
-          blockSize: BUNDLED_BLOCK_SIZE,
-          disk: new MemoryDisk(diskBytes),
-          paceMs: state.paceMs,
-          chainPaceMs: state.chainPaceMs,
-        },
-        nbp,
-      );
-      netbootSvc.start();
-    } catch (err) {
-      log.error(`Netboot failed to start: ${err instanceof Error ? err.message : String(err)}`, 'netboot');
-      netbootSvc = null;
-    }
-  }
-
-  netboot.bind((state) => {
-    void applyNetboot(state);
-  });
-
-  function toEndpoint(s: LookupResult): RemoteEndpoint {
-    return {
-      id: s.object,
-      kind: 'afp',
-      title: s.object,
-      subtitle: s.zone && s.zone !== '*' ? s.zone : `${s.network}.${s.node}`,
-      badge: 'NBP',
-      transport: 'nbp',
-    };
-  }
-
-  function afpServerKey(s: LookupResult): string {
-    return `${s.object}\0${s.network}.${s.node}:${s.socket}`;
-  }
-
-  function afpServerListKey(list: LookupResult[]): string {
-    return list.map(afpServerKey).sort().join('|');
-  }
-
-  function stopAfpServerScan(): void {
-    if (afpScanTimer != null) {
-      clearInterval(afpScanTimer);
-      afpScanTimer = null;
-    }
-    afpScanBusy = false;
-    lastAfpScanKey = '';
-    finder.setNetworkScanning(false);
-  }
-
-  async function scanAfpServers(kind: 'auto' | 'manual'): Promise<LookupResult[]> {
-    if (!nbp) return [];
-    while (afpScanBusy) {
-      if (kind === 'auto' || !nbp) return [];
-      await new Promise((r) => setTimeout(r, 50));
-    }
-    if (!nbp) return [];
-    afpScanBusy = true;
-    finder.setNetworkScanning(true);
-    try {
-      const list = await nbp.lookup('=', 'AFPServer');
-      if (!nbp) return [];
-      const prevKey = lastAfpScanKey;
-      const key = afpServerListKey(list);
-      const changed = key !== prevKey;
-      lastAfpScanKey = key;
-      finder.setServers(list.map(toEndpoint));
-      if (kind === 'manual' || !prevKey || changed) {
-        log.info(`NBP found ${list.length} AFPServer(s)`, 'nbp');
-      }
-      if (kind === 'auto' && prevKey && changed) {
-        finder.setStatus(
-          list.length ? `Found ${list.length} AFP server(s)` : 'No AFP servers on the network',
-        );
-      }
-      return list;
-    } finally {
-      afpScanBusy = false;
-      finder.setNetworkScanning(false);
-    }
-  }
-
-  function startAfpServerScan(): void {
-    stopAfpServerScan();
-    void (async () => {
-      finder.setStatus('Looking up AFPServer…');
-      const list = await scanAfpServers('auto');
-      if (!nbp) return;
-      finder.setStatus(
-        list.length
-          ? `Found ${list.length} AFP server(s)`
-          : 'No AFP servers found — scanning every 10s',
-      );
-    })();
-    afpScanTimer = setInterval(() => {
-      void scanAfpServers('auto');
-    }, AFP_SCAN_MS);
-  }
-
-  const host: FinderHost = {
-    isConnected: () => serial.connected,
-    nodeLabel: () =>
-      stack && stack.node
-        ? `node ${stack.node.toString(16).padStart(2, '0').toUpperCase()} net ${stack.network}`
-        : '',
-    localTitle: () => 'Browser Share',
-
-    async connectTransport() {
-      if (!WebSerialPort.supported()) {
-        alertDialog.show('Web Serial is not supported', WEB_SERIAL_HELP);
-        throw new Error('Web Serial is not supported');
-      }
-      await serial.connect();
-      stack = new LocalTalkStack(serial);
-      nbp = new NbpService(stack);
-      atp = new AtpClient(stack);
-      afpServer = new AfpServer(stack, vfs, { volumeName: 'Browser Share', serverName: 'ClassicStack' });
-      nbp.register('ClassicStack', 'AFPServer', afpServer.socket());
-      stack.onClaimed((net, node) => {
-        log.info(`LocalTalk node claimed: ${node} (net ${net})`, 'stack');
-        finder.setStatus(`LocalTalk node claimed: ${node} (net ${net}). Sharing “Browser Share”.`);
-        void applyNetboot(netboot.getState());
-        startAfpServerScan();
-      });
-      log.info('Serial connected; starting node claim', 'serial');
-      await stack.startClaim();
-    },
-
-    async disconnectTransport() {
-      stopAfpServerScan();
-      await remote?.close().catch(() => undefined);
-      remote = null;
-      remoteNbpName = '';
-      netbootSvc?.stop();
-      netbootSvc = null;
-      stack?.stop();
-      stack = null;
-      nbp = null;
-      atp = null;
-      afpServer = null;
-      traffic.reset();
-      await serial.disconnect();
-      log.info('Serial disconnected', 'serial');
-    },
-
-    async refreshNetwork() {
-      const list = await scanAfpServers('manual');
-      return list.map(toEndpoint);
-    },
-
-    async beginRemote(ep) {
-      if (!atp) throw new Error('not connected');
-      const list = nbp ? await nbp.lookup('=', 'AFPServer') : [];
-      const h =
-        list.find((x) => x.object === ep.id || x.object === ep.title) ??
-        list.find((x) => x.object.toLowerCase() === ep.title.toLowerCase());
-      if (!h) throw new Error(`AFP server “${ep.title}” is not on the network`);
-      log.info(`AFP GetStatus/OpenSess ${h.object} (${h.network}.${h.node}:${h.socket || asp.DefaultSLS})`, 'afp');
-      await remote?.close().catch(() => undefined);
-      remote = await AfpClient.openSession(atp, h.network, h.node, h.socket || asp.DefaultSLS);
-      remoteNbpName = h.object;
-      attachRemoteNotices(remote);
-      return {
-        serverName: remote.serverName,
-        volumes: [],
-        allowGuest: remote.uams.some((u) => /no user authent/i.test(u)),
-        uams: remote.uams,
-      };
-    },
-
-    async loginRemote(creds) {
-      if (!remote) throw new Error('no AFP session');
-      await remote.login(creds);
-      return remote.volumes.map((v) => v.name);
-    },
-
-    async openVolume(name: string) {
-      if (!remote) throw new Error('not logged in');
-      const volId = await remote.openVolume(name);
-      log.info(`Mounted remote ${remote.serverName || remoteNbpName}:${name} (vol ${volId})`, 'afp');
-      return new RemoteVfs(remote, name, volId);
-    },
-
-    localCatalog() {
-      return vfs;
-    },
-
-    installWelcomePack(opts) {
-      return addWelcomePack(vfs, opts);
-    },
-
-    seedWelcomePack(opts) {
-      return seedWelcomePackIfNeeded(vfs, opts);
-    },
-
-    promptCredentials(opts) {
-      return loginDialog.prompt(opts);
-    },
-
-    dismissLogin() {
-      loginDialog.close();
-    },
-
-    showAlert(title: string, text: string) {
-      alertDialog.show(title, text);
-    },
-
-    promptNameConflict(opts) {
-      return nameConflictDialog.prompt(opts);
-    },
-
-    async closeRemote() {
-      await remote?.close().catch(() => undefined);
-      remote = null;
-      remoteNbpName = '';
-      log.info('Ejected AFP server', 'afp');
-    },
-  };
-
-  menubar.bind({
-    pcap,
-    logPanel,
-    activityWindow,
-    netboot,
-    afpSessions,
-    extensionEditor,
-    resourceExplorer,
-    getInfoWindow,
-    about,
-    alertDialog,
-    finder,
-    onCaptureChanged() {
-      menubar.refreshCaptureStatus();
-    },
-    async resetEnvironment(eraseShare) {
-      log.info(eraseShare ? 'Resetting environment (including Browser Share)' : 'Resetting environment', 'app');
-      try {
-        await host.disconnectTransport?.();
-      } catch {
-        /* already disconnected */
-      }
-      clearPrefs();
-      clearWindowLayouts();
-      resetExtensionMap();
-      await iconCache.clear().catch(() => undefined);
-      if (eraseShare) {
-        try {
-          await vfs.eraseAllItems();
-          await skipWelcomePackSeed(vfs);
-        } catch (err) {
-          log.warn(`Failed to erase Browser Share: ${err instanceof Error ? err.message : String(err)}`, 'fs');
-        }
-      }
-      location.reload();
-    },
-  });
-
-  const savedWindows = loadWindowLayouts();
-  if (savedWindows.log?.open) logPanel.show();
-  if (savedWindows.activity?.open) activityWindow.show();
-  if (savedWindows.resource?.open) resourceExplorer.show();
-
-  finder.bind(vfs, host);
-  finder.bindResourceExplorer(resourceExplorer);
-  finder.bindGetInfoWindow(getInfoWindow);
-
-  if (!WebSerialPort.supported()) {
-    log.warn('WebSerial unavailable — use Chrome/Edge over HTTPS or localhost', 'serial');
-    finder.setStatus('WebSerial unavailable — use Chrome/Edge over HTTPS or localhost.');
-    alertDialog.show('Web Serial is not supported', WEB_SERIAL_HELP);
-  }
-}
-
-void main();
+import './ui/styles/tokens.css';
+import { WebSerialPort } from './transport/webserial';
+import { VirtualFS } from './fs/virtual-fs';
+import { skipWelcomePackSeed } from './fs/welcome-pack';
+import { resetExtensionMap } from './fs/extension-map';
+import { FinderWindow } from './ui/finder-window';
+import { AfpFinderHost, WEB_SERIAL_HELP } from './finder/afp-finder-host';
+import { AppMenuBar } from './ui/app-menubar';
+import { LogPanel } from './ui/log-panel';
+import { ActivityWindow } from './ui/activity-window';
+import { FileActivityWindow } from './ui/file-activity-window';
+import { AlertDialog } from './ui/alert-dialog';
+import { AboutDialog } from './ui/about-dialog';
+import { AfpSessionsDialog } from './ui/afp-sessions-dialog';
+import { LoginDialog } from './ui/login-dialog';
+import { NameConflictDialog } from './ui/name-conflict-dialog';
+import { ExtensionEditorDialog } from './ui/extension-editor-dialog';
+import { ResourceForkExplorer } from './ui/resource-fork-explorer';
+import { GetInfoWindow } from './ui/get-info-window';
+import {
+  NetbootDialog,
+  BUNDLED_BLOCK_SIZE,
+  BUNDLED_PAYLOAD_URL,
+  type NetbootState,
+} from './ui/netboot-dialog';
+import { SettingsWindow } from './ui/settings-window';
+import { PcapCapture } from './util/pcap';
+import { TrafficStats } from './util/traffic-stats';
+import { log } from './util/logger';
+import { clearPrefs } from './util/prefs';
+import { iconCache } from './fs/icon-cache';
+import { clearWindowLayouts, loadWindowLayouts } from './ui/window-layout';
+import { startLayoutMode } from './ui/layout-mode';
+import { assemblePayload, MemoryDisk, NetbootService } from './services/netboot';
+import { registerPwa } from './pwa';
+
+async function fileBytes(file: File): Promise<Uint8Array> {
+  return new Uint8Array(await file.arrayBuffer());
+}
+
+async function fetchBytes(url: string): Promise<Uint8Array> {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`failed to fetch ${url}: ${res.status}`);
+  return new Uint8Array(await res.arrayBuffer());
+}
+
+async function main(): Promise<void> {
+  log.installConsoleBridge();
+  startLayoutMode();
+  registerPwa();
+  log.info('ClassicStack starting', 'app');
+
+  const app = document.querySelector('#app')!;
+  app.innerHTML = '';
+
+  const menubar = new AppMenuBar();
+  const stage = document.createElement('div');
+  stage.className = 'app-stage';
+  const finder = new FinderWindow();
+  const logPanel = new LogPanel();
+  logPanel.hidden = true;
+  const activityWindow = new ActivityWindow();
+  activityWindow.hidden = true;
+  const fileActivityWindow = new FileActivityWindow();
+  fileActivityWindow.hidden = true;
+  const netboot = new NetbootDialog();
+  const about = new AboutDialog();
+  const alertDialog = new AlertDialog();
+  const afpSessions = new AfpSessionsDialog();
+  const loginDialog = new LoginDialog();
+  const nameConflictDialog = new NameConflictDialog();
+  const extensionEditor = new ExtensionEditorDialog();
+  const resourceExplorer = new ResourceForkExplorer();
+  resourceExplorer.hidden = true;
+  const getInfoWindow = new GetInfoWindow();
+  getInfoWindow.hidden = true;
+  const settings = new SettingsWindow();
+
+  stage.appendChild(finder);
+  app.append(menubar, stage, logPanel, activityWindow, fileActivityWindow, netboot, about, alertDialog, afpSessions, loginDialog, nameConflictDialog, extensionEditor, resourceExplorer, getInfoWindow, settings);
+
+  const serial = new WebSerialPort();
+  const pcap = new PcapCapture();
+  const traffic = new TrafficStats();
+  const CAPTURE_STATUS_MS = 5_000;
+  let lastCaptureStatusAt = 0;
+  serial.tapFrames((frame, direction) => {
+    traffic.record(frame.length, direction);
+    pcap.record(frame, direction);
+    if (!pcap.capturing) return;
+    const now = Date.now();
+    if (now - lastCaptureStatusAt < CAPTURE_STATUS_MS) return;
+    lastCaptureStatusAt = now;
+    menubar.refreshCaptureStatus();
+  });
+
+  let netbootSvc: NetbootService | null = null;
+  let bundledPayload: Uint8Array | null = null;
+  const vfs = new VirtualFS();
+  await vfs.init();
+
+  const host = new AfpFinderHost(serial, vfs, {
+    finder,
+    login: loginDialog,
+    alert: alertDialog,
+    nameConflict: nameConflictDialog,
+    onClaimed() {
+      void applyNetboot(netboot.getState());
+    },
+    onDisconnect() {
+      netbootSvc?.stop();
+      netbootSvc = null;
+      traffic.reset();
+    },
+  });
+
+  activityWindow.bind({
+    traffic,
+    getAfpServer: () => host.afpServer,
+  });
+
+  afpSessions.bind({
+    listSessions: () => host.afpServer?.listSessions() ?? [],
+    sendMessage: async (sessionId, text) => {
+      if (!host.afpServer) throw new Error('Not connected');
+      await host.afpServer.sendMessage(sessionId, text);
+    },
+    disconnectSession: async (sessionId, text, minutes) => {
+      if (!host.afpServer) throw new Error('Not connected');
+      await host.afpServer.disconnectSession(sessionId, text, minutes);
+    },
+  });
+
+  async function loadBundledPayload(): Promise<Uint8Array> {
+    if (!bundledPayload) {
+      bundledPayload = await fetchBytes(BUNDLED_PAYLOAD_URL);
+      log.info(`Loaded bundled ChainLoader.bin (${bundledPayload.length} bytes)`, 'netboot');
+    }
+    return bundledPayload;
+  }
+
+  async function applyNetboot(state: NetbootState): Promise<void> {
+    netbootSvc?.stop();
+    netbootSvc = null;
+    if (!state.enabled || !host.stack || !host.nbp) return;
+    if (!state.diskImage) {
+      log.warn('Netboot enabled but no ChainBoot HFS disk selected — not advertising', 'netboot');
+      return;
+    }
+    try {
+      const payloadRaw = await loadBundledPayload();
+      const diskBytes = await fileBytes(state.diskImage);
+      const payload = assemblePayload(payloadRaw, BUNDLED_BLOCK_SIZE);
+      netbootSvc = new NetbootService(
+        host.stack,
+        {
+          payload,
+          blockSize: BUNDLED_BLOCK_SIZE,
+          disk: new MemoryDisk(diskBytes),
+          paceMs: state.paceMs,
+          chainPaceMs: state.chainPaceMs,
+        },
+        host.nbp,
+      );
+      netbootSvc.start();
+    } catch (err) {
+      log.error(`Netboot failed to start: ${err instanceof Error ? err.message : String(err)}`, 'netboot');
+      netbootSvc = null;
+    }
+  }
+
+  netboot.bind((state) => {
+    void applyNetboot(state);
+  });
+
+  async function resetEnvironment(eraseShare: boolean): Promise<void> {
+    log.info(eraseShare ? 'Resetting environment (including Browser Share)' : 'Resetting environment', 'app');
+    try {
+      await host.disconnectTransport?.();
+    } catch {
+      /* already disconnected */
+    }
+    clearPrefs();
+    clearWindowLayouts();
+    resetExtensionMap();
+    await iconCache.clear().catch(() => undefined);
+    if (eraseShare) {
+      try {
+        await vfs.eraseAllItems();
+        await skipWelcomePackSeed(vfs);
+      } catch (err) {
+        log.warn(`Failed to erase Browser Share: ${err instanceof Error ? err.message : String(err)}`, 'fs');
+      }
+    }
+    location.reload();
+  }
+
+  menubar.bind({
+    pcap,
+    logPanel,
+    activityWindow,
+    afpSessions,
+    resourceExplorer,
+    getInfoWindow,
+    about,
+    alertDialog,
+    settings,
+    finder,
+    onCaptureChanged() {
+      menubar.refreshCaptureStatus();
+    },
+  });
+
+  settings.bind({
+    finder,
+    netboot,
+    extensionEditor,
+    alertDialog,
+    exportPreferences: () => menubar.exportPreferences(),
+    importPreferences: () => menubar.importPreferences(),
+    resetEnvironment,
+    onPrefsChanged: () => menubar.refresh(),
+  });
+
+  const savedWindows = loadWindowLayouts();
+  if (savedWindows.log?.open) logPanel.show();
+  if (savedWindows.activity?.open) activityWindow.show();
+  if (savedWindows.resource?.open) resourceExplorer.show();
+
+  finder.bind(vfs, host);
+  finder.bindResourceExplorer(resourceExplorer);
+  finder.bindGetInfoWindow(getInfoWindow);
+
+  if (!WebSerialPort.supported()) {
+    log.warn('WebSerial unavailable — use Chrome/Edge over HTTPS or localhost', 'serial');
+    finder.setStatus('WebSerial unavailable — use Chrome/Edge over HTTPS or localhost.');
+    alertDialog.show('Web Serial is not supported', WEB_SERIAL_HELP);
+  }
+}
+
+void main();
diff --git a/src/protocol/afp/constants.ts b/src/protocol/afp/constants.ts
index e7270b5..775c6eb 100644
--- a/src/protocol/afp/constants.ts
+++ b/src/protocol/afp/constants.ts
@@ -2,6 +2,7 @@
 
 export const CmdCloseVol = 2;
 export const CmdCloseFork = 4;
+export const CmdCopyFile = 5;
 export const CmdCreateDir = 6;
 export const CmdCreateFile = 7;
 export const CmdDelete = 8;
@@ -50,6 +51,7 @@ export const IconTypeIcs8 = 6;
 const AFP_CMD_NAME: Record<number, string> = {
   [CmdCloseVol]: 'FPCloseVol',
   [CmdCloseFork]: 'FPCloseFork',
+  [CmdCopyFile]: 'FPCopyFile',
   [CmdCreateDir]: 'FPCreateDir',
   [CmdCreateFile]: 'FPCreateFile',
   [CmdDelete]: 'FPDelete',
diff --git a/src/services/afp-client/client.ts b/src/services/afp-client/client.ts
index 5198f7b..7302fc9 100644
--- a/src/services/afp-client/client.ts
+++ b/src/services/afp-client/client.ts
@@ -1,4 +1,4 @@
-/** High-level AFP client: session login, then one open volume. */
+/** High-level AFP client: login, then one or more open volumes. */
 
 import { AspSession } from '../asp-client';
 import type { AtpClient } from '../atp-client';
@@ -427,6 +427,46 @@ export class AfpClient {
     return volId;
   }
 
+  /**
+   * FPCloseDT + FPCloseVol for one opened volume. The AFP login stays up so
+   * other volumes can still be opened; classic servers have few volume/DT slots.
+   */
+  async closeVolume(name: string): Promise<void> {
+    const volId = this.openVolIds.get(name);
+    if (volId == null) return;
+    await this.releaseVolume(name, volId);
+  }
+
+  private async releaseVolume(name: string, volId: number): Promise<void> {
+    const dtRef = this.dtRefs.get(volId);
+    if (dtRef != null) {
+      log.info(`FPCloseDT “${name}” (dt ${dtRef})`, 'afp');
+      await this.fp(cmd.closeDT(dtRef)).catch(() => undefined);
+      this.dtRefs.delete(volId);
+    }
+    this.dtUnavailable.delete(volId);
+    this.dropDesktopCaches(volId);
+    log.info(`FPCloseVol “${name}” (id ${volId})`, 'afp');
+    await this.fp(cmd.closeVol(volId)).catch(() => undefined);
+    this.openVolIds.delete(name);
+    if (this.volId === volId || this.volumeName === name) {
+      this.volId = 0;
+      this.volumeName = '';
+    }
+  }
+
+  private dropDesktopCaches(volId: number): void {
+    const prefix = `${volId}:`;
+    const drop = <T>(map: Map<string, T>) => {
+      for (const key of [...map.keys()]) {
+        if (key.startsWith(prefix)) map.delete(key);
+      }
+    };
+    drop(this.desktopInfo);
+    drop(this.desktopInfoInflight);
+    drop(this.desktopIconInflight);
+  }
+
   /** Volume id for an already-opened volume name. */
   volumeId(name: string): number {
     return this.openVolIds.get(name) ?? 0;
@@ -644,6 +684,26 @@ export class AfpClient {
     if (r.result !== C.NoErr) throw new Error(`FPRename ${r.result}`);
   }
 
+  async copyFile(
+    srcDir: number,
+    srcName: string,
+    dstVolId: number,
+    dstDir: number,
+    newName: string,
+    srcVolId?: number,
+  ): Promise<void> {
+    log.trace(
+      `copyFile “${srcName}” src=${srcDir} dstVol=${dstVolId} dst=${dstDir} “${newName}” vol=${this.vid(srcVolId)}`,
+      'afp',
+    );
+    const r = await this.fp(
+      cmd.copyFile(this.vid(srcVolId), srcDir, srcName, dstVolId, dstDir, newName),
+    );
+    if (r.result !== C.NoErr) {
+      throw new Error(`FPCopyFile ${C.afpResultName(r.result)} (${r.result})`);
+    }
+  }
+
   async moveAndRename(
     srcDir: number,
     srcName: string,
@@ -959,12 +1019,14 @@ export class AfpClient {
 
   async close(): Promise<void> {
     log.trace('close', 'afp');
-    for (const dtRef of this.dtRefs.values()) {
-      await this.fp(cmd.closeDT(dtRef)).catch(() => undefined);
+    for (const [name, volId] of [...this.openVolIds]) {
+      await this.releaseVolume(name, volId);
     }
     this.dtRefs.clear();
     this.dtUnavailable.clear();
     this.desktopInfo.clear();
+    this.desktopInfoInflight.clear();
+    this.desktopIconInflight.clear();
     if (this.loggedIn) {
       await this.fp(cmd.logout()).catch(() => undefined);
       this.loggedIn = false;
diff --git a/src/services/afp-client/commands.test.ts b/src/services/afp-client/commands.test.ts
index c1eb957..c50a66b 100644
--- a/src/services/afp-client/commands.test.ts
+++ b/src/services/afp-client/commands.test.ts
@@ -32,6 +32,7 @@ import {
   closeFork,
   rename,
   moveAndRename,
+  copyFile,
   openDT,
   parseOpenDT,
   closeDT,
@@ -97,6 +98,26 @@ describe('AFP client wirePath + Pascal framing', () => {
     expect(b[o + 1]).toBe(3);
     expect([...b.subarray(o + 2, o + 5)]).toEqual([...encodeMacRoman('New')]);
   });
+
+  it('CopyFile is srcVol/srcDir/dstVol/dstDir + dest path type 0', () => {
+    const b = copyFile(1, 2, 'orig.txt', 1, 2, 'copy.txt');
+    expect(b[0]).toBe(C.CmdCopyFile);
+    expect(be16(b, 2)).toBe(1);
+    expect(be32(b, 4)).toBe(2);
+    expect(be16(b, 8)).toBe(1);
+    expect(be32(b, 10)).toBe(2);
+    expect(b[14]).toBe(C.PathTypeLongNames);
+    const src = wirePath('orig.txt');
+    expect(b[15]).toBe(src.length);
+    let o = 16 + src.length;
+    if (o % 2) o++;
+    expect(b[o]).toBe(0);
+    expect(b[o + 1]).toBe(0);
+    o += 2;
+    expect(b[o]).toBe(C.PathTypeLongNames);
+    expect(b[o + 1]).toBe(8);
+    expect([...b.subarray(o + 2, o + 10)]).toEqual([...encodeMacRoman('copy.txt')]);
+  });
 });
 
 describe('AFP client FPWrite / FPRead headers', () => {
diff --git a/src/services/afp-client/commands.ts b/src/services/afp-client/commands.ts
index 6123fbf..395a82d 100644
--- a/src/services/afp-client/commands.ts
+++ b/src/services/afp-client/commands.ts
@@ -418,6 +418,32 @@ export function rename(volId: number, dirId: number, path: string, newName: stri
   return new Uint8Array(out);
 }
 
+/**
+ * FPCopyFile: cmd pad srcVol srcDir dstVol dstDir srcPath dstPathType0 newName.
+ * Dest path type 0 means dstDirID is the destination directory (Inside Macintosh AFP).
+ */
+export function copyFile(
+  srcVolId: number,
+  srcDirId: number,
+  srcName: string,
+  dstVolId: number,
+  dstDirId: number,
+  newName: string,
+): Uint8Array {
+  const out: number[] = [C.CmdCopyFile, 0];
+  appendBe16(out, srcVolId);
+  appendBe32(out, srcDirId);
+  appendBe16(out, dstVolId);
+  appendBe32(out, dstDirId);
+  putPath(out, srcName);
+  even(out);
+  out.push(0);
+  putPString(out, '');
+  if (!newName || newName === srcName) putNullPath(out);
+  else putCNodeName(out, newName);
+  return new Uint8Array(out);
+}
+
 export function moveAndRename(
   volId: number,
   srcDir: number,
diff --git a/src/ui/app-menubar.ts b/src/ui/app-menubar.ts
index 786e5ac..58aa49d 100644
--- a/src/ui/app-menubar.ts
+++ b/src/ui/app-menubar.ts
@@ -1,55 +1,51 @@
 import { downloadBytes, type PcapCapture } from '../util/pcap';
 import { log } from '../util/logger';
-import { loadPrefs, savePrefs } from '../util/prefs';
 import { applyPrefsBundle, parsePrefsBundle, stringifyPrefsBundle } from '../util/prefs-bundle';
 import type { LogPanel } from './log-panel';
 import type { ActivityWindow } from './activity-window';
-import type { NetbootDialog } from './netboot-dialog';
 import type { AfpSessionsDialog } from './afp-sessions-dialog';
-import type { ExtensionEditorDialog } from './extension-editor-dialog';
 import type { ResourceForkExplorer } from './resource-fork-explorer';
 import type { GetInfoWindow } from './get-info-window';
 import type { FinderWindow } from './finder-window';
 import type { AboutDialog } from './about-dialog';
 import type { AlertDialog } from './alert-dialog';
+import type { SettingsWindow } from './settings-window';
 import { iconCache } from '../fs/icon-cache';
 import { persistWindow } from './window-layout';
 import { isCompactUi } from './layout-mode';
-
-type OpenMenu = 'app' | 'advanced' | null;
+import { bindMenuBarTracking, MENUBAR_CHANGE, menubarOpenKey, setMenubarOpen } from './menu-bar-track';
 
 export interface AdvancedMenuHost {
   pcap: PcapCapture;
   logPanel: LogPanel;
   activityWindow: ActivityWindow;
-  netboot: NetbootDialog;
   afpSessions: AfpSessionsDialog;
-  extensionEditor: ExtensionEditorDialog;
   resourceExplorer: ResourceForkExplorer;
   getInfoWindow: GetInfoWindow;
   about: AboutDialog;
   alertDialog?: AlertDialog;
+  settings?: SettingsWindow;
   finder?: FinderWindow;
-  resetEnvironment?(eraseShare: boolean): Promise<void>;
   onCaptureChanged?(capturing: boolean): void;
 }
 
 /** Screen-top menu bar with ClassicStack / Advanced menus. */
 export class AppMenuBar extends HTMLElement {
   private host: AdvancedMenuHost | null = null;
-  private openMenu: OpenMenu = null;
+  private unbindTracking: (() => void) | null = null;
 
   connectedCallback(): void {
     this.classList.add('app-menubar');
     this.render();
     this.addEventListener('click', (e) => this.onClick(e));
-    window.addEventListener('click', this.onWindowClick);
-    window.addEventListener('keydown', this.onKey);
+    this.addEventListener(MENUBAR_CHANGE, this.onMenubarChange);
+    this.unbindTracking = bindMenuBarTracking(this);
   }
 
   disconnectedCallback(): void {
-    window.removeEventListener('click', this.onWindowClick);
-    window.removeEventListener('keydown', this.onKey);
+    this.removeEventListener(MENUBAR_CHANGE, this.onMenubarChange);
+    this.unbindTracking?.();
+    this.unbindTracking = null;
   }
 
   bind(host: AdvancedMenuHost): void {
@@ -84,16 +80,12 @@ export class AppMenuBar extends HTMLElement {
     const count = this.host?.pcap.packetCount ?? 0;
     const logOpen = this.host ? !this.host.logPanel.hidden : false;
     const activityOpen = this.host ? !this.host.activityWindow.hidden : false;
-    const showHidden = this.host?.finder?.getShowHiddenFiles?.() ?? false;
-    const autoExpand = this.host?.finder?.getAutoExpandFiles?.() ?? false;
-    const readFinderIcons = this.host?.finder?.getReadFinderIcons?.() ?? true;
-    const zipStyle = loadPrefs().zipExportStyle;
-    const appOpen = this.openMenu === 'app';
-    const advancedOpen = this.openMenu === 'advanced';
+    const appOpen = menubarOpenKey(this) === 'app';
+    const advancedOpen = menubarOpenKey(this) === 'advanced';
     this.innerHTML = `
       <div class="app-menubar__inner">
         <div class="app-menubar__menus">
-          <div class="app-menu${appOpen ? ' open' : ''}">
+          <div class="app-menu${appOpen ? ' open' : ''}" data-menu="app">
             <button type="button" class="app-menu__trigger app-menubar__brand" data-act="toggle-app" aria-haspopup="true" aria-expanded="${appOpen}">
               ClassicStack
             </button>
@@ -101,9 +93,12 @@ export class AppMenuBar extends HTMLElement {
               <button type="button" role="menuitem" data-act="about" class="app-menu__item">
                 About ClassicStack…
               </button>
+              <button type="button" role="menuitem" data-act="settings" class="app-menu__item">
+                Settings…
+              </button>
             </div>
           </div>
-          <div class="app-menu${advancedOpen ? ' open' : ''}">
+          <div class="app-menu${advancedOpen ? ' open' : ''}" data-menu="advanced">
             <button type="button" class="app-menu__trigger" data-act="toggle-advanced" aria-haspopup="true" aria-expanded="${advancedOpen}">
               Advanced
             </button>
@@ -121,10 +116,6 @@ export class AppMenuBar extends HTMLElement {
                 <span class="app-menu__check"></span>
                 Message Macintosh clients…
               </button>
-              <button type="button" role="menuitem" data-act="netboot" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Netboot…
-              </button>
               <button type="button" role="menuitemcheckbox" aria-checked="${logOpen}" data-act="show-log" class="app-menu__item">
                 <span class="app-menu__check">${logOpen ? '✓' : ''}</span>
                 Show Log
@@ -134,32 +125,6 @@ export class AppMenuBar extends HTMLElement {
                 Activity
               </button>
               <hr />
-              <button type="button" role="menuitemcheckbox" aria-checked="${showHidden}" data-act="toggle-show-hidden" class="app-menu__item">
-                <span class="app-menu__check">${showHidden ? '✓' : ''}</span>
-                Show hidden files
-              </button>
-              <button type="button" role="menuitemcheckbox" aria-checked="${autoExpand}" data-act="toggle-auto-expand" class="app-menu__item">
-                <span class="app-menu__check">${autoExpand ? '✓' : ''}</span>
-                Auto-expand files
-              </button>
-              <button type="button" role="menuitemcheckbox" aria-checked="${readFinderIcons}" data-act="toggle-read-finder-icons" class="app-menu__item">
-                <span class="app-menu__check">${readFinderIcons ? '✓' : ''}</span>
-                Read finder icons
-              </button>
-              <hr />
-              <button type="button" role="menuitemradio" aria-checked="${zipStyle === 'appledouble'}" data-act="zip-appledouble" class="app-menu__item">
-                <span class="app-menu__check">${zipStyle === 'appledouble' ? '✓' : ''}</span>
-                AppleDouble zip
-              </button>
-              <button type="button" role="menuitemradio" aria-checked="${zipStyle === 'macosx'}" data-act="zip-macosx" class="app-menu__item">
-                <span class="app-menu__check">${zipStyle === 'macosx' ? '✓' : ''}</span>
-                Mac OS X zip
-              </button>
-              <hr />
-              <button type="button" role="menuitem" data-act="extension-editor" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Extension editor…
-              </button>
               <button type="button" role="menuitem" data-act="resource-fork" class="app-menu__item">
                 <span class="app-menu__check"></span>
                 Resource Fork…
@@ -168,20 +133,6 @@ export class AppMenuBar extends HTMLElement {
                 <span class="app-menu__check"></span>
                 Clear icon cache
               </button>
-              <hr />
-              <button type="button" role="menuitem" data-act="export-prefs" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Export preferences…
-              </button>
-              <button type="button" role="menuitem" data-act="import-prefs" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Import preferences…
-              </button>
-              <hr />
-              <button type="button" role="menuitem" data-act="reset-environment" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Reset environment…
-              </button>
             </div>
           </div>
         </div>
@@ -192,23 +143,12 @@ export class AppMenuBar extends HTMLElement {
     `;
   }
 
-  private onWindowClick = (e: MouseEvent): void => {
-    if (!this.openMenu) return;
-    if (this.contains(e.target as Node)) return;
-    this.openMenu = null;
+  private onMenubarChange = (): void => {
     this.render();
   };
 
-  private onKey = (e: KeyboardEvent): void => {
-    if (e.key === 'Escape' && this.openMenu) {
-      this.openMenu = null;
-      this.render();
-    }
-  };
-
   private closeMenus(): void {
-    this.openMenu = null;
-    this.render();
+    setMenubarOpen(this, null);
   }
 
   private onClick(e: MouseEvent): void {
@@ -216,22 +156,17 @@ export class AppMenuBar extends HTMLElement {
     if (!t || !this.host) return;
     e.stopPropagation();
     const act = t.dataset.act;
+    if (act === 'toggle-app' || act === 'toggle-advanced') return;
 
-    if (act === 'toggle-app') {
-      this.openMenu = this.openMenu === 'app' ? null : 'app';
-      this.render();
-      return;
-    }
-
-    if (act === 'toggle-advanced') {
-      this.openMenu = this.openMenu === 'advanced' ? null : 'advanced';
-      this.render();
+    if (act === 'about') {
+      this.closeMenus();
+      this.host.about.open();
       return;
     }
 
-    if (act === 'about') {
+    if (act === 'settings') {
       this.closeMenus();
-      this.host.about.open();
+      this.host.settings?.open('general');
       return;
     }
 
@@ -263,12 +198,6 @@ export class AppMenuBar extends HTMLElement {
       return;
     }
 
-    if (act === 'netboot') {
-      this.closeMenus();
-      this.host.netboot.open();
-      return;
-    }
-
     if (act === 'show-log') {
       this.closeMenus();
       this.host.logPanel.toggle();
@@ -281,39 +210,6 @@ export class AppMenuBar extends HTMLElement {
       return;
     }
 
-    if (act === 'toggle-show-hidden') {
-      const next = !(this.host.finder?.getShowHiddenFiles?.() ?? false);
-      this.host.finder?.setShowHiddenFiles?.(next);
-      this.closeMenus();
-      return;
-    }
-
-    if (act === 'toggle-auto-expand') {
-      const next = !(this.host.finder?.getAutoExpandFiles?.() ?? false);
-      this.host.finder?.setAutoExpandFiles?.(next);
-      this.closeMenus();
-      return;
-    }
-
-    if (act === 'toggle-read-finder-icons') {
-      const next = !(this.host.finder?.getReadFinderIcons?.() ?? true);
-      this.host.finder?.setReadFinderIcons?.(next);
-      this.closeMenus();
-      return;
-    }
-
-    if (act === 'zip-appledouble' || act === 'zip-macosx') {
-      savePrefs({ zipExportStyle: act === 'zip-macosx' ? 'macosx' : 'appledouble' });
-      this.render();
-      return;
-    }
-
-    if (act === 'extension-editor') {
-      this.closeMenus();
-      this.host.extensionEditor.open();
-      return;
-    }
-
     if (act === 'resource-fork') {
       this.closeMenus();
       this.host.finder?.openResourceExplorer();
@@ -329,24 +225,6 @@ export class AppMenuBar extends HTMLElement {
       })();
       return;
     }
-
-    if (act === 'export-prefs') {
-      this.closeMenus();
-      this.exportPreferences();
-      return;
-    }
-
-    if (act === 'import-prefs') {
-      this.closeMenus();
-      void this.importPreferences();
-      return;
-    }
-
-    if (act === 'reset-environment') {
-      this.closeMenus();
-      void this.resetEnvironment();
-      return;
-    }
   }
 
   private snapshotWindows(): void {
@@ -359,7 +237,7 @@ export class AppMenuBar extends HTMLElement {
     persistWindow('info', host.getInfoWindow);
   }
 
-  private exportPreferences(): void {
+  exportPreferences(): void {
     this.snapshotWindows();
     const json = stringifyPrefsBundle();
     const stamp = new Date().toISOString().slice(0, 10);
@@ -367,7 +245,7 @@ export class AppMenuBar extends HTMLElement {
     log.info('Exported preferences', 'app');
   }
 
-  private async importPreferences(): Promise<void> {
+  async importPreferences(): Promise<void> {
     const host = this.host;
     if (!host) return;
     const file = await pickJsonFile();
@@ -392,20 +270,6 @@ export class AppMenuBar extends HTMLElement {
     log.info(`Imported preferences from “${file.name}”`, 'app');
     location.reload();
   }
-
-  private async resetEnvironment(): Promise<void> {
-    const host = this.host;
-    if (!host?.alertDialog || !host.resetEnvironment) return;
-    const result = await host.alertDialog.confirm({
-      title: 'Reset environment',
-      text: 'This restores default window positions and preferences, then reloads ClassicStack.',
-      checkboxLabel: 'Erase all Browser Share items',
-      confirmLabel: 'Reset',
-      danger: true,
-    });
-    if (!result.confirmed) return;
-    await host.resetEnvironment(result.checked);
-  }
 }
 
 function pickJsonFile(): Promise<File | null> {
diff --git a/src/ui/finder-host.ts b/src/ui/finder-host.ts
index 38b1c57..173bd1e 100644
--- a/src/ui/finder-host.ts
+++ b/src/ui/finder-host.ts
@@ -50,6 +50,11 @@ export interface RemoteEndpoint {
   protocol?: string;
   /** How this client was reached (`tcp`, `ddp`, `ipx`, `nbp`, `etherdfs`). */
   transport?: string;
+  /**
+   * `volume` is a mounted share (eject on this row). Default `server` lists
+   * volumes as children after login and shows Disconnect on this row.
+   */
+  role?: 'server' | 'volume';
 }
 
 /** Result of contacting a remote (or local) endpoint before / after login. */
@@ -69,6 +74,8 @@ export interface CredentialPromptOptions {
   uams: string[];
   error?: string;
   allowGuest: boolean;
+  /** File-sharing scheme; omitted on the in-browser AFP host (UAMs). */
+  kind?: ShareKind;
 }
 
 /**
@@ -84,10 +91,29 @@ export interface FinderHost {
    * button can refresh only that service; omitted means all groups.
    */
   refreshNetwork(scope?: string): Promise<RemoteEndpoint[]>;
+  /**
+   * Last successful scan from the host (no network wait). FinderWindow paints
+   * this immediately on load/reload, then awaits `refreshNetwork` for new servers.
+   */
+  cachedNetwork?(scope?: string): Promise<RemoteEndpoint[]>;
+  /**
+   * Resolves once currently-open volumes (FUSE/WinFsp mounts and live sessions)
+   * are known. FinderWindow waits on this before restoring a URL path so it does
+   * not bounce to “server isn’t connected” while `/finder/mounted` is in flight.
+   */
+  readyMounted?(): Promise<void>;
   beginRemote(ep: RemoteEndpoint): Promise<SessionInfo>;
   loginRemote(creds: Credentials): Promise<string[]>;
   openVolume(name: string): Promise<Catalog>;
   closeRemote(): Promise<void>;
+  /** Close one opened volume (FPCloseVol / host unmount); stay logged in. */
+  closeVolume?(name: string): Promise<void>;
+  /**
+   * Open a catalog for a sidebar endpoint without changing the Finder’s
+   * current viewed session. Used when dropping onto a ClassicStack share or a
+   * FUSE-mounted volume while another catalog is on screen.
+   */
+  openEndpointCatalog?(ep: RemoteEndpoint): Promise<Catalog>;
   /** IndexedDB Browser Share on the web PWA; null in the Go SPA. */
   localCatalog(): Catalog | null;
   promptCredentials(opts: CredentialPromptOptions): Promise<Credentials | null>;
diff --git a/src/ui/finder-sidebar.test.ts b/src/ui/finder-sidebar.test.ts
index ec9f017..bd6b6a6 100644
--- a/src/ui/finder-sidebar.test.ts
+++ b/src/ui/finder-sidebar.test.ts
@@ -4,6 +4,9 @@ import {
   SIDEBAR_GROUP_NETWORK,
   assignSidebarGroup,
   endpointsByGroup,
+  isCatalogEndpoint,
+  shareKeyForEndpoint,
+  viewingCatalogEndpoint,
   visibleSidebarGroups,
 } from './finder-sidebar';
 
@@ -58,3 +61,27 @@ describe('visibleSidebarGroups', () => {
     expect(visibleSidebarGroups(classic, by).map((g) => g.id)).toEqual(['appletalk', 'smb', 'netware', 'etherdfs']);
   });
 });
+
+describe('share keys and drop targets', () => {
+  it('treats ClassicStack shares and FUSE mounts as catalog rows', () => {
+    const share = ep({ id: 'local:afp:HD', title: 'HD', kind: 'local' });
+    const mounted = ep({ id: 'mounted:abc', title: 'SYS', kind: 'ncp', role: 'volume' });
+    const server = ep({ id: 'Mac', title: 'Mac' });
+    expect(isCatalogEndpoint(share)).toBe(true);
+    expect(isCatalogEndpoint(mounted)).toBe(true);
+    expect(isCatalogEndpoint(server)).toBe(false);
+    expect(shareKeyForEndpoint(share)).toBe('endpoint:local:afp:HD');
+    expect(shareKeyForEndpoint(mounted)).toBe('endpoint:mounted:abc');
+    expect(shareKeyForEndpoint(server, 'Mac HD')).toBe('Mac:Mac HD');
+  });
+
+  it('switches to a ClassicStack share when another remote catalog is on screen', () => {
+    const share = ep({ id: 'local:afp:HD', title: 'HD', kind: 'local' });
+    const remote = ep({ id: 'mounted:abc', title: 'SYS', kind: 'ncp', role: 'volume' });
+    const server = ep({ id: 'Mac', title: 'Mac' });
+    expect(viewingCatalogEndpoint(share, remote.id, 'remote', true)).toBe(false);
+    expect(viewingCatalogEndpoint(share, share.id, 'remote', true)).toBe(true);
+    expect(viewingCatalogEndpoint(share, share.id, 'remote', false)).toBe(false);
+    expect(viewingCatalogEndpoint(server, share.id, 'remote', true)).toBe(false);
+  });
+});
diff --git a/src/ui/finder-sidebar.ts b/src/ui/finder-sidebar.ts
index 20f2407..563f4dc 100644
--- a/src/ui/finder-sidebar.ts
+++ b/src/ui/finder-sidebar.ts
@@ -68,3 +68,56 @@ export function visibleSidebarGroups(
   }
   return out;
 }
+
+/** PWA IndexedDB Browser Share. */
+export const LOCAL_SHARE_KEY = 'local';
+
+/**
+ * True when the sidebar row is itself a catalog (ClassicStack live share or a
+ * FUSE/WinFsp mounted volume), not a server that lists volumes as children.
+ */
+export function isCatalogEndpoint(ep: RemoteEndpoint): boolean {
+  return ep.kind === 'local' || ep.role === 'volume';
+}
+
+/** Stable Finder catalog key for an endpoint and optional volume child. */
+export function shareKeyForEndpoint(ep: RemoteEndpoint, volume?: string): string {
+  if (isCatalogEndpoint(ep)) return `endpoint:${ep.id}`;
+  if (volume) return `${ep.id}:${volume}`;
+  return `endpoint:${ep.id}`;
+}
+
+/**
+ * True when the on-screen Finder catalog is already this ClassicStack share
+ * or FUSE/WinFsp mount. Clicking the row must still switch catalogs when
+ * another remote volume is open — id/name matches are not enough.
+ */
+export function viewingCatalogEndpoint(
+  ep: RemoteEndpoint,
+  currentId: string | undefined,
+  source: 'local' | 'remote',
+  remoteOpen: boolean,
+): boolean {
+  return isCatalogEndpoint(ep) && source === 'remote' && remoteOpen && currentId === ep.id;
+}
+
+export type ShareDrop = { key: string; name: string };
+
+/**
+ * Sidebar drop target under the pointer. ClassicStack shares and mounted
+ * volumes use `data-share-key`; Browser Share uses `data-local`.
+ */
+export function shareDropFromElement(target: EventTarget | null, sidebar: Element | null): ShareDrop | null {
+  const t = target instanceof Element ? target : null;
+  if (!t || !sidebar) return null;
+  if (t.closest('[data-eject], [data-eject-endpoint], [data-disconnect]')) return null;
+  const el = t.closest('[data-share-key], [data-local]') as HTMLElement | null;
+  if (!el || !sidebar.contains(el)) return null;
+  const key = el.getAttribute('data-share-key') || (el.hasAttribute('data-local') ? LOCAL_SHARE_KEY : '');
+  if (!key) return null;
+  const name =
+    el.getAttribute('data-share-name') ||
+    el.querySelector('.side-item-label')?.getAttribute('aria-label') ||
+    '';
+  return { key, name };
+}
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index 3ea392a..0720e55 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -65,12 +65,18 @@ import {
 } from '../fs/name-conflict';
 import { decodePict, pictToSvg } from '../fs/pict/pict';
 import { previewKindFor, previewMime, type FilePreviewKind } from './file-preview';
+import { isCatalogWithBackend } from '../finder/api';
 import {
   SIDEBAR_GROUP_NETWORK,
   assignSidebarGroup,
   badgeText,
   badgeTitle,
   endpointsByGroup,
+  isCatalogEndpoint,
+  LOCAL_SHARE_KEY,
+  shareDropFromElement,
+  shareKeyForEndpoint,
+  viewingCatalogEndpoint,
   visibleSidebarGroups,
 } from './finder-sidebar';
 
@@ -143,9 +149,14 @@ export class FinderWindow extends HTMLElement {
   private welcomePackBusy = false;
   private showProps = false;
   private remoteOpen = false;
-  /** True after AFP login; volumes listed under the server until eject. */
+  /** True after AFP login; volumes listed under the server until disconnect. */
   private remoteLoggedIn = false;
   private remoteVolumes: string[] = [];
+  /** Volumes enumerated for a server stay in the sidebar after switching rows. */
+  private knownVolumes = new Map<string, string[]>();
+  private loggedInEndpoints = new Set<string>();
+  /** Share keys of volumes the user has opened (eject is hidden until then). */
+  private openedVolumeKeys = new Set<string>();
   private remoteBusy = false;
   private remoteNbpName = '';
   private remoteEndpoint: RemoteEndpoint | null = null;
@@ -325,6 +336,16 @@ export class FinderWindow extends HTMLElement {
     return this.readFinderIcons;
   }
 
+  getDefaultView(): ViewMode {
+    return loadPrefs().defaultView;
+  }
+
+  /** Persist default Finder view for new sessions (does not change the current view). */
+  setDefaultView(view: ViewMode): void {
+    if (view !== 'icon' && view !== 'list' && view !== 'column') return;
+    savePrefs({ defaultView: view });
+  }
+
   /** Toggle Icon\\r / resource-fork icon reads; persists and refreshes glyphs. */
   setReadFinderIcons(read: boolean): void {
     if (this.readFinderIcons === read) return;
@@ -337,7 +358,7 @@ export class FinderWindow extends HTMLElement {
     this.host = host;
     this.localVfs = vfs ?? host.localCatalog();
     if (this.localVfs) {
-      this.catalogs.set('local', this.localVfs);
+      this.catalogs.set(LOCAL_SHARE_KEY, this.localVfs);
       this.attachCatalog(this.localVfs);
     } else {
       this.attachCatalog(new EmptyCatalog());
@@ -386,17 +407,27 @@ export class FinderWindow extends HTMLElement {
 
   private dropRemoteCatalogs(nbp?: string): void {
     const prefix = nbp ? `${nbp}:` : null;
+    const endpointKey = nbp ? `endpoint:${nbp}` : null;
     for (const key of [...this.catalogs.keys()]) {
-      if (key === 'local') continue;
-      if (prefix && !key.startsWith(prefix)) continue;
+      if (key === LOCAL_SHARE_KEY) continue;
+      if (prefix) {
+        if (key !== endpointKey && !key.startsWith(prefix)) continue;
+      }
       const cat = this.catalogs.get(key);
       if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
       this.catalogs.delete(key);
     }
   }
 
+  private catalogKeyForVolume(name: string): string {
+    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
+      return shareKeyForEndpoint(this.remoteEndpoint);
+    }
+    return `${this.remoteNbpName}:${name}`;
+  }
+
   private mountCatalog(cat: Catalog, source: 'local' | 'remote', rootName: string): void {
-    const key = source === 'local' ? 'local' : `${this.remoteNbpName}:${rootName}`;
+    const key = source === 'local' ? LOCAL_SHARE_KEY : this.catalogKeyForVolume(rootName);
     this.catalogs.set(key, cat);
     this.attachCatalog(cat);
     this.source = source;
@@ -418,6 +449,9 @@ export class FinderWindow extends HTMLElement {
     this.remoteNbpName = '';
     this.remoteEndpoint = null;
     this.dropRemoteCatalogs();
+    this.knownVolumes.clear();
+    this.loggedInEndpoints.clear();
+    this.openedVolumeKeys.clear();
     if (status) this.setStatus(status);
     void this.reload().then(() => {
       this.syncHistory();
@@ -513,6 +547,37 @@ export class FinderWindow extends HTMLElement {
     this.render();
   }
 
+  /** Sidebar endpoint named by a restored `?share=` / `?vol=` URL. */
+  private findNavEndpoint(share: string, vol: string): RemoteEndpoint | undefined {
+    const shareKey = share.toLowerCase();
+    const volKey = vol.toLowerCase();
+    return this.servers.find((s) => {
+      if (s.id.toLowerCase() === shareKey) return true;
+      if ((s.title || '').toLowerCase() === shareKey) return true;
+      if (s.role === 'volume' && (s.title || '').toLowerCase() === volKey) {
+        const sub = (s.subtitle || '').toLowerCase();
+        return !shareKey || sub === shareKey || s.id.toLowerCase() === shareKey;
+      }
+      return false;
+    });
+  }
+
+  /**
+   * Wait for open mounts (and the cached sidebar), then connect so a URL path
+   * can resolve against a live catalog.
+   */
+  private async ensureRemoteForHistory(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+  ): Promise<boolean> {
+    if (this.remoteServerConnected(state.share)) return true;
+    if (this.host.readyMounted) await this.host.readyMounted();
+    if (this.host.cachedNetwork) await this.refreshSidebarEndpoints();
+    if (this.remoteServerConnected(state.share)) return true;
+    const ep = this.findNavEndpoint(state.share, state.vol);
+    if (!ep) return false;
+    return this.connectServerWithLogin(ep);
+  }
+
   setStatus(msg: string, opts?: { busy?: boolean }): void {
     this.status = msg;
     this.statusBusy = opts?.busy ?? false;
@@ -748,7 +813,9 @@ export class FinderWindow extends HTMLElement {
     const params = new URLSearchParams(location.search);
     const viewParam = params.get('view');
     const view: ViewMode =
-      viewParam === 'list' || viewParam === 'column' || viewParam === 'icon' ? viewParam : 'icon';
+      viewParam === 'list' || viewParam === 'column' || viewParam === 'icon'
+        ? viewParam
+        : loadPrefs().defaultView;
     const share = params.get('share') ?? '';
     const vol = params.get('vol') ?? '';
     const pathRaw = params.get('path') ?? '';
@@ -864,7 +931,7 @@ export class FinderWindow extends HTMLElement {
           await this.reload();
           return;
         }
-        if (!this.host.isConnected() || !this.remoteServerConnected(state.share)) {
+        if (!this.host.isConnected() || !(await this.ensureRemoteForHistory(state))) {
           bounceToLocal = true;
           this.bounceRemoteNavigation(
             `Cannot navigate to “${target}” — that server isn’t connected.`,
@@ -1457,7 +1524,7 @@ export class FinderWindow extends HTMLElement {
       .join('');
     const localBlock = this.hasLocalShare()
       ? `<div class="side-label">Local</div>
-      <div class="side-item ${viewingLocal ? 'selected' : ''}" data-local>
+      <div class="side-item ${viewingLocal ? 'selected' : ''}" data-local data-share-key="${LOCAL_SHARE_KEY}" data-share-name="${this.escape(this.localShareTitle())}">
         <span class="dot"></span>
         <span class="side-item-label" aria-label="${this.escape(this.localShareTitle())}">${this.escape(this.localShareTitle())}</span>
         <button type="button" class="side-more" data-act="share-actions" aria-label="Share actions" title="Share actions">${uiIcons.more}</button>
@@ -1490,6 +1557,46 @@ export class FinderWindow extends HTMLElement {
     return `<span class="side-badge"${tip}>${this.escape(text)}</span>`;
   }
 
+  private volumesFor(s: RemoteEndpoint): string[] {
+    const cached = this.knownVolumes.get(s.id);
+    if (cached?.length) return cached;
+    const current = this.remoteNbpName || this.remoteEndpoint?.id || '';
+    if (this.remoteLoggedIn && s.id === current) return this.remoteVolumes;
+    return [];
+  }
+
+  /** True when the on-screen catalog is already this sidebar endpoint. */
+  private viewingEndpoint(s: RemoteEndpoint): boolean {
+    const currentId = this.remoteEndpoint?.id || this.remoteNbpName;
+    if (isCatalogEndpoint(s)) {
+      return viewingCatalogEndpoint(s, currentId, this.source, this.remoteOpen);
+    }
+    if (this.source !== 'remote' || !this.remoteOpen || currentId !== s.id) return false;
+    const openName = this.pathStack[0]?.name;
+    return !!openName && this.volumesFor(s).includes(openName);
+  }
+
+  private async openCatalogVolume(s: RemoteEndpoint): Promise<void> {
+    const name = this.volumesFor(s)[0] || this.remoteVolumes[0] || s.title;
+    if (!name) throw new Error(`Couldn’t open “${s.title}”`);
+    await this.mountRemoteVolume(name);
+  }
+
+  private forgetEndpoint(id: string): void {
+    if (!id) return;
+    this.knownVolumes.delete(id);
+    this.loggedInEndpoints.delete(id);
+    for (const k of [...this.openedVolumeKeys]) {
+      if (k === `endpoint:${id}` || k.startsWith(`${id}:`)) this.openedVolumeKeys.delete(k);
+    }
+  }
+
+  private volumeIsOpen(s: RemoteEndpoint, volume?: string): boolean {
+    if (s.role === 'volume') return true;
+    if (!volume) return false;
+    return this.openedVolumeKeys.has(shareKeyForEndpoint(s, volume));
+  }
+
   private sidebarEndpointHtml(
     s: RemoteEndpoint,
     i: number,
@@ -1501,32 +1608,49 @@ export class FinderWindow extends HTMLElement {
       viewingServer: boolean;
     },
   ): string {
-    const connected = this.remoteLoggedIn && s.id === opts.connectedId;
+    const connected = this.loggedInEndpoints.has(s.id) || (this.remoteLoggedIn && s.id === opts.connectedId);
     const localShare = s.kind === 'local';
-    const serverSel = connected && (localShare ? this.source === 'remote' : opts.viewingServer) ? 'selected' : '';
+    const volumeRow = s.role === 'volume';
+    const isCurrent = s.id === opts.connectedId;
+    const serverSel = isCurrent && (localShare ? this.source === 'remote' : opts.viewingServer) ? 'selected' : '';
+    const volumes = this.volumesFor(s);
     const kids =
-      connected && !localShare && opts.volumes.length
-        ? opts.volumes
-            .map(
-              (v, vi) => `
-      <div class="side-item side-item--child ${!opts.viewingLocal && opts.openVol === v ? 'selected' : ''}" data-vol="${vi}">
+      !localShare && !volumeRow && volumes.length
+        ? volumes
+            .map((v, vi) => {
+              const shareKey = shareKeyForEndpoint(s, v);
+              const selected = isCurrent && !opts.viewingLocal && opts.openVol === v ? 'selected' : '';
+              const eject = this.volumeIsOpen(s, v)
+                ? `<button type="button" class="side-eject" data-eject="${vi}" data-vol-name="${this.escape(v)}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+                : '';
+              return `
+      <div class="side-item side-item--child ${selected}" data-vol="${vi}" data-vol-name="${this.escape(v)}" data-server-parent="${i}" data-share-key="${this.escape(shareKey)}" data-share-name="${this.escape(v)}">
         <span class="dot"></span>
         <span class="side-item-label" aria-label="${this.escape(v)}">${this.escape(v)}</span>
-      </div>`,
-            )
+        ${eject}
+      </div>`;
+            })
             .join('')
         : '';
-    const eject =
-      connected && !localShare
-        ? `<button type="button" class="side-eject" data-eject="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+    const ejectSelf =
+      volumeRow && !localShare
+        ? `<button type="button" class="side-eject" data-eject-endpoint="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+        : '';
+    const disconnect =
+      connected && !localShare && !volumeRow
+        ? `<button type="button" class="side-eject" data-disconnect="${i}" title="Disconnect" aria-label="Disconnect">${uiIcons.disconnect}</button>`
         : '';
     const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
+    const shareAttrs = isCatalogEndpoint(s)
+      ? ` data-share-key="${this.escape(shareKeyForEndpoint(s))}" data-share-name="${this.escape(s.title)}"`
+      : '';
     return `
-      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}>
+      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}${shareAttrs}>
         <span class="dot"></span>
         <span class="side-item-label" aria-label="${this.escape(s.title)}">${this.escape(s.title)}</span>
         ${this.sidebarBadgeHtml(s.badge)}
-        ${eject}
+        ${ejectSelf}
+        ${disconnect}
       </div>${kids}`;
   }
 
@@ -2546,6 +2670,21 @@ export class FinderWindow extends HTMLElement {
       this.renderContextMenu();
       if (sidebar) {
         const ep = this.servers[sidebar.index];
+        if (action === 'disconnect') {
+          if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
+            await this.host.onSidebarAction?.(ep, 'disconnect');
+            this.forgetEndpoint(ep.id);
+            this.renderSidebar();
+            return;
+          }
+          await this.disconnectRemote();
+          return;
+        }
+        if (action === 'eject' || action === 'unmount') {
+          if (sidebar.volume) await this.ejectVolume(sidebar.volume);
+          else if (ep) await this.ejectEndpoint(ep);
+          return;
+        }
         if (ep) await this.host.onSidebarAction?.(ep, action, sidebar.volume);
         return;
       }
@@ -2622,15 +2761,49 @@ export class FinderWindow extends HTMLElement {
     if (ejectEl) {
       e.preventDefault();
       e.stopPropagation();
-      await this.ejectRemote();
+      const name =
+        ejectEl.getAttribute('data-vol-name') ||
+        this.remoteVolumes[Number(ejectEl.getAttribute('data-eject'))];
+      if (name) await this.ejectVolume(name);
+      return;
+    }
+    const ejectEpEl = t.closest('[data-eject-endpoint]');
+    if (ejectEpEl) {
+      e.preventDefault();
+      e.stopPropagation();
+      const i = Number(ejectEpEl.getAttribute('data-eject-endpoint'));
+      const ep = this.servers[i];
+      if (ep) await this.ejectEndpoint(ep);
+      return;
+    }
+    const disconnectEl = t.closest('[data-disconnect]');
+    if (disconnectEl) {
+      e.preventDefault();
+      e.stopPropagation();
+      const i = Number(disconnectEl.getAttribute('data-disconnect'));
+      const ep = this.servers[i];
+      if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
+        await this.host.onSidebarAction?.(ep, 'disconnect');
+        this.forgetEndpoint(ep.id);
+        this.renderSidebar();
+        return;
+      }
+      await this.disconnectRemote();
       return;
     }
     const volEl = t.closest('[data-vol]');
     if (volEl) {
-      const vi = Number(volEl.getAttribute('data-vol'));
-      const name = this.remoteVolumes[vi];
+      const parentI = Number(volEl.getAttribute('data-server-parent'));
+      const parent = Number.isFinite(parentI) ? this.servers[parentI] : this.remoteEndpoint;
+      const name =
+        volEl.getAttribute('data-vol-name') ||
+        this.remoteVolumes[Number(volEl.getAttribute('data-vol'))];
       if (!name) return;
       try {
+        if (parent && parent.id !== this.remoteEndpoint?.id) {
+          const ok = await this.connectServerWithLogin(parent);
+          if (!ok) return;
+        }
         await this.mountRemoteVolume(name);
         this.closeSidebar();
         await this.reload();
@@ -2649,7 +2822,14 @@ export class FinderWindow extends HTMLElement {
       const s = this.servers[i];
       if (!s) return;
       if (this.remoteBusy) return;
-      if (this.remoteLoggedIn && this.remoteNbpName === s.id) {
+      if (this.viewingEndpoint(s)) {
+        this.closeSidebar();
+        await this.reload();
+        this.syncHistory();
+        this.render();
+        return;
+      }
+      if (!isCatalogEndpoint(s) && this.remoteLoggedIn && this.remoteNbpName === s.id) {
         if (this.remoteOpen) {
           this.closeSidebar();
           await this.reload();
@@ -3108,31 +3288,30 @@ export class FinderWindow extends HTMLElement {
   }
 
   private currentShareKey(): string {
-    return this.source === 'local' ? 'local' : `${this.remoteNbpName}:${this.pathStack[0]?.name ?? ''}`;
+    if (this.source === 'local') return LOCAL_SHARE_KEY;
+    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
+      return shareKeyForEndpoint(this.remoteEndpoint);
+    }
+    return `${this.remoteNbpName}:${this.pathStack[0]?.name ?? ''}`;
   }
 
-  /** Sidebar share under the pointer (Browser Share or a mounted/listed volume). */
+  /** Sidebar share under the pointer (Browser Share, ClassicStack share, or mounted volume). */
   private shareDropFromEvent(e: DragEvent): { key: string; name: string } | null {
-    const t = e.target as HTMLElement | null;
-    if (!t) return null;
-    if (t.closest('[data-eject]')) return null;
-    const side = this.querySelector('.sidebar');
-    if (!side) return null;
-    if (t.closest('[data-local]') && side.contains(t.closest('[data-local]')!)) {
-      return { key: 'local', name: this.localShareTitle() };
-    }
-    const volEl = t.closest('[data-vol]') as HTMLElement | null;
-    if (!volEl || !side.contains(volEl) || !this.remoteLoggedIn) return null;
-    const vi = Number(volEl.getAttribute('data-vol'));
-    const name = this.remoteVolumes[vi];
-    if (!name) return null;
-    return { key: `${this.remoteNbpName}:${name}`, name };
+    return shareDropFromElement(e.target, this.querySelector('.sidebar'));
   }
 
   private async ensureShareCatalog(key: string): Promise<Catalog | null> {
-    if (key === 'local') return this.localVfs ?? this.catalogs.get('local') ?? null;
+    if (key === LOCAL_SHARE_KEY) return this.localVfs ?? this.catalogs.get(LOCAL_SHARE_KEY) ?? null;
     const existing = this.catalogs.get(key);
     if (existing) return existing;
+    if (key.startsWith('endpoint:')) {
+      const id = key.slice('endpoint:'.length);
+      const ep = this.servers.find((s) => s.id === id);
+      if (!ep || !this.host.openEndpointCatalog) return null;
+      const cat = await this.host.openEndpointCatalog(ep);
+      this.catalogs.set(key, cat);
+      return cat;
+    }
     const prefix = `${this.remoteNbpName}:`;
     if (!this.remoteLoggedIn || !key.startsWith(prefix)) return null;
     const name = key.slice(prefix.length);
@@ -3150,7 +3329,7 @@ export class FinderWindow extends HTMLElement {
   } | null {
     const share = this.shareDropFromEvent(e);
     if (share) {
-      const cat = this.catalogs.get(share.key) ?? (share.key === 'local' ? (this.localVfs ?? null) : null);
+      const cat = this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
       return {
         catalog: cat,
         parentId: cat?.rootId() ?? 0,
@@ -3172,7 +3351,7 @@ export class FinderWindow extends HTMLElement {
     const share = this.shareDropFromEvent(e);
     if (share) {
       const destCat =
-        this.catalogs.get(share.key) ?? (share.key === 'local' ? (this.localVfs ?? null) : null);
+        this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
       if (this.isInternalDrag() && this.dragNodeId != null && destCat && destCat === this.dragCatalog) {
         if (!this.isValidMoveTarget(this.dragNodeId, destCat.rootId(), destCat)) {
           if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
@@ -3263,8 +3442,8 @@ export class FinderWindow extends HTMLElement {
     content?.classList.remove('drop-active');
 
     if (shareKey != null) {
-      const sel = shareKey === 'local' ? '[data-local]' : this.shareVolumeSelector(shareKey);
-      if (sel) this.querySelector(`.sidebar ${sel}`)?.classList.add('drop-target');
+      const sel = `[data-share-key="${CSS.escape(shareKey)}"]`;
+      this.querySelector(`.sidebar ${sel}`)?.classList.add('drop-target');
       return;
     }
 
@@ -3292,14 +3471,6 @@ export class FinderWindow extends HTMLElement {
     content?.classList.add('drop-active');
   }
 
-  private shareVolumeSelector(shareKey: string): string | null {
-    const prefix = `${this.remoteNbpName}:`;
-    if (!shareKey.startsWith(prefix)) return null;
-    const name = shareKey.slice(prefix.length);
-    const vi = this.remoteVolumes.indexOf(name);
-    return vi >= 0 ? `[data-vol="${vi}"]` : null;
-  }
-
   private clearDropUi(): void {
     this.dropHoverFolderId = null;
     this.querySelectorAll('.drop-target').forEach((el) => el.classList.remove('drop-target'));
@@ -3320,9 +3491,13 @@ export class FinderWindow extends HTMLElement {
     this.springTimer = null;
     if (this.springShareKey !== key) return;
     if (this.currentShareKey() === key) return;
-    this.parkDragSource();
     try {
-      if (key === 'local') {
+      if (key.startsWith('endpoint:')) {
+        await this.ensureShareCatalog(key);
+        return;
+      }
+      this.parkDragSource();
+      if (key === LOCAL_SHARE_KEY) {
         this.showLocalShare();
       } else {
         const prefix = `${this.remoteNbpName}:`;
@@ -3682,6 +3857,26 @@ export class FinderWindow extends HTMLElement {
     const jobId = this.startTransfer(plan.destName, node.isDir, expected, node.finderInfo);
     transferActivity.setDest(jobId, dest, destParent, plan.destName);
     const signal = transferActivity.signal(jobId);
+    if (isCatalogWithBackend(src) && isCatalogWithBackend(dest) && src.api.backendId === dest.api.backendId) {
+      try {
+        await dest.copyFrom(src, id, destParent, {
+          destName: plan.destName,
+          replace: plan.replaceId != null,
+          replaceId: plan.replaceId,
+          signal,
+          onProgress: (p) => {
+            const cur = transferActivity.list().find((j) => j.id === jobId)?.bytesDone || 0;
+            if (typeof p.bytesTotal === 'number') transferActivity.setTotal(jobId, p.bytesTotal);
+            if (typeof p.bytesDone === 'number' && p.bytesDone > cur) transferActivity.addBytes(jobId, p.bytesDone - cur);
+          },
+        });
+        await transferActivity.settle(jobId);
+        return;
+      } catch (err) {
+        await transferActivity.settle(jobId, err);
+        throw err;
+      }
+    }
     await this.withOwnVfsMutation(async () => {
       dest.beginBatch();
       try {
@@ -3964,6 +4159,32 @@ export class FinderWindow extends HTMLElement {
 
   private async connectServerWithLogin(s: RemoteEndpoint): Promise<boolean> {
     if (this.remoteBusy) return false;
+    if (this.loggedInEndpoints.has(s.id)) {
+      const alreadyViewing = this.viewingEndpoint(s);
+      this.remoteEndpoint = s;
+      this.remoteNbpName = s.id;
+      this.remoteVolumes = this.volumesFor(s);
+      this.remoteLoggedIn = true;
+      try {
+        await this.host.beginRemote(s);
+      } catch {
+        /* keep cached volumes */
+      }
+      if (!alreadyViewing && isCatalogEndpoint(s)) {
+        try {
+          await this.openCatalogVolume(s);
+          return true;
+        } catch (err) {
+          const msg = err instanceof Error ? err.message : String(err);
+          log.error(`Open volume failed: ${msg}`, s.kind);
+          this.setStatus(`Open volume failed: ${msg}`);
+          return false;
+        }
+      }
+      this.remoteOpen = alreadyViewing;
+      this.renderSidebar();
+      return true;
+    }
     this.remoteBusy = true;
     try {
       this.setStatus(`Contacting ${s.title}…`, { busy: true });
@@ -3973,7 +4194,7 @@ export class FinderWindow extends HTMLElement {
       this.remoteOpen = false;
       if (this.source === 'remote') this.showLocalShare();
       const info: SessionInfo = await this.host.beginRemote(s);
-      this.dropRemoteCatalogs();
+      if (this.remoteNbpName === s.id) this.dropRemoteCatalogs(s.id);
       const uams = info.uams ?? [];
       const skipPrompt = info.allowGuest && uams.length === 0;
       this.setStatus(`Connected to ${info.serverName || s.title} — sign in`);
@@ -3986,6 +4207,7 @@ export class FinderWindow extends HTMLElement {
               uams,
               error,
               allowGuest: info.allowGuest,
+              kind: s.kind,
             });
         if (!creds) {
           await this.host.closeRemote().catch(() => undefined);
@@ -4002,6 +4224,8 @@ export class FinderWindow extends HTMLElement {
           this.remoteNbpName = s.id;
           this.remoteEndpoint = s;
           this.remoteOpen = false;
+          this.knownVolumes.set(s.id, [...this.remoteVolumes]);
+          this.loggedInEndpoints.add(s.id);
           this.setStatus(
             `Signed in to ${info.serverName || s.title} — ${this.remoteVolumes.length} volume(s)`,
           );
@@ -4036,28 +4260,91 @@ export class FinderWindow extends HTMLElement {
 
   private async mountRemoteVolume(name: string): Promise<void> {
     log.info(`Opening volume “${name}”`, 'afp');
-    const key = `${this.remoteNbpName}:${name}`;
+    const key = this.catalogKeyForVolume(name);
     const cat = await this.ensureShareCatalog(key);
     if (!cat) throw new Error(`Couldn’t open volume “${name}”`);
     this.mountCatalog(cat, 'remote', name);
     this.remoteOpen = true;
+    if (this.remoteEndpoint) this.openedVolumeKeys.add(shareKeyForEndpoint(this.remoteEndpoint, name));
     this.setStatus(
       this.remoteEndpoint?.kind === 'local' ? `Opened ${name}` : `Mounted ${this.remoteNbpName}:${name}`,
     );
   }
 
-  private async ejectRemote(): Promise<void> {
-    log.info(`Eject “${this.remoteNbpName || 'remote'}”`, 'afp');
+  private async disconnectRemote(): Promise<void> {
+    log.info(`Disconnect “${this.remoteNbpName || 'remote'}”`, 'afp');
     const nbp = this.remoteNbpName;
     await this.host.closeRemote().catch(() => undefined);
     this.dropRemoteCatalogs(nbp);
+    this.forgetEndpoint(nbp);
     this.resetToLocalShare();
     this.setStatus('Disconnected from server');
+    await this.refreshSidebarEndpoints();
+    await this.reload();
+    this.syncHistory();
+    this.render();
+  }
+
+  private async ejectVolume(name: string): Promise<void> {
+    log.info(`Eject volume “${name}”`, 'afp');
+    const viewing = this.source === 'remote' && this.pathStack[0]?.name === name;
+    if (viewing) {
+      this.abortAllListings();
+      this.bumpIconLoadGen();
+    }
+    const key = this.catalogKeyForVolume(name);
+    const cat = this.catalogs.get(key);
+    if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
+    this.catalogs.delete(key);
+    if (this.remoteEndpoint) this.openedVolumeKeys.delete(shareKeyForEndpoint(this.remoteEndpoint, name));
+    if (viewing) {
+      this.showLocalShare();
+      this.remoteOpen = false;
+    }
+    await this.host.closeVolume?.(name).catch(() => undefined);
+    if (!this.host.closeVolume) {
+      const ep = this.remoteEndpoint;
+      if (ep) await this.host.onSidebarAction?.(ep, 'unmount', name);
+    }
+    this.setStatus(`Ejected ${name}`);
+    await this.refreshSidebarEndpoints();
     await this.reload();
     this.syncHistory();
     this.render();
   }
 
+  private async ejectEndpoint(ep: RemoteEndpoint): Promise<void> {
+    log.info(`Eject “${ep.title}”`, ep.kind);
+    const current = this.remoteLoggedIn && this.remoteEndpoint?.id === ep.id;
+    if (current) {
+      const nbp = this.remoteNbpName;
+      await this.host.closeRemote().catch(() => undefined);
+      this.dropRemoteCatalogs(nbp);
+      this.resetToLocalShare();
+    } else if (this.remoteLoggedIn && ep.role === 'volume' && this.remoteEndpoint?.role !== 'volume') {
+      await this.ejectVolume(ep.title);
+      return;
+    } else {
+      await this.host.onSidebarAction?.(ep, 'eject');
+    }
+    this.setStatus(`Ejected ${ep.title}`);
+    await this.refreshSidebarEndpoints();
+    await this.reload();
+    this.syncHistory();
+    this.render();
+  }
+
+  private async refreshSidebarEndpoints(): Promise<void> {
+    try {
+      const list = this.host.cachedNetwork
+        ? await this.host.cachedNetwork()
+        : await this.host.refreshNetwork();
+      this.setServers(list);
+    } catch {
+      this.renderSidebar();
+    }
+  }
+
   private async onRefresh(groupId?: string): Promise<void> {
     const groups = this.sidebarGroups();
     const title = groupId ? groups.find((g) => g.id === groupId)?.title : undefined;
@@ -4071,6 +4358,13 @@ export class FinderWindow extends HTMLElement {
           : 'Looking up servers…',
     );
     try {
+      if (this.host.cachedNetwork) {
+        try {
+          this.setServers(await this.host.cachedNetwork(groupId));
+        } catch {
+          /* scan still runs */
+        }
+      }
       const list = await this.host.refreshNetwork(groupId);
       this.setServers(list);
       const scoped = groupId
@@ -4285,6 +4579,24 @@ export class FinderWindow extends HTMLElement {
     const track = this.trackImportItem({ name: node.name, isDir: false, bytesTotal }, this.vfs, node.parentId, false);
     this.setStatus(`Expanding “${node.name}”…`, { busy: true });
     try {
+      if (isCatalogWithBackend(this.vfs)) {
+        let last = 0;
+        await this.vfs.expandNode(id, {
+          signal: track.signal,
+          onProgress: (p) => {
+            const next = p.bytesDone || 0;
+            if (next > last) track.onBytes?.(next - last);
+            last = next;
+          },
+        });
+        track.onDone?.();
+        this.setStatus(`Expanded “${node.name}”`);
+        iconCache.clearDirectoryCache();
+        this.iconUrls.clear();
+        this.bumpIconLoadGen();
+        await this.refreshAfterMutation();
+        return;
+      }
       const inPlace = await expandSitInPlace(this.vfs, node, {
         fileSize: node.dataBytes ?? node.data.length,
         track,
@@ -4931,13 +5243,38 @@ export class FinderWindow extends HTMLElement {
       let index = -1;
       let volume: string | undefined;
       if (volEl) {
-        index = this.servers.findIndex((s) => s.id === (this.remoteEndpoint?.id || this.remoteNbpName));
-        volume = this.remoteVolumes[Number(volEl.getAttribute('data-vol'))];
+        index = Number(volEl.getAttribute('data-server-parent'));
+        if (!Number.isFinite(index) || index < 0) {
+          index = this.servers.findIndex((s) => s.id === (this.remoteEndpoint?.id || this.remoteNbpName));
+        }
+        const parent = this.servers[index];
+        volume =
+          volEl.getAttribute('data-vol-name') ||
+          (parent ? this.volumesFor(parent)[Number(volEl.getAttribute('data-vol'))] : undefined);
       } else if (serverEl) {
         index = Number(serverEl.getAttribute('data-server'));
       }
       const ep = this.servers[index];
-      const actions = ep ? (this.host.sidebarContextMenu?.(ep, volume) ?? []) : [];
+      const hostActions = ep ? (this.host.sidebarContextMenu?.(ep, volume) ?? []) : [];
+      const actions: SidebarAction[] = [];
+      if (ep && (volume || ep.role === 'volume')) {
+        actions.push({ id: 'info', label: 'Get Info…' });
+        if (this.volumeIsOpen(ep, volume) || ep.role === 'volume') {
+          actions.push({ id: 'eject', label: 'Eject' });
+        }
+      } else if (ep) {
+        actions.push({ id: 'info', label: 'Get Info…' });
+        if (ep.kind === 'afp' || ep.kind === 'smb') {
+          actions.push({ id: 'message', label: 'Send Message…' });
+        }
+        if (this.loggedInEndpoints.has(ep.id) || (this.remoteLoggedIn && (ep.id === this.remoteNbpName || ep.id === this.remoteEndpoint?.id))) {
+          actions.push({ id: 'disconnect', label: 'Disconnect' });
+        }
+      }
+      for (const a of hostActions) {
+        if (actions.some((x) => x.id === a.id)) continue;
+        actions.push(a);
+      }
       if (!ep || !actions.length) return;
       e.preventDefault();
       this.contextMenu = {
diff --git a/src/ui/login-dialog.ts b/src/ui/login-dialog.ts
index 852b811..5b31b7c 100644
--- a/src/ui/login-dialog.ts
+++ b/src/ui/login-dialog.ts
@@ -1,10 +1,10 @@
 import { log } from '../util/logger';
-import type { CredentialPromptOptions, Credentials } from './finder-host';
+import type { CredentialPromptOptions, Credentials, ShareKind } from './finder-host';
 
 export type LoginCredentials = Credentials;
 export type LoginPromptOptions = CredentialPromptOptions;
 
-/** Modal AFP login (guest or username/password). */
+/** Modal login (guest or username/password) for AFP, SMB, and NCP. */
 export class LoginDialog extends HTMLElement {
   private opts: LoginPromptOptions | null = null;
   private pending: ((v: LoginCredentials | null) => void) | null = null;
@@ -31,7 +31,7 @@ export class LoginDialog extends HTMLElement {
     this.opts = opts;
     this.hidden = false;
     this.render();
-    log.info(`Login dialog for “${opts.serverName}” UAMs=[${opts.uams.join(', ')}]`, 'afp');
+    log.info(`Login dialog for “${opts.serverName}” ${authLabel(opts.kind)}=[${opts.uams.join(', ')}]`, opts.kind || 'afp');
     queueMicrotask(() => {
       const user = this.querySelector<HTMLInputElement>('[data-field="user"]');
       user?.focus();
@@ -75,8 +75,8 @@ export class LoginDialog extends HTMLElement {
       this.innerHTML = '';
       return;
     }
-    const name = escapeHtml(opts.serverName || 'AFP server');
-    const uams = opts.uams.length ? escapeHtml(opts.uams.join(', ')) : 'none advertised';
+    const name = escapeHtml(opts.serverName || serverNoun(opts.kind));
+    const methods = opts.uams.length ? escapeHtml(opts.uams.join(', ')) : 'none advertised';
     const err =
       opts.error && !this.busy ? `<div class="login-dialog__error">${escapeHtml(opts.error)}</div>` : '';
     const guest = opts.allowGuest
@@ -85,6 +85,7 @@ export class LoginDialog extends HTMLElement {
     const connectLabel = this.busy
       ? `<span class="status-spinner" aria-hidden="true"></span> Signing in…`
       : 'Connect';
+    const passMax = opts.kind === 'afp' || !opts.kind ? 'maxlength="8" ' : '';
     this.innerHTML = `
       <div class="login-dialog__backdrop" data-act="${this.busy ? '' : 'cancel'}"></div>
       <form class="login-dialog__card" role="dialog" aria-labelledby="login-title" aria-busy="${this.busy}" autocomplete="on">
@@ -92,7 +93,7 @@ export class LoginDialog extends HTMLElement {
           <h2 id="login-title">Connect to ${name}</h2>
           <button type="button" class="btn" data-act="cancel" aria-label="Cancel" ${this.busy ? 'disabled' : ''}>✕</button>
         </header>
-        <p class="login-dialog__lead">Sign in to browse volumes. UAMs: <code>${uams}</code></p>
+        <p class="login-dialog__lead">${authLead(opts.kind, methods)}</p>
         ${err}
         <div class="login-dialog__field">
           <label for="afp-user">Name</label>
@@ -100,7 +101,7 @@ export class LoginDialog extends HTMLElement {
         </div>
         <div class="login-dialog__field">
           <label for="afp-pass">Password</label>
-          <input id="afp-pass" data-field="pass" name="password" type="password" maxlength="8" value="${escapeHtml(this.password)}" ${this.busy ? 'disabled' : ''} />
+          <input id="afp-pass" data-field="pass" name="password" type="password" ${passMax}value="${escapeHtml(this.password)}" ${this.busy ? 'disabled' : ''} />
         </div>
         <footer class="login-dialog__footer">
           ${guest}
@@ -123,13 +124,13 @@ export class LoginDialog extends HTMLElement {
     const act = t.dataset.act;
     if (act === 'cancel') {
       if (this.busy) return;
-      log.info('AFP login cancelled', 'afp');
+      log.info('Login cancelled', this.opts?.kind || 'afp');
       this.finish(null);
       return;
     }
     if (act === 'guest') {
       if (this.busy) return;
-      log.info('AFP login as Guest', 'afp');
+      log.info('Login as Guest', this.opts?.kind || 'afp');
       this.accept({ kind: 'guest' });
     }
   }
@@ -143,11 +144,46 @@ export class LoginDialog extends HTMLElement {
       this.render();
       return;
     }
-    log.info(`AFP login as “${this.username.trim()}”`, 'afp');
+    log.info(`Login as “${this.username.trim()}”`, this.opts?.kind || 'afp');
     this.accept({ kind: 'password', username: this.username.trim(), password: this.password });
   }
 }
 
+function authLabel(kind?: ShareKind): string {
+  switch (kind) {
+    case 'smb':
+      return 'Capabilities';
+    case 'ncp':
+      return 'Login';
+    default:
+      return 'UAMs';
+  }
+}
+
+function serverNoun(kind?: ShareKind): string {
+  switch (kind) {
+    case 'smb':
+      return 'SMB server';
+    case 'ncp':
+      return 'NetWare server';
+    case 'etherdfs':
+      return 'EtherDFS server';
+    default:
+      return 'AFP server';
+  }
+}
+
+function authLead(kind: ShareKind | undefined, methods: string): string {
+  switch (kind) {
+    case 'smb':
+      return `Sign in to browse shares. Capabilities: <code>${methods}</code>`;
+    case 'ncp':
+      return `Sign in to browse volumes. Login: <code>${methods}</code>`;
+    default:
+      return `Sign in to browse volumes. UAMs: <code>${methods}</code>`;
+  }
+}
+
 function escapeHtml(s: string): string {
   return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
 }
diff --git a/src/ui/lucide-icon.ts b/src/ui/lucide-icon.ts
index 06ce092..43e8e4a 100644
--- a/src/ui/lucide-icon.ts
+++ b/src/ui/lucide-icon.ts
@@ -5,6 +5,7 @@ import {
   Copy,
   Eject,
   Ellipsis,
+  LogOut,
   FileArchive,
   FolderPlus,
   Info,
@@ -13,9 +14,12 @@ import {
   Maximize2,
   Menu,
   Minimize2,
+  Network,
   Plus,
   RefreshCw,
+  RotateCcw,
   Scissors,
+  Settings,
   Trash2,
   Upload,
   Usb,
@@ -53,6 +57,7 @@ export const uiIcons = {
   viewColumn: lucideSvg(Columns3),
   refresh: lucideSvg(RefreshCw, 14),
   eject: lucideSvg(Eject, 14),
+  disconnect: lucideSvg(LogOut, 14),
   more: lucideSvg(Ellipsis),
   menu: lucideSvg(Menu),
   import: lucideSvg(Upload),
@@ -60,4 +65,7 @@ export const uiIcons = {
   disclose: lucideSvg(ChevronRight, 16),
   maximize: lucideSvg(Maximize2, 14),
   restore: lucideSvg(Minimize2, 14),
+  settings: lucideSvg(Settings),
+  netboot: lucideSvg(Network),
+  environment: lucideSvg(RotateCcw),
 };
diff --git a/src/ui/menu-bar-track.ts b/src/ui/menu-bar-track.ts
new file mode 100644
index 0000000..901bea5
--- /dev/null
+++ b/src/ui/menu-bar-track.ts
@@ -0,0 +1,111 @@
+/** OS-style menu bar tracking: click to open, hover to switch, click outside / Escape to dismiss. */
+
+/** Dispatched on the tracking root when the open menu key changes. */
+export const MENUBAR_CHANGE = 'cs-menubar-change';
+
+const MENU_SEL = '[data-menu]';
+const TRIGGER_SEL = '.app-menu__trigger';
+
+/** Currently open menu key (`data-menu`), or null if all menus are closed. */
+export function menubarOpenKey(root: HTMLElement): string | null {
+  return root.dataset.openMenu || null;
+}
+
+/**
+ * Update the open menu. Returns true when the key changed (and `MENUBAR_CHANGE` fired).
+ */
+export function setMenubarOpen(root: HTMLElement, key: string | null): boolean {
+  const prev = menubarOpenKey(root);
+  const next = key || null;
+  if (prev === next) return false;
+  if (next) root.dataset.openMenu = next;
+  else delete root.dataset.openMenu;
+  root.dispatchEvent(new Event(MENUBAR_CHANGE));
+  return true;
+}
+
+function closestFrom(target: EventTarget | null, selector: string): Element | null {
+  if (target instanceof Element) return target.closest(selector);
+  if (target instanceof Text) return target.parentElement?.closest(selector) ?? null;
+  return null;
+}
+
+function menuKeyOf(target: EventTarget | null, root: HTMLElement): string | null {
+  const menu = closestFrom(target, MENU_SEL);
+  if (!menu || !root.contains(menu)) return null;
+  return menu.getAttribute('data-menu');
+}
+
+function menuKeys(root: HTMLElement): string[] {
+  return [...root.querySelectorAll<HTMLElement>(MENU_SEL)]
+    .map((el) => el.getAttribute('data-menu'))
+    .filter((k): k is string => !!k);
+}
+
+function adjacentKey(root: HTMLElement, current: string, dir: -1 | 1): string | null {
+  const keys = menuKeys(root);
+  const i = keys.indexOf(current);
+  if (i < 0 || keys.length === 0) return current;
+  return keys[(i + dir + keys.length) % keys.length] ?? current;
+}
+
+/**
+ * Bind click / hover / keyboard tracking on a stable root that contains `[data-menu]`
+ * items (each with an `.app-menu__trigger`). The root must not be replaced by innerHTML.
+ *
+ * While a menu is open, moving the pointer onto another title switches to that menu —
+ * the same tracking mode as macOS / Windows menu bars.
+ */
+export function bindMenuBarTracking(root: HTMLElement): () => void {
+  const onPointerOver = (e: PointerEvent): void => {
+    if (e.pointerType === 'touch') return;
+    if (!menubarOpenKey(root)) return;
+    if (closestFrom(e.target, '.app-menu__dropdown')) return;
+    const key = menuKeyOf(e.target, root);
+    if (key) setMenubarOpen(root, key);
+  };
+
+  const onClick = (e: MouseEvent): void => {
+    if (!closestFrom(e.target, TRIGGER_SEL)) return;
+    const key = menuKeyOf(e.target, root);
+    if (!key) return;
+    e.stopPropagation();
+    const open = menubarOpenKey(root);
+    if (open && open !== key) setMenubarOpen(root, key);
+    else setMenubarOpen(root, open === key ? null : key);
+  };
+
+  const onWindowClick = (e: MouseEvent): void => {
+    if (!menubarOpenKey(root)) return;
+    const menu = closestFrom(e.target, MENU_SEL);
+    if (menu && root.contains(menu)) return;
+    setMenubarOpen(root, null);
+  };
+
+  const onKey = (e: KeyboardEvent): void => {
+    const open = menubarOpenKey(root);
+    if (!open) return;
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      setMenubarOpen(root, null);
+      return;
+    }
+    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
+      e.preventDefault();
+      const next = adjacentKey(root, open, e.key === 'ArrowRight' ? 1 : -1);
+      if (next) setMenubarOpen(root, next);
+    }
+  };
+
+  root.addEventListener('pointerover', onPointerOver);
+  root.addEventListener('click', onClick);
+  window.addEventListener('click', onWindowClick);
+  window.addEventListener('keydown', onKey);
+
+  return () => {
+    root.removeEventListener('pointerover', onPointerOver);
+    root.removeEventListener('click', onClick);
+    window.removeEventListener('click', onWindowClick);
+    window.removeEventListener('keydown', onKey);
+  };
+}
diff --git a/src/ui/netboot-dialog.ts b/src/ui/netboot-dialog.ts
index d6d6cec..21182f8 100644
--- a/src/ui/netboot-dialog.ts
+++ b/src/ui/netboot-dialog.ts
@@ -41,6 +41,12 @@ export class NetbootDialog extends HTMLElement {
     return { ...this.state };
   }
 
+  setState(state: NetbootState): void {
+    this.state = { ...state };
+    this.emit();
+    if (!this.hidden) this.render();
+  }
+
   open(): void {
     this.hidden = false;
     this.render();
diff --git a/src/ui/settings-panel.test.ts b/src/ui/settings-panel.test.ts
new file mode 100644
index 0000000..5133c8f
--- /dev/null
+++ b/src/ui/settings-panel.test.ts
@@ -0,0 +1,57 @@
+import { describe, expect, it } from 'vitest';
+import { renderSettingsGroup, renderSettingsRow, renderSettingsShell } from './settings-panel';
+
+describe('settings-panel', () => {
+  it('renders a two-column shell with selected nav item', () => {
+    const html = renderSettingsShell({
+      title: 'Settings',
+      nav: [{ id: 'general', label: 'General', iconHtml: '<svg/>' }],
+      selectedId: 'general',
+      panelTitle: 'General',
+      panelHtml: '<p>Body</p>',
+    });
+    expect(html).toContain('settings-shell__body');
+    expect(html).toContain('is-selected');
+    expect(html).toContain('aria-current="page"');
+    expect(html).toContain('<p>Body</p>');
+  });
+
+  it('renders grouped toggle and select rows', () => {
+    const html = renderSettingsGroup('Finder', [
+      {
+        type: 'toggle',
+        id: 'show-hidden',
+        label: 'Show hidden files',
+        description: 'Include invisible items.',
+        checked: true,
+      },
+      {
+        type: 'select',
+        id: 'default-view',
+        label: 'Default view',
+        value: 'icon',
+        options: [
+          { value: 'icon', label: 'Icons' },
+          { value: 'list', label: 'List' },
+        ],
+      },
+    ]);
+    expect(html).toContain('settings-group__title');
+    expect(html).toContain('settings-switch');
+    expect(html).toContain('settings-select');
+    expect(html).toContain('checked');
+    expect(html).toContain('selected');
+  });
+
+  it('renders standalone row helpers', () => {
+    const html = renderSettingsRow({
+      type: 'button',
+      id: 'reset',
+      label: 'Reset',
+      buttonLabel: 'Reset…',
+      danger: true,
+    });
+    expect(html).toContain('btn danger');
+    expect(html).toContain('Reset…');
+  });
+});
diff --git a/src/ui/settings-panel.ts b/src/ui/settings-panel.ts
new file mode 100644
index 0000000..91f7ac3
--- /dev/null
+++ b/src/ui/settings-panel.ts
@@ -0,0 +1,235 @@
+/** Reusable macOS / iOS-style settings shell and row renderers. */
+
+export interface SettingsNavItem {
+  id: string;
+  label: string;
+  iconHtml: string;
+}
+
+export interface SettingsSelectOption {
+  value: string;
+  label: string;
+}
+
+export type SettingsRow =
+  | {
+      type: 'toggle';
+      id: string;
+      label: string;
+      description?: string;
+      checked: boolean;
+      disabled?: boolean;
+    }
+  | {
+      type: 'select';
+      id: string;
+      label: string;
+      description?: string;
+      value: string;
+      options: SettingsSelectOption[];
+      disabled?: boolean;
+    }
+  | {
+      type: 'button';
+      id: string;
+      label: string;
+      description?: string;
+      buttonLabel: string;
+      disabled?: boolean;
+      danger?: boolean;
+    }
+  | {
+      type: 'link';
+      id: string;
+      label: string;
+      description?: string;
+      href: string;
+      download?: string;
+      linkLabel: string;
+    }
+  | {
+      type: 'badge';
+      id: string;
+      label: string;
+      description?: string;
+      badge: string;
+    }
+  | {
+      type: 'file';
+      id: string;
+      label: string;
+      description?: string;
+      accept?: string;
+      buttonLabel: string;
+      hint?: string;
+    }
+  | { type: 'custom'; html: string };
+
+function escapeHtml(s: string): string {
+  return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
+}
+
+function escapeAttr(s: string): string {
+  return escapeHtml(s).replace(/"/g, '&quot;');
+}
+
+export function renderSettingsNav(nav: SettingsNavItem[], selectedId: string): string {
+  return nav
+    .map((item) => {
+      const selected = item.id === selectedId;
+      return `
+        <button type="button" class="settings-nav__item${selected ? ' is-selected' : ''}"
+          data-nav="${escapeAttr(item.id)}" aria-current="${selected ? 'page' : 'false'}">
+          <span class="settings-nav__icon" aria-hidden="true">${item.iconHtml}</span>
+          <span class="settings-nav__label">${escapeHtml(item.label)}</span>
+        </button>`;
+    })
+    .join('');
+}
+
+export function renderSettingsFrame(title: string, navHtml: string): string {
+  return `
+    <div class="settings-shell__backdrop" data-act="close"></div>
+    <div class="settings-shell__card" role="dialog" aria-labelledby="settings-title" aria-modal="true">
+      <header class="settings-shell__header">
+        <h2 id="settings-title">${escapeHtml(title)}</h2>
+        <button type="button" class="btn" data-act="close" aria-label="Close">✕</button>
+      </header>
+      <div class="settings-shell__body">
+        <nav class="settings-nav" aria-label="Settings sections">${navHtml}</nav>
+        <section class="settings-panel" aria-labelledby="settings-panel-title">
+          <h3 id="settings-panel-title" class="settings-panel__title"></h3>
+          <div class="settings-panel__content"></div>
+        </section>
+      </div>
+    </div>`;
+}
+
+export function renderSettingsShell(opts: {
+  title: string;
+  nav: SettingsNavItem[];
+  selectedId: string;
+  panelTitle: string;
+  panelHtml: string;
+}): string {
+  const nav = renderSettingsNav(opts.nav, opts.selectedId);
+
+  return `
+    <div class="settings-shell__backdrop" data-act="close"></div>
+    <div class="settings-shell__card" role="dialog" aria-labelledby="settings-title" aria-modal="true">
+      <header class="settings-shell__header">
+        <h2 id="settings-title">${escapeHtml(opts.title)}</h2>
+        <button type="button" class="btn" data-act="close" aria-label="Close">✕</button>
+      </header>
+      <div class="settings-shell__body">
+        <nav class="settings-nav" aria-label="Settings sections">${nav}</nav>
+        <section class="settings-panel" aria-labelledby="settings-panel-title">
+          <h3 id="settings-panel-title" class="settings-panel__title">${escapeHtml(opts.panelTitle)}</h3>
+          <div class="settings-panel__content">${opts.panelHtml}</div>
+        </section>
+      </div>
+    </div>`;
+}
+
+export function renderSettingsGroup(title: string | undefined, rows: SettingsRow[]): string {
+  const body = rows.map(renderSettingsRow).join('');
+  if (!title) return `<div class="settings-group">${body}</div>`;
+  return `
+    <div class="settings-group">
+      <div class="settings-group__title">${escapeHtml(title)}</div>
+      ${body}
+    </div>`;
+}
+
+export function renderSettingsRow(row: SettingsRow): string {
+  if (row.type === 'custom') return row.html;
+
+  const desc = row.description
+    ? `<div class="settings-row__desc">${escapeHtml(row.description)}</div>`
+    : '';
+  const disabled = 'disabled' in row && row.disabled ? ' disabled' : '';
+
+  if (row.type === 'toggle') {
+    return `
+      <div class="settings-row settings-row--toggle" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+        </div>
+        <label class="settings-switch">
+          <input type="checkbox" data-field="toggle" data-id="${escapeAttr(row.id)}"${row.checked ? ' checked' : ''}${disabled} />
+          <span class="settings-switch__track" aria-hidden="true"></span>
+        </label>
+      </div>`;
+  }
+
+  if (row.type === 'select') {
+    const options = row.options
+      .map(
+        (opt) =>
+          `<option value="${escapeAttr(opt.value)}"${opt.value === row.value ? ' selected' : ''}>${escapeHtml(opt.label)}</option>`,
+      )
+      .join('');
+    return `
+      <div class="settings-row settings-row--select" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+        </div>
+        <select class="settings-select" data-field="select" data-id="${escapeAttr(row.id)}"${disabled}>${options}</select>
+      </div>`;
+  }
+
+  if (row.type === 'button') {
+    const btnClass = row.danger ? 'btn danger' : 'btn';
+    return `
+      <div class="settings-row settings-row--button" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+        </div>
+        <button type="button" class="${btnClass}" data-field="button" data-id="${escapeAttr(row.id)}"${disabled}>${escapeHtml(row.buttonLabel)}</button>
+      </div>`;
+  }
+
+  if (row.type === 'link') {
+    const download = row.download ? ` download="${escapeAttr(row.download)}"` : '';
+    return `
+      <div class="settings-row settings-row--link" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+        </div>
+        <a class="btn" href="${escapeAttr(row.href)}"${download} data-field="link" data-id="${escapeAttr(row.id)}">${escapeHtml(row.linkLabel)}</a>
+      </div>`;
+  }
+
+  if (row.type === 'badge') {
+    return `
+      <div class="settings-row settings-row--badge" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+        </div>
+        <span class="settings-badge">${escapeHtml(row.badge)}</span>
+      </div>`;
+  }
+
+  if (row.type === 'file') {
+    const hint = row.hint ? `<div class="settings-row__hint">${escapeHtml(row.hint)}</div>` : '';
+    return `
+      <div class="settings-row settings-row--file" data-row="${escapeAttr(row.id)}">
+        <div class="settings-row__main">
+          <div class="settings-row__label">${escapeHtml(row.label)}</div>
+          ${desc}
+          ${hint}
+        </div>
+        <label class="btn settings-file-btn">
+          ${escapeHtml(row.buttonLabel)}
+          <input type="file" data-field="file" data-id="${escapeAttr(row.id)}" accept="${escapeAttr(row.accept ?? '')}" hidden${disabled} />
+        </label>
+      </div>`;
+  }
+
+  return '';
+}
diff --git a/src/ui/settings-window.ts b/src/ui/settings-window.ts
new file mode 100644
index 0000000..a8e0947
--- /dev/null
+++ b/src/ui/settings-window.ts
@@ -0,0 +1,419 @@
+import { log } from '../util/logger';
+import { loadPrefs, savePrefs } from '../util/prefs';
+import type { ViewMode } from './finder-window';
+import type { FinderWindow } from './finder-window';
+import type { NetbootDialog, NetbootState } from './netboot-dialog';
+import { BOOTSTRAP_FLOPPY_URL } from './netboot-dialog';
+import type { ExtensionEditorDialog } from './extension-editor-dialog';
+import type { AlertDialog } from './alert-dialog';
+import { uiIcons } from './lucide-icon';
+import {
+  renderSettingsFrame,
+  renderSettingsGroup,
+  renderSettingsNav,
+  type SettingsNavItem,
+  type SettingsRow,
+} from './settings-panel';
+import { enableWindowResize } from './window-resize';
+import { isCompactUi } from './layout-mode';
+
+const SETTINGS_MIN_WIDTH = 520;
+const SETTINGS_MIN_HEIGHT = 400;
+const SETTINGS_DEFAULT_WIDTH = 760;
+const SETTINGS_DEFAULT_HEIGHT = 560;
+
+export type SettingsSection = 'general' | 'netboot' | 'environment';
+
+export interface SettingsHost {
+  finder?: FinderWindow;
+  netboot: NetbootDialog;
+  extensionEditor: ExtensionEditorDialog;
+  alertDialog?: AlertDialog;
+  exportPreferences(): void;
+  importPreferences(): Promise<void>;
+  resetEnvironment(eraseShare: boolean): Promise<void>;
+  onPrefsChanged?(): void;
+}
+
+const NAV: SettingsNavItem[] = [
+  { id: 'general', label: 'General', iconHtml: uiIcons.settings },
+  { id: 'netboot', label: 'Netboot', iconHtml: uiIcons.netboot },
+  { id: 'environment', label: 'Environment', iconHtml: uiIcons.environment },
+];
+
+const SECTION_TITLES: Record<SettingsSection, string> = {
+  general: 'General',
+  netboot: 'Netboot',
+  environment: 'Environment',
+};
+
+/** Two-column settings window (General, Netboot, Environment). */
+export class SettingsWindow extends HTMLElement {
+  private host: SettingsHost | null = null;
+  private section: SettingsSection = 'general';
+  private shellMounted = false;
+
+  connectedCallback(): void {
+    this.classList.add('settings-window');
+    this.hidden = true;
+    this.addEventListener('click', (e) => void this.onClick(e));
+    this.addEventListener('change', (e) => void this.onChange(e));
+    this.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && !this.hidden) this.close();
+    });
+  }
+
+  bind(host: SettingsHost): void {
+    this.host = host;
+  }
+
+  open(section: SettingsSection = 'general'): void {
+    this.section = section;
+    this.hidden = false;
+    this.ensureShell();
+    this.syncSection();
+    log.info(`Opened Settings (${section})`, 'app');
+    this.querySelector<HTMLElement>('.settings-nav__item.is-selected')?.focus();
+  }
+
+  close(): void {
+    this.hidden = true;
+    this.innerHTML = '';
+    this.shellMounted = false;
+  }
+
+  private ensureShell(): void {
+    if (this.shellMounted) return;
+    this.innerHTML = renderSettingsFrame('Settings', renderSettingsNav(NAV, this.section));
+    this.shellMounted = true;
+    this.setupChrome();
+  }
+
+  private setupChrome(): void {
+    const card = this.querySelector('.settings-shell__card') as HTMLElement | null;
+    if (!card) return;
+    if (!isCompactUi()) {
+      card.style.width = `${Math.min(SETTINGS_DEFAULT_WIDTH, window.innerWidth - 32)}px`;
+      card.style.height = `${Math.min(SETTINGS_DEFAULT_HEIGHT, window.innerHeight - 48)}px`;
+    }
+    enableWindowResize(card, {
+      minWidth: isCompactUi() ? 280 : SETTINGS_MIN_WIDTH,
+      minHeight: isCompactUi() ? 320 : SETTINGS_MIN_HEIGHT,
+    });
+  }
+
+  /** Update sidebar selection and panel content without rebuilding the shell. */
+  private syncSection(): void {
+    this.querySelectorAll<HTMLElement>('.settings-nav__item').forEach((btn) => {
+      const selected = btn.dataset.nav === this.section;
+      btn.classList.toggle('is-selected', selected);
+      btn.setAttribute('aria-current', selected ? 'page' : 'false');
+    });
+    const title = this.querySelector('.settings-panel__title');
+    const content = this.querySelector('.settings-panel__content');
+    const panel = this.querySelector('.settings-panel');
+    if (title) title.textContent = SECTION_TITLES[this.section];
+    if (content) content.innerHTML = this.renderSection(this.section);
+    if (panel) panel.scrollTop = 0;
+  }
+
+  private refreshPanel(): void {
+    if (!this.shellMounted) return;
+    const content = this.querySelector('.settings-panel__content');
+    if (content) content.innerHTML = this.renderSection(this.section);
+  }
+
+  private renderSection(section: SettingsSection): string {
+    if (section === 'general') return this.renderGeneral();
+    if (section === 'netboot') return this.renderNetboot();
+    return this.renderEnvironment();
+  }
+
+  private renderGeneral(): string {
+    const prefs = loadPrefs();
+    const finder = this.host?.finder;
+    const viewOptions = [
+      { value: 'icon', label: 'Icons' },
+      { value: 'list', label: 'List' },
+      { value: 'column', label: 'Columns' },
+    ];
+    const exportOptions = [
+      { value: 'appledouble', label: 'AppleDouble zip' },
+      { value: 'macosx', label: 'Mac OS X zip' },
+    ];
+
+    const finderRows: SettingsRow[] = [
+      {
+        type: 'select',
+        id: 'default-view',
+        label: 'Default view',
+        description: 'View mode used when ClassicStack opens without a URL view parameter.',
+        value: prefs.defaultView,
+        options: viewOptions,
+      },
+      {
+        type: 'toggle',
+        id: 'show-hidden',
+        label: 'Show hidden files',
+        description: 'Show Finder-invisible items and Icon\\r entries.',
+        checked: finder?.getShowHiddenFiles?.() ?? prefs.showHiddenFiles,
+      },
+      {
+        type: 'toggle',
+        id: 'auto-expand',
+        label: 'Auto-expand files',
+        description: 'Decode dropped BinHex, MacBinary, StuffIt, and ZIP archives on import.',
+        checked: finder?.getAutoExpandFiles?.() ?? prefs.autoExpandFiles,
+      },
+      {
+        type: 'toggle',
+        id: 'read-finder-icons',
+        label: 'Load fork icons',
+        description: 'Read Icon\\r and resource forks for custom Finder glyphs.',
+        checked: finder?.getReadFinderIcons?.() ?? prefs.readFinderIcons,
+      },
+      {
+        type: 'button',
+        id: 'extension-editor',
+        label: 'File type mappings',
+        description: 'Edit filename extension → creator/type mappings.',
+        buttonLabel: 'Edit mappings…',
+      },
+    ];
+
+    const exportRows: SettingsRow[] = [
+      {
+        type: 'select',
+        id: 'zip-export',
+        label: 'Export format',
+        description: 'Layout for ZIP downloads from the Finder.',
+        value: prefs.zipExportStyle,
+        options: exportOptions,
+      },
+    ];
+
+    return [
+      renderSettingsGroup('Finder', finderRows),
+      renderSettingsGroup('Export', exportRows),
+    ].join('');
+  }
+
+  private renderNetboot(): string {
+    const state = this.host?.netboot.getState() ?? {
+      enabled: false,
+      diskImage: null,
+      paceMs: 2,
+      chainPaceMs: 10,
+    };
+    const diskHint = state.diskImage
+      ? `${state.diskImage.name} (${state.diskImage.size.toLocaleString()} bytes)`
+      : 'No System volume selected';
+
+    const intro = `<p class="settings-panel__lead">AppleTalk Boot Protocol + ChainBoot. Ships with <code>ChainLoader.bin</code>; advertises as <code>BootServer</code> when enabled and connected.</p>`;
+
+    const rows: SettingsRow[] = [
+      {
+        type: 'link',
+        id: 'bootstrap-floppy',
+        label: 'Bootstrap floppy',
+        description: 'Download BootstrapFloppy.dsk to enable netboot XPRAM on the client Mac.',
+        href: BOOTSTRAP_FLOPPY_URL,
+        download: 'BootstrapFloppy.dsk',
+        linkLabel: 'Download',
+      },
+      {
+        type: 'badge',
+        id: 'payload',
+        label: 'Payload',
+        description: 'Bundled ChainLoader.bin (256-byte ABP blocks).',
+        badge: 'built-in',
+      },
+      {
+        type: 'file',
+        id: 'chainboot-disk',
+        label: 'ChainBoot HFS disk',
+        description: 'Writable System volume streamed over EBP.',
+        accept: '.img,.hfs,.dsk,.iso,.toast,application/octet-stream',
+        buttonLabel: 'Select HFS…',
+        hint: diskHint,
+      },
+      {
+        type: 'toggle',
+        id: 'netboot-enabled',
+        label: 'Netboot support',
+        description: 'Advertises BootServer and serves ABP/EBP when serial is connected.',
+        checked: state.enabled,
+      },
+    ];
+
+    return intro + renderSettingsGroup(undefined, rows);
+  }
+
+  private renderEnvironment(): string {
+    const rows: SettingsRow[] = [
+      {
+        type: 'button',
+        id: 'export-prefs',
+        label: 'Export preferences',
+        description: 'Save preferences, window layout, and extension mappings to a JSON file.',
+        buttonLabel: 'Export…',
+      },
+      {
+        type: 'button',
+        id: 'import-prefs',
+        label: 'Import preferences',
+        description: 'Replace current preferences from a ClassicStack preferences file.',
+        buttonLabel: 'Import…',
+      },
+      {
+        type: 'button',
+        id: 'reset-environment',
+        label: 'Reset to defaults',
+        description: 'Restore default preferences and window positions, then reload ClassicStack.',
+        buttonLabel: 'Reset…',
+        danger: true,
+      },
+    ];
+    return renderSettingsGroup(undefined, rows);
+  }
+
+  private async onClick(e: MouseEvent): Promise<void> {
+    const t = (e.target as HTMLElement).closest('[data-act],[data-nav],[data-field]') as HTMLElement | null;
+    if (!t) return;
+
+    if (t.dataset.act === 'close') {
+      this.close();
+      return;
+    }
+
+    if (t.dataset.nav) {
+      const next = t.dataset.nav as SettingsSection;
+      if (next === this.section) return;
+      this.section = next;
+      this.syncSection();
+      this.querySelector<HTMLElement>('.settings-nav__item.is-selected')?.focus();
+      return;
+    }
+
+    const field = t.dataset.field;
+    const id = t.dataset.id;
+    if (field !== 'button' || !id) return;
+
+    if (id === 'extension-editor') {
+      this.host?.extensionEditor.open();
+      return;
+    }
+    if (id === 'export-prefs') {
+      this.host?.exportPreferences();
+      return;
+    }
+    if (id === 'import-prefs') {
+      await this.host?.importPreferences();
+      return;
+    }
+    if (id === 'reset-environment') {
+      await this.confirmReset();
+    }
+  }
+
+  private async onChange(e: Event): Promise<void> {
+    const input = e.target as HTMLInputElement | HTMLSelectElement;
+    const field = input.dataset.field;
+    const id = input.dataset.id;
+    if (!field || !id) return;
+
+    if (field === 'toggle') {
+      const checked = (input as HTMLInputElement).checked;
+      await this.applyToggle(id, checked);
+      return;
+    }
+
+    if (field === 'select') {
+      await this.applySelect(id, input.value);
+      return;
+    }
+
+    if (field === 'file') {
+      const file = (input as HTMLInputElement).files?.[0] ?? null;
+      await this.applyNetbootDisk(file);
+    }
+  }
+
+  private async applyToggle(id: string, checked: boolean): Promise<void> {
+    const host = this.host;
+    if (id === 'show-hidden') {
+      host?.finder?.setShowHiddenFiles?.(checked);
+      host?.onPrefsChanged?.();
+      return;
+    }
+    if (id === 'auto-expand') {
+      host?.finder?.setAutoExpandFiles?.(checked);
+      host?.onPrefsChanged?.();
+      return;
+    }
+    if (id === 'read-finder-icons') {
+      host?.finder?.setReadFinderIcons?.(checked);
+      host?.onPrefsChanged?.();
+      return;
+    }
+    if (id === 'netboot-enabled') {
+      const netboot = host?.netboot;
+      if (!netboot) return;
+      const state = netboot.getState();
+      if (checked && !state.diskImage) {
+        log.warn('Select a ChainBoot HFS disk before enabling Netboot', 'netboot');
+        this.refreshPanel();
+        return;
+      }
+      this.updateNetboot({ enabled: checked });
+      log.info(`Netboot support ${checked ? 'enabled' : 'disabled'}`, 'netboot');
+    }
+  }
+
+  private async applySelect(id: string, value: string): Promise<void> {
+    if (id === 'default-view') {
+      const view = value as ViewMode;
+      if (view !== 'icon' && view !== 'list' && view !== 'column') return;
+      savePrefs({ defaultView: view });
+      this.host?.finder?.setDefaultView?.(view);
+      this.host?.onPrefsChanged?.();
+      return;
+    }
+    if (id === 'zip-export') {
+      savePrefs({ zipExportStyle: value === 'macosx' ? 'macosx' : 'appledouble' });
+      this.host?.onPrefsChanged?.();
+    }
+  }
+
+  private async applyNetbootDisk(file: File | null): Promise<void> {
+    if (file) {
+      log.info(`Selected ChainBoot HFS image: ${file.name} (${file.size} bytes)`, 'netboot');
+    }
+    this.updateNetboot({ diskImage: file });
+    this.refreshPanel();
+  }
+
+  private updateNetboot(patch: Partial<NetbootState>): void {
+    const netboot = this.host?.netboot;
+    if (!netboot) return;
+    const next = { ...netboot.getState(), ...patch };
+    netboot.setState(next);
+  }
+
+  private async confirmReset(): Promise<void> {
+    const host = this.host;
+    if (!host?.alertDialog) return;
+    const result = await host.alertDialog.confirm({
+      title: 'Reset environment',
+      text: 'This restores default window positions and preferences, then reloads ClassicStack.',
+      checkboxLabel: 'Erase all Browser Share items',
+      confirmLabel: 'Reset',
+      danger: true,
+    });
+    if (!result.confirmed) return;
+    this.close();
+    await host.resetEnvironment(result.checked);
+  }
+}
+
+customElements.define('settings-window', SettingsWindow);
diff --git a/src/ui/styles/tokens.css b/src/ui/styles/tokens.css
index 9a33d9a..99a094f 100644
--- a/src/ui/styles/tokens.css
+++ b/src/ui/styles/tokens.css
@@ -2415,6 +2415,337 @@ img.file-transfer__icon {
   color: var(--danger);
 }
 
+/* —— Settings window —— */
+
+settings-window,
+.settings-window {
+  position: fixed;
+  inset: 0;
+  z-index: 75;
+  display: grid;
+  place-items: center;
+}
+
+settings-window[hidden],
+.settings-window[hidden] {
+  display: none !important;
+}
+
+.settings-shell__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(10, 12, 16, 0.55);
+  animation: fadein 160ms ease;
+}
+
+.settings-shell__card {
+  position: relative;
+  width: min(760px, calc(100vw - 32px));
+  height: min(560px, calc(100vh - 48px));
+  min-width: 520px;
+  min-height: 400px;
+  max-width: calc(100vw - 32px);
+  max-height: calc(100vh - 48px);
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.settings-shell__card .window-resize-handle {
+  z-index: 2;
+}
+
+.settings-shell__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  flex-shrink: 0;
+}
+
+.settings-shell__header h2 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 650;
+  letter-spacing: -0.02em;
+}
+
+.settings-shell__body {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(180px, 220px) 1fr;
+}
+
+.settings-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 8px;
+  border-right: 1px solid var(--border);
+  background: #22272e;
+  overflow: auto;
+}
+
+.settings-nav__item {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  text-align: left;
+  padding: 9px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  transition: background 140ms ease;
+}
+
+.settings-nav__item:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.settings-nav__item.is-selected {
+  background: var(--accent-soft);
+}
+
+.settings-nav__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+
+.settings-nav__item.is-selected .settings-nav__icon {
+  color: var(--accent);
+}
+
+.settings-nav__icon svg {
+  display: block;
+}
+
+.settings-nav__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings-panel {
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  padding: 18px 20px 24px;
+  background: var(--bg-pane);
+}
+
+.settings-panel__title {
+  margin: 0 0 14px;
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.03em;
+}
+
+.settings-panel__lead {
+  margin: 0 0 16px;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.45;
+}
+
+.settings-panel__lead code {
+  font-size: 0.92em;
+}
+
+.settings-group {
+  margin-bottom: 22px;
+}
+
+.settings-group:last-child {
+  margin-bottom: 0;
+}
+
+.settings-group__title {
+  margin: 0 0 8px;
+  padding: 0 14px;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+
+.settings-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.settings-group .settings-row + .settings-row {
+  margin-top: 8px;
+}
+
+.settings-row__main {
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-row__label {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.settings-row__desc,
+.settings-row__hint {
+  margin-top: 3px;
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.4;
+  max-width: 360px;
+}
+
+.settings-row__hint {
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.settings-select {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  font: 500 12px var(--font);
+  padding: 6px 28px 6px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  flex-shrink: 0;
+  min-width: 140px;
+  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
+    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
+  background-position:
+    calc(100% - 12px) 55%,
+    calc(100% - 7px) 55%;
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+}
+
+.settings-switch {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+.settings-switch input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.settings-switch__track {
+  position: relative;
+  display: block;
+  width: 44px;
+  height: 26px;
+  border-radius: 999px;
+  background: #3a424c;
+  transition: background 160ms ease;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+}
+
+.settings-switch__track::after {
+  content: '';
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  transition: transform 160ms ease;
+}
+
+.settings-switch input:checked + .settings-switch__track {
+  background: var(--ok);
+}
+
+.settings-switch input:checked + .settings-switch__track::after {
+  transform: translateX(18px);
+}
+
+.settings-switch input:disabled + .settings-switch__track {
+  opacity: 0.45;
+}
+
+.settings-badge {
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  opacity: 0.85;
+}
+
+.settings-file-btn {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+html.compact-ui .settings-shell__card {
+  width: calc(100vw - 16px);
+  height: min(calc(100dvh - 24px), 640px);
+  min-width: 0;
+  min-height: 320px;
+  border-radius: 12px;
+}
+
+html.compact-ui .settings-shell__body {
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 1fr;
+}
+
+html.compact-ui .settings-nav {
+  flex-direction: row;
+  overflow-x: auto;
+  border-right: 0;
+  border-bottom: 1px solid var(--border);
+  padding: 8px;
+}
+
+html.compact-ui .settings-nav__item {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+html.compact-ui .settings-panel__title {
+  font-size: 18px;
+}
+
 /* —— Netboot dialog —— */
 
 netboot-dialog,
@@ -2866,7 +3197,7 @@ extension-editor-dialog,
 .extension-editor-dialog {
   position: fixed;
   inset: 0;
-  z-index: 80;
+  z-index: 85;
   display: grid;
   place-items: center;
 }
diff --git a/src/util/prefs.ts b/src/util/prefs.ts
index d0e175f..1ed7c07 100644
--- a/src/util/prefs.ts
+++ b/src/util/prefs.ts
@@ -2,9 +2,13 @@
 
 import type { ZipExportStyle } from '../fs/appledouble';
 
+export type DefaultViewMode = 'icon' | 'list' | 'column';
+
 export const PREFS_STORAGE_KEY = 'classicstack.prefs';
 
 export interface AppPrefs {
+  /** Finder view when no URL `view` parameter is present. */
+  defaultView: DefaultViewMode;
   /** When false, Finder hides items with the AppleDouble/Finder kIsInvisible flag (and Icon\\r). */
   showHiddenFiles: boolean;
   /** When false, skip Icon\\r / resource-fork icon reads and use DIR/FILE system glyphs. */
@@ -16,6 +20,7 @@ export interface AppPrefs {
 }
 
 const DEFAULTS: AppPrefs = {
+  defaultView: 'icon',
   showHiddenFiles: false,
   readFinderIcons: true,
   autoExpandFiles: true,
@@ -26,6 +31,10 @@ export function parsePrefs(raw: unknown): AppPrefs {
   if (!raw || typeof raw !== 'object') return { ...DEFAULTS };
   const parsed = raw as Partial<AppPrefs>;
   return {
+    defaultView:
+      parsed.defaultView === 'list' || parsed.defaultView === 'column' || parsed.defaultView === 'icon'
+        ? parsed.defaultView
+        : DEFAULTS.defaultView,
     showHiddenFiles:
       typeof parsed.showHiddenFiles === 'boolean'
         ? parsed.showHiddenFiles

From d7fcde21545e2d2e466043505e88bdb451e268e0 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Fri, 21 Aug 2026 11:54:09 +1000
Subject: [PATCH 11/12] feat(finder): shared catalog capabilities, Finder
 menus, and Windows resource tools

Publishes the Finder host surface the ClassicStack-go SPA already imports but
that had never left this working tree, which is why its CI could not resolve
NodeRef, CatalogCapabilities, or classicstack-web/ui/settings-icons.

- fs/catalog-caps: NodeRef, VolumeIdentity and per-backend CatalogCapabilities
  (AFP, SMB, NCP, EtherDFS, local share) plus the ref key helpers, re-exported
  from finder/index as the shared public contract.
- fs/capability-catalog, fs/volume-chrome: capability-aware catalog wrapper and
  volume chrome/URI helpers.
- fs/zip-export, fs/winicon: zip export and PE/NE icon extraction.
- ui/finder-file-menu, ui/finder-view-menu, ui/menu-shortcut: Finder File and
  View menus split out of the window with shared shortcut rendering.
- ui/settings-icons, ui/win-resource-explorer: Settings window iconography and
  the Windows resource explorer.
- icons/classic, icons/ui: artwork backing the above.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 README.md                                     |    12 +-
 icons/classic/AppleShare.gif                  |   Bin 0 -> 244 bytes
 icons/classic/MacTCP Prep.gif                 |   Bin 0 -> 418 bytes
 icons/classic/apple-ip-gw.png                 |   Bin 0 -> 530 bytes
 icons/classic/appletalk-cp.png                |   Bin 0 -> 586 bytes
 icons/classic/appletalk-mac.png               |   Bin 0 -> 441 bytes
 icons/classic/bios.png                        |   Bin 0 -> 377 bytes
 icons/classic/dos-prompt.png                  |   Bin 0 -> 401 bytes
 icons/classic/ethernet gateway.png            |   Bin 0 -> 577 bytes
 icons/classic/ethertalk.png                   |   Bin 0 -> 437 bytes
 icons/classic/gateway-settings.png            |   Bin 0 -> 548 bytes
 icons/classic/group.png                       |   Bin 0 -> 249 bytes
 icons/classic/ibm-share.png                   |   Bin 0 -> 483 bytes
 icons/classic/ip-tunnel.png                   |   Bin 0 -> 610 bytes
 icons/classic/ipx-cp.png                      |   Bin 0 -> 369 bytes
 icons/classic/localtalk-bridge-cp.png         |   Bin 0 -> 515 bytes
 icons/classic/localtalk-bridge.png            |   Bin 0 -> 476 bytes
 icons/classic/mac-group.png                   |   Bin 0 -> 493 bytes
 icons/classic/macipx-cp.png                   |   Bin 0 -> 387 bytes
 icons/classic/macipx.png                      |   Bin 0 -> 399 bytes
 icons/classic/mactcp.png                      |   Bin 0 -> 557 bytes
 icons/classic/macx.png                        |   Bin 0 -> 469 bytes
 icons/classic/monitor.png                     |   Bin 0 -> 458 bytes
 icons/classic/novell.png                      |   Bin 0 -> 1873 bytes
 icons/classic/open-transport-cp.png           |   Bin 0 -> 535 bytes
 icons/classic/osi-cp.png                      |   Bin 0 -> 486 bytes
 icons/classic/pc-cp.png                       |   Bin 0 -> 468 bytes
 icons/classic/pc-disk.png                     |   Bin 0 -> 465 bytes
 icons/classic/phonenet.png                    |   Bin 0 -> 436 bytes
 icons/classic/prompt-cp.png                   |   Bin 0 -> 469 bytes
 icons/classic/serial-switch.png               |   Bin 0 -> 448 bytes
 icons/classic/tcp-cp.png                      |   Bin 0 -> 612 bytes
 icons/classic/user.png                        |   Bin 0 -> 184 bytes
 icons/classic/users.png                       |   Bin 0 -> 430 bytes
 icons/classic/windows-mac.png                 |   Bin 0 -> 616 bytes
 icons/classic/windows-share.png               |   Bin 0 -> 511 bytes
 icons/classic/windows-share2.png              |   Bin 0 -> 441 bytes
 icons/classic/windows-share3.png              |   Bin 0 -> 511 bytes
 icons/ui/NetwareBridge.png                    |   Bin 0 -> 9988 bytes
 icons/ui/ShareApple.png                       |   Bin 0 -> 7325 bytes
 icons/ui/ShareDos.png                         |   Bin 0 -> 22000 bytes
 icons/ui/ShareFolder.png                      |   Bin 0 -> 5850 bytes
 icons/ui/ShareNetware.png                     |   Bin 0 -> 11050 bytes
 icons/ui/ShareWindows.png                     |   Bin 0 -> 15910 bytes
 icons/ui/icons8-25-de-abril-bridge-100.png    |   Bin 0 -> 2545 bytes
 icons/ui/icons8-25-de-abril-bridge-50.png     |   Bin 0 -> 1470 bytes
 ...icons8-apple-computer-logo-rainbow-100.png |   Bin 0 -> 2333 bytes
 .../icons8-apple-computer-logo-rainbow-50.png |   Bin 0 -> 1228 bytes
 icons/ui/icons8-apple-inc-100.png             |   Bin 0 -> 1938 bytes
 icons/ui/icons8-apple-inc-50.png              |   Bin 0 -> 994 bytes
 icons/ui/icons8-application-window-32.png     |   Bin 0 -> 264 bytes
 icons/ui/icons8-application-window-48.png     |   Bin 0 -> 199 bytes
 icons/ui/icons8-application-window-96.png     |   Bin 0 -> 330 bytes
 icons/ui/icons8-archive-32.png                |   Bin 0 -> 302 bytes
 icons/ui/icons8-archive-48.png                |   Bin 0 -> 393 bytes
 icons/ui/icons8-archive-96.png                |   Bin 0 -> 822 bytes
 icons/ui/icons8-archive-folder-100.png        |   Bin 0 -> 1344 bytes
 icons/ui/icons8-archive-folder-32.png         |   Bin 0 -> 489 bytes
 icons/ui/icons8-archive-folder-48.png         |   Bin 0 -> 515 bytes
 icons/ui/icons8-archive-folder-50.png         |   Bin 0 -> 752 bytes
 icons/ui/icons8-archive-folder-96.png         |   Bin 0 -> 1074 bytes
 icons/ui/icons8-backend-development-100.png   |   Bin 0 -> 2453 bytes
 icons/ui/icons8-backend-development-50.png    |   Bin 0 -> 1226 bytes
 icons/ui/icons8-binary-file-32.png            |   Bin 0 -> 643 bytes
 icons/ui/icons8-binary-file-48.png            |   Bin 0 -> 795 bytes
 icons/ui/icons8-binary-file-96.png            |   Bin 0 -> 1492 bytes
 icons/ui/icons8-bios-100.png                  |   Bin 0 -> 9071 bytes
 icons/ui/icons8-bios-50.png                   |   Bin 0 -> 3567 bytes
 icons/ui/icons8-broadcasting-100.png          |   Bin 0 -> 3075 bytes
 icons/ui/icons8-broadcasting-50.png           |   Bin 0 -> 1605 bytes
 icons/ui/icons8-c-drive-2-100.png             |   Bin 0 -> 1932 bytes
 icons/ui/icons8-c-drive-2-50.png              |   Bin 0 -> 1026 bytes
 icons/ui/icons8-code-file-32.png              |   Bin 0 -> 546 bytes
 icons/ui/icons8-code-file-48.png              |   Bin 0 -> 599 bytes
 icons/ui/icons8-code-file-96.png              |   Bin 0 -> 1221 bytes
 icons/ui/icons8-command-line-100.png          |   Bin 0 -> 1433 bytes
 icons/ui/icons8-command-line-32.png           |   Bin 0 -> 460 bytes
 icons/ui/icons8-command-line-48.png           |   Bin 0 -> 552 bytes
 icons/ui/icons8-command-line-50.png           |   Bin 0 -> 788 bytes
 icons/ui/icons8-command-line-96.png           |   Bin 0 -> 1017 bytes
 icons/ui/icons8-connected-100.png             |   Bin 0 -> 1251 bytes
 icons/ui/icons8-connected-50.png              |   Bin 0 -> 763 bytes
 icons/ui/icons8-console-100.png               |   Bin 0 -> 1025 bytes
 icons/ui/icons8-console-50.png                |   Bin 0 -> 573 bytes
 icons/ui/icons8-disconnected-100.png          |   Bin 0 -> 1387 bytes
 icons/ui/icons8-disconnected-50.png           |   Bin 0 -> 906 bytes
 icons/ui/icons8-dll-32.png                    |   Bin 0 -> 399 bytes
 icons/ui/icons8-dll-48.png                    |   Bin 0 -> 465 bytes
 icons/ui/icons8-dll-96.png                    |   Bin 0 -> 833 bytes
 icons/ui/icons8-dos-100.png                   |   Bin 0 -> 3096 bytes
 icons/ui/icons8-dos-50.png                    |   Bin 0 -> 1588 bytes
 icons/ui/icons8-edit-property-100.png         |   Bin 0 -> 1358 bytes
 icons/ui/icons8-edit-property-50.png          |   Bin 0 -> 907 bytes
 icons/ui/icons8-electronics-100.png           |   Bin 0 -> 1023 bytes
 icons/ui/icons8-electronics-50.png            |   Bin 0 -> 584 bytes
 icons/ui/icons8-environment-care-100.png      |   Bin 0 -> 4230 bytes
 icons/ui/icons8-environment-care-50.png       |   Bin 0 -> 2141 bytes
 icons/ui/icons8-exe-32.png                    |   Bin 0 -> 461 bytes
 icons/ui/icons8-exe-48.png                    |   Bin 0 -> 577 bytes
 icons/ui/icons8-exe-96.png                    |   Bin 0 -> 1056 bytes
 icons/ui/icons8-fork-100.png                  |   Bin 0 -> 1500 bytes
 icons/ui/icons8-fork-50.png                   |   Bin 0 -> 836 bytes
 icons/ui/icons8-gear-100.png                  |   Bin 0 -> 3193 bytes
 icons/ui/icons8-gear-50.png                   |   Bin 0 -> 1558 bytes
 icons/ui/icons8-gif-32.png                    |   Bin 0 -> 456 bytes
 icons/ui/icons8-gif-48.png                    |   Bin 0 -> 558 bytes
 icons/ui/icons8-gif-96.png                    |   Bin 0 -> 1014 bytes
 icons/ui/icons8-happy-mac-100.png             |   Bin 0 -> 1332 bytes
 icons/ui/icons8-happy-mac-50.png              |   Bin 0 -> 849 bytes
 icons/ui/icons8-hdd-100.png                   |   Bin 0 -> 1873 bytes
 icons/ui/icons8-hdd-50.png                    |   Bin 0 -> 980 bytes
 icons/ui/icons8-ibm-100.png                   |   Bin 0 -> 1344 bytes
 icons/ui/icons8-ibm-50.png                    |   Bin 0 -> 890 bytes
 icons/ui/icons8-ibm-pc-dos-5.0-logo-100.png   |   Bin 0 -> 4826 bytes
 icons/ui/icons8-ibm-pc-dos-5.0-logo-50.png    |   Bin 0 -> 2162 bytes
 icons/ui/icons8-image-32.png                  |   Bin 0 -> 766 bytes
 icons/ui/icons8-image-48.png                  |   Bin 0 -> 900 bytes
 icons/ui/icons8-image-96.png                  |   Bin 0 -> 1775 bytes
 icons/ui/icons8-image-file-32.png             |   Bin 0 -> 396 bytes
 icons/ui/icons8-image-file-48.png             |   Bin 0 -> 511 bytes
 icons/ui/icons8-image-file-96.png             |   Bin 0 -> 996 bytes
 icons/ui/icons8-integrated-circuit-100.png    |   Bin 0 -> 997 bytes
 icons/ui/icons8-integrated-circuit-50.png     |   Bin 0 -> 589 bytes
 icons/ui/icons8-jpg-32.png                    |   Bin 0 -> 496 bytes
 icons/ui/icons8-jpg-48.png                    |   Bin 0 -> 679 bytes
 icons/ui/icons8-jpg-96.png                    |   Bin 0 -> 1252 bytes
 icons/ui/icons8-layers-100.png                |   Bin 0 -> 1625 bytes
 icons/ui/icons8-layers-50.png                 |   Bin 0 -> 1081 bytes
 icons/ui/icons8-mac-client-100.png            |   Bin 0 -> 1409 bytes
 icons/ui/icons8-mac-client-50.png             |   Bin 0 -> 762 bytes
 icons/ui/icons8-mac-folder-100.png            |   Bin 0 -> 712 bytes
 icons/ui/icons8-mac-folder-50.png             |   Bin 0 -> 393 bytes
 icons/ui/icons8-mac-logo-100.png              |   Bin 0 -> 2110 bytes
 icons/ui/icons8-mac-logo-50.png               |   Bin 0 -> 1117 bytes
 icons/ui/icons8-moment-sharing-100.png        |   Bin 0 -> 2425 bytes
 icons/ui/icons8-moment-sharing-50.png         |   Bin 0 -> 1267 bytes
 icons/ui/icons8-monitor-100.png               |   Bin 0 -> 582 bytes
 icons/ui/icons8-monitor-50.png                |   Bin 0 -> 375 bytes
 icons/ui/icons8-multicast-100.png             |   Bin 0 -> 2613 bytes
 icons/ui/icons8-multicast-50.png              |   Bin 0 -> 1339 bytes
 icons/ui/icons8-netware-logo-100.png          |   Bin 0 -> 3698 bytes
 icons/ui/icons8-netware-logo-50.png           |   Bin 0 -> 1927 bytes
 icons/ui/icons8-network-card-100.png          |   Bin 0 -> 1293 bytes
 icons/ui/icons8-network-card-50.png           |   Bin 0 -> 902 bytes
 icons/ui/icons8-network-gateway-100.png       |   Bin 0 -> 2227 bytes
 icons/ui/icons8-network-gateway-50.png        |   Bin 0 -> 1170 bytes
 icons/ui/icons8-notification-100.png          |   Bin 0 -> 1904 bytes
 icons/ui/icons8-notification-50.png           |   Bin 0 -> 968 bytes
 icons/ui/icons8-old-computer-100.png          |   Bin 0 -> 697 bytes
 icons/ui/icons8-old-computer-50.png           |   Bin 0 -> 415 bytes
 icons/ui/icons8-online-100.png                |   Bin 0 -> 2873 bytes
 icons/ui/icons8-online-50.png                 |   Bin 0 -> 1434 bytes
 icons/ui/icons8-pdf-1-32.png                  |   Bin 0 -> 456 bytes
 icons/ui/icons8-pdf-1-48.png                  |   Bin 0 -> 620 bytes
 icons/ui/icons8-pdf-1-96.png                  |   Bin 0 -> 1219 bytes
 icons/ui/icons8-pdf-32.png                    |   Bin 0 -> 428 bytes
 icons/ui/icons8-pdf-48.png                    |   Bin 0 -> 516 bytes
 icons/ui/icons8-pdf-96.png                    |   Bin 0 -> 941 bytes
 icons/ui/icons8-ps2-female-100.png            |   Bin 0 -> 2274 bytes
 icons/ui/icons8-ps2-female-50.png             |   Bin 0 -> 1167 bytes
 .../icons8-pseudo-minidin-8b-diagram-100.png  |   Bin 0 -> 5065 bytes
 .../icons8-pseudo-minidin-8b-diagram-50.png   |   Bin 0 -> 2367 bytes
 icons/ui/icons8-radio-tower-100.png           |   Bin 0 -> 4815 bytes
 icons/ui/icons8-radio-tower-50.png            |   Bin 0 -> 2407 bytes
 icons/ui/icons8-resources-100.png             |   Bin 0 -> 4056 bytes
 icons/ui/icons8-resources-50.png              |   Bin 0 -> 2158 bytes
 icons/ui/icons8-rj45-100.png                  |   Bin 0 -> 1448 bytes
 icons/ui/icons8-rj45-50.png                   |   Bin 0 -> 973 bytes
 icons/ui/icons8-router-symbol-100.png         |   Bin 0 -> 1909 bytes
 icons/ui/icons8-router-symbol-50.png          |   Bin 0 -> 996 bytes
 icons/ui/icons8-scroll-32.png                 |   Bin 0 -> 421 bytes
 icons/ui/icons8-scroll-48.png                 |   Bin 0 -> 399 bytes
 icons/ui/icons8-scroll-96.png                 |   Bin 0 -> 794 bytes
 icons/ui/icons8-server-100.png                |   Bin 0 -> 811 bytes
 icons/ui/icons8-server-50.png                 |   Bin 0 -> 556 bytes
 icons/ui/icons8-service-100.png               |   Bin 0 -> 2993 bytes
 icons/ui/icons8-service-50.png                |   Bin 0 -> 1548 bytes
 icons/ui/icons8-services-100.png              |   Bin 0 -> 2433 bytes
 icons/ui/icons8-services-50.png               |   Bin 0 -> 1247 bytes
 icons/ui/icons8-settings-1-100.png            |   Bin 0 -> 4513 bytes
 icons/ui/icons8-settings-1-50.png             |   Bin 0 -> 2025 bytes
 icons/ui/icons8-settings-100.png              |   Bin 0 -> 2747 bytes
 icons/ui/icons8-settings-50.png               |   Bin 0 -> 1456 bytes
 icons/ui/icons8-shutdown-100.png              |   Bin 0 -> 2403 bytes
 icons/ui/icons8-shutdown-50.png               |   Bin 0 -> 1210 bytes
 icons/ui/icons8-switch-100.png                |   Bin 0 -> 1336 bytes
 icons/ui/icons8-switch-50.png                 |   Bin 0 -> 818 bytes
 icons/ui/icons8-unicast-100.png               |   Bin 0 -> 2119 bytes
 icons/ui/icons8-unicast-50.png                |   Bin 0 -> 1082 bytes
 icons/ui/icons8-usb-2-100.png                 |   Bin 0 -> 913 bytes
 icons/ui/icons8-usb-2-50.png                  |   Bin 0 -> 519 bytes
 icons/ui/icons8-usb-connector-100.png         |   Bin 0 -> 1540 bytes
 icons/ui/icons8-usb-connector-50.png          |   Bin 0 -> 834 bytes
 icons/ui/icons8-user-groups-100.png           |   Bin 0 -> 1808 bytes
 icons/ui/icons8-user-groups-50.png            |   Bin 0 -> 935 bytes
 icons/ui/icons8-vpn-100.png                   |   Bin 0 -> 1079 bytes
 icons/ui/icons8-vpn-50.png                    |   Bin 0 -> 744 bytes
 icons/ui/icons8-wi-fi-100.png                 |   Bin 0 -> 1984 bytes
 icons/ui/icons8-wi-fi-50.png                  |   Bin 0 -> 1086 bytes
 icons/ui/icons8-windows-95-100.png            |   Bin 0 -> 4795 bytes
 icons/ui/icons8-windows-95-50.png             |   Bin 0 -> 2424 bytes
 icons/ui/icons8-wired-network-100.png         |   Bin 0 -> 841 bytes
 icons/ui/icons8-wired-network-50.png          |   Bin 0 -> 568 bytes
 icons/ui/icons8-work-boot-100.png             |   Bin 0 -> 1846 bytes
 icons/ui/icons8-work-boot-50.png              |   Bin 0 -> 1055 bytes
 package.json                                  |     6 +-
 src/finder/afp-finder-api.ts                  |    97 +-
 src/finder/api-catalog.ts                     |   269 +-
 src/finder/api.ts                             |    34 +-
 src/finder/catalog-copy.ts                    |    29 +-
 src/finder/index.ts                           |    12 +
 src/finder/types.ts                           |    32 +-
 src/fs/capability-catalog.test.ts             |   116 +
 src/fs/capability-catalog.ts                  |   329 +
 src/fs/catalog-caps.ts                        |   267 +
 src/fs/empty-catalog.ts                       |    36 +-
 src/fs/expand-inplace.ts                      |   478 +-
 src/fs/extension-map.ts                       |     1 +
 src/fs/icon-cache.test.ts                     |    90 +
 src/fs/icon-cache.ts                          |   151 +-
 src/fs/import-transfer.ts                     |  1554 +-
 src/fs/name-conflict.ts                       |    16 +-
 src/fs/remote-vfs.ts                          |   174 +-
 src/fs/resource-types/vers.ts                 |     4 +
 src/fs/virtual-fs.ts                          |   260 +-
 src/fs/volume-chrome.ts                       |    73 +
 src/fs/welcome-pack.ts                        |    13 +-
 src/fs/winicon/bmp.test.ts                    |    47 +
 src/fs/winicon/bmp.ts                         |   167 +
 src/fs/winicon/decode-res.test.ts             |    65 +
 src/fs/winicon/decode-res.ts                  |   197 +
 src/fs/winicon/exe-fixtures.ts                |   166 +
 src/fs/winicon/extract.test.ts                |    79 +
 src/fs/winicon/extract.ts                     |   103 +
 src/fs/winicon/ico.test.ts                    |    52 +
 src/fs/winicon/ico.ts                         |   253 +
 src/fs/winicon/index.ts                       |    50 +
 src/fs/winicon/ne.test.ts                     |    25 +
 src/fs/winicon/ne.ts                          |   136 +
 src/fs/winicon/pe.test.ts                     |    39 +
 src/fs/winicon/pe.ts                          |   237 +
 src/fs/winicon/read.ts                        |    25 +
 src/fs/winicon/rt.ts                          |    93 +
 src/fs/winicon/table.ts                       |   215 +
 src/fs/winicon/version-info.test.ts           |    69 +
 src/fs/winicon/version-info.ts                |    95 +
 src/fs/zip-export.test.ts                     |    93 +
 src/fs/zip-export.ts                          |   106 +
 src/main.ts                                   |     9 +-
 src/protocol/binary.ts                        |    30 +
 src/services/afp-server/server.ts             |  2446 +--
 src/ui/about-dialog.ts                        |     4 +
 src/ui/app-menubar.ts                         |   604 +-
 src/ui/file-preview.test.ts                   |     2 +
 src/ui/file-preview.ts                        |     9 +-
 src/ui/finder-file-menu.test.ts               |    37 +
 src/ui/finder-file-menu.ts                    |    91 +
 src/ui/finder-host.ts                         |     2 +
 src/ui/finder-sidebar.test.ts                 |    15 +
 src/ui/finder-sidebar.ts                      |    18 +
 src/ui/finder-view-menu.test.ts               |    52 +
 src/ui/finder-view-menu.ts                    |   117 +
 src/ui/finder-window.ts                       | 12318 ++++++++--------
 src/ui/format-bytes.test.ts                   |    13 +-
 src/ui/format-bytes.ts                        |     7 +
 src/ui/lucide-icon.ts                         |     4 -
 src/ui/menu-bar-track.ts                      |    29 +-
 src/ui/menu-shortcut.ts                       |    29 +
 src/ui/resource-fork-explorer.ts              |   963 +-
 src/ui/settings-icons.ts                      |    31 +
 src/ui/settings-panel.test.ts                 |     5 +
 src/ui/settings-panel.ts                      |    33 +-
 src/ui/settings-window.ts                     |    27 +-
 src/ui/styles/tokens.css                      |  7640 +++++-----
 src/ui/transfer-list.test.ts                  |    38 +-
 src/ui/transfer-list.ts                       |    16 +-
 src/ui/win-resource-explorer.ts               |   519 +
 src/ui/window-layout.test.ts                  |    64 +-
 src/ui/window-layout.ts                       |   535 +-
 src/ui/window-resize.ts                       |   267 +-
 src/util/transfer-activity.test.ts            |    22 +
 src/util/transfer-activity.ts                 |    55 +-
 vite.config.ts                                |    27 +-
 283 files changed, 19058 insertions(+), 13385 deletions(-)
 create mode 100644 icons/classic/AppleShare.gif
 create mode 100644 icons/classic/MacTCP Prep.gif
 create mode 100644 icons/classic/apple-ip-gw.png
 create mode 100644 icons/classic/appletalk-cp.png
 create mode 100644 icons/classic/appletalk-mac.png
 create mode 100644 icons/classic/bios.png
 create mode 100644 icons/classic/dos-prompt.png
 create mode 100644 icons/classic/ethernet gateway.png
 create mode 100644 icons/classic/ethertalk.png
 create mode 100644 icons/classic/gateway-settings.png
 create mode 100644 icons/classic/group.png
 create mode 100644 icons/classic/ibm-share.png
 create mode 100644 icons/classic/ip-tunnel.png
 create mode 100644 icons/classic/ipx-cp.png
 create mode 100644 icons/classic/localtalk-bridge-cp.png
 create mode 100644 icons/classic/localtalk-bridge.png
 create mode 100644 icons/classic/mac-group.png
 create mode 100644 icons/classic/macipx-cp.png
 create mode 100644 icons/classic/macipx.png
 create mode 100644 icons/classic/mactcp.png
 create mode 100644 icons/classic/macx.png
 create mode 100644 icons/classic/monitor.png
 create mode 100644 icons/classic/novell.png
 create mode 100644 icons/classic/open-transport-cp.png
 create mode 100644 icons/classic/osi-cp.png
 create mode 100644 icons/classic/pc-cp.png
 create mode 100644 icons/classic/pc-disk.png
 create mode 100644 icons/classic/phonenet.png
 create mode 100644 icons/classic/prompt-cp.png
 create mode 100644 icons/classic/serial-switch.png
 create mode 100644 icons/classic/tcp-cp.png
 create mode 100644 icons/classic/user.png
 create mode 100644 icons/classic/users.png
 create mode 100644 icons/classic/windows-mac.png
 create mode 100644 icons/classic/windows-share.png
 create mode 100644 icons/classic/windows-share2.png
 create mode 100644 icons/classic/windows-share3.png
 create mode 100644 icons/ui/NetwareBridge.png
 create mode 100644 icons/ui/ShareApple.png
 create mode 100644 icons/ui/ShareDos.png
 create mode 100644 icons/ui/ShareFolder.png
 create mode 100644 icons/ui/ShareNetware.png
 create mode 100644 icons/ui/ShareWindows.png
 create mode 100644 icons/ui/icons8-25-de-abril-bridge-100.png
 create mode 100644 icons/ui/icons8-25-de-abril-bridge-50.png
 create mode 100644 icons/ui/icons8-apple-computer-logo-rainbow-100.png
 create mode 100644 icons/ui/icons8-apple-computer-logo-rainbow-50.png
 create mode 100644 icons/ui/icons8-apple-inc-100.png
 create mode 100644 icons/ui/icons8-apple-inc-50.png
 create mode 100644 icons/ui/icons8-application-window-32.png
 create mode 100644 icons/ui/icons8-application-window-48.png
 create mode 100644 icons/ui/icons8-application-window-96.png
 create mode 100644 icons/ui/icons8-archive-32.png
 create mode 100644 icons/ui/icons8-archive-48.png
 create mode 100644 icons/ui/icons8-archive-96.png
 create mode 100644 icons/ui/icons8-archive-folder-100.png
 create mode 100644 icons/ui/icons8-archive-folder-32.png
 create mode 100644 icons/ui/icons8-archive-folder-48.png
 create mode 100644 icons/ui/icons8-archive-folder-50.png
 create mode 100644 icons/ui/icons8-archive-folder-96.png
 create mode 100644 icons/ui/icons8-backend-development-100.png
 create mode 100644 icons/ui/icons8-backend-development-50.png
 create mode 100644 icons/ui/icons8-binary-file-32.png
 create mode 100644 icons/ui/icons8-binary-file-48.png
 create mode 100644 icons/ui/icons8-binary-file-96.png
 create mode 100644 icons/ui/icons8-bios-100.png
 create mode 100644 icons/ui/icons8-bios-50.png
 create mode 100644 icons/ui/icons8-broadcasting-100.png
 create mode 100644 icons/ui/icons8-broadcasting-50.png
 create mode 100644 icons/ui/icons8-c-drive-2-100.png
 create mode 100644 icons/ui/icons8-c-drive-2-50.png
 create mode 100644 icons/ui/icons8-code-file-32.png
 create mode 100644 icons/ui/icons8-code-file-48.png
 create mode 100644 icons/ui/icons8-code-file-96.png
 create mode 100644 icons/ui/icons8-command-line-100.png
 create mode 100644 icons/ui/icons8-command-line-32.png
 create mode 100644 icons/ui/icons8-command-line-48.png
 create mode 100644 icons/ui/icons8-command-line-50.png
 create mode 100644 icons/ui/icons8-command-line-96.png
 create mode 100644 icons/ui/icons8-connected-100.png
 create mode 100644 icons/ui/icons8-connected-50.png
 create mode 100644 icons/ui/icons8-console-100.png
 create mode 100644 icons/ui/icons8-console-50.png
 create mode 100644 icons/ui/icons8-disconnected-100.png
 create mode 100644 icons/ui/icons8-disconnected-50.png
 create mode 100644 icons/ui/icons8-dll-32.png
 create mode 100644 icons/ui/icons8-dll-48.png
 create mode 100644 icons/ui/icons8-dll-96.png
 create mode 100644 icons/ui/icons8-dos-100.png
 create mode 100644 icons/ui/icons8-dos-50.png
 create mode 100644 icons/ui/icons8-edit-property-100.png
 create mode 100644 icons/ui/icons8-edit-property-50.png
 create mode 100644 icons/ui/icons8-electronics-100.png
 create mode 100644 icons/ui/icons8-electronics-50.png
 create mode 100644 icons/ui/icons8-environment-care-100.png
 create mode 100644 icons/ui/icons8-environment-care-50.png
 create mode 100644 icons/ui/icons8-exe-32.png
 create mode 100644 icons/ui/icons8-exe-48.png
 create mode 100644 icons/ui/icons8-exe-96.png
 create mode 100644 icons/ui/icons8-fork-100.png
 create mode 100644 icons/ui/icons8-fork-50.png
 create mode 100644 icons/ui/icons8-gear-100.png
 create mode 100644 icons/ui/icons8-gear-50.png
 create mode 100644 icons/ui/icons8-gif-32.png
 create mode 100644 icons/ui/icons8-gif-48.png
 create mode 100644 icons/ui/icons8-gif-96.png
 create mode 100644 icons/ui/icons8-happy-mac-100.png
 create mode 100644 icons/ui/icons8-happy-mac-50.png
 create mode 100644 icons/ui/icons8-hdd-100.png
 create mode 100644 icons/ui/icons8-hdd-50.png
 create mode 100644 icons/ui/icons8-ibm-100.png
 create mode 100644 icons/ui/icons8-ibm-50.png
 create mode 100644 icons/ui/icons8-ibm-pc-dos-5.0-logo-100.png
 create mode 100644 icons/ui/icons8-ibm-pc-dos-5.0-logo-50.png
 create mode 100644 icons/ui/icons8-image-32.png
 create mode 100644 icons/ui/icons8-image-48.png
 create mode 100644 icons/ui/icons8-image-96.png
 create mode 100644 icons/ui/icons8-image-file-32.png
 create mode 100644 icons/ui/icons8-image-file-48.png
 create mode 100644 icons/ui/icons8-image-file-96.png
 create mode 100644 icons/ui/icons8-integrated-circuit-100.png
 create mode 100644 icons/ui/icons8-integrated-circuit-50.png
 create mode 100644 icons/ui/icons8-jpg-32.png
 create mode 100644 icons/ui/icons8-jpg-48.png
 create mode 100644 icons/ui/icons8-jpg-96.png
 create mode 100644 icons/ui/icons8-layers-100.png
 create mode 100644 icons/ui/icons8-layers-50.png
 create mode 100644 icons/ui/icons8-mac-client-100.png
 create mode 100644 icons/ui/icons8-mac-client-50.png
 create mode 100644 icons/ui/icons8-mac-folder-100.png
 create mode 100644 icons/ui/icons8-mac-folder-50.png
 create mode 100644 icons/ui/icons8-mac-logo-100.png
 create mode 100644 icons/ui/icons8-mac-logo-50.png
 create mode 100644 icons/ui/icons8-moment-sharing-100.png
 create mode 100644 icons/ui/icons8-moment-sharing-50.png
 create mode 100644 icons/ui/icons8-monitor-100.png
 create mode 100644 icons/ui/icons8-monitor-50.png
 create mode 100644 icons/ui/icons8-multicast-100.png
 create mode 100644 icons/ui/icons8-multicast-50.png
 create mode 100644 icons/ui/icons8-netware-logo-100.png
 create mode 100644 icons/ui/icons8-netware-logo-50.png
 create mode 100644 icons/ui/icons8-network-card-100.png
 create mode 100644 icons/ui/icons8-network-card-50.png
 create mode 100644 icons/ui/icons8-network-gateway-100.png
 create mode 100644 icons/ui/icons8-network-gateway-50.png
 create mode 100644 icons/ui/icons8-notification-100.png
 create mode 100644 icons/ui/icons8-notification-50.png
 create mode 100644 icons/ui/icons8-old-computer-100.png
 create mode 100644 icons/ui/icons8-old-computer-50.png
 create mode 100644 icons/ui/icons8-online-100.png
 create mode 100644 icons/ui/icons8-online-50.png
 create mode 100644 icons/ui/icons8-pdf-1-32.png
 create mode 100644 icons/ui/icons8-pdf-1-48.png
 create mode 100644 icons/ui/icons8-pdf-1-96.png
 create mode 100644 icons/ui/icons8-pdf-32.png
 create mode 100644 icons/ui/icons8-pdf-48.png
 create mode 100644 icons/ui/icons8-pdf-96.png
 create mode 100644 icons/ui/icons8-ps2-female-100.png
 create mode 100644 icons/ui/icons8-ps2-female-50.png
 create mode 100644 icons/ui/icons8-pseudo-minidin-8b-diagram-100.png
 create mode 100644 icons/ui/icons8-pseudo-minidin-8b-diagram-50.png
 create mode 100644 icons/ui/icons8-radio-tower-100.png
 create mode 100644 icons/ui/icons8-radio-tower-50.png
 create mode 100644 icons/ui/icons8-resources-100.png
 create mode 100644 icons/ui/icons8-resources-50.png
 create mode 100644 icons/ui/icons8-rj45-100.png
 create mode 100644 icons/ui/icons8-rj45-50.png
 create mode 100644 icons/ui/icons8-router-symbol-100.png
 create mode 100644 icons/ui/icons8-router-symbol-50.png
 create mode 100644 icons/ui/icons8-scroll-32.png
 create mode 100644 icons/ui/icons8-scroll-48.png
 create mode 100644 icons/ui/icons8-scroll-96.png
 create mode 100644 icons/ui/icons8-server-100.png
 create mode 100644 icons/ui/icons8-server-50.png
 create mode 100644 icons/ui/icons8-service-100.png
 create mode 100644 icons/ui/icons8-service-50.png
 create mode 100644 icons/ui/icons8-services-100.png
 create mode 100644 icons/ui/icons8-services-50.png
 create mode 100644 icons/ui/icons8-settings-1-100.png
 create mode 100644 icons/ui/icons8-settings-1-50.png
 create mode 100644 icons/ui/icons8-settings-100.png
 create mode 100644 icons/ui/icons8-settings-50.png
 create mode 100644 icons/ui/icons8-shutdown-100.png
 create mode 100644 icons/ui/icons8-shutdown-50.png
 create mode 100644 icons/ui/icons8-switch-100.png
 create mode 100644 icons/ui/icons8-switch-50.png
 create mode 100644 icons/ui/icons8-unicast-100.png
 create mode 100644 icons/ui/icons8-unicast-50.png
 create mode 100644 icons/ui/icons8-usb-2-100.png
 create mode 100644 icons/ui/icons8-usb-2-50.png
 create mode 100644 icons/ui/icons8-usb-connector-100.png
 create mode 100644 icons/ui/icons8-usb-connector-50.png
 create mode 100644 icons/ui/icons8-user-groups-100.png
 create mode 100644 icons/ui/icons8-user-groups-50.png
 create mode 100644 icons/ui/icons8-vpn-100.png
 create mode 100644 icons/ui/icons8-vpn-50.png
 create mode 100644 icons/ui/icons8-wi-fi-100.png
 create mode 100644 icons/ui/icons8-wi-fi-50.png
 create mode 100644 icons/ui/icons8-windows-95-100.png
 create mode 100644 icons/ui/icons8-windows-95-50.png
 create mode 100644 icons/ui/icons8-wired-network-100.png
 create mode 100644 icons/ui/icons8-wired-network-50.png
 create mode 100644 icons/ui/icons8-work-boot-100.png
 create mode 100644 icons/ui/icons8-work-boot-50.png
 create mode 100644 src/fs/capability-catalog.test.ts
 create mode 100644 src/fs/capability-catalog.ts
 create mode 100644 src/fs/catalog-caps.ts
 create mode 100644 src/fs/volume-chrome.ts
 create mode 100644 src/fs/winicon/bmp.test.ts
 create mode 100644 src/fs/winicon/bmp.ts
 create mode 100644 src/fs/winicon/decode-res.test.ts
 create mode 100644 src/fs/winicon/decode-res.ts
 create mode 100644 src/fs/winicon/exe-fixtures.ts
 create mode 100644 src/fs/winicon/extract.test.ts
 create mode 100644 src/fs/winicon/extract.ts
 create mode 100644 src/fs/winicon/ico.test.ts
 create mode 100644 src/fs/winicon/ico.ts
 create mode 100644 src/fs/winicon/index.ts
 create mode 100644 src/fs/winicon/ne.test.ts
 create mode 100644 src/fs/winicon/ne.ts
 create mode 100644 src/fs/winicon/pe.test.ts
 create mode 100644 src/fs/winicon/pe.ts
 create mode 100644 src/fs/winicon/read.ts
 create mode 100644 src/fs/winicon/rt.ts
 create mode 100644 src/fs/winicon/table.ts
 create mode 100644 src/fs/winicon/version-info.test.ts
 create mode 100644 src/fs/winicon/version-info.ts
 create mode 100644 src/fs/zip-export.test.ts
 create mode 100644 src/fs/zip-export.ts
 create mode 100644 src/ui/finder-file-menu.test.ts
 create mode 100644 src/ui/finder-file-menu.ts
 create mode 100644 src/ui/finder-view-menu.test.ts
 create mode 100644 src/ui/finder-view-menu.ts
 create mode 100644 src/ui/menu-shortcut.ts
 create mode 100644 src/ui/settings-icons.ts
 create mode 100644 src/ui/win-resource-explorer.ts

diff --git a/README.md b/README.md
index de7befe..48c4904 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,9 @@ AppleTalk / AFP stack over **WebSerial → TashTalk → LocalTalk** in your **br
 - Advanced → **Extension editor…** maps filename suffixes to Macintosh creator/type plus a comment (saved in localStorage; used on import when there is no AppleDouble metadata)
 - Dropped BinHex (`.hqx`), MacBinary (`.bin`), StuffIt (`.sit`), and ZIP (`.zip`) are decoded into the inner Macintosh files (name, forks, type/creator); ZIP merges `._` and `__MACOSX` AppleDouble. Toggle via Advanced → **Auto-expand files**
 - Resource-fork icons (BNDL / ICN# / icl8) with `./icons` system fallbacks and a clearable local type-icon cache
-- Advanced → **Resource Fork…** (or Get Info / context menu **Resources…**) lists every resource type, id, and BNDL mapping in the selected file
+- Windows `.ico` plus icons embedded in PE/NE `.exe` / `.scr` (and `.dll` / `.cpl`)
+- Advanced → **Resource Fork…** (or Get Info / context menu **Resources…**) lists every Macintosh resource type, id, and BNDL mapping — hidden when the volume has no resource forks. Get Info type/creator editors hide when the volume has no Finder info
+- View → **Windows Resources…** (or Get Info / context **Windows Resources…** on `.exe` / `.dll` / `.ico`) lists PE/NE RT_* types with icon, bitmap, version, string, and hex previews
 
 ## Requirements
 
@@ -47,7 +49,7 @@ See the plan: TashTalk → LLAP/DDP → NBP → ATP → ASP → AFP, with a Virt
 
 Protocol codecs mirror [ClassicStack](https://github.com/ObsoleteMadness/ClassicStack).
 
-Finder UI (`src/ui/finder-window.ts`) must stay independent of archive and resource-fork codecs. StuffIt, BinHex, MacBinary, ZIP, Apple compressed resources (`dcmp`), icon/BNDL decoders, and any future **rez** decompiler live under `src/fs/` and register through `src/fs/codecs.ts` (`classicstack-web/fs/codecs`). When this repo splits into packages, those modules become their own packages (`@classicstack/finder-ui`, `@classicstack/expand`, `@classicstack/stuffit`, `@classicstack/resource-fork`, …) so a third party can ship a replacement SIT expander or rez decoder without forking the PWA.
+Finder UI (`src/ui/finder-window.ts`) must stay independent of archive and resource-fork codecs. StuffIt, BinHex, MacBinary, ZIP, Apple compressed resources (`dcmp`), icon/BNDL decoders, Windows ICO/PE/NE icon extractors, and any future **rez** decompiler live under `src/fs/` and register through `src/fs/codecs.ts` (`classicstack-web/fs/codecs`). When this repo splits into packages, those modules become their own packages (`@classicstack/finder-ui`, `@classicstack/expand`, `@classicstack/stuffit`, `@classicstack/resource-fork`, `@classicstack/winicon`, …) so a third party can ship a replacement SIT expander or rez decoder without forking the PWA.
 
 The Finder sidebar layout is owned by the host: set `RemoteEndpoint.group` / `badge` and implement `FinderHost.sidebarGroups()`. ClassicStack groups local shares vs AppleTalk / SMB / NetWare / EtherDFS clients; the TashTalk PWA keeps a single LocalTalk list.
 
@@ -64,12 +66,14 @@ ClassicStack is indebted to the following source code and authors:
 - [XADMaster](https://github.com/MacPaw/XADMaster) / The Unarchiver — [Dag Ågren](https://github.com/DagAgren), [Dirk Stöcker](https://www.dstoecker.eu/xadmaster.html), and the xadmaster library — StuffIt archive formats (also via [stuffit-rs](https://github.com/benletchford/stuffit-rs))
 - [Matthias Wiesmann](https://github.com/wiesmann) for [QuickDrawViewer](https://github.com/wiesmann/QuickDrawViewer) (PICT / QuickDraw opcode layout and PackBits; Apache 2.0)
 - [Harald Kuhr](https://github.com/haraldk) for [TwelveMonkeys](https://github.com/haraldk/TwelveMonkeys) [imageio-pict](https://github.com/haraldk/TwelveMonkeys/tree/master/imageio/imageio-pict) (PICT bitmap packing; BSD-3-Clause)
+- Icons by [Icons8](https://icons8.com/)
 
 ## Notes
 
 - Guest login (`No User Authent`) plus `Cleartxt Passwrd` and Randnum UAMs when connecting as a client
-- Resource-fork icon decoder (ICN# / icl8 / BNDL) for Finder icons; system glyphs from `./icons`; application type icons cached locally (Advanced → Clear icon cache)
-- Resource Fork explorer (Advanced → Resource Fork…) dumps types, ids, BNDL/FREF mappings, and decoded icon previews from the selected file
+- Resource-fork icon decoder (ICN# / icl8 / BNDL) plus Windows ICO/PE/NE `.exe`/`.scr` icons; system glyphs from `./icons`; type icons cached locally (View → Clear icon cache)
+- Resource Fork explorer (View → Resource Fork…) dumps types, ids, BNDL/FREF mappings, and decoded icon previews — omitted when the volume has no resource forks
+- Windows resource explorer (View → Windows Resources…) dumps PE/NE RT_* types from the data fork (icons, bitmaps, version info, string tables, manifests) with a hex dump, modeled on the Macintosh viewer
 - Desktop DB Add/GetIcon is implemented on the server
 - AFP Write uses a simplified path; full WriteContinue parity may need tuning against specific Mac OS versions
 - Netboot ChainBoot keeps the selected HFS image in browser memory for the session (writes are not persisted back to the file)
diff --git a/icons/classic/AppleShare.gif b/icons/classic/AppleShare.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f8016bb2273d2df3e0cb89fcea26d06b619f160f
GIT binary patch
literal 244
zcmV<Q01N*|Nk%w1VITk?0KxzO|NsC0%$dy0|CyQp?(XgY0079y$N&HUA^8LW000I6
zEC2ui03ZM$000BIXu90hFiKXyGbQUhX9X5Uj3n1NV49I7ah+Hy7wou2_b01$=@f#X
zV6&O^TqprR$y@>kIuNb)QUIMzCUj?^Cb8hH(M!pK1!C#38Z$T3(;oZkUW()LZ+*Ku
zBFkr3P!)J&M2CophcR4@j$AK_l8PPy0R@+r5SVNyoSB`RFchGdbDE<I8J3(J8mOsO
umYJ-roujL?tgNv=v%jLfzQ3lzIGDi363D#Do5{`;h|#Lk)EL$c2>?6L;cUzR

literal 0
HcmV?d00001

diff --git a/icons/classic/MacTCP Prep.gif b/icons/classic/MacTCP Prep.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ddc723a91b23698c5942b4b6c855a476a91834ff
GIT binary patch
literal 418
zcmZ?wbhEHbRA5kGXklRZ4+3ZY|7QT=GiT1s{Quv0W}0zY8pCdeckkZay?b}}?%k_a
zt?KCLC@(J$4Gnd1aZyrI5)>3<U|=|L;=~yS<1-9tK=%KcX=i|1{~N>EX=i{;2F0H&
zj0_AS3_2hV$W8{<e+sI7DqDSCu$U?dOfB$X%qYCmYURFO=km7p01izzHO5YUwgw+I
zj`qbD6AZ+-T^$qy^xT&-A9B!fs@U_S{K}SIUiONZbJ3gC^P1%X7(Vc_+Ljqtu;tg(
zuoek7>k6{gR@F}EGVf{D>+h(lHZvEPA;c&wnC9#>fn8W9n?Z;viYp>4Bxr)wLdJ}x
z%lOTv_s%r-GiNvR>s8T9(A45S>FvuBcfsz`l?x_50++AqYN%d6X>#^K&Yc@;pK3n8
zd+_y}!|!H%IPmEG>r*f8wH#=vyS0jSkMn{B_I3BUge*EH#Mrd3s0s*dacgvC+bT0f
zQ=>3xC410{h=WOij!lzQ6+~A}dEmA5&?Ghgd2_BhJZ4rFRH-ObZFCn@R9qbsDZs>F
F4FDfdr%M0;

literal 0
HcmV?d00001

diff --git a/icons/classic/apple-ip-gw.png b/icons/classic/apple-ip-gw.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf8eaaef7a5a2ec655c56621d1605224a0b0b156
GIT binary patch
literal 530
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XN>+|9>D8NZ!4BH!W>uM@Pr*-Mi1s{QvIV
zyH%@Jamz`+0ZKEL1o;IsI6S+N2I3@nySp%Su*!OXIQd0>A&lo2mCpilj(NH`hG?A6
zooLN>SV6$$AzQ*6<{4UVxit5xdau*m;jl=<Oa3WSW>KTazTAZJ#FObRjq}?Rk7$La
z1g`R|o+4<}qVr(?3q1yNH(n4aywkOT;f}aO`maqq35xE9N)pc}&G(zuf1v2}uHPpO
zC9bbIeew1M>l+G^Q!d;;6uYGTsH*R2udVFUd3I|s+_8L?a=qbe-G7TcNvsp%pGvNa
zF5)?{!IWLKL^32OZ>6ez)fK%D|0mYR&rN$R^<ZIEp@2gBvd(Lov(58LgWo89-W?6}
zk!p!+L`h0wNvc(HQ7VvPFfuSQ)ip5JH82e^u(UEVu`)2yHZZU<FfjXnR1`%+ZhlH;
zS|x*_rKO3kfu*j2VThp_P#q9KG}KtUssL)xfZI@#nVVW%l9*e7Zi$7JfeA!UW_0Hv
PpdJQKS3j3^P6<r_G5op?

literal 0
HcmV?d00001

diff --git a/icons/classic/appletalk-cp.png b/icons/classic/appletalk-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b5ad398fe866a3692e31881f95491933c898dd2
GIT binary patch
literal 586
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7e6l0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP{KaIC&U#<|NsC0?%lf`9Ubr9y<^zTproY4U~KH-
z;<9ShD&w@Y|7T|Y|IhG0&G;?@!%T*>nQ1c_815Py&nz!54-E}<GGbj0G=ee7+ueon
zKa=h~5GTLLFNE>@qVicl&MQwB#}JFtQzvr@9a7+Njdl`<+Ip?(|K?d6S~x_H+oy6p
zNli|eRhK2##aOK6v41^7galK<bC)>`9e#qG3=8zRKR$Y_B52vPR;hZXQD9I@f-^@)
zcRBYWeP5{+rW1~Lx$f&eP`m#6n$kj%b1$Tl?u#xk+Z4;N?x$K&lD@+mPv*0pZq|3+
zxkg)YdLAshrdG6P3P(cGb$-?WaZ}gMgzsyXpZ~Xt&C2`IK5O^G;`Mi3cPZXmo+!0I
zXzdrzS&9Yk<QtP$>|bx2|J8I)){&XpQ&b%U3=3-3Bymlhysas!<b9KT_KU25u8Gn8
z8}B*Y5?JDIx#>92*QzD15hW>!C8<`)MX5lF!N|bKRM)^<*T5vi(89{Z%*xnO+rYre
zz+lHQRRI(Yx%nxXX_X9ymX>C^21dF@W+8^gR;K1wrbZAA4UMNk@vQ;3p(HamwYVfP
ew*bu&Qxl-^5Iqi$KJEkRVeoYIb6Mw<&;$U`_0Ea_

literal 0
HcmV?d00001

diff --git a/icons/classic/appletalk-mac.png b/icons/classic/appletalk-mac.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8e291f03f308164ca2198ac7b537afdec1ac927
GIT binary patch
literal 441
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`YL6XN>+|NoATj#aBx0R_&SIpgBua^}qcckkXY
z>}I&jz))UZ9vT{|q@)B?7PfkWDNqq}NswPKkp5M6<Q|Y>O!9VjVd!9$^#F15i~K?u
z&o3&U1?0qgx;TbtoKH?r;F54=m~;LO6C)c(V}O8zP=POVqfiz1jw#Iyn+_Yqc=a$`
z*zCb1r>nQ3t;$a^fvx%Ks;j%p-{0%8=5X9~p?PNef&(*|D_9$*$yw~J{;s9?Xwg)l
ze^`H6_i|nMAquogwZt`|BqgyV)hf9t6-Y4{85o)B8kp-En1mQwSeckv8Cz-_7+4t?
z>^P<>fTAHcKP5A*lEKi@(oEODNY}_L#L(Ev)ZEI{2%@2(@iZuSHQ+XsWag$8mn7yE
cpjl#S0yG|?$Klb(eLy`7p00i_>zopr0G8m1Bme*a

literal 0
HcmV?d00001

diff --git a/icons/classic/bios.png b/icons/classic/bios.png
new file mode 100644
index 0000000000000000000000000000000000000000..289e4cf827f9ca8e9df68bb769933b5000dfba42
GIT binary patch
literal 377
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE0wix1Z>k4zl0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+ueoXe|!I#{XiaLevw}Y<M~D9vw)mrPZ!4!
zkK=Erp5{DYz~el>IsFWW>?-Ay73&ts?P?VDSRnXgMSJca&W9^!{$u{Zu&~PKgu(_k
z$B71~zVWFXcx!s`vRK2prwk&iy*WNFGLfjC-^^0M)3Em(M+m>~4v*)?xeOJI+>5NI
zK4UD+2U@3E;u=wsl30>zm0Xkxq!^40j7)V6%ykV+LJTdeOw6o|Ewl{`tPBj~HtH=w
z(U6;;l9^V?U}$M+rfXoNYh)H;Xl!L_Ze?N#(cq^uKOLw+18ze}W^QV6Nn&mRnkA+{
XZBRY+ZVL;5dKf%i{an^LB{Ts5L`id&

literal 0
HcmV?d00001

diff --git a/icons/classic/dos-prompt.png b/icons/classic/dos-prompt.png
new file mode 100644
index 0000000000000000000000000000000000000000..c033798366dc314154be0fefe0e72c097baebe70
GIT binary patch
literal 401
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?Oi)6XN>+|9>F!%$YMTE-nlVcR}3U3^^Vpp+Hf_
zk|4ie28U-i(m<RfZ+91l4pvzY5GTLLFNE>@qViclj-RKCV~EE2<OBs-1Fl63jBJXk
zA`3jGG#D~TG_v}{JUCG5z#8Lxk;N&-$>{=1Ow2{r7$=Su4#v!f#Y)Oov>kF3_@)rz
zeMtU<grKVx&@F5I|N8u~0J@q%wZt`|BqgyV)hf9t6-Y4{85o)B8kp-En1mQwSeckv
z8Cz%@7+4t?$ZgbHf}$ZeKP5A*lEKi@(oEODNY}_L#L(Ev)ZEI%5~9IRXMQ?Rg9hA&
klFZ!H;*!MN0yIlZf!d&Y>fII=0QE3<y85}Sb4q9e02D58O#lD@

literal 0
HcmV?d00001

diff --git a/icons/classic/ethernet gateway.png b/icons/classic/ethernet gateway.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a37ed34da0d349c3a91a16b00508ea98da63e9d
GIT binary patch
literal 577
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC}9xb6XFV_|NsAg_wL<y@80d+y}P5M<II^et5&UY
zadA0w=6`v4`CXuj-3+0jp-M_hf`Wom3Qd0lMHrL3-CY>}GwI#~aq^4&LKx34DxU@9
zeDHK}4AD4WI&m-8Ap?=t%a_s$vVOBn-yL1kqBL=xY)mU(P|Q@PxP^L6i)Z^aJ&^t(
z)mQo=FWzyoiEsUd%`G)^itB}(j&1tWXp^*1;7kCw)Po)01RSO)EL+4d)gdhDkke)z
zZ&rq55p%e?b-SFH1TXjfeL3S>cFBQl(>HZ9PS9c4z#g+)vMH`6zSJ`*Fx0Ii`ufA4
zvs{ap^!r}4+)zA2Dy_t05!)Sp`Bl#)tOT6*R$pBgAO1@2+J46PsaJPTscQ9KxBV?k
zN|E%7KhLEFYR~Wa6%xrD5XrhDgyH%#0l}%f3EKQ7xtuq@*7HsLEY|at_2$OZ%zG;G
zM}dA<Epd$~Nl7e8wMs5Z1yT$~21cg32Ijg3rXdC<R;CtKrY713237_JnNPAUP&DM`
zr(~v8G8kG~n&}!C=^7b_7#dianp+u~LNu`b_gW9spaHj`Br`X)xFj*R0L2nhE1*3l
X1`s_5w>ZxS>S6G7^>bP0l+XkK<v7r}

literal 0
HcmV?d00001

diff --git a/icons/classic/ethertalk.png b/icons/classic/ethertalk.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4b160639f36c834bbba67001d83ece3362d1309
GIT binary patch
literal 437
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk^Bp4<?JfR8VBzpw;GB8xBF)%c=FfjZA3N^f7
zU???UV0e|lz+g3lfkC`r&aOZkpafHrx4R1izm<{QVjzz(zsN6y@%*ClSwPNwPZ!4!
zjq{}wH}W1);Bk#rT3C_hmG)5T)#uy-%}ow|aSCSyWc0dtJ73P5ms8JtL0l}jhEXSj
zA)Sw{qDZjU(UR@*Vogzo|IcN;jJK8k3##f=TA($#LFLriz=W68H#GgLXZS|WJNM|q
zV!zXd0oT44Tol$?(8}CVaBuT52f=%tcAtM`w{dtL2x=`#kFiy&m|^tBFz?o;428_&
z`)wWLt=U8z)>J<;1Nw?VwZt`|BqgyV)hf9t6-Y4{85o)B8kp-En1&cwS{a#G85n6B
z7+4t?nEgL0ilQMmKP5A*lEKi@(n#0PP}k5R#Lx_=4u~KcEG`8v18UHK+fb63n_66w
em|K8uiG`Jc2}Dn3bmt+U9tKZWKbLh*2~7Z}&x;`d

literal 0
HcmV?d00001

diff --git a/icons/classic/gateway-settings.png b/icons/classic/gateway-settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6cdf3298bca610d4d28491aef51cbbf75f89daf
GIT binary patch
literal 548
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`PI6XN>+|9>F!|CyOU#@)Mj)6!;kbaViDyLaz?
z_wL=QRjbaNIb$Nm`4Xszu_VYZn8D%MjWiG^$=lt9p@UV{1H{QM@(W=+zo>i`kaNk?
z#W6(VeD6d<zC#8)t`FHPmgxAL<qe3CSX=et)RCB#uQ+cpmpGr%iD_84{7Bi830^!k
zuB*O$`u%ruj@f^1hBvcCoNjR5IIePhL70OUPnsdalS!?NLXE2}kFoNl1ynxD{i%9|
z>BA~X#b&RzZ+gsoI%iEb4)DEf()Y1v(kxkD7D>JYN!u#M&u0FC%x70he0PXt3*c?n
zW4;tC^GDplnqk9HhEGfPyfCa_7I^&hrr!H=PLmT)^7(2Q1)WUt(%ShhF*a<0#c3&-
z_pQ%9X@=V0`@@``9>vx5`Pm7e?^H`%BT7;dOH!?pi&B9UgOP!esjh*!u7OF2k&%^=
zft9I|wt<0_fx&(2#wjQoa`RI%(<&JZEiFxS4J>sH3_}b}fa-t<qCqAl-WaGs18ze}
kW^QV6Nn&mRx+SJo#>Nmm^-dQXfO;4_UHx3vIVCg!09Ss(>;M1&

literal 0
HcmV?d00001

diff --git a/icons/classic/group.png b/icons/classic/group.png
new file mode 100644
index 0000000000000000000000000000000000000000..f993e7cab51d3b7ee066a1ce04eaff227552675a
GIT binary patch
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmUKs7M+SzC{oH>NS%Lfwo-U3d
z6}R3_cNA(+;Bd9gEq~>A?_`!Ew=4S#?%rhMoZtQYT1$ewsviC0QhHH;sp9D8N(U!y
zM$zpKKFkxQWzA#$DZ}PCgYi|*76ul<XACS2r~gf7@MYF}+^~%O)f@8zQpXFJCq(RE
z-rId_FN;)RdBeerUy2)~y_~!lW_Rr4QQ9!^%&ot{X@>;ZRT%ClKY8bnU)_}J_Ds&<
wZQCvB4U7V70<;7z7`U3=GU~Dv)$V5~y)~nc|JH*wK({k^y85}Sb4q9e0LmU*Q~&?~

literal 0
HcmV?d00001

diff --git a/icons/classic/ibm-share.png b/icons/classic/ibm-share.png
new file mode 100644
index 0000000000000000000000000000000000000000..561046996fad999e161effd2a666a0ac49e4eac3
GIT binary patch
literal 483
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OQ!6XN>+|9=LCcV|E(1Cagy%uKrp{F{Ir#*!ev
zU<QY0H_||yByV>Yh7ML)4-hB6$S;KP{G#$%K+a-M7sn8d^S%8Kd6^YCTJO*0KEc+;
zskhMFaW`Y)|4=To@Q-i$g;ak1so?5Zkr%i@Fv+m^_FjWBw>8}zQGZzqK6i_qw0&r`
zP3q=OM};^0SX_(M9*N%H>a)Xr?ajy6wQa?derC=)+G*(R^Lu7$uaa`#I-9s~oA)OQ
zO;=`JdHCqiMAnYEK`NX_ueh)ZCoO-re@@!0)^$&&ZP?gZAU%`wLhYsft>za^6u($}
zUF8CFu4;*EL`h0wNvc(HQ7VvPFfuSQ)itotH8Ke?GO#kXv@$T#HZZU<Fo@lMVh4(b
z-29Zxv`U}`0|Sr-L&Fe5ODiK|D`P{521Ca6zkwPw;5L+G=B5^xB<2>NSz=;lWo!)5
U(`_%@1k}Ue>FVdQ&MBb@09U@Il>h($

literal 0
HcmV?d00001

diff --git a/icons/classic/ip-tunnel.png b/icons/classic/ip-tunnel.png
new file mode 100644
index 0000000000000000000000000000000000000000..b00183b020a44e78cfc5a50d464b1fb9fc89c345
GIT binary patch
literal 610
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7e6l0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP{K06C&cyt|NlTHkbL*<-QBx)ckkYP=FER%<Ft;B
zj<mEht5&UYadA;nQaW?y%*_A)(`Kd_r=>CMW+*Q&w^9fNna)@e<QL4~@a#q!h?C^)
z?!wT)D(eB_<QMscFrHsjJ`2eC?djqeVsU!z<l99p3IZ;<1x*c(<^TUDUsk@p!#ike
z?o|G7g|j3RA`PxDYMOaUiTSn9C(eM&=?weMd`)>I`eNT<h7zWm<~JU&FSwdf$8kG=
zQFp0&N)v-%jB7&a+pSKDE%9Dmp$FS`98XY~BE+Q3{GqpD3g13ygOaM$Bh6ldrjP8n
z-fZblelD=;KX*dwXP@WF&;I|FeNeEYP50y5l7MoC=myPL3-|wQ7x-)aR;eF*8xVhM
zPRrl5IWg}X)+$WTed#r`tW(0+q;YW=L+QkYsTS`~GhNsoeS3xIoX-`ufjRqx-#3W<
zJ+kBE%r{4Petf@CU$%LTPw2Yu_pkqF?|#k4CBN@SGcXubOI#yLQW8s2t&)pUffR$0
zfsv`Mfw``MX^4TPm63^+fswX>ft7)Q+5e-WC>nC}Q!>*k84N8gjdTr-bd8Kc49$V+
yfC!@Dq4irOpau=N4JDbmsl_FUxdrH!SXddDK=forcOC-jVeoYIb6Mw<&;$U5l<JHC

literal 0
HcmV?d00001

diff --git a/icons/classic/ipx-cp.png b/icons/classic/ipx-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8bdb5927252d62b9ef3ff44a34637af227483ea
GIT binary patch
literal 369
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmUKs7M+SzC{oH>NSs54@H9TD$
zLn>~)o!-dXqQK)Cc~ErDQ7DQzC<;V7eyjOrE!B8wI-^3xUQ1z5Sd>bOKvHV!4DG`P
zF6)aJBCeZiGF`Z(YsL7bcK>QA2DRDCUK%K}zu5Io-H0(_tr_E)&pB)llBY1%{FZGg
zi(I}{uwjMvw*#36LSng`UcTm^@M)4N*CvKjDzB>Z<UCet9k}a1;nd}{hDoj(mvvt~
z>|JDVMQ6Wo+jNF|of=!iy&1lT^i)T6EOF0u3!kQYT4?sNkGK2&GxW1gIH?n}G>xAj
z!oNzrAw-lvf$`C;ZEN`%KK-!htCnpsX7N46_(D$MMf1Lj{!Od77(BBr4{Xc*J+(gH
zPLZqq!J>~DJfaHaCd{@viuwnvj_mKLwQ)|d{qFE>`<`1jH!QQ8D7ExZ(4qa$fnmtt
M>FVdQ&MBb@0HL{+E&u=k

literal 0
HcmV?d00001

diff --git a/icons/classic/localtalk-bridge-cp.png b/icons/classic/localtalk-bridge-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb3d295430ca1b1b54da1e239bd4ba799c46af53
GIT binary patch
literal 515
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`PI6XFV_|NsAg_wL;@XU@EP_s+$|<;<D?<>loJ
zyBY2>FocGNu3EK9;_^E$pgP7RZ+92Q|4h2~K%D#{zYxari^^vKIr}_a978nD=T5Zd
zYj)sq>Ft~%W+uKtBUo{v#=^x9*aX8D_)S+@?iHmcUjOazx*5kF8O}3gS`czIEo;Fm
zmU10g7ExZEl!966AqCOXma``$#Okv>dns|pdxDc~1y8`@ZJStno~<}~^L-dg57VKg
z7X=;8Jos&`e<lB6dB%Abxhsrcs@ao@JlF!yC^+Ofs;t~FEn!0fa|dgOlEr@Gy?u4f
zt8$Z$g|6)@2|uV-^kw5g?Om^5Xe(c3`t!+pn{Go;eG9W2OG?7SXF#8*mbgZgq$HN4
zS|t~y0x1R~10xe%Ljzqy(+~qAD?<w_Q%h|F11kfA<u`U}qG-s?PsvQHWH7X}G}ARS
z)HSpWF*LU_G_x`?gJ}5mLbM2|K?80>NoH<paY<rs0h%R723Cfq5Ir9LNrpf@44$rj
JF6*2UngGp-vAX~O

literal 0
HcmV?d00001

diff --git a/icons/classic/localtalk-bridge.png b/icons/classic/localtalk-bridge.png
new file mode 100644
index 0000000000000000000000000000000000000000..7977118bbf90c8a328ed0c17271e0dcf44608969
GIT binary patch
literal 476
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XN>+|9>F!%$YMTE-q)z0D1q*%gf)rd&jVw
z;VuJ%-qq|tpfqDikY6x^!?PP{AWo9Ey9+}HtE>lzlV9W)!gzjB`79u3f~SjPh{pM~
z6VLJ<R^Vy<$hOU#V|&c(o&zjXB@~&T9NDW}@+isYfKuQRugc}i`=84nVC;+$uNIWr
zkg``N!kOd!a)uWb_mX<Jf^J=Wr>Nlm<8kMXrY-3oOgowW++Pr1&yv-3dFsL|e#|qL
z?>=(luuN~mt=A#Pc|*#*V$5A%Fa+v^J^!TTAhh7oixo!lm#tRRId4(fvsZI&6wqy|
zC9V-ADTyViR>?)FK#IZ0z{o_`&_LJFG{nHj%Fx2f)Kc5Pz{<d2`Hh{LC>nC}Q!>*k
z84N8g&2$Y7bqy^;49%?!&8&>fAR2zX5G?{~(16=el9`)YT#}eufM$u2ft8^tM30Am
Rk|9tJgQu&X%Q~loCID?4qNM-;

literal 0
HcmV?d00001

diff --git a/icons/classic/mac-group.png b/icons/classic/mac-group.png
new file mode 100644
index 0000000000000000000000000000000000000000..09316e2daa1250b2a3ae53080289d3afd2a13d78
GIT binary patch
literal 493
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`PI6XN>+|9>F!%$YMTE-q)z0D1qFl$02DGlYhQ
z-eq7YFE8)t=-`g;uLde&ED7=pW^j0RBMrn!@^*J&=wOxg0CDn*{6ZMdFDjn}<jnST
zaSYKopPazJ>?k47@Ii8Ff`j1lhE0YN3M@V`2NXOeHVWp+g*b4mi)C5PaKu7+M}yH3
zi||z(9c^uGT8i8pj(?o`8iF(=STq}LR<yhkpP^g8xI-+7MWpc<r>5g#MwJCz+gxv0
z=<4!nEQn*ds&p|YhfV0h92QZBOH7O#B3j&;nL`q;t_oE+o7rj5cz1XC`d0>KZX63T
z85zp?0s?AfSRVqNsaoP1QIe8al4_M)lnSI6j0}uSbq&mQ4NOA}EUk=8tPISx4GgRd
z3{sB2+JvGZH$Npat&+je(h{h_NY}tH#L(Ev#L~*p0-_<`af2C9g9hA&lFZ!H;*!MN
d0(46(tPIQ`dj1`m@fxUy!PC{xWt~$(697oyl@kB}

literal 0
HcmV?d00001

diff --git a/icons/classic/macipx-cp.png b/icons/classic/macipx-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..67338e865a4a0676cb1c13bb13dd5ea346ac9f33
GIT binary patch
literal 387
zcmV-}0et?6P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004XF*Lt006O%
z3;baP0003xNkl<Zc-qaD3lW1b42Ej~3uwUtTF`<8EX)EH(9#jMaw*NT?C7}rZ^teP
zU(%#)2qDDA3bECb0c_j$(f)q^N=o*UEw&*<1AGIn>w3rq!oj!!a3D*j+(#4}8Q>bg
zlBuEWJ^(`&-m?1vydQ9Y6ad=HI@VQ=K>-Bg*l0ZhHp4KGG68VTCxFtF31FUMCMro5
zU?2ZXc!{)Scm_ad%;x}v9vH{*Apm@KprF$<v4@Wez&W!3O~%l+!4x_UHx&T>e3c`a
z9I_MAkvUa~x(W#6=Q)Jxw_;`rBmi<l;{c!uVT{1I@B7$w-60X6Sp`r--tGa<MdDXF
z0if(H^rzQyqoggi`c4SlZ!I5&PK{;pQvsG`G3g2b!E5}ACGb2rPzrAKxjly0xdwpS
hJ>U^l-fDoBdIOmZ%#G)Nf&~Bo002ovPDHLkV1li-p2GkD

literal 0
HcmV?d00001

diff --git a/icons/classic/macipx.png b/icons/classic/macipx.png
new file mode 100644
index 0000000000000000000000000000000000000000..714d60837a3ea07dd911cba5ec213ace29bee994
GIT binary patch
literal 399
zcmV;A0dW3_P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004XF*Lt006O%
z3;baP0003-Nkl<Zc-qyMiw%Sz42GS>SzN(cT)`Dw!4+-=S6~*-5;;Lz=nrUeCV$RI
zAKyWFb=KN$f2>j++2^E<ci6g@<l~JIY2*G3jWMV8Z`-yxl_U=#qPQ2y00)FQ0suo4
zDU5*wgb-YiuuWrE1i&TI*krmM13(i1AbNm`By9n5weUDVrl?Sm8-QwRWrjfI&jEBm
z<)#Xg+J|9ar2>$gNfCfB{vKdiY$WbaiU9ixd{a0~sluf8aU5R+V20?w0j6oH2A~+y
z_L~Km=ULppwE*u-!vcupLR1R?pA|#^`uI7MB-a73XRfx*dqDD`S>YuDKzqRxJ<tN6
zss^~Aecu-!HZ=Z80CM&!O`h|Q0M>PNE0`}9??}I45oyKwQ+!(JC|BK?u#p@9csDFw
t1;x8zt83O3LLIktaufpU0knHH`T}=c;{UNDsDuCj002ovPDHLkV1hzgp;`a{

literal 0
HcmV?d00001

diff --git a/icons/classic/mactcp.png b/icons/classic/mactcp.png
new file mode 100644
index 0000000000000000000000000000000000000000..9fb78453b1facc632deef159aa68f31f72033596
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004XF*Lt006O%
z3;baP0005xNkl<Zc-qBR3z35`6pV#hsD)a<0v51<g<6OOEMNf(SinNA8~S?7yO%Vf
z=^QgV1xmB~ejDmS2rh+ro`ZAlfUfJp{eBPp-1T}5xpi_#fAJ*rkBi$dyx{jQqYxHw
zRz#9qi2J_(1CR?q?BX&@xLhvbV*ywc3ofw+E{x+CfwTkDG)161z`CxHeE)RSBFvg2
za**HrU`8#GGn!-o3rp%nK*T_wa!%LHdVp(x5byvFAAXPcoZp+W*%Z74_@e+O_e3rk
z*qg9{07T-6Oay51uLzJjG8v1|*<f#APdFuD@7^Uw0ukKpmJfImf!}CntP-%3yTd%o
zjLXc62Z$$#0PTpDlj`$q2J~#}+2;)8YLEL8gk%V?o_8rf7f00lfYkh5<CThVxn0fL
z4S{Xj%=;GJi709mDFI3aat-tiuq;c2?xCEBVgXoKH<ivrN<dCTl>qMef60IzIf)$P
zU+)1+K=UbRCE%0~d{P3-?W&yci~t=ON8IGCI47VLd69tUqOT)IUIO-xVgWMWDRMpU
z^1S$i<(^d;C?U55<RY&U!1y!+)jfb65{rRUw&9u{V3#xlOuhBs#Y4ye?1UvEs;5A2
vD7>jKIgejU5sstR833{VyQM{xxLpoE%*1A%n1F!)00000NkvXXu0mjf2EX>s

literal 0
HcmV?d00001

diff --git a/icons/classic/macx.png b/icons/classic/macx.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a82f216eb26b55130d5b010da3c5d7ea58954e1
GIT binary patch
literal 469
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OQ!6XN<G41l~<t5*F#GxN;MH22>tE(7_DB|(0{
z3=Yq3q=7g|-tI089jvk*AWnXfUkKy*Mdh=AoT;8Jjv*T7d(U6wJ*>dv8rZHEVC?w$
z38Pji^ApZZ{|%1LXmXqyRo5_^*|XzCLfWRn4|mfUa;MgAVm<fm!I!`7JQq%~%w>6?
z(%>eR@O)!S&%alk5))Gl+>;uV4Fx)z9pi2<xV@|X-ICZzAxq*WpZ>x3Q)okr%2TIl
zk{%%<tRfw&+#FXdJaU06L%VxJcYRC9|9>CDE10j;D7M`be)JdUK-Ci0h?11Vl2ohY
zqEsNoU}Ruqs%v1bYhW5;U}<G!Vr5{WZD3$!U=XVRK_5j!ZhlH;S|x*_rKORsp@FV}
zQHUW>HApE$!=Fm=TR;sOa2rZ8b5n~;5_1dCEwO-Gk{R832&jj_)78&qol`;+01iu`
Au>b%7

literal 0
HcmV?d00001

diff --git a/icons/classic/monitor.png b/icons/classic/monitor.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0629cb51e59ce07f5adb7e6fb1c9310b83f12aa
GIT binary patch
literal 458
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`PI6XN>+|9>F!%$YMTE-q)z0D1rK0{OccLPJB9
zl$6TL%R4$cqGX@w00kLKg8YIR9G=}s196hP-CY<uSY<sxoctoc5XSS1%4Y#N6`n4R
zAsXkC6ArNSG!-Z?hzSHWF}ubv9SdL(4k&AEQrO|p#Vzqrtf07<QTYy2W?o)Givjbh
z77@l3dw;M5%v~qK#kym!|1t)Ro<Nofxq<plmlsWQIS|k@Bl*pX7Y1hA=5VqEG=@4b
zh&XY)VQUK2p4HgJvS9`zLza+FXUnOaP@o%BOI#yLQW8s2t&)pUffR$0fsv`MfuXLE
zVThrzm64&9p_#UUft7*5rA<}$Q8eV{r(~v8G8kG~8tWRE=^7e@7@AudnOGSZLNr8P
tySxslK?80>NoH<paY<rs0lFm?R)&@kJ^z;Pm=Dy$;OXk;vd$@?2>_uHj1B+*

literal 0
HcmV?d00001

diff --git a/icons/classic/novell.png b/icons/classic/novell.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b8778fb52ed0658de3dce33c69f122ddaadf7b4
GIT binary patch
literal 1873
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
LNkvXXu0mjfsr`Pd

literal 0
HcmV?d00001

diff --git a/icons/classic/open-transport-cp.png b/icons/classic/open-transport-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..d48d57ba3398d5bd9d1c89f2681ba7feb9c43ad5
GIT binary patch
literal 535
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`zU6XFV_|NsAg_wL;@XU@EP_s+$|<;<D?cNrLV
z@7~R@o1whCJTx?P)v8s6QZHr#l`<xIySp&{XVSd~;^Y_kg)p99R6YyHIq&J>7@~2$
zbmB(dLk0q_`eve`GGZInE!~)+D51cukWw{E=Kx2~0j4V*ste8q+?o6KNZ$kV<$Lb@
z|Gt<(=jseEU6YKN%1RARRSFOGma~M}s%+p^WSn}SpmV{0?w-Oqo<XiFmOYfbal`#U
zD8v4RQ%@#+w-eo{VY|sy>a?iKsvg78P=%J@O4hHHH>QNA8RW|N-YS@LY+?KDJqH(-
zUkGkfUbZ^_;Hn5k?$_x{kFUS4V3fPfBs%i#nhMsQHRtv{Qs}O*{{75wKI@MsJsigj
zo0sl;bkyrY;?yc-px0DOTq8<S5=&C8l8aJ-6oZk0k*ThMnXZv}h=IA4sil>HiMD}(
zm4U(cqVNC|4Y~O#nQ4^_hL)CQx&|h?hL$0Q7FH$}Rz`*p4LUwojsP`iz-=hW%uOvW
iNz5%kvBbj4z|6|T0HTLY_?QAv4}+(xpUXO@geCw#`@y*Y

literal 0
HcmV?d00001

diff --git a/icons/classic/osi-cp.png b/icons/classic/osi-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac047500009298061c91270a5e2241dab1334acd
GIT binary patch
literal 486
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XFV_|NsAAUS59p?%mMP&{eBe?cTln%$ff)
zXZ}x1JF{<Q$5o&T#w2fd7smfgy7xew{35>)#`BBHX8}3OJzX3_G|rb!bmU`F<Z<QZ
zRePsW%owpD|IM8P+&$dyANoyy^Myn1dLtu?Til^%OLgZnT~OX~Elk``VaCmM?G{c7
z&%8y1He19uE2Kv)<m1YA>~31R(xKDW)qaZC8XdXL-vL*2qZZ$NHZ%9dku3dLVhy1-
z!igF?XD<yu)ZaAqiH*?j?R%8}J&soFzpH!hPabE>-fK$lwytz&UD&i-$4Npf{%81+
zCARS!ri7H-I(Od>=w#Ir*NBpo#FA92<f2p{#b9J$WU6amsB2^%VqjrqU}9xprfpzg
zWnj?BW&agLLvDUbW?ChKp{1p<u7QcJp=F4Xp_QS9m7zIA1B2zHH9!p-a2rZ8b5n~;
e5_1dCEitn)HihUBxsVMCVg^rFKbLh*2~7af)Tvzn

literal 0
HcmV?d00001

diff --git a/icons/classic/pc-cp.png b/icons/classic/pc-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d7d3fa7e4a98a2756823e5a6063a3911dae15ae
GIT binary patch
literal 468
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XFV_|NsAAUS59p?%mMP&{eBeojG%+qod>9
zyLZM6Gw(9|y$w{snB?v5!uX#__a2CoU*s3Ucz#j&EFfp9r;B5V#`(Dy4EYWj@Hhmz
z3tETyUud*Fbf-bspd@{zs^5fp3r=xPsEMAnW62Q?#jpMTVKR~jo(XI`eoIhB@M{S7
z1HEwO=eO-5!oxUhj!CG0<2`Vs-1^`@^8&BTFo!RaTX<w;#U#9>d#nu788j3QEfVl^
zZaY57>1I$vv;g-X-nY`9YVso!e;<F|nDBh!%FPb-2fi_ByvkW%v$9wR=s?vH*NBpo
z#FA92<f2p{#b9J$WU6amu4`ZtVrXGyVrFGxq-|heWni#@rQ$P+hTQy=%(O}dLrY6D
zT>~RsBeM`gV=Gg0D-%<QhR&X^!axlga2rZ8b5n~;5_1dCEHO2)GBAYbc{cSIDE=5c
MUHx3vIVCg!00a%47ytkO

literal 0
HcmV?d00001

diff --git a/icons/classic/pc-disk.png b/icons/classic/pc-disk.png
new file mode 100644
index 0000000000000000000000000000000000000000..d612837bc6323ddbf37b4ddfed8f46d20578c875
GIT binary patch
literal 465
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XN>+|9>F!%$YN*R;}vj=y><;U3q!Al9G}!
z!%U#mJX42hKxxL3AirP+hi5m^K%69RcNc~ZR#^`aC%?!qgz@~M@>xJmtEY=&h{pNk
z1Q8cD9v&ViFE=f{0D&cH4FU!F>|7eEN-SMdoEn%MR966T22<A*jvZ~Q4zNyH@UEzd
zYem~3h7bnU1knJqHfH4&3kw!>IXf&~yx7@u<>JMh%ej{FsrIV%swud7v<k_II!JS@
zVA%9=MM2~07Y*DAzgU;ZFOLtH+`NE+;Z|!bx1F@P9ne9lC9V-ADTyViR>?)FK#IZ0
zz{phBz+BhBB*f6d%EZjd#7Nt~z{<d2153qc6b-rgDVb@N42G7LX1WGOx<+OphQ?N=
z=2j-A5DlF@Uxk4hG~hOrWag$8mn7yEpjl#SVr5_m(erHTFHqz$c)I$ztaD0e0st(0
Bi%S3i

literal 0
HcmV?d00001

diff --git a/icons/classic/phonenet.png b/icons/classic/phonenet.png
new file mode 100644
index 0000000000000000000000000000000000000000..438fe010b481a03a82b6aaaeeafa56700ebc780c
GIT binary patch
literal 436
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD8V1#6XN>+|9>F!`p(|}OW1&H*U7J60r`w2L4Lsu
z4$p3+fjCLt?k)@+tg;>;PJWSJ2;=!h<+FgCa!(h>5RLOo15ffEP~h=4>v+kM%6#PC
z?y1w1*@J$ssNd+bL3R<VTk{JaP4hX^EE=D5EWY-rlj)CYp8Wg!dB=+Q{O2?|RwPWa
zYF)8t`+?h9xoNi^?(~b6P!jIk-t)<`Ag3{zTgKQc$FXTqwXCG#<?8SmyY-LG(3dzO
z(xzZN4didt64!{5l*E!$tK_0oAjM#0U}U0eV5w_h8e(W-WoT+;WTI_gU}a!n5yNSW
zq9HdwB{Qv(!O+qIsM=iD&?Lmr!phXb${4C)-cq4Rpau=N4JDbmsl_FUxdrH!0JRxF
UED=pG1BD-hr>mdKI;Vst0GDlwMF0Q*

literal 0
HcmV?d00001

diff --git a/icons/classic/prompt-cp.png b/icons/classic/prompt-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..83e0677cca506cf52c4385fda562b4788d67c4ab
GIT binary patch
literal 469
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XFV_|NsAg_wL;@XU@2|xG*r>W!TM7US1v=
z8oFxLs=EA?QlJXPByV>Y#{W#Z_duNdBEJyE^NY%70Xfq=T^vI+&L<~0u=g}+I5ac{
za<XbPu!tnAnz?}K%&~w32EhP>HfFUI4V~N)7Kd45oDV8Y5NUJ>G-14Wz`>;PLO@_i
zql1ZVh89z!Qd3jK8q=1RR)ZJ?-mAqD_m1-@^eDK9Cg{5}vRW*53}DD>V~bchfhj^i
zB0-IVLo>ulV}aO)IK|dZ1+GM0=EEu><!9z_3OlefJZcF3^HlMv3DAYAC9V-ADTyVi
zR>?)FK#IZ0z{phBz+BhBB*f6d%EZjd*h1UDz{<ctZlm536b-rgDVb@N42G7LX1WGO
zx<+OphQ?N==2j+_5Dk7h^V5MEG~hOrWag$8mn7yEpjl!H)CSd4@3yc2sE5JR)z4*}
HQ$iB}2J?xb

literal 0
HcmV?d00001

diff --git a/icons/classic/serial-switch.png b/icons/classic/serial-switch.png
new file mode 100644
index 0000000000000000000000000000000000000000..439ba341458a9e7f91622284c4a35d279b59c101
GIT binary patch
literal 448
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE0wix1Z>k4zl0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+ueoXe|!I#{XiaLevw}Y<M~D9vw)mco-U3d
z9>?E?oaQ^Cz%j@0-+z67el~IKkn-vqOElG$&oC<m?GS&e_D{8f6KMLrN6#LMI5TDO
zpN}~Apd}`7!M$Qp;b7+I#C7*ny3+rq8r!qPh`Xzn_C7AK+r4IjgZY$<1WOqW?Fyf#
z(Fx|7M)Q>Qk45Xc3JN*znBVLt`CVwU+Z2n8wbLi&?=KgA!#Ars%WNiVV#mj->Y0;r
zMar+=WZA!x@6rGGTg)7MH~kC)SNzJl33Rn;iEBhjN@7W>RdP`(kYX@0Ff!FOFxNFO
z2{E*=GBL9<G0-+Jure@EpPhLNMMG|WN@iLmgQ2CRnXZA6u8~=Yp|O>zxs|CgM1$J5
s1KWWbG~hOrWag$8mn7yEpjl#S0yG|?$Klb(eLy`7p00i_>zopr0I?pC*#H0l

literal 0
HcmV?d00001

diff --git a/icons/classic/tcp-cp.png b/icons/classic/tcp-cp.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d4c26932ab4a59254574b7326d266df9682c71c
GIT binary patch
literal 612
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7e6l0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP{KICC&U#<|NsC0?%lf`9Ubr9y$cNuRZ>zC6cj8k
zFK3wf-#9JJcxKwn|NmF5TE(!N!Pq$M|Nk?uLQh)&wJ|1nySp&{XVSd~;^Y_kg)p99
zR6YyH7Vva&46!&pHMnt8ivq_U7f;65|NdvoXGmU+HP2r@lPyv_;_KI6oi7F5IOG}s
zexJ%9D90(V{M-%!g@-+yGK+;7z67V}xaiE#ebM8qXqKXqs213E()3u|qH7V1rzeFt
zv<Uo~!05)WHGxa_h)8RO@3I%7Ie8*cGa}WNHEm_P?>xI&Zw*VOvA#+EPsa`OE*9Nt
z)L=Y(v)wFM>)3<s-yB}PNjW{6J1N;Ma^p=SuL!%W3pGlYG&l1aiYUBE=iVVCdUmz;
z)wyZG88^-)y(za{F`fO;zWe?g?@!>K!#`j0-bwe?4@;W_KPmsKeVhC8p0kyRdbHF<
z1sO3(#rccE4qd&n^i|XC!yAuB<=a|(S-j&-#WDHGjC_@6XZcM929#=vYeY#(Vo9o1
za#1RfVlXl=GSM|O&^0m-F)*?+G_^7{*ETS)GBCKNY_5!=AvZrIGp&-r(9+UW*T6#8
z$S4G;&e+n*!~&vW-9AYTpau=N4JDbmsl_FUxdrH!SXvpHLG+x+@@@d?VeoYIb6Mw<
G&;$Txd)|`(

literal 0
HcmV?d00001

diff --git a/icons/classic/user.png b/icons/classic/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f72a1424bc504026873ea53af545bf139993fec
GIT binary patch
literal 184
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmUKs7M+SzC{oH>NS%Lg~PZ!6K
zid%1|$MP`<@HF53&-U(#-`CG4I8OEic+UT=yKQMPL(JMQ3v^E|ukd`v5f^LAA^cg8
zh4CJ9#;*UT^(U-SXE;8AfkmOg@_=Y}hMKtC*=Cjs@dUN5nLQ6br5=&9;M<Tb{q2k^
g!`sg_Df2`bBVKc7&(hxZ9B4Izr>mdKI;Vst05O(A3jhEB

literal 0
HcmV?d00001

diff --git a/icons/classic/users.png b/icons/classic/users.png
new file mode 100644
index 0000000000000000000000000000000000000000..c313bd5d4d4b6e3a72e2d7c186b8df4a1e955ffb
GIT binary patch
literal 430
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD8V1#6XN>+|9>F!%*?d^XJ!J~_qSy=1Nn?4L4Lsu
z4$p3+fjCLt?k)@+tg;>;PJWSJ2;=!h<+FgCLQfaR5RLOwFCOGQpuoWzaL1v9=}yCj
z|9M-3E+p9g=wDys$;A-mFnN}$wg~$zhiYyQe=~=W2Nn+<p7Kk)u5`M8pn8J#jcY>J
z0wkFQvsjMFXuYZLQ8I}xTEp`ocai?g>6^{}Y)kr(RuiizS;Icxwt>B3y~CTW@4nRo
zEmtjZjVMV;EJ?LWE=mPb3`Pb<rn&||WD;UvW@ThzWn!dlU|?ln;4j&^3q?b2eoAIq
zC4-@*B~Z1wu7O2}p|O>Tp_QRAM8n(!^%$TA4Y&;@nYpROC5gEO=$2R@^!)nT4%EZo
M>FVdQ&MBb@02DEaLjV8(

literal 0
HcmV?d00001

diff --git a/icons/classic/windows-mac.png b/icons/classic/windows-mac.png
new file mode 100644
index 0000000000000000000000000000000000000000..971c4da599498f30b9c52a3078d7c919b2acd260
GIT binary patch
literal 616
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7e6l0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP{Jm_C&cyt|Nrmaz3b@cICJLA?%lhA!a$Mo^77Eo
z(7Qm+ZiZE>RxvQ#{r{iA#l_{!ng9ROjFps>jE&O-1qHXv-gFYEhN&dTFPMR$Z1PzP
zAdfN0+uensgH_f8$WbkEjVMV;EJ?LWE=mPb3`Pb<X1WIEy2gefh89-FmR2T)+6D$z
z1_qw#?3++D<mRVjrd0wp7#QgqnCcoBg#gtVnphcFKs5YW9;*!0paHj`Br`X)xFj*R
z0L>B;BP&Bwh#scss7oLx<`?;eFrHsjJ`2eC>*?YcVsW~3Ql!{n1r7$?yui&SZ~wlJ
zI&h3><L6Hkj|ip~_Axf^uBf@bSIMD-%VSm!%jWy(C)_*&HzY9Z;9NQ-Dm#Or($k=G
zLCc)~t{H;MelFUu?)A3Zv+Tw9MW#-e%-WOity;n<A>an9Cx@<y%J07d9*L=K0c#7s
zKF|&kP7K+}z4g*(VVBT|8&*yNxoQgyjGSIMAIiKW=<mk4)$8Gb8a`1)iGx=hWfw{b
z?wY{*InE`py>he1r!Qrk3x7Ku$eUz%Z1;Uft_pWCjrlhPWhS-+<uUbrtb0^vCGl>L
z%+vnvb^M_*71PdrezIW4J>@;_+ah{eRsY?ZtD5!UJo`6gk?We5cB}*j1cRrmpUXO@
GgeCy8so@;}

literal 0
HcmV?d00001

diff --git a/icons/classic/windows-share.png b/icons/classic/windows-share.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8b1d8c2fe3a8f588347b353bca4078a7b89e378
GIT binary patch
literal 511
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBD4`zU6XN>+|NoATj`H&IGiT21-n|<r3>0Db&%jX5
zz|g^vmc}r1CQyVy;;&pNP>!)A$S;_|;n|He5GTpo-G!lpRn`N<$uIH?VLZR6d=`+i
z%G1R$MB{vN!UACdCpHJW$(_bb7HkFv8oOsOD2i~h8W=27Y*abOz_v^zeS(mHmcC&K
z(<%=`#!d_7#PrR=9<D|Kn~gavt#?~Ao$+wIp_!z@64Yp5d^AvSiIX7Tl(`OCK^H<*
zoX@f-DhDn&-6}FQ!9#FGL!+XIq{1E<i3TyYq!&zC1&oXvxWm@R$#SF_IJSO&@}^0X
zlVSEgwRF=XQei6$CUoX$nKCk{UUAs7;?^o|psQ6&Tq8<S5=&C8l8aJ-6oZk0k*Tf$
z5SfG+SXdbvSQ#2?8yHv_7@SUYTZp0|H$Npat&+je($ZYl&`8(FEX2Ur%EZjd7^*>W
s>R~&e1`W6kC7HRY#U+Wk1?ZLlwV6UJ(bbEe57fip>FVdQ&MBb@0Q~ipyZ`_I

literal 0
HcmV?d00001

diff --git a/icons/classic/windows-share2.png b/icons/classic/windows-share2.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b59e9699aad473f4601e5d3afd81b64837a1be7
GIT binary patch
literal 441
zcmV;q0Y?6bP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004XF*Lt006O%
z3;baP0004SNkl<Zc-p;JixI;h2zA=7kQH1Zvt)(rM2iU)KPW`n+;M2Hfyd*iF#tf|
zwrv~47-8h=cUG*JU;@o^|IZh|U0IqQ$1(L@OjMPBlbq){oqK>tm19s0$UWI;P9SEQ
z>G_aq|2S>my&nXStk-)D{VQ|y`+fr;1|-4JSR+h}f4w>kXpr}Ort>xp2sHyEUnj23
z%s{VlsiGoL78F*b1EFSsf^c6a&j4ZzLTam716_)102>40#Q+FFn(Dd5R*-dZY7IbW
zJtd735xOu?Fd<eAIa#d}X(_8UfN{sG02%-sgv6|26+q)DVM$6K!16xutr(hw<+!Yx
zkC)DZFjxhjvvexL`aSbLKtZ^lC0SYpl4`Acy|j%F8Sp-GT~9-gj}Y@d@HYk!4gT<N
zp8#Cnhx0xC7uMX2EJm%PK#%VQbj{L!&yVP|+zTkD88IfihF9SP;wcj$_d?k>OvV8e
jg0l9XL})}j3~IGE(P~%%Y*2(I00000NkvXXu0mjf1Ie^%

literal 0
HcmV?d00001

diff --git a/icons/classic/windows-share3.png b/icons/classic/windows-share3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4f6c3d7402f6690026ac370abcb6c3bbb6e8acf
GIT binary patch
literal 511
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vO2U$sR$z3=CCj3=9n|3=F@3LJcn%
z7)lKo7+xhXFj&oCU=S~uvn$XBC?OZ%6XN>+|9>D82;MO;7@tWqo_Xf~e`5v)L7@2m
zGc%*yCN2WXF_i@Q1v4;|O+IS@<S{0BySp%Su*!OXIQd0>A&lo2mCpilHhH=@hG?A6
zo#@ENq{!o{-BLXvtK^379BB!D2cKt5dNv)}*YAGa7IbXm+YD!?%0Hhb^B;&}jAr~{
z{Olgv%>sMbb<_96q~&A>U05gEQ7DooQaI<)3-`K)o;lmMS;)(mXIpDW<j4vvQ&{?n
zaf#LPSMDr#wryLk|KrB9dy=>BrJUt5HI#_Uw#}WRmC@3{P`0Gge1a~+6Gmn!ff*7f
z>x7FQCW#1e8Ao2|l%1G<LsKR75BI$)H}ggQ!m2>uGpLrhMwFx^mZVxG7o`Fz1|tI_
zQ(XfKT_ckaBLgdAODh8-Z36=<1B2N8Cw8D{$jwj5OsfQHFfagVFf<G?w6rodvobV?
wXfO}%1cjUi+=i0O+|=Td#M}ZjOH9nHjEy0By6uIVfO;4_UHx3vIVCg!09T2oBLDyZ

literal 0
HcmV?d00001

diff --git a/icons/ui/NetwareBridge.png b/icons/ui/NetwareBridge.png
new file mode 100644
index 0000000000000000000000000000000000000000..22611f0c26c16c244a50ffede8a20fa2a13cc4be
GIT binary patch
literal 9988
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

literal 0
HcmV?d00001

diff --git a/icons/ui/ShareApple.png b/icons/ui/ShareApple.png
new file mode 100644
index 0000000000000000000000000000000000000000..00dd39809bf64272a9f2a2a35b9b392c53eb7bf9
GIT binary patch
literal 7325
zcmX9@bwE?!7auU`MnJ$3QqmKoJ0zqfB}aECOh9Uq5&{askPuKB=^QW|f~2H4kOt{4
zL1O$K-{1au@7;6G=X}n2=iGbWU7UfQ1_dcIDF_6j(9%?U0$f)?AUsZDLg0=^DwG(w
zfc;dojER9?2(ja95a_P4mYTA0VD`?emp^18NM!$7Y)x16g`mS20&$KYPGaO@Aft19
zRdc(L8XBkeOLtbH!YN33I%V22?Y7bLte?;GIVg&H-LM7a(H1rd)9Jxx_5#XM6yh44
z-$iSTq8ye!X#S!RskOemH}!oiC^Kl6NGnND`|qf<i}Uc@(IpzxD0gI@-H|IFyqC#A
zY?xQ1)+RV;PN~jKGXaoGlRx=~&iZLuR8_r+AC>!yYw7(T^KxVhAtnDXjxhNu_2*9~
zQj((HDTlbgnMOmZ0v@T?V&?ekv?N8%B|WqU%{%5EUa>6Pujf)=@oqVEy>$-8i?>LM
zkYk+FOMv79NZ80)n_3InEzKIlZKKNI1*SH$)=qg^Mn;W0Sa0<B$dN#sV!+P}F@ovd
zvmwcn5N$qOvdyW(-D4H-{p>(E^TF#tT`CQfkIV-n9N#80-XD8F;Q6C5kW-0eR!ZWP
z%#4(`fo2bRiAIz4MWSUs7!;H0zcs1M4iQ8A@@#F4#!$5eC8b1DN+$crO!d$}y(w*Z
z*Tc&yMRpIR6M0mpKnM5JVDG%2-Y0QZs?h2ZXeZ_dnN#{4EXnbt=6ix3axXd2#Lh)Y
zvJl1OmTjeah1`0V!~~-0IrL0`(0#UKcm*E!O~z@o;Vlpj>$&=syR3;K$(<-9B%*c*
z7A8h&k4jN!=Hwx#hZ{&jGO>oQtp@lh-cJR`9#Ay!&{TD;M<ts%?$o~i?C>FegDF{m
za(n0BAP;0*$w5+<S5B_b%90_|Ux$FkFg0V%K?CJfqXnfnGQY=4lt0%hHWqWzk-ELV
z8-iiSJWSj%w|Oy;pSbccI1v3c1;!jJzm>l2tE%nwe5Cy7RvdVo{Zng5+tf>qJh*5S
zJQ;Y_F@2*^ym=Wmi*ZgKqSrhG6MSk`OmtfKQn9i)H;s4)*HKMG4<XL26n+?dUuw28
zL+QuV#`ta*D26?+<uJG6%s-AHchXfhEwmKDF|nW@-<Ritj8hLj3XMPaNfO96R*@;<
z>wPob>iX>*6`AY3NB4;fxoU3E<v@Wqb8KvF>p_#u=d2XrmK69lX`HFH`5?HV&+%;%
z?;$(p_VRgL%f`h={r+$DAxaT^=S(y28b<i(<Zv7q^2#to*2gmK#xh~GY<<974>TZh
zD1HU<dbLuoV3M`{x8VL;HWKIm>e<oZL2sGkhw7N#lFWUlNcL<BkXQg>L^ldoKot2v
zDkzehz~|M7?jWRkWXJRln|9Z-gae+KJF)5At^<-s#`a68=R9rLC?pD_CmFk+ewing
zvHkwXD9{jcTQGW>iR@Fm0mgg+N*`t7oaiv<4ZxJ((i9Xmi#EL*DlV7)tstf#R0L5s
zpKL(vrTmdT9cH6sbkByNriL_6ozW&*;VEq%C6CL%`7rmil>#<V{?NTGchViyOlUK6
z)VEI9EMCI#9;Rn^%;)#(TQ1sS!738uWe6D)j|=3M{>9IFrO;(EfoC8f=%Shu(@Hx?
z@?WQMSjcY37&dUdYOG%IJY0(0IJj@;Obqe#W6#ZI$8?>wC;k#6m36GNB5}JR(_lF4
z7<7SO5JDrP(p9d@x<sgeO!iEu;x?$;lsQZRmqbo(RI99KZ^RyNgDIbiTSPr0CHEe(
zn1n5TfBluv?>JJ6B~;RCV4htGLcZq7TUb*_k_&w(vRP59$ThV%QAFWGz@+o0^)r$%
zG7F34#+FuoGRLPM9F3!ReCH>3w^~#Z`9UZTxfcQ5U=4Q6D`w0seDRgCxmEea*kg89
zp~GH*17@i-M3g9T|AK)%FadnpR3Wts>A8Ewrp97|<uG2DK+VZJ_(QqVRIt9xEIK5G
zXB1bRZjMm4tK>ieIxkb}*nPV8PB$xPkFzZu)CJG_c0#x0hNz{-&x(quCsrw{apG~!
z3?7r;!F7BzB9Xc*9Qn7$IcrbMMa6iKG(GO=5PAET^&Ae*tTKB1n4i7jOO;>3Kc8Au
zpOt9wU>mGCRY8+5b;kGI@yeu@+-wdoy(s?kRHET&Wt)M<dSc(dI^M1GYg0Jn-<S;2
z$Fl?1G92?|xTI3`tcMtR>iqAckM-ZA#(eNY)_(8cs}Hv%jVfG(H?F=tx;;#c4EJ^k
z5C6B*E>c!mXz+We-)2=!QtN)VRH_PzEAyaNm2KU^Ids<m2r=2#aogtu?PH~J*p1SA
zL_H)XVd*^RR}k*6>`Mz{tf9{D(B`K0upbfb0>61Nw?WmC133v9kP<^{jT$%X0~gu1
zdz$xefkJxaJniq}QA9E|ty39e*?+R&9ZgHjm!c?}T*b?$T0YsY_&hZ(Ls90>Rn@+*
z+^Nlllx_JYm_m+3qgaisBMtTldYIaRo(_is!>Oj2HVL%^698t*>B6JT!#7I;vpr*2
z^Mog~OSW;`W9;RMe?5saQ!LvPz|;pZT7n`Jaitsl$1nhuSUC4ouxj0gIPiw>jPW4N
zEYfFw)BDCwd7D^An$;7p4((v&OHqXRzqHgFUp^gfGR7{_3q=HxsA%6fd^!K@Z)qh)
z+X8G<Dbj5?IS-J_s3&#?-@ak#0v=R0zn7_*0PB}%g9T$(Bg;JYKkP-`1X#Gq9Ay!i
zNI4-M_~R6l2<=nNCh(5hHZ#U9h|kYki-t#e<H?o{P?HLEh?!$E5QLbvumGM!M^iYH
z%KMgI)tj`&`&R}G#gM1`B(=m(%CrqI*O=QFQ+IBYjJyc2(U~Q&>i-AjHhWj$G*URK
zB5FJ?%<axtE~Ls?3fPF4?H!DCQI%F_(T55B7*4`}rii4mpWr5rej;c4|3^Q*6tY2k
z9VKkd6`KxC;N@uoLrEpZ1275COdH+f%Zvvc%~y}-p}<xD6p;^PicsKubCA!~Q8<+I
z7`;gwWv`J_n`iB^Nj=C4AhT%}Cx)NQso|)ck@zQI?+0&;{+bzQEO1{FiN(v8X;Ulg
zzp|$JyjZapsdaq>W4CGLc@C93giLS;cAx6^5g^1=IkLovODk1N===AtLHl`|GHrR?
z<>ORcj5$(%Ds#zvh~#k5lQ-pmkLyb+zj>kA`tg<g8;{a~Y%7NNKdd)}Q`n5$L*`Qt
zyo&>YvZZN+gTwpax<DCav0@Sl_h#wsUlu1tb(EtBo7`vy1p<iv8{*_uE$r*Y`T&id
zRZq+V8vL+EURJ4m*3(DTc|tI;TIu0VH`psE3slM?+l!d>W13=ZIK+FD7g=~#3i$2-
ze1}Ars#<tOFvUmXl;ISe;d)%06g)#??ll<L46a-e?)=BG#260gv{j*59pJAGNb5LA
zdN3{7uz>_oXD#0~u#VhklU05A5Oy{AxsUxz1RpljUgn0F>fS+^QD><MbVbI<>b2J5
zPk!Wz?CI$+YEYp9MY(8uqtiq6WSFSQxWd?4o1>nT2h`;(+X^(^rI47;qC;p+_(V{n
zX)8=!d%qrFdp*TeKot%NF53I9&tr^zNA)FL`+Hw)95U`*^3*rKfgD-5h2ChT1HRHm
z;ZR3;rSiH1!2Q_O=d1zEqL?}2WUn~@>-RMsOv~Y54iT~NyJSB(HnTa^FWYLlBNSVU
zkn>i%&GV#xN;;$1lC$ofe%jv5d=)CUuYMZ|GLXUI@&OWP(QmgE<`{$b*JXbO_>P`j
zm)<B)IG?>6SuXRSKCcr~Yt&^kvhH!TkV8M`zlr#IEuwXfRY87@aH4^@{r!+kE$Kd1
z!qY2~1jMVZa5YmpX8F<3I(EcNa60^~aaY5}46y!9>4cZJ+k2k=+Rxt{4pFf+RJfEZ
z^FYS`!hjLTtKE(gAU?j$yUZ1`wR0I%$-fkk9~BS(L^2fLXe%0Cr1-e}ZJ^=-rA@Y1
zl>)ll+u4I*xZYHBC{;WSCULR{{RNmmGH6>}Qa71})uwY4Q?HH>_f8U{1o(}y9G4=1
z{+#T-k{TSsXs^}-IF%m(W~h9kjsWeic}XOi*xQW7s!d?>O(eo!_t`TUf9<c;{|%2P
z$ix!vF`bPEm2LG#8$#$(D*1{S>*lSCQ889b*avtUAC^M6r{?BF?uKp4Ou+y2Hz$#R
zXwIwkUJ%4R0|IDzoAwq{A$#oKu}w(3{CIl~>#lhDN`h($pB&Pk6kK}wPv_S;@>f%1
zT<3bNoM`4-h@VyI)zHfcapH!@J69gY*c7TyvOJ(RD_kU<+ZJh%s~PCMGo}AL{Li#x
zX(cC{dVmh-{*U7jL!O8TULekxFLV?D*Ng*9#nnEM?BhD3-#`l5Ox!!_(7Pk!=wLyo
z%0#yQBoC4BzdGMhIyU9hpc>EX#a1fC=h2%o|1HXr1Gp1+fWhh0?4|pVvM1IW`S{}x
z@D}1$L_Fmm?)8fR>s~W2&Te?w!{+*1hw+V^UI)~?xpCz(*CEKGYC$l2XsbHg`ms%G
z;OS%^zE~P0;0TAAsC&{lIL7RZGmr^B3I90yg5gE&*IRWvErlX;hvgiZh2n!d!TK}T
zpVoZF|C3QT^_YYN%*V|Mxb%G|ATZvO9c?)(%>uGwsPk$Ixy*1%Y0{r!8lLd3m@13m
zG5c4{<>*n<$@S21G7h~dqlR0hDy&PGlP|m)>ovw_(SaSm^!u09(**GU(^J3IABP|O
zMtZaW9!#~9JdC!2L+%B@JI?n1c_}teH0eJPG0u}+ZGN<uTZY<neLTlp6xW}dZ<DG@
zq6x)IwDAf1Yu3Z~gYB`43HF|FMXgIo)5Sqneb5ViG#An#?D*2_s%cODS;yedbF7Jm
z(Kjq*cBzqdEF%|^u3o<Bxcj$ca;Om;vJ_$l(WMB#!OE1G63f)V>Ez=umG7%U{?>-e
z(~<R^_7FudJXVU379uHD1V2bafR7@$vfXcq-`o{!vTa+mEQ=l4NJ&U;w)Vh=06tYX
z-{$aNua9tT<C#LB5uB&VKsRnCKK6z96vq}FuePeT{$P^ec1OW6UD(B9-Tk2R{el2}
zlUp~~V!XCt3n#ZO!h?r|6+KnV)8s;%FDHF3W|C`@8IM#guVL7J%+%ZYt@iVGt;X|J
z?n_0-neSjjN+%y|{kPkm%{{Lg4xSkOx!;LPy?(L{)muX={tmmiIC8n3oyHE@Y&-Gh
zysvHf`@>;=uy89&FG5;Xfc5vpv8~y#%~rRN!+Uwvb~4I0myf3Xv~B$_tj0?(#wByN
z(B8ZJO|geJ(wjVzZH~Z2flq{)^RGjXr>y>MrB+#og*d+dsPNhQN~!E@VQ`^%PPSbS
z^{0gkdF$+uph`qag7?>x#I4$Rsv+|4RN=>}9ea3R!mB-;uIahMuZAY-s)QVovSDAg
zPdlpkX$SAM>?JqOhdJ(6@KRcZ_Ib7Vk3QwgV!X?&aA?Up)+#J7c6q!SZdEifT>@Gl
z3qL&Kr5a8MS!qws5bj;s3js3V+a1hy)mj;DE5byhGiPO#{-%(j?%T6_U7021N-Jl3
zbPm)DyQ9~6l+MiYm6KCD&bpG}E_=mB92RMD3#p|ka3N3>gjG=Mh{g1mH0m_2y9yN)
zRyBLx5&kbOxxkzfRIFXm3SxJbCE{edlyN@7*~;NEZOgtGi2NoLo3OFg?-GaogsBj_
zz)}#DgfgB9(~tM&-V1t1tNhU~hb4KopRf+p<br$&5Uz$)Lv4|nFS^i^CtnI!&0fo$
zDImXDmM<}kyW3xqAhhMBoYG%q6l_eoqpBQ6B9BO(vDy-*N@CNT?s1-|9n%w<mXt*z
zJ~|79X~wj4dZ0<2%i2-72tou4=xi;sN=Fu1t<Y#+EO*}`P$dW&+hp3UszVhy3SzHB
z<tAw2yT*NX$Z|vq%zWlTwzU)q(&>J|A9;Q0Y;3{;&Y$3!WB+EgNT?r~8CL2}Pa_V6
z4G!26PvXZ)s-c_9RpCONcPoj+j#A5*8!JrEt=@uYZ)lU+-fV*woI@qN66_b~VIsE;
zqmN`>yx#h5&%))aEoEJ+T&em99nUa$z)eXlt~|V@&S)Tjpz!v&rd#EcLYDsBd`ULr
zItF(brIA6FK1#P#t2`uiMzy18yUM@1MonSgbf-rNHod<4=kDO*7n6e&)f3PM>NWsB
zb%o)XG9$&REBluQkmO4P{e|A=3CR9ik(q8)76W<C$?ha5E@YNd%OlV@*w52N4_~yk
ztdsqfWi5k5A5^k=h-`JT;g7TC{ZOTJ%ZSZv*yG}3J{6+7-tX<aeY5EXj|a5r9FjMw
zacO{maOV`PXu6yk?{`Tx!`oJ6MB`+7onEEt54EpT9G+~Bb%+;^E!{c{pwFK+cr@=f
zbSV*7rfD{b>}YowH#~;R7f2C<#&)zX*js~iI0l3W^F}YY`SMZJi-b?TN8hiQo4(n+
z7iHN@vmiMxBBI+1H4{nmw*8Iw^(a7rl>1%E3WJb2XthjOC6I?QkDE^Sq;R@ilG5i(
zyg;RfP9y;Q6i%bUp+Yp(rk8Gc`6z<#J2z(LZeLn`AJj}9IA_vHx4bzW5Jp(^Jp+Qr
z2Gi<1d-gmaVT}uE&qIiJX~_k-NVkgB3lV@UflNem>b^8&A&DU7v;X8Eh7o*+i=aue
zk<Gjv{-wX0x0v<=m@cL9t#g;zSir6WI>KaJ$O5IG%u&<BV>=V?VQYIz#&2q}6c1I_
ztK-aUw=cLcx4WUl`;r9$FB-~(KTnQ{n0&!s^Z=RApL~r<UzfL@NB(W%MivB?h@<S+
z+$T(KyLYw*ShYjmA%qtFJx`3WTeLccR#8cSYD3vTuf{5`iFoz8U9#=zC`7Broj2Af
zg3l^Xe=U2T)(P%&2e}lR2{vkuGQ0TqL2TB>nq<L_t-T4Z>i@`W{487(8tnmmvL8%)
zdYu=RnN*jIChJFX#d`E)7<I;b&=8V65GQaow)*}rRa(L8(cOXukPK)8+3CdJT2#=N
z9RXcLPs&?ces&-=3z`+@)myEOp+a)1(}75ee3?GYC5$KPuR5k24mj$e(~nj^h%)t)
zQjO?(@06Y#IqKm88~k+^Q8gZI1-Fbc`m#f4N|XWW8Vd#FLc@BiQm#<Jgf&>6P6S_D
z%Bcqg{&BEx+=`@VpF5Jr@6eDBBlzysG9|5#i?2JfX1|}>-RE_Qu$Fd5=HMdpL_-M|
zMsTFmPTgorV{$x8ehs^pM!T7zc2H<pU~bO(#5jjl2f$M;2G=Q3$pteL5pExaUHybE
zNAK{pRm(?5uW-zSYmhfcszHm>ilpKXin8BQ^gHS)0290GbWW~lS}NpD^+8U!Y@~Ey
z)bQ*bj9Er^#Ka?}zPf9fzaRl>aUxey7iVIvDVPDG=nWgk!3&-$Ma!_#=!=Z*{X%ZT
z<<=6f191@b^NI!q)Q|oqr0+*?9SERu-sUk7@^hZHJ0o4K=5yy)Jo4o`f|p|zInulF
zmFxEi6iLqArgPM%cOUkPG^q0?rmGo-x#6hnkLWu?NSt<wT?t5o$UlAstP@_g0SU^z
znj+rC?P`U562G>q9YKB*Ld+yTt)9P{Hj>r_tqk-E^B1WpSvo#4BVfk}PWo>lz0IG{
zC<M#%4~iWWJtuK~yS?$Fz$<{cYIk7a_;u_2*uf7nTWf|?VfREoHX9y{V6D-&M6*+;
z{qV+OE67q3%U%KATpKLHFE@oq6KV~Ief>^WRVcSr5cazbcvT0>@}D?~L1)H6nlhKh
z#90NW{^Gf(1GG9m^*egYJ;7tSRtaTu_<?{K!Eo;P(#0c1i|~f$44Xc0Jsd%>5!7US
z&JUxjT=2L9K@X&@I<!84Rc5jIr7*qq@kA)o<w}A}5&25<^~Dcq^!g_0RQ3MJ`mFV}
z)GVVWl>Q~$mQZmn=dWY?Sc335l_CqKPLZW$9Xl~ctvs-)ZB>fdLvDPzpPy^Gz1=Z_
z)q;k?7Mdd)<v+EC`)?NnzpOh8o8C|4X`QoRtJtX}KfcF;dtMQCF=vIgiP#VWGQ?gZ
z63Mow)f!f*((1ajLv9l&^d1X8O6pl7bYci%lfLYD9-4YAMN*`n!|YtYqqQ83eUb|w
z<)*h26r|Ff)*?!ho%Dky$hSXjLy7odwtC4jtyKcA;##89Dk6as%%jkncVHue<t)aw
z^@3%f0t^&}WrA_`=bN>6Sigt}Z9WKfe61`r>R<0v#yGb6IHHuMN>ZfR&Mt^}Sn=WX
zpq-$d5f{A&KUazi6*uN*YDN}geD{LE3;dtPgT+6zq2k5bjMh(R)U}tni=t~k-u2Gj
z=+YDBLJ}T$Fkb!6;SO9MqMdNMJx={q*Bkx7GQutIKzMV4;p+xKfAL^G%V|vbV}Z{0
zAC(9<DSB)F7bJ`Mt&e@LYmvNbM_{{D-I?tP?Lcudo{n1vMAB`yK(%&U-=;=2*lQnA
zfUux?bEoLAmF|Xh`Xj-c_B(Nw|5vq6C)+Z@i4;3?6K`waXMJ8m^2z6cL>Rp+8_=|M
zl5j>;kll;E_0_1~ESzUEZ`9ivIve70tj?s7SLE(L0^}6W(@WkGf^^3o6$b!CwL2&H
z_t^27dz8pa-Iv{RWM($*c3O|_G#N+fhWsho0-WtTKxOf~g;phbZl=p69w;-r^+R63
znP20KkRVm&L%E!I7eFu1KiH&61o(KNo0{2N9kDw;xGYtt{s0p6-I7xgW7XgO69Ftn
zvLHb-e;fy4gH-zX=7}Wt&6a`Ekn>J?n_SgCJ@*aHv9@-WQsDRHBZm4TG&0an_o>VW
z?|Z(SpA!h9$AC~qCd=#f1D}iLQBXFWov^%n8RQn(?dq6k1MEWR(a6cZTX;&SP&YC}
zthG!JHNtdyi9zwrqKG4~1(|tXp^h)9%#)zAP!1qb`@V3?|J0kRbOozd6Rk0|Ml%^{
zHJORy|0ITE7YnErvM2kxr~d8v2gA9)LhiSz`itgsztG2~<0mf*)IL*|Mdttt(qu-T
z7X2-bHnXF2VeX?REN=y-niqo69|2jAz;}mK<sZE}AL{aErBSJG$k3u-b-&}eN`{H(
z+u!OfrDJY3ViMwr5l|j&$G-)5M2aIU!R^~bNZ<Ec4R`8?>Q`aMtOE3o%Mq~;0dLXZ
zac;VFD`pPs`bn9-Md#TnP7$?;4ZNvlgNIi-uB4sZY2b0y+GiX->bf^|SNhu1s`pJC
zkk=F#KMxCIk=_1(6|BI)!Z;)vX3xt=tHbu8`Wc6&w(zUW|L}Y80dwE~EZjT0-jFH(
z=hjF}-P4Nr>_21Xao^<#psY0`+&~oRR*v>AF<i))gQ@Sg0EATVxWUc7m7~bn<TSp&
zOV19F9lcz}r@`5#pBZLO@+E@BlxAj{zvi6^CYWjL?*2C2b|88S7DL>;YaWS1FK8%4
z$?a9_K*av=XfO)be5WDKkaiHE-EMrcrgjX+7j|JMMZBF}TLL|}hCbh`?C@>rQUZ?o
zK%kDc?PaFM4v?=nLZ6_XZ9yGs={RcVd?`tAK@u35+1R~1+oBKu!E<pP#W@x5x+sSQ
Q_`eaP^+->xQUw<AKMsv482|tP

literal 0
HcmV?d00001

diff --git a/icons/ui/ShareDos.png b/icons/ui/ShareDos.png
new file mode 100644
index 0000000000000000000000000000000000000000..45a78662a8afa512ac7798f30681a90686376764
GIT binary patch
literal 22000
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
TH>C*b00000NkvXXu0mjfZ&kf$

literal 0
HcmV?d00001

diff --git a/icons/ui/ShareFolder.png b/icons/ui/ShareFolder.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4575b0e37c2a6be719b2fcb02635346be29cbdf
GIT binary patch
literal 5850
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

literal 0
HcmV?d00001

diff --git a/icons/ui/ShareNetware.png b/icons/ui/ShareNetware.png
new file mode 100644
index 0000000000000000000000000000000000000000..37fad8ae3eb40f7fb49e8a073399108538eae2e3
GIT binary patch
literal 11050
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
G{C@!EnmV8W

literal 0
HcmV?d00001

diff --git a/icons/ui/ShareWindows.png b/icons/ui/ShareWindows.png
new file mode 100644
index 0000000000000000000000000000000000000000..0058f8cbfa69a01fd68583e78721f16de5c351cd
GIT binary patch
literal 15910
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
V)$QTLzz@Gc5~8vql|p&}{|`sbqJ#hd

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-25-de-abril-bridge-100.png b/icons/ui/icons8-25-de-abril-bridge-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..59c56857425e9c0eb325780605ebcf3c3073ec4d
GIT binary patch
literal 2545
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-25-de-abril-bridge-50.png b/icons/ui/icons8-25-de-abril-bridge-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f9fdd7bbbc352f26c97e5f9f33b3f515f6ca0dd
GIT binary patch
literal 1470
zcmV;v1ws0WP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkTa7jc#RCt{2SZ!<+MHpWBfsiJI=nst=38*oMA2Hs{9S3;a%(YO2
zNJy$c8mky8wUoBkM2$es7)gj!_Yk3xU~CH(f>fX_9|3>xQL($N0TB$TMhrcAZ7GG@
znZ4URC1d8!UXOOS?X}m0nthTtncH{fdERF}_U29yELgB$!NR=?k_o&7fkuMiY2pDZ
z$6U_?R#FVk5CqN=3`^5SOc6LqF=X+ul?!7G#bf`nSC6=1UD}8VhQS0eg6D)WhJtP9
z6BCEP)wGbR=p{%o)caNhs$uu+X~GyG<hDJnAQ(+d90p+p!DmKA$^_v)ieMwbprwx(
zHc|}t3u6R=Km*0FDanXLF*q?QQi{Nv6obnIf$9WtCfGzUxJnSr5z-9ehAa3s4q@Bo
zgr3J<MKHKPu<i8`k=}B>FqLA^L9l&3L9jAuhCZSgET#x_5@dfUT_#kI^AU<*w~FA>
zxJKekRw@Y2BNzm_7s4qiZz;0Cc}&T)@8O^O8;L#3o>#48IWIDoYtm><Fo$DuD9d?C
z$$mMm*Ut!lrg$8?NtUxAC1Q%e`cU>f+FrbNnVFI6#l`DFi(H))gT37Nh)wu}2^4_?
zp+)mMgQdmm%#83_cuf?6_lJA9KO_kJ*<M)C)K*sZikXps*IU@WuBe6}*h~<pVhf+V
zKV=gx*CdMIx157>1-#xuGb6kfUK2l`)B`>+ojiW9`BqV|y@kJC17&5WhB9*9>#Yo7
z@E{)(%5q*z<;+kQcv$f`epRr&`F57$0nQZ|!U(U4*G90tMagph!fPHt%xCpR-tz9A
z($eQ*g$~mQZ(lDedbKBKNgICws0h9@*y`|{;sFH|!LFX1CD-`a7{@S;2!bH+8oTpW
zbn}`GMFL*$U%`@+S*aT76(Mej6p#I9n(4Sr5!^wLEm!f_Ts(N2U|2ysju2l3f}lHD
zBNZdTl9E}xR@3Dkt&v`ljy3u1ydOcZo**d40>e6rpf6aE-)^LlHX~v8>}kQZ?*?wK
zShgU7Z8JIw*EDs#mHRetQv_=J?mo7yv3&k2U&or&wY<&y@&3Hc$8#RuHVQKh&ef5>
z$`{wOZB4psnQ9nbmH3`bx=)RdK(Nce2xz4k^cV%fAaQ9V7(~qar7K8GBcZ38_C=so
zNCie`WGq1p&PaNQEh8fXv5X7>%g6{pEF=GSBhhlf7u_Np(KlqY>F-TtvG7f9<<Fw!
zLP1)pzFV&#rstd7n$X*j(e|I7Z&)N-o3sIcxp0EN%LNwwYy!Jdxs>sCQfyD|E6Q5-
zmJ2MyjNji9eq3yc+RgGl#wIlHD?ZjwBN4oop)}$`l77W6>&qEqiC<oP@U3l+vihU@
zm|xb}se_*~Rh)8{5#J>?QIs^VC}~kq(th;I`m+NkDdH9-{SUva-R!Rs&#RA#l77HI
zBNp1{6WQqlpZqqMM&FD|S{EnsOZxAANvjcMZCA|?=Wc9k3dKzHM#Z^KcIfy)R(rhe
zvR~4_6J<S^oEK&7A5qfI`ep4KzpPdHW$k=&zQ2ZF(oc%A7BSK|ad<mxII@@RY`n&d
zG(=hd!raI>3Q^Jq-hMYVM!E+ZwDGhyDCx#C8WSb+{FWw-eSCKC!ZxO;VQ9orMWgFa
z4J0a;boSc8Fngkcu+>MyhQ*eg)Y#0gC|kHsWt)E*$iWTFsaDyGUsIM&4bjNR%$?-U
zj0(a~jmlOY4zs+v2wPUGvgdaZHho85*eWT@`97Xsekjc5>{jo}bFszy!|aXv2+OSt
z$Aq7%=*y>5Bd<;+hDMS*kB6AKliab4OuyHS%&n#YdnLU&o?>n_4H$eSTCiZjf^hHS
YUrltX46ocZYybcN07*qoM6N<$f~h#WTmS$7

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-apple-computer-logo-rainbow-100.png b/icons/ui/icons8-apple-computer-logo-rainbow-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1018b90289317ffab4418cef9549b95d2070c40
GIT binary patch
literal 2333
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
DMR#we

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-apple-computer-logo-rainbow-50.png b/icons/ui/icons8-apple-computer-logo-rainbow-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cfef9fcc44aaf6d0848d4252e7bf4fd2d672762
GIT binary patch
literal 1228
zcmV;-1T*`IP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSen~_@RCt`#ntM!JRUF3;ID;+@CNiNLThD3BEddur#6A94L#FeQ
zsaX^?GfE;@mMKB#Ik1VYZYGSOGL=0tx1l&qRI&w`V=O&~JGZvTI_&BKu1q%N@yF(C
zMpHp(kE!C)K@05_ytm)vlaRn|zn`4*JNKpq02x!xw95&D`v`+BLXinXTTB*|Ll`_o
z7~=neDKvwq2?sHRqAi%hkwA&Rq3U%YD#AewX0UF8z!+r~bry(*5C&fkB|#|s!7LhP
z0j0;(rp+c4{uxRHQ}h~$h7g91hLm9N%0`Nkfznf9(JUqu`6dy04n#vR(`*Pi8w~FA
z9|9m6f*Cv<e8ADWW;2Kd(Go(DbKELi!fohLpp;aIYDn6k0W-L&TvRVD5!G{p{T-&z
zMi~5+FlfOHK4WfH%?|v1-lyQYG7Az2Rp*vdbT783msMCa2{T&W|Av^Mw=hG4!3P(0
zVg_F^iJIFcdmUoc&%sQy7Bkq0Df}(Sw)0^M9fZOXvzT$yv<Vcq=;AR$yMsPjguKb2
zZ!m>bCW;=aVDNTR8(dOuf%%xBj|oMda9;;gc$qNt?6e%8n4*he3(OpcB(IKtzy7no
zWtZS%_neMUvludEqB@;0^po7>$%L(jTEmtoZqda}JT{d8bou8kY>}@{>Zqq(&y_@%
zHSOZtJ-WECC0dwHJ7m}UczZfm3g27Per!ISea-!6$~dgLgK`(=0eI|s-*KCe10v0U
zO}HX=c^-h%n${ArgeVG0qjver^D&0)dVcH+0Yxlw!X`W|cX>W;Hh`2|KA?G>*J-#?
z`1wQ4QAr}a27SPdsa!E^Lk-eIs^KBo%NqlDL%m0u$X0knSt|k$N)y?J8e}hT3}6fF
zk|wfU{i^KcjRBZaha`!NR_UG^Ub~1Zic0Mh5sM5OgrqY!XK-giref&P3WJhXrF&tz
zNAB{@ar9^FN+TBO)eBv67k7^1>v<X8{=2og5sCEOsjZc}xHAad^V5e1ax^O=niE%|
zvgX7&hASz<*O#T;&Ow-;Q1+w=eR7v}PPRG=(>()sg>jlWP+n!Ls+ud8D&N`6+~re>
zaA1x-qT1zYN^Rsyq&0b~8-yE6^2WV#7j6p5C!EbIUKO@Tv&uO8@cjKF@)vKshGVL#
z$e+L1tsAQ4F5VQtXA2s9Cz75QfRwbTYA?wx&@={3d8r;qO<PK-;l&3nqwCik=W<fB
z<f8%qAq4(QR+c#GLBj<u7xBB?-bV_pcYx{0;!Upa<dBGcua`ei^kq4iuH+Ti6SY-m
zfB8QpV&1>Nb4wftrcL6iOp$%TqMEMXBPnzJ{%?8wPPcc??jEoI=SZ$yQF^Kg%v7E%
zXiuJMo2lOH{$oYi>Ce{`*zY$O#H;^flAkZ$@Nl8+v1O$5WMZ9rB-Hgc?m6$f=Y@_P
zGbRz3)kTid%uQ$d=k7S?omJn<Z+Yk3NLHoOz1rAO7|!*6!TZ*CY|hy18cf*f_Qvf!
q&r@o<hn7}!wm-hkHtCnC!SWY3x41&4KlJAS0000<MNUMnLSTZ&SVlkq

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-apple-inc-100.png b/icons/ui/icons8-apple-inc-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..11ab8e48c8683ac55a2642eae6e7b020151b040c
GIT binary patch
literal 1938
zcmV;D2W|L?P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkVL`g(JRCt{2oNZ`ZRT#&Q@1mlDAgFM=rft^dt({e|T1oFol`&sX
zL`5fxp9Cj<*#}Y3iXWs++N61DYMrj#a!=IyhHP$%iuy&JsFNY$2i=6(B=_Dlb<H_h
zx3wNQk!h8_Bx}->b8~+1hkhuzPyWw6=REg3=LP_YL?V$$Boc{4B9TZW5{X1o^V~N{
z&+#SkCKcgFe2IJy?|AB#9#rtEh>Sx-au5;9q-ywO-f`6(z9inPYWTqEBrKMy5si0z
zbpxCr*Qki>St=2WG{!s5x}YbCZ&wk?u96H25q_R`td<9AWSgqt`PGv_C`^!hc*kpL
zAR>=L4gXn6GFZ}lyN+GKJ7&wGzFxQqYWP%1BZEo9pYx8{vh+^oE>jUcTyip)lKF>u
z$8A}lMs}5z41|BXZ<3zRJ8nzjO_J+MT{r$&KM;O|cifgmMflzFMhE!_P<j^cxGnqe
z2g_N=5y|x?$<@5$wk$n}JW)nfb&5SO@{ZZks3lKV_@t`kAL1Ra<$)UhrIcxkZ7}kV
zwJv}f&aXU8kxzSf6%^ia)(sHhlglLHM>ScvpLcw9hl=p;ix%x8tl^|4^H7$xXTIIB
zMMdNVh{*0@??NLVstCWKYIw+(z>oH#xt0|_L(99p8t(9p&s@IR^)~OL7qDbOEx%pW
z$PN|Zw^T$vRyDF;)$r?3!+j8uJH3<i5>Pi#dX`Vacd+V6)$m+tyRzgb6_I`)Ds=Vr
z(X-3B97~iB<+nnFCm|xUC01m|A;Ryg34EKSM_RF!ipY0mK2_8ICI?SJ4Ue!py>pD7
zx72lR-AylM>xZi0_exFr3OZPv0<8q=Ik4XK8jYb#-N~$1&ZZvLiiH|}yO{9up4>})
zs7$gc7Kjd;-yy<BE1wLq?qb{f?D!B66}Din`kWx1W_uEO9}taVHB($1xf@6;K2kJ%
zqPXCT0vpyA92xX~nz?m%{z_2muo@mB@^cLsMyobL5IN*ckQ;#rs2WLFJQ=SpS8mrF
z?BKGslYyTDBC*{0Su3a~F&hOU0TYE=c$)^Rq^{Ryzx0kDxe$niipT_S<6sqZ-B|8K
z`=}|_J0$FU6DtFGn+Gebj`%cf3+Z10(db2mZr<j>3QE;5bwy0tFfc_OA-w~L21NL2
z-X_8dse59UHV>t#(mzG*!OT%0BE{xT4VVenpq|9vQ&hu1s+bHWSIpc2L`2od_q+{-
zYnYy{9m~;1|G$YiE$66yGZ2x|-c+hB-7=9cjtE=e@9F9PV(SMevpZQ6u$F4cZ!2+>
zcQ>XtzWN7kk55y3P+u|$i)9O>PXH0woXB2Ut~oskOm7~arPuHHgSL-ksUu?0wy<6_
zs%bDon+DVWQS(rSwgfYDV@Rj1!#Z_DOzMi7Y>ua%kt}VGXKBaibn%X7e>1t+=Y|d1
z64aL+1uLm(Fm)V=2y1Juo&-$0b{;DlW)Eg)Lz(6%9Apcm=YZ8lNcTjZx?@?oVNvBG
ziZ=LD3qVAQYY4&%|5PoA(Cc5BDNZlEO;y$?Pt>pj5jnkW!lorQ-}5$7sgPXJ>@z?_
zx+i9TWeY8D1C<J^bvSbnh=@IuN%J;Ose&5)srlx8^a3Cn&WQ0fZ}XHY$rUk&foOO}
zrlY)#Q>vuqK>D~twAZIQMyI#%HcqLcoYCxiKqNZ9rRQxJNd3v%IHgKr`&yp3elHLS
zdq_|5HcqLcY=QJCPuLLWT(2jVP4G5NsdiEZ({t^k*&BcebneW#m45NINR%?Q!9TU&
zie;Y!B48iN9OG@6vQBGC>#%XKa|~YvY8hA5c!#%H$~vkskXmqr%`Y~MWZOV3(lKnb
zu)Bx1QOY{Y9nWn8waUhjewepG$~vlfC^G|U8CT5Q%G)Gm9p#Cc+d-|<63k5VHcD9s
zH4UcoKm=T|>{GnWQr1E4xcM{?1$#)>c^jrwQ7ysr6c7n_)V#~86<5Q+6y5albQchf
z)?woZ-sUM)kRz<`0V2{lW?aR(ZoCatDyZhc%<;~#sf&Q9xTEHayiHUpq=x<!^^6z~
z0MTh3)(`PEQ>lO)VMDA&)pFdB$X?nsm?`i!R9S;sf*BJ~0S{j<hbNx9L)5CP(Vv?4
z#HU@rYPcijkO=2`l|^DVk!wVM3|JLM#QcD_$x6veQD?+>30NIRME|7bM@Ih?bw<nx
zs27}3^Ubxid>aGldHax_X$>3Sv_*{l&WM2=VSR5~*!XN?P(N%7q~^}_v)Kt6Pb@3e
z&uCNvcih}&3#3n$oCJSrp)G72aL02c{bV@X-e5_x`Afe>Q!qX2iWyr#z2c4Om$0n}
zn?JRzY0X1=&KWhMtb9JBYxL1`oe|?%dnl7yuBc#Txiez!WdB?FZz(A5nDL-1YQ!C3
zbFU+8yyJ>y{gr-k-yP4`*zSQdYEH82uyw)}nYp`?*N{jg5{X12kw_#Gi9{liNPva;
Y3)koGl?evJJ^%m!07*qoM6N<$g7V0oCIA2c

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-apple-inc-50.png b/icons/ui/icons8-apple-inc-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fd6db9b9bb82efbf22d5d393eaa13c31ef83925
GIT binary patch
literal 994
zcmV<810DQ{P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRlu1NERCt{2*<WZ=R~!fM<8*_e=!VFiY)xB}Hh<c+6)9Rx&rO{V
z!Way3;Dh+?n<5MbU15W?X_DUC)cO}OIj3TtME2l=DEhFCvA419#XtBbx%cMQ)b##N
zP^&$1Q>!&bDR|G-;Qhi6!sP~jpL2dW2{#D2apT5~n<ZpNny<tZ_G7|ML?)pV)myrc
z@lP><A2DGMB+9r|eH3=0dP;A0W*w&R*8*Un!f7*z>LvZz;u=iZztsp#+0?)Q{{+=b
zFkz$`@f;FG^^(XWbV>x~YVC$JX?}(3C77@iuOr}TA7$U8dWuBg`l}Fl9Lc~wRByqQ
zm0s)wf!}c&I?#uf-C4d|%0QPy%ey7YzO!EUWclZd@4<xqDiJu`Pt4H5HS44b)0tMB
zfo~$DyhqBEw?)pB);bR8r4PQG|6+qXHRhj56wX`Yv$(kmnwS_9I4TjQzIKWcn8gGx
z^wDzI5kx;N_evD*);dmW7GWwT>_1H4(bDb*>x4UQ{frTYh){E{wQ@^FyhC9M*TPx8
z%60@kTi${RJahsf&F_qfGwfSi5!T8`l;xd5U<x;_!vNVG>x1nSVtX2jI9u}Bj;KH=
z+;9T1Ep76S)YOC+M5g3(0?~7-#G6Od*%o<fwGfCz%Rh)6C6fmggEvHT+&8M<K%#;P
z9J0IlaN6XXPfl~cZ1BdRd<D@E&G9z5a8V$H{Zie?*3&b*Yof>lV+Qvob>2Lp@um@#
zZy3&3swt*cu5C<IRb1nq;g^k9mtQf?3538;^Q#EFbK-ub$u~9fuGOX#{tyP)ei{y2
z0Bfa10T#-e(2Bw!fpOz!(STRRD>?nO5J>2FsmDo(FRA?_1cEqU=836KoWulD#-I>O
z>!|*}laPj?JP#;F+;&JvF$NulMCZ#J*KP;Li@R)t__O>oPb@$CJ}~}K{W7vM0onM?
zX+-02ZmwNXJ+?x+M{^CH;rvracSF`MArT44g^W{(rkMJ;BRTzr5J-4{uV{(qLHI~T
zbG$ue97G}$N*R&Hq1>EENUL1<6FHH9QkW2hXo>5^a7wrT>B*boSM&>ZBbrCF@}}{7
z>m5TZ!kld!s?}7UdlR}I7&Ee=lrb0@o7xvtv;n`YUulY|k7^+{CbUBLF})eRuXG(L
z^|Z>yRjYAtLcir#3g_F8+<)ueX~9(SK$~p*ZN0~r)UI1t<i?E~Hy=%&0f9}7r))sE
Q*8l(j07*qoM6N<$f=x`>lK=n!

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-application-window-32.png b/icons/ui/icons8-application-window-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..24fea790236e73d6760beba703029c85136c624a
GIT binary patch
literal 264
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?3oVGw3ym^DWND7eeh
z#WAE}PI7_->tY7pB{_e;&7U@-QNTm-a>C`8>kmpCDU1BUcZM(a@5}nrbBzD@r%n48
ze`!m@Hogh3E4Yps9B;U>@3h^Y`Iq*;{V$$wyg@nR6~p~h`2!M1*nY|!>AU&iY5mEr
z_5}9^r=|>c6WKq%>Mxzt4>_t}+*x+upY{Cz`z!xXTqTk6Yz1?Wo9u?tD~$KuWIxnj
zVdPoNr@#Ue`loO6pLI>+EQu5~-`g#kSF)z{Hwm&caLRw>G4}p<3Fr$3Pgg&ebxsLQ
E0R5C~IsgCw

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-application-window-48.png b/icons/ui/icons8-application-window-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..078899f433b6c90b1572b036b536768b6900667e
GIT binary patch
literal 199
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWNC|K#~
z;uumf=k4W<oDB{<ZV!DPN$5S$l04RGH0iD*M@R0Pbs~I6t-sj*m|YStD5$hZG1$6j
z2`9tu{h4=Pt;_pube%DP;dptSLp4K}`*lqQ_6ZC;4h$L$Qp^t+gc_JQ7`P5FsxUAM
sFmN>-W3XtbVKF%Mq?|!XsdBM!)uCs{YL+^m0y=`h)78&qol`;+07D-<f&c&j

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-application-window-96.png b/icons/ui/icons8-application-window-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1f85467afc783436ef09c5987124dabdc621fc9
GIT binary patch
literal 330
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkQ1FkZ
zi(^Q|oVOPbda^JIxLoW!V&HQiL`y<=)`UHrK?=oJS<3XA-Z<@Ts(&54|FMBF6ztwS
z=X(FT-HaBDKIIHM7;K#N-^-i-etq}*?bl}+<}l3LB+kI_FSWlehr#CGPR0dyI1g|p
z>|#E!mG#5Vt1p=rFihiaV2aRV;7ZuZpwaM@#sa%|7jQew(_m0<c*zIzz~;x_>KK<T
XneEhgG~qQc92h)Z{an^LB{Ts5&ZKT=

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-32.png b/icons/ui/icons8-archive-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..04e875ec54050cc3cf9b0918f82c9342480b2f9c
GIT binary patch
literal 302
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?3oVGw3ym^DWNDEPqB
z#WAE}PI7_-Ys7(;$@by?7GFQx+s)bd?ri<ZP2LGSNy0(=Mw1(7@nzWk5X~{<XueTW
z?r<!FV~sR#qxoXR5A`N2D(=n;a!gqCdLIa!m|yvQf9-=X1GbGX-!&|`=3T(9vNd+m
ze&#(w-w(<@n7XBZAK!}mAGq=?dCYUFeC^qne2w}2UTp8{`qSUO|DU~mKZx_YzUqDH
zFH41e4-fsnu;_6?oyWt%4H9={0ycfPSl_-N_rLM4{6FVk?B+|Gu3P1E-(`mB!)NvV
wJ8To?n7&l|TYQiu=;I1zKR#9V9t{SDHvcVcQ;fBRfPQ80boFyt=akR{0CnMhSO5S3

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-48.png b/icons/ui/icons8-archive-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..67c4edb2e9d6d35fd99e29873cd132d1d40e3fe0
GIT binary patch
literal 393
zcmV;40e1e0P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPJ4r-ARCt{2mcdHHKomviH}W+iwRA0L8r%LuMN34NB2+|Sw(Wn^
z600smAr4)2Uq3-1NFl2yZ%h|q)J0lx9^MOga|e=l@@_(uf}r1(HaS&s5YI}kdL0D-
zQ|-p<vcd+;KLyaJP!0eqR45j@fj~NdMul<!SfN6(&<zCA0W>O<1HcLuiiK_<kPe_F
zSLo_-K^xnnk}sbYasW=RUmXC>!~k>$a|eJkF#x*<sRIxmrZNC79^PqlXY2rQ#%JCG
zbib(2()+^~{{fo4&-#SDXF9*nsDGDHSY&+WJwT%~vBUD<%dCH!*^JM;2dFiZZvkpi
z;y*xiWQq!<7J`T8FA!(#ld1mzXX7`j@7*{raJ@AtZN*yvT~wxZJf*EDvF0aVWq6IB
nIRyX$z^Vd(`C|YGQa|bg2>$eAcdgR&00000NkvXXu0mjfluDRe

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-96.png b/icons/ui/icons8-archive-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..622a02a9dfe6aaff322d8348631c5515cafc079e
GIT binary patch
literal 822
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|V0w
zPZ!6KiaBp*o%Ie0lxTl`e@DG<V=%{~MFJrLzHgJCI%zCc5%6x6T3#Od`iSe!jOPo?
zE=<p44ZOE)oyi(8PFJgYS9^`0JgT}_o%?Ri_h*%L9~yX`H$DH(^WO4|&q4<d#TEgl
ze~O>%IC3BL{%}wF{r}=SdB$6g4MhSAWNu4Oo3rq)J=2!t>ceu%9E?p2@{AlDcSIB{
zop;x>WE}t2X6q)v#KLIDBp|Ru)1j!X>_5kazPG&9Jqj!wOf@VD3I)LpPk7$`6I>vB
zTl$-XBZmOX4-N;12g?{vO5Xab>|njk{EcCgfC9${!G?wdzKoNMxBPZ*D9g#ek<6m#
zAn-t$fw6HmlS+EV_kM=AH|}jX&f(OcaKN2`iOHPR<J<+1OE>Pk`SR)A4_9{nRMy;k
z)74?~j5Ys!L<~azwl<^{zJB@Lg)xnnY1WYo&0k#@o%yc|UeKv>vsd9V$QHQ3aw`A(
zA>+H=olISKy%Q_9wl%ET`LRNK<Dc3*yPHl9*J32%y>$<)adl|BQ@>q&-rLG)Q4NvV
z^Bf)Add}7Q#{RQgTzp?(g6Q64`F`C6`EP`oHZ9l_wEBKdpZ0<qTP6IWcks@wV7#8b
z|H!G_x2xNfjb|rjRxUqx;!WC(vX7NHb1TIdCGXco{a*F(ZutJ>*JrZV?hSpteW9@a
zg1@Iud#rpmxBkYhY-8z(Tc1U;n0Rc=HVj%NY1zJZ@AoS8GCqX`j!{;Zxiw@366U!&
zG;fKon)oZh^s%N<lb&&tR9eBM{wY~`*6p%~a+xpAzVP5mI*ZAvAAkBkeEI41MlFRe
z#`rUDxP0!BJcnm9Kb|rJy8OT2FaAg0Bxh{+EG(+dG9^4a@%RU?SD&og!e8H)S5Qdi
z{41Qjv9P4z&5ZJWYd_5uQmEe<dvl%qx@T>dFYOFC{wFtXv*G8t;?ShwzMH|Zp^meO
pp<FWq54$jy0hInc9@d|cS7^T&^y`(GJ1`?Kc)I$ztaD0e0sv<-X^#K^

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-folder-100.png b/icons/ui/icons8-archive-folder-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..a372845cf56d36f0b4ea084c4d3bc6a2372d8cd1
GIT binary patch
literal 1344
zcmV-G1;6@<P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkS@<~KNRCt{2onL5MRUF5U2xHhkuI*eivc|S+bML@E4}z_ZG501+
z*2yfmF@5!AzKD(@J~&i#il{^M#hSZ;;<8rJ2e;DAWKFmAo&*<$IQQqlwQI+q{;PGZ
zHSJeUn6-CFZ=(5g&OP~k;0q=9-0=IIPjBwMCuzzUK@bE%5ClOG1VIo4K@bE%5CoAG
z9AZ@nu}&OhT?n!6BBxV!f1Uxo?0#6R9~PT|#ZZ!jSPCKbr0iam24J_rVlTmB^Cc5u
zk(9iF#ojE72#ciT1R=J)>@qBpk`;v6?Fg|8(u7zf#Q_eo%~EApOQcwAH>-4Dv3=5I
zSahT;f)M*yx(JJolto~%aK@y3Q41XR1E<>n+W@#()=Yo79+3yDT_eVnyRP(HoLZkk
zBybf2z5@ue6{Qt&cqI^PDSxBfBSLP?aO(_?uGv`{A$?WANKk&0+(SY{#GDN@?k%p6
zPgekE)Q|zM2@yHnzJOy5TZ$*-#5(y+@qaUa%D_~At82s<*>yS+4U88@$l;Y=OK*m2
zl42YsIJ)Mn^hUTdGsoJHe0sHO#2DFiW@OO!dEr8i`!7pxgnRrP@=s3q&lN5t5*U@<
z2-ieNBrsaIkZ52`dLvvDA<@8?mO}nI8N~QIO|B7RWY<|SLg3ZtDrD}PAg;XTca0b$
zyUvOcGEL_Y1)AX`goJPvg$%VMr8mNznH^}uchB7A8Zkz8of#QwNfs`In_=mVaBULS
zQb;Oh;O9flt`TEo*I6+_roDO&At9z}At6vJdJ6gDt2V?o*SbcGkzHrS2!VG)LZDXk
z6!Kd*_c>&$uT^@T6(eLabazf6KUvMv>#P_d6Yn<V6f*H%Kzf}OBjmz!jX8x}eBLL$
z&WaI|*ioNTNTR!5dYu&^WOlF}kq&nm>2y}7$I7l(dm&ffT9;eK&5Xa@B)wkkg(P=3
z<Sj&ef>Cz8S__$r1QG45$y-SDp&HCZmHM!QUP31FxZG9z@>ee*$^Y<jrRd9+K0^K+
zY)3Sot1Gpyw)7D)`i4LI{l<=ZT<%$mOFe55U*`T~Y`<T6{n`onc4vLY3H#dnnU}TK
z4g}KMmX1BUt3i7GS_w(TjEqUX^6K)x^<vx7u_qs{QRPDqdI*_1((0VxjqVdHwh0Le
zF30O3WU{x}F}WjKSLNJiWb2)deZ+If?n4_PzkJf-m|XFm`NGKZ<HfevBejlw#B<2*
zLmMHpSr!z<n^en<pA0#VD6y|1m%e%kL6#-=Gmoyy`j@uiF|o~YY5asTOY!;$x&A>Q
z<NjiJOD%qU#gAV<YfVS|JbcSbmB{rEm03Q~M+j^a$){HTzoipff%>&v?TrQz-(Huu
zjQHbqwAx$hq+$lX-_z*+u3<+t&Oh6z%FUqOLU1$U3uZ39-~-=QhoMb1>F};PT-xiy
z@BK>L1eQpMZT2eA2=s{YQ4xd~`{Xxb>Ji&`xo{yP8#YOAglm#`aAR@4NZB@jklqaU
zcx>~$n9G8Nq@{3UoAidbhhv)yu+7JcB4de^{n8ubUXAg3QDrRty9#c+2-}>O-=OK0
zq+pvpV(yAAWKm4QxEHqB2X5X_pkXMQ8?enI;O0Fg6Okb%d0!P08#)jVcEL8fDMojC
zF2tN99=M}yA_#&Y2!bF8f*=TjAP9mW2!bG(xA+@`SZqCRKOY(Z0000<MNUMnLSTYw
C?s(Av

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-folder-32.png b/icons/ui/icons8-archive-folder-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..714a5587838cdfda3368bd3a50dc5b24109ab950
GIT binary patch
literal 489
zcmV<F0T%v=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPn@L1LRCt_YU>F6XU@(FIa~OF4&u6Iqzkp%+{{;-Iu;PUbmb9^a
zKLgAE1q`SDFJSnO7td$-NE1i=U&vrX&~k($zWiUnU`JgC%x4Jwzl!Vs|3eD@|DVzz
zh+oZ=|G(di2aG{%V)Xn!r1<UsPSGsv4p_>b`2U0|aR!~z`2S;<D%fHW2C<3N_y4%+
zzyBM>6)_#KO{9%zL&yyQ7~UyXi|K&v;(eqTLUss%@OJS&iXHHZk`Tb^fP?ZGbPIul
z@)?*8IH?{=w-7j~9!jwTeoztu)NsJlK3RAOJnfgIzXNWUNx&U&yIhj~4mj?~4|l)`
zZ+`kZ;NvP~xaBbXX{{3d9B{8r^8ZmMzW-l0tNj1EN#*|$XTJaU>!s-DfE)SZ|1ZRe
z!1*9HNQ`a{csWD<{{eHJ{|_3a{@-tu0<%df3#gF@AGS#UKjz90#t&PisgMXyt67s|
z2qpNW24;)u|9*Rx|0gw0(%y3Q6Ck@V8~_6UuW0f7Kc!Lm|D^iz|EDxoQ58eXtOVHs
fwrmuPg24g+n28&B{*dN^00000NkvXXu0mjf6YAxC

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-folder-48.png b/icons/ui/icons8-archive-folder-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c9431ca50c2027c50f740d3bee070d44e13daec
GIT binary patch
literal 515
zcmV+e0{s1nP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPwMj%lRCt{2l+8*4Q5?nZqGj4<Y-71;zGxe?Xwe7MbCjFvF?xd@
zL7_GwZ9*4)fQXiQp@m^D5KOCtj0z#~#DB~nr<hS^><-=o2jM?3_x%3%jEqT1Nl8gb
z^$AC84k?yFn!O;+;K?a=z=R2(W)085MT0<h^Mi*M1p<TAMnniufa59PDh^b1fSW@(
zzdZfJ!@dU<y@PzhLT+};8vunbYr`MtHvs=~S?eIHEV%>F=0`m&DCZLo?f@gyCeRz;
zbPIaN9l)n;1p>fLj13?tGkF7iLI5BuWJ&;tXf_UjcF}O$K)a-e2jKN=!2v+C&;VG6
z^9}%-g$AIutvCQ`J4!eJJ_<StD-j0(&FGo%0M;+{>G{!z8nK`O?vgP(Ed91FG~2bL
z@;wtC;Cge$4oks%v(~w4&*+)(0L9hFp8&<Ri1+~Y-EM`bHWZvp|3EaW?}ea3Z&?+k
zji}=TF0DuLo>RpK09EEv!~K5Dt`nIy??-re1ZetkP#~_F&+Y(K<5XaPj0XTy2REMn
zJuL6H(ZKDZ>Iz^(+-Pxd^F)w3HEHvn!%Im?Nl8tVJ^_Va89~b4<?;Xk002ovPDHLk
FV1l-&*!lnf

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-folder-50.png b/icons/ui/icons8-archive-folder-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..2232a57fc1e22f1f9f69ac2de7e88ad03f1e46f5
GIT binary patch
literal 752
zcmV<M0uTL(P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQqDe$SRCt{2md|SwK^(>B;6+GENMq9)8caxbR`6=0f_fG0t?ErL
zJuCDN5K$~5_~W4HF=-IRLQNsHP5sedTWfZWU^GxgEL0K9MO#Xf(3(7%jT)C6vdQj-
zUDyW?mbWn9`7ke=A;gv~TefW3GC+uv2%_XBVq{dM<A{?kVkRL*E+a<Jw4)?v8W@a_
z{+1xj27?$$XaX?{45B0}Z|43EVB7^HJ6rPhcxV38ko&{`-kRv1#<Sg%EqS_U1WE6{
zW<YXCbO31%kocCp^@77}pF?4mX;~9&PgC8u)qy<P`56+`Hc;a6OQ85T<W-nuTGxe0
zfvH_*8iPFdt!W-6@hC4*e7n`FFw68<8#BEtjX{J!QIBDUR7?8fg+M_KNJ)=j+w&A}
z&w3PQnJyqgpwu=HR-+&BJqqhqEuoDdhE_{Z1F{%g*QZ(>G6QafS*8ofVsO1Nh(vRG
z46BGd3X@@lS*8n!M00HeF|=AzJ3(eR2uC{<W|`$cV5n*PK#HkwUA2m-ko7=*J_yu-
ztUU}`4`lU<uMT8&*k?VE%qe#r$eYt{Yk?F~A<RaU5V9i<l%9sI1F||?U#q|Va@A)Y
zkjy}}R${*k-|zTkr%$-#EOXLr4UqB@#oPg>yy?w}+UIsN8IrTPgH9c8!PIz=!jtO%
z$NV8DD(PCzo>|7;v3r;4LCP;F77kZ8oWJM)m*?;L<xDtYkrRQ$W933mwMG#K-Vb{4
zZqOq?vy8p7#BT(wMz1KA&w1;<Sj*?TP)XBvf$&-FgR0&b3*zfFpX`mtdR<R==B%0%
zN$5Dx7>jhQG05w^$ITDI9cu_8!-(_}M80A^0G{pXqAG~m$%OkL(HoHXQIq&OByN9G
i5VmaDvSrH_QK#RF4}4PViZ}590000<MNUMnLSTX`yHrR3

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-archive-folder-96.png b/icons/ui/icons8-archive-folder-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c6afeccfcc15e3030b1229f65b63aea8bc7419b
GIT binary patch
literal 1074
zcmV-21kL-2P)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00009a7bBm000XU
z000XU0RWnu7ytkR<Vi$9RCt{2n$1g8Q5c6$iweT8K(xULKQiylmO-`2g0PK6{RRF3
zZ6p_AyOxn<Mw^mguC*vy8l<K$>iBgJMn)D&?rM{zR4R!d^TvD0YG$+<nLBgtx$}GA
z2cq}FdEe)r_Z~-u0000000000000000001pgDi2BEOCcIVv0gyi7Y{`CM2$_uF;dw
zGqHz4;vR*>y6a81AR(3J_hr2C79?zm^W<l<`4%L^&irhQ9Sah+ghHZSS@W$w5^jiG
zg)H$-xd1DNcLIgPqVncjIlL1Rn($;VQFjSZq>^a7hDe%OP55};f0OO?I6a6|u25gu
zD|%6SA#(yccM<iJX1_q`aRKq^4^C27V4u4JxcT9O>Wh;a2;dBse|1fQBftYsKItTY
z(;s~8jsTwds*8~t#x{t$iyP7x;Gw6VbW4BPMEU~ww4=HZso@CX3|IY3Ux0$6Ciz9c
zcuh2Y0ji6T8VisnL4bsSoQ{A169U{!7$XP*2m<mT00PY16hN8<0we^unlMHX1P}z|
zK>!4pxha4&3j|0Aa4qW*Bk2fQANJNCkbEWJXHRuf0V}=L%Gc>z0pFfhB^AKes9vXU
z1$?|2Oe)}0Yf$+*eJkMo<&vZV_!`yg^re94m_d=#1xW=&&J@tbsG)qlz7sHSRU~cx
zX68F9l&{x!0%oq1rYvBl**pKu=L-Q*+oX}Rg((Z*Yxy44>-LR+g-5B6pUo^h_Qn|U
zg@Ea%<fotbOgDLB3~4W5W5jSyHais%smu4oX-InkUmlhxG<Wn|A<aD~cRm~9%ypF0
zctcUbb$qYt^=mI+rnxks`KtqoAGq=NM(YbbcN)@OfV{Lnrm6hoZ+GqI`?0%)?^V5i
z?FB^Y@?)CHBWJs7*9K!huI77HuU~rsL#JW|tPQ0ufbUhke(eRwi*X~UWBU=r;|U|k
z<$P!f#5C1DUqq|ntzW|NC!yJE0SHJpOI?R(;6&Upw7$@J;qo}*@RJ|k{DG7CwA`is
zuVdN^Al?O65A66CG2S_<*X<ht(J_N28;etJ{+q^P=N{GT_Kg7gErE9ekCyEk&p+cQ
z-z&}cl>qwZoiN)Ha85XU%;fOb{K8#+u72icLckBzMUcMv?t%bg$^(Uvma&bu=?k!p
zHsys#O=Fv_=?fUIttDx$D=$Xs7GsSjYRt3+I1;3JSA9XIUa^ffSDNn#m^ikZY~!W!
zqNFY{dbww=3HU3)Y<ISn@&Zkd##nRSnQk{f@tt7Y<~Kaq#-jS7O|{`3a4)2Ji^dKg
s$ynn700000000000000003dYb7n<ckQ}%_Uvj6}907*qoM6N<$f{*L&lmGw#

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-backend-development-100.png b/icons/ui/icons8-backend-development-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..acd18117e2f22e1e4a1d8f98dce37c1436d980bb
GIT binary patch
literal 2453
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
Tx*d9-00000NkvXXu0mjf5)7|^

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-backend-development-50.png b/icons/ui/icons8-backend-development-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..4543f82ed110cb15be744c966f8375770766c70f
GIT binary patch
literal 1226
zcmV;*1U37KP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSd`Uz>RCt{2n%_@cMHI&`)<mO^+GyYOS)ZC{{2#RX#Dk?Wvw*Z}
zYD`RQp)<^)rFQ3RX}7gDv1y@=SRhqE1zQP1XoOZ{EY%u+q&5_qT5MXD1$HrA#+*^$
zF8A(_`=jN$@=fOD&fJ;vx%1<kd+s%iRjn%cDywZ=N0>ZIn7ovyoW-_AP(?Uwp&V2}
zWry5s1XYyFXrUm40T@9Q<+95GNT(505hgDdytFv{XarG0h<hl5WWh7SWeV@PYX)w5
z6CMoJG_1|tN|l7_qAxm_4PEdayf;_Rp_+!Z)j~Yr31aKk*nNb_9|(gq;m}>qqR*F>
zwy!a_p&T|4E-yHRFwG3!yTRP25aM3S<qJ6GKV!=aXp3tQ%3zyya5+vmgv;6PCkT_x
zZUJn{u?hiCQYPzh3`;$OZLT0HYxX@tnT-2rsHZ|WOu2HRlta@>8&8+RFnQD&gov!i
zwHZ7RNSD{{e!4&mRYJHtv(iS>Y=yy4zLQRi)J4nggaP9H<LY4Rrz(8txDPOLV{Ql`
z?k5b!?gYqhqgNH`*k`?dEU_`PH7m%b9q>5ia^7!<S9ZqK?b~S$^48wNKJ+Q)iFo(1
zoU=k%v<kxqKS2(h=+qDsHz&Q%2A3&P2bFpEh=vi7^_0P7Cj)GLXP<hnwad1y|JxA_
z(s%Cr#cTUN>QGyD#+)yy+C9%0PW00DT@Mi^zbpixrKe9#CZ^Tz<JWB4;7p)mEuSo2
z`}y*inoZ5A?!j~F)rS3rKn$RhHrxo~D#~SBK7a+;fozW*(RJx`TJIGz$bypp0=>5D
zK(;;6wmio3{MLs6t)~W5e0oNi6;I5l54-y;M&LCR8g9ORwDXj@F&WS3V>X#mUHwBA
zAYa}lF_<%VI)44njKQx?+|Wk7T))@$X`cV(l5TghchFK-A@*qB^6Th$MxV*loUU5}
zk<Fe#mPfeer`S9E9lld!UDs9NMwOcTOSjGE2-{8%sQLLNn9A@H2*!OrfB={Wyz<9{
zWk#C2POIv-tuqp7YSV2JGqbk92>QXvZZ&%Cx@Cz~m}Z1>DLp~hZFV#mH~FoprA@wI
z?1?Y>GYrKIj2a&K$pV4!x26&qeN4|LRmWFf+niz^HhZ;*KAh|L#ixnJ+>9r(o>~h}
z`tZj+mix`8Rw2hQadZ4SafoIhGsx?agL=(lc|#tu1;JVDw4DL)?hw)ay9rTn$(bD<
zu6-2lDZBQumJWTCI~|9hZ7f=q6T;7+ap?R-4bpSw8_#`Fr$M7%VSK0#77qj2-0nLF
z;qpq(FkbHuCO3K=2%RH3IxJQ7jlP3~bUrMvR0&})=>KxK%dfgYPd-o%PZ>^xsh7Zk
za5!Q(6*?cnVe&tppv#pq#k3}-H+@c-Ht94hhp_F*={99*m&C@zGA5YKZ9**a9Az-#
z8i2tF;qa`v&(hNNHJC7`On&Z561!+VD-_j-p8wsax1#zON{i+5G%1!J2Fhw1*HJEq
o^Zml1+X(sSO53}tRT=s9H-Rtd%M*R}i~s-t07*qoM6N<$g7Z98YybcN

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-binary-file-32.png b/icons/ui/icons8-binary-file-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7fd9fd295d49160d8d9ef103bf0fa124fd676df
GIT binary patch
literal 643
zcmV-}0(||6P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkQHAzH4RCt_YU>F5BK-Y=C|H;9f$NzlkKKb8{VW1qa{lP!#IHHS8
z2i*VqpE{1{qQC)EaYPq|4xrc(T~u%YMULpAk^_(&@v-~Fe=V9jVA=J5SaIK}zyG^V
z{t2bI1G@0xQ3sr)zyY1d|NbxE`}Kd}j!$5I+p*vOqgTKBpS$fNTutTPum1y=KK)<3
z^E34wkhAr}fBCix|MmK>f%&?9*Z$khxcgtO^}_$ujqm<99QyfRtl{kcw2kln%e0*T
zUvuC)^`jtW^((joxGIkS?>PSFf5@`u|7~a7{hzeq?SIXlD_}X0!=hHbq^$!u%a6mw
z%%|K!k#m@J?|<;JXY>t$#Px6BAz(2T;vkwjK(8M)4KyD5`Cqv9^ncI!kN(THoCl`~
zsym>1|F{3yTRwo<Am4*5E<#H2AWM@sy#3#J_$Tekf%=0#z*!PGdxFGhUJi5||MOp~
z=L$H%sdQZW-+t`R|K=mV{wuUy1dAC?ybf09KK~&&D&p3@rmh1rH^2X{+<p<B$P(AR
z`5(Ug#ebc?t6(wx{%ik>cYTJZ52`1^*fp5h%xl3Tu<t=)AR1H%(aZsHYhM4?>4o?f
zl<h#i_g(b(zuA<VU@?<PH~*(>cuPA6l<xZSU#Rx<|MERw!SN0XZcwy{H=O-nvFGc5
z>8A7ltM+}Poddc~{QV!l_Vs_$$v43?Oe}KcOK>QFvLsB*XVGJD-9eLV*hL8*b-+my
d9KbMA005w_W*4lYL_Yuk002ovPDHLkV1fWDQ=I?+

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-binary-file-48.png b/icons/ui/icons8-binary-file-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..92a2551dbfbe4d50ba2859fc2a1b9874fd03d9e8
GIT binary patch
literal 795
zcmV+$1LXXPP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkQ%}GQ-RCt{2)?Y|dQ5*;G+aIZ{gzQ1gUV4i%iXbv6B(jGJg8orZ
zQ4|&AQ`>U5)Yyh-EBixjmL(Yd8DWKmJuJ$Q{k7pnlvdNcVzp#tilS*6-#Djs+bnKG
zoV!!p0|(Bz-^+GBmvip@34+?x#=cp6U%;rB{j&gTKtY6s0id}TuqlOL0T2hE9D)@<
zR0_coAS!`i4G>u)lmLh<5lR6>RtO~lA`67l0C5b0OTeFWK?V3!093%=wEr4#v|$Jb
z?)G5AwYPEC_tthJ=fW$jzw!np?vc1`Pi;4roPCMq6>Ts)984@g&^V<Yy|&ffh4ES!
z7MyIsjKas5Q~CtQyx+2IH@YxI@5QF;VPx4tNHH|R<oul2Ews9-BMy*eY@$z>jJ1w_
zn&s8?(s{ZufGlf>j?28Gm|Eb&#;akz07-}4(v~8NBpG?~(JZ&BL%KJ^6qK;s0LYkZ
zkzdWpnA{)DW}AapdM?BlV4U`6z-D_`%3=W-<{*|?TloS^Gx)IX@@qOaIfrSs`}PMq
zPcHBx+xBC@sl|S*sqW+pu;}!2%rXa{ar7bgl8B^yH;NmEXqH*tOb_nCx*lw=iC}`x
z1>OCAz5s=fK4E@&GbZJGkXq!&&YKY_GdhQ{_{<CXDorysVb`tqvcIhefOQvCfKUDp
z<Vpkmg8{5K-$wI&cRotjOFg6XBe$a_g1mb@i37xz2IPGnTN)VZ2QgXiq1Q=H-az}m
zBckU<81r3F93WR3thy*-qRvg9Hkq%iY{%T=PvaM-NiaaJG+2151=9_UQbu4ii~M{6
z1ewxc-ic>)OGPuXjbi5(9sqKs0r?iB9Ek^zbHEiKS*A1~^*-5R<ZO`n+Uic4a|Oth
zDGf;d6J6jTM<3En0pwJ+^93;erZm`Me@724L1tI9qQo`A7r>%G7gT^x1waL;O>F{`
Z_7!nQN?E$I;eh}E002ovPDHLkV1l*&Xtn?V

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-binary-file-96.png b/icons/ui/icons8-binary-file-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..73e55b2d2f04983ee6a54d328992cb588a83e6a2
GIT binary patch
literal 1492
zcma)6c{tm59R4Ok;z*_F<w~%YRx=*mMh_x!w?&7#N~H&urY&<N5y!92nR<*Ws?nk?
zK}Q@3wU$T^RuxZ~GeuCPDk9z7*L2VJ|K8_$Kkq-E&*y#rdehFhIG~j@l>h)}Cr4Yi
zZ6$vpN@07B=hG~<MKRRTCmaA}^)G~h0@hvt<Wrn%i5_&8<SzB9hn)sgX2ofy-(e%t
z2r(PP49#6J`!zQ%xH;cch)1;+!PFH~uAf^S(tp%$mWHv_&B7SiQ{ab4^m_fw`l}%#
zTtab)N7+t|L>`%9d_|TYZoV`(@*6EGZ}{cl@g>&#b+XX1C#;znEMy%GyqWYbzCw<@
zV$9#M&v$VHuw-i+BZy2Y($lcU>8TID{j>TW#sirf%)W^ED@kk!NDintIb1}d*a46X
zQE~FPh#TTyKtiJ8kht|7L?jS&VIp9-btR%95M*K^<Z$Z>L<b;n#YD*C*5SlpAW+3b
zAaP1MBn<e8l!DO!Bsej0T~6MbZhb~4eiVrJIGt^~57@hVVPb@JEXD$csxs>>IR;pO
ztqL~;t!GPpJ&=$(SRjfKxW?BW=`$b{KEJh@T1iuFeODTn-y-#UWtGLdK)*)Co~E2o
z>>;e6XBLCzD)G?Dny~dTzHIDCW?ahe#+j}7ESu2C+j_COiRPs|Id4jOxn1$@M#ft`
zdaUSU4k38vmAh%hfw|OZC-yGg^S$Ww2hUsO`D*ZN_W3TWjZN3?DHA+3dEZ^8<;KZA
zY{Pvme-Vsk@+m<Pjg-_dbK_3|Z%q(RTf7@`c<ARTZfhO(9(3p2s#wM)3{CWVXmL0T
zA*liEkB_glRa3wJMBqu%xPncFN&G6)6c(ze(tyr0^x@p|>%Sx_y=w81V_DlI;yr1>
z_(g|4u@U{6^&9~`0-+NL)o*0Rhe|#K&BS%!Th_c{rZ^dunJdM8b1O$EBchcHJyAY`
zadczNtz#%?tbSKldcj10Z{&f&nRA=98}CBQzV^!Pq}Dx?7CzuT3+u<h$Z8;8B3@oj
zM!K(#f0&sx6b)cwmYAZ=S3&{`+(L9{wj4x*221~-+bFVd2OJ<E0ANPXESUUk-sKjg
z=L=ZQcMIwuck1vDwsvn+xxxq6Bc{5m=mkyYN1gWr`|DHCr_mE+QBcV7Ti-~NQmUP`
zblaacW8mZ$5uYnmTm>1zTk{WZ%l3a5nRL+MRSerKs!b|50F^TIsjhq6q9qo$NWlxw
ze#+q2sOTkmnJ)>_Gg<@#O)lXolF0xS49Goji4nA+*j8G=_C86sb3+%(e5&P0CF9u#
zDofOWflqJ<L5_z1lt8T%b(&*GSJO^q@>!B{_x9H&$j+O{j<?=Tx;k^FdE5d^o1<GJ
zLqKfh*();y6?T!p0(J(AZ~<XGjywF7>96gur%i&dNjf_0m_^`pXDt;bg=C!MJI*Ci
zc0m*+no(T1cSz1iHtpMZq4h@n_Q|whoVB36T4W-;v1M;`gdpuGSGQpTJ*R$nU!bmk
zPhl-}tma$7z+$Q=wvKw#A~mu<eWiI#SsyT_eZ94Hc*YM=rn427J!dsJQ?ZnZgA8%P
z4zgeF_G^9Ky1i!uQy6>p>?}#w#2*FOrq|8-@*9RU+uXSQ@A|C5L~4vKS20W@aF9DM
zND1gZ?>^p0p$%v6gigF0wAzx%gI@*|AtFFoQ~3XELC%eR%gfPHFkvxN{rIW@Fw@Bj
z>=)EK%MPPlo6m=5Dz;T=JM_`Z$`SnbW~$yF+R`L`w#~&+!lBaoygaG7gf<_7f=(N5
zJ3^)$hxX4e*T!v+d)ni*b`Ng{><FLs<ttT8rcR>PsrzPgtoKG4cr_j=cTWKCYpBKV
z6DPV|(rU(BjHp(3kA)({F+zW3?>z;}i#zLV;ITgjFs}H!c8{j-1R1x>|8H?P{s-?5
ZpRoZPRAJ5~J)`ZK22OS^wpAo@!rztnsk8t9

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-bios-100.png b/icons/ui/icons8-bios-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1c0f674f55a995b163265f15242c74d21346711
GIT binary patch
literal 9071
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-bios-50.png b/icons/ui/icons8-bios-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..d45ad730cbef4ae565e7a2602a66308357feee53
GIT binary patch
literal 3567
zcmV<L4G{8)P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm001r{
z001r{0eGc9b^rhkp-DtRRCt{2nt4=HXBx)i0+NWf(`m<Jr=2b?Sh}DFtyM=mty&al
z87l;35t5LEHDo0TgbM@^k;M%a+@(&Zu_`F2wbh{DPy~c3i&zyM=jha9)m9YE^xk*Q
z_ubrZ31R8{F@MbXo%5Uvd2jB0e&6$cm%s;y^K?8N|NQ{~!+;=$qhr74pgKVeAGppL
zKJYy_!-2zbdJh23Fap)VdHw%u+`C6S3-?VE;Ai4_XZ6lb!maz3={4$(_9X!5GwT56
z5s!XMe!2UW{MD8g!qwR|9^4{+cmI0$1nLek)>$3?PCVCrT`=LNHr;Q3H2?tJ3XePa
zyWsvj=xTkls&_qb1Uf#t!e2q&nhV_>Z{Pm8YSJ6HMz;Zee^;ybwC?M3A9l68Mc%FU
z@W*v?;0UIT%x2Dr?rU@FpwkQP)p%@R>TC~>F3&j#SG?d()s!;Z>qBob<|5tguO5VZ
z6X9ONxMnklgKvO_#ljhhj`z>MDuo{=L08lG?%Ri+na;eIdH;`1ug`gWWfDBO@O!vj
z@%(byC}#v?rp3&0eb_O%1FpUTw~sx)hpDp-|J3491y^2!o0TtE{)0paZ1h3P!~<|=
z3f!rGsmUBjxS9b*ARW0BKZ-UwNeVZoz|T#8czCno4}A1mLvgW7Lqo9(U4L^<SBD2Y
z`tB9@=h2riNQ*hp)nXw=qD5}mIp3}8;*>VHJOOSU9lx8Yo6Y7C=p6L@-Scmpgi90P
z=8^Fy=oHQNL<bxMeoE0Z`lR(aGu#~y_s@=L=mly^q^s$f2)H#K9yUGm@NOmNZO23&
zo*(Po{rz~bp8pNpIqbU3F%fi~?n^JW!POVw?osXzheYUWw7hs6u8xD-M|fW|Ng<De
zf><n;k(TP(_m6zl@#m{&g|%ImKZVQH%Q{aSuMRp<RTqeK@>GrB@bMc<T5EJ$?zS(5
z>u3C*)E(cbs`$F~ljFy$gDQ`m5*+%f-T&;#0>eKV1K`FPU#L5*E!bDt=69&_q@et0
zbzs@y)5|Ik9TQxu3%qf=ehD;}FSnS>&ifuHKOVHd%(Co2`H8^K_tkvTaVqe_t#5sx
z@j$@&&ks~BEvq;&4|yD*o#>wxUmmJjf3~p=E?(*+8=J2{edA?7$F`2E(01`Ew6$M_
z*7hsV(tZWbHD7`=we3(-+Xm=8^^L9Y?b!=ZQ`-!u&zyr3mU<|!sD%UNHE`%i4OARG
z4P_NoaNv*y_LY4DUmW-vcI-I<B|9o$+wKb3^LZug+FJoTN)N&IJ>{@%_d!^{c^~Aj
zH$!2O8H%><BX^XR!`{D^7ckx96e2m<^m1O|_6J2<_P~~{pZ&6BYbjN-V=t8K*h_6L
zDJ3_Td`506F2yP;-a~HOvYRR@-US;s?}YW6c9Ls1?jQ>{Y$prWZ6ov7ZYA>yOUN~a
zTOhY!Gvut<L}srpA~SO~kfv4Z$@HvsWLoB0GA*-!B24*UOkYD8QrD1rV=k#nSxqJ-
z=a3rxDpG66rnJdfpw?wlO0DS^rPc%rP3ryNVBw2w@Ah?pjv*m350xg}nwn7nsTp}x
zT4o_68L~j5GXY^L0AqR{OKZTGwgys=h+IfUN?i>G<7&_wb3mVx1G<z|pi9oi*U;)S
zL4%|-fjY?qDs4I_HR+(xq=7<BfLxUd3CdJRP#7UTF$LlhlOa}afY<~*#Kh|%IxY!h
zaY<BEv>F5}gpU?2@}Jlz73Q0;F!5xSHp7}`DgaaVI!dWALVRpIDCG)BR2m>XYb~T@
z767UvAvhu<A5zovuoy55MdX4Zm4-q<NeC!88?^c?45ZeXK$T<yr41-iod$9h0dfXL
z!N4R#Oo9QTF^rCq#Aso8sHEG+Ct$*WAc?B9f2C&RBO_F1RxVUkorb!)1}HAs33}sd
zAaGjwJ;|iy(Wx*1sce8A2rWuhk6VO>&}M*An*j<IL_#l!6gvc+hz?{3Bw7Q(AyGpB
zQKnjvxuoP()c%8&(Aw4xEv;>Evg!;NQgb1NF-{=kw0VQwd`|+702&OCX-gr))>geC
z;uT0n2M9V1S)2}}v8c6%03r~CO-@i4t;m=zC5Kv5SOTYO>fmp+4X}RGE<D3{J=l!1
z%`<BvDVYJtrW3$zlu56Pq@ENM>a^YvN*W-}5hBhGL4(NDLj#FROtvD!dgE#enMo#4
z3*}>Dv}szpUaiv?fN3L@Z7uX_B~3cW+3ln>IwX;7Ul%eKh$JS75)Tz5Ho;)kB2y`=
zs3c<!I%1Q^H1joE$T%%q3)$C!t&ME0q|mZjNu34>_IB!lh?A#ah-eI9U_s~*1W01E
zG)U+WKw{$cR%8Z0zmY*S%Zy>$j5E^cS+j3XfCjLy1y%}lE3w-t72+_25n|;%EftL*
zY-vdCX=ouTT1$zfC=tovAhI}}6`4`%vnXt?KQXh8jk9Op1PYu$25p|*Ml1lFg2D)~
zxSdiUM$Sqi-Ufk^pj!$-KvcAb5=m7Mj2^!MgMdh5ldQ;)N|#Atll_Tpz8?UljZg|S
z1knSL$b!IYf(DVrqZH^QBsP#JIt>s<Ybc>q1%i+vfJkDr)<g|9L?KhiAX|)Cw(Q37
z?5FoOuVT!jHcG_+Oe@7Wu8DX94S@mZbrEGtLoCyPNT#8L5+)JBz#!sijTIS5)MQW?
z$U%vAIhuC{z=m*0!O6mw_6OkvBw(;aL^8EC9xX_98ikG7O*)F*Hcrgrh0F$ErGVE1
z(@Ly%iX9LFgi<vXAyL{u21!IHRaudNcqKuho@Na8C=C*nX*R>GzGt@&Uc`(T^GpJ?
zWDbj(fryHA4uPIl2qZE}iJw}7f<#J`R%9SvkxJPOVzCVOGVRQ~1AyESz)341h!`3I
z14L_S06Ga;5)~B@r3ArH5{VEitkDT6$PCrn7^_8`if!E4?6VegKLAno6r4gpBnD9o
z5k#c0%FyFbo<bo*cyY4S%WNO@nC};0kQBsDl8B@sAR<ahtrRKn<2OJs2*^sI+$xPT
zAR`pp)L>$pc4l7E%e)f+S^of$Gz1MIPQ)NfSFCt_K#=fAxm6OYM@A@T<_1!)S?~2j
z&7p<*0T3~5<QxK4iWOA2Xow(T5eZf_W70T1)z?`6VjFgD+<E(mr0jK|?ql8tKue^c
z!i4g{LBa%KlS5a=ThWaqvFO*zB&P=Z6Wh46-tRU0?1kKa0$>9Gltj2F5rYJWN*)ae
zvV3{Oq>z<yR&<l7m?X-Xu|duDGTvjl&+PYOK7tJ(wgW)8FcHFpaw;@30ey@g3P|kZ
zNQoMM9AFIeF*F3R4YMAfPK`&1oz6bk%-a<jnLvd^#G^zWhK7c|HZVwd?2|}|niNMT
z{UVOmQuN1XEhUcDl46;b#K#`t-=UF2G7X6(r6rWAu|zU8y@(|$DpH~%8AU`Xu_B|C
zRAiI_BBB)3O0j~(5+#!1HmwxNsc@kj!iD(wOGrdKiCSyLipai+aBP1R779Ne<LA5d
zs;_?#Eb$8>7x@Ok0$%|v@)e-(!Pj2^s76ZwK7ImN=o^f+#6K8(+4?vb7W)UoLcis(
z(04ib_|fMq@fX;&*q?s?0^eYKkHvmLJ@Q2ggawO(;Dg2JxD0$2e@dd)0s?}*SE*E^
z+1}X$lfD1mj1Rr1de!s2yxQh_P5H@Z>O@#Lb#nJiFRwOluc__cQ<0{%PoFxyWzN*M
zZ~9D|3?EJRAZJgXcEy`Nqjd&<M*9r@jJBElcUxxj`JEr}Jz=r8C;ZWS`VI8jOz&B3
zv}U%w>pio5A^)w%OT0bd1O7YrX7b;?fL@=0gs<V<vViZ|wS?~hA5MSsf%i0i%gpKC
zbsx-|_b0aJen&B%kGBQBO5l~%>s{ce%=J6f!f~SmXU*aw31@qZLG}G1+?Z;G3!IR<
zbRQ1q&P1<;E*v)+or}IM6^wrWm~13et6iW%<Q9rvi<$4~?#Jizd?rpDrJ3z9rc&f`
z5#8gM)U_1VRSVx4y>kA1H;LbP9)|<ND<WMj^*R?grE{}zID8jkKD`q#=m-o99AOTm
z|FnNDZ}k4_Te;AX<JN>WB$;z81bwkn8lL##Iybnmmiy?!DxQ~p$I5oDMKNa9*(^7>
zSj2_qY&U^@Tfx>2Xu@iZZtd4fxX_%--No!;;qz=;4>bn26R3V^yF1<=K|YYjA;B<4
znhVG5yS|GH&1<=hwwXW|A66{k;KXWDc;btjxX`|t`=B|GHw_yJ<k%;oN;l@c`dl~Y
zDB;0{!qEa|5(ryM5T2f{^;vE$*LQN^!aD9wn^AlpX5wnoxZj}q<x+Qge`F||JdPlp
z+s2kXKEi|RySUBlNSQ<$vfX3ueaVHJf8jm3R?MTf-U!Zc2Bem7pNmZVxSt1|#bZ}E
zCSvyVbnPhOe&1b*?!o(vsk0MlE#OvnSMcD6gJVu{e(hjpqha-EdE*+_Gfny2Rkjkn
z)5O$G?sFS*-M;y*ko!gZ2CnVT{G4Hoi8H2WUunqU9c(J#9y?z!)|>ra=6Vg;yn=K2
zqpDj9+$HQfbB(iE?uN#^Q8lea?#aJ8k^i{?wykDnKd(=no_+cp=QGt)?`K=tevf|s
pJAz=|Kfr%aJRMKR)4>^Z{2RwL5%$c~N;3ce002ovPDHLkV1n8sodEy<

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-broadcasting-100.png b/icons/ui/icons8-broadcasting-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..74583d82331335504cb3bbe0fd0c8f71965c167d
GIT binary patch
literal 3075
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
RlIZ{d002ovPDHLkV1jfiuFL=c

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-broadcasting-50.png b/icons/ui/icons8-broadcasting-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdbf7dbfae06eef3c154026b82dc5233792563c6
GIT binary patch
literal 1605
zcmV-L2D<r)P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkT_en%SRCt{2S!;|_MHD_LEJ8pNBq$0d8sGRrUg{4+)DWY8)I=pd
zf=UR=4;9pCV$7O|#1Q0>V9O>%aCKX#Zf9DwY&)-AI#WQGxO8SAqW(}sVh}WfL<qYz
zbK6_m?PJ?Qp(OhyljhFtojc#1Ip=)m48RbEFoYr08<@!jfk5Emf*ZVd7Erwrh><{a
z07&vtXk=if1mZH#(%n5G+Zi(pfSOZ4O)9Suy#gAU2<9q<ncNbIL`DKhUI)aSEFj@F
zrstfu$p!+ZDMYv5fw+7cbM+eLvKe!^3UT=<X7XEyNV-LusD8I338(3e=XCPzV#g%R
z<r2gs!Au^{nQVSz>ig5z^28*%dvkdrrsJFt2#NSTh$)P@?8~3DJb{?{4l(sPVsb6w
zY8m3{ZOl|6v$aklp&kQj7M3MK%<8%lXpgE1n9DZAWWSx5{Y6}MVXj`qLQc2atE7#%
zBrGEPE(M|wme^MR0o#33-AEv&?n7K1$b9)e%+!XkP&ZffELX8C2^U1q0IGi<;IWPZ
zO+H>P4iFNFhY^?mW>#UZ{rc5Bzom2g4MlGVGX{v62gH2nY`1971gIBqr<#hmJeDD`
zH6X+oxX=&|caO$g{gg3OTFM3nL!cuuuIP<aY8X&66R4gGM9&5xhC@AIy^gaITpcJm
znM%fC3R_Q?*GbGZK=h6QHu59Hl2vWnK@lW7FUL$BwM0TJ@#L9|mG)ZdC=&76PDj8r
z0X2I{c&$HS>z;{c&cH6Wx9x^S?a|eqj?Pq&$z;m*RRJNya2%6Y*+?HIY6fO1o?cmb
zEX33UK+Lm)#F3@76KH7}0UqBQ;PLMVuRrCsQR_DS1?&7vpt*4WT1AUG6SpHCpO2aR
z#M%*N>Q^_;6pQSZ%+<7~tvnGOsgXo@G<f|imq0=D_^AD#6BL<x2{VZhQ~#8dC61R<
zhcH(^W2SbU?vrv9)yoEvD4S{{;_-b^mPDpaYel~elqC)sN2aUgHtz^BIVVWA-RP*?
z0qWP1z*3HdsJRP>?k^)6=hi@?Z5nud{gn_I=JlsmZWVo)%bkd+_rf%BcXM;<qQPF_
z5OqnoAo`;c+X_JiV-~{eTV4qXw~brBd0n-yKuj&oBjJMS=hH4&9|mfY!1SB7#}cpq
z>uQLA#~+4<gvTGQiip=Af`){*x~(;SeW0b<S70U==Nf+&j$qU~ftVvewFaW!s(ou!
zY3v_IM1LlEdfx`SqScWB$at-9gb<fxJE>V-!q`K#8M}qo*IEgY>8*G_=IT_Q`{nYO
zlUy;m0`bH`EBS4nk~`_F`{gQTg(#5Tsb$?SG0)T<5N*IKOT<U)|H49y5Apas%+yzy
z%fHJ7M9k&kbU@6>=a~{CnUjB%D?V(7nqeh~*S8ovzF+brO3S7r;PJg)OrqEr5@PWw
zHqs*|*I=%~m`Ux5&Eka!dAxoSWgylDu3r?4uJU$t*%#|-MWcnYax6Z@5sh5+xFir)
z4?0_?yhQon>=4N$L#~#xwW>22D^q+pjz!|3^x&omh&Clw;}8gQC7ew-5jm}q4%+;r
z)^Ti6E=$5ihn@^nZy#VA`+z5>!P!P2kr;)T+~*o;t*I{R>Y7~iMk+PT$q21TWWD#-
zE!DMXXYo68j5k_TGhHYMGC9XB2Vt&$z<k@RYM#eT7B9HTy<>rz7r^ExM85(wc?HxP
zK_c(POzzJX=(ucc7wWc3p0$}{P{`-<I;ojiP;ImYx|n_f>J95s5tpCkmP|31%4(?~
zP0TE+r%p%qQ#Oz~9i;m*pyrQ~CDWL`rS4>$i3vG99oh5cic{a^a+j?SW3D^}MeKB`
z^+lk`mj{U>Yv5d>y{l`Ya~8s6hg*%T;8>w=GE08h5XTC|V2{->-F9n`#h-G{Ot@N!
zxokm9`g0F@?DcSF-f5_Vo=TBZeDK?v7esrm1*%V!)>^&!!Lw12DL$l0xS)D|(Zf)i
zr!*>T0k3ERMjaQt0jQ2U(w+4_a$Y7lgdq$88V>&h6UlDMs&);l00000NkvXXu0mjf
DmhbTJ

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-c-drive-2-100.png b/icons/ui/icons8-c-drive-2-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bbe0c2201d2aa302b7783e1c430a9d80091348c
GIT binary patch
literal 1932
zcmV;72Xpv|P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkVK1oDDRCt{2U2AL<RTv#D3W`MoMv4y*<c$&@8X*cr*y+2arL^6h
z-FDlZ>Goav*zQb0OL+=N*a0y}cL9F@5nloRXbg&iXh3a33>qlJsK_5tf>9A;_cM3u
zhS!~Kftk58yZ0pL51Bigdk%NLbH95D3`0RdK|w)5K|w)5K|w)5K|w)5p&-ZONlbBg
za&3<CMK(?lElH=)VB`1&$!_-pj8&0Rzz?=L_{}WG|HX0w!~$)caM|YIL&*j1B*sdZ
z>nxkdI`|(*3&`qajDtTn&+eJZSOKX{?=Y4VekLs%t2Z6OdDbP2WXukmL-?4uSe#*|
z9AL~0o86O1TqMp|rr3FwF)M7Gu%EO*tl{MMFlIzrT3vsXLdXjw7)qN%_@khpAb~L(
zSWcKiS{#-T=i2$njM-r0JjJAiVM)=>yBM>9<%E}s3&WA2%^|F2%!c?Z=t2)2{65BP
zU^)JD9Iucr#!SfadhfM4_-?HynqKJydvG>*kBx%*vqPZi;(gHa&)v{?Arb0-8Un(n
z<DqEF97ruIC2R=ajWl4)f>ft>nwAqxEiHwTccz2y@BZM2gkITnaUeK%&H&a)&J<Ji
zwzN!G=@l-hIWx3RMqJN|FGne6vhkj@v`Sd1Wu?le=vK^#kUunzh#{s*T3RJ6&w)v|
zWk!SrvMuWGWHlCoaCj`#b|pdikui|nvM{!imKF&s_r+ZBhw%b8{yGS_?axDwm=9SE
zMar|TJ<mY%pZ8#&N2`o=@~T0h>Gy%xJl}k20AwyIijAbDRl-7v$&WMR{2)a{RTI1W
zVaMez%f^mD#UJ;)d*9U9NLpGXtTc}se3$Ww%HA<M>e$NT!|?*|#|w=99QVBN$@thv
zT3RHmycJpadeGeu(#ngYjxBj_I(BT$$zj;%QGLNZ@7OjgHj<VW3Cp?rS$r)xJEYgK
zMO%|q_a@jeP65h48+&bB?i>Lr#h%zmT3RG5{@?_xsFj_M_c}JS&JOm_EG$_UzOW<C
zZ=0{|@^jmBZhvK%DQRhuuuyBnOnVB}s!2<$gjMy;V^~8x2PRp}5W-1Is~%SMw~ydg
z$iWH3MYdGZ(yE807F~tIV~GoFsidV<56k=2NUR~{UyLR%u$7XQRz0liW2iq8N539P
zTwqHjEv-%oJs&=akG;o-TXBVSS^kvJy>}XZx80T0>)2F}8y2k2z>>t-2(hH4<tZWB
z#Hn?8*<QxxuSr*J!>0))@sqT)JSEIooQD@RoB-+G=)Ek*j_0srQEQ%r8N`y7miMqw
zA4%=}ym0f}sAKt$CSu1`fA?^FB`vM*VF`!EVTG;x@j=yEkY4FhJ)}YhSiSwGZZ(EP
z($e}K7HabORcb-asU)REA88gMA@kRzsh+>L{Ck&jOsn==s0EJ>zLYw3AyH{ES~_Xz
zbq~vX^a)i{A~i*AMO?GPkJ6OPk@6M8u77Xd@@(rSEv@fiMVL|LR4&8yCU`V9{BpnQ
zkuPHL+fQT1m3{D(b(5B!H{G*a7DD51iMM118i!UuwD*_1i$7sRn^VgsExm8LXV%-5
zOK*KPBb=c0!=kN>2y@%!gFk%Z#RycBESt29y6K+Vo}+w9>dy_n(S+`PQ1|^qQ1<?0
z<$BP~ZbW^T1}N`Amn&SmW>`CEk+|ueQtW|@YEDT{DDFl(p6%=V(DAPpXX!+fmR<=f
z)@U;-Y3Y@)Vv+NVNLq3IZwWaQCat`R=3T@m%2|U8s(d?jH^kMrWFP5?vKFDUsco<B
zhE%kz+d_JxtVLMezWz1c4G{yu_AE~w@yW6#XEt98NGn4Osd#BE@d>jgXGPmu;|!4k
zK`5$|h)<d|DGO`-fHX4B5IF??4INNW<0n3O)?_TK^()#SjSMwJVIT;6>ng}_R}mM2
zB}}9Nzj&3RNkkvx4f&twZ$wr5D^T3r2KM?^D6AFZg7*4WDE75MRr`7nH(W7-xFM7w
zEU6)~xkwF>%|&X6Y%WqmWOI=kBI_XPt6M<Yw3Qkn5oXhFKU8*30pZM05KbpS^|6`Y
z+p&TgA`xKYTMdc{iWyh2{M4i1+rFF{A{ohz9pF7N`UW#1tU5ZA8X_4;^jT6fqv!KA
z48%Ux6l#d9fgx`!i*Cr7q@F@g4G9@SantMIJvl<vkjl=feSen`hDd>sNLn;WXD-@b
zrt-N;f~H+!pWo9e2mQJmA_lgVkQPib$ds#Biuc4AXnM2prrsgSLH(}*iGdxDlNL)d
z@biUgif{W$C4JrO_$8Y<jQJmUL^=35X|W`;GY~q$7=_l2p%<h;Fid>XvPl^ThFdpo
zOJ<COD2G-PpSWyJih<B_#%L^Ey7W#d5L`u9O6Up$!LTTYRx$v0Fr**`f^%q12`M$h
z@Xu5<phSUUUe7)yxF#+b2#ILUD0!0BpMrvdf`WpAf`WpAf`WpAf`WoE82<s|@G+lO
SP)o7^0000<MNUMnLSTYoAeb2d

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-c-drive-2-50.png b/icons/ui/icons8-c-drive-2-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..283722b824e5d5014aa3908144ab2b1e7a885a80
GIT binary patch
literal 1026
zcmV+d1pWJoP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRv`IukRCt{2mP=?8Q51%Yw$_D$)<+c)!HS6B!Y8<p+Bi3DN|U~f
zab{xD=1$XAP0}>BO;nm9YHbnwpjI#`YO9Dr5CmOlOI_53f)5Z~Sy}~O8(k^BkIZN?
zNo$%(CNrrr2mZ~Rx!m*J$A3>+ni5JVp~Qb1D!OtlLE;{QVs0S{-<D2HFF{$?NdmEB
zH!dJ3{25UU$RUE8t4fnp2(=z(A&Pk;7X%8zkoa}3**q_KAhg9IHv|f5H#Q~>1X1`x
zsz3;mIiExj=3(kU@Pnj4c)i{k1c^TinN)4EKv`=c(EVG%czFvLdh?)gA1M~(BU^)L
z5VaAn5;9>)iw+#`=0PLOj8Mb(3@~3`4~WJI!{iyPIif)bx=I&oB5lJ?IPf`h5=6L+
zflU!(@+&G}*XcYcK3p0bhQwOYAc(@ASQFJeS`jL^_SrJfxy!jD#U8QXcNVmOF@?r3
zch>yQ{Yd8)BF6D@i{BB78JKDkjdc$+{!9-QTvV@*$lG2l4CVBl1P}k1hc7)^6k|u2
ze#sq+z1+cqoFC>)%A2lkgxV*|Iqm9EMI6Vfk=3v#uo)07v2%F^IF_MD6#`*bUyMT`
zshmrQV;RnD=Rw97NdkhzI+qZ~(svOd5c{hIl7S#G&LzaL%1>yfyd#=wBNWvcII+ec
z;&{0wb1YU`m!5z8zGXnZxiTVey_XZpvll<{9bx*V?XhSEobTuI7TdieqGfS@;Bz}q
zswa#U{@N3XI#)bBmhsAF{^9$Q36{aNV7j&eY-5YVj@?}DH4it5hOe_Yrwe~5QL>#&
zXpa?K`Mpn<MQu;mg3H?qBF3;CKrlZshmz@BLL4hx?A>5@#_@JOzdN61gZ2JO(0R%x
z{ZIC7<JuF)n=IibKqlZ^LL4jV4w)+<ADd&tvqvq)tB%Avmk`I2U1S2zrDN<bQ(ia~
zsba?QB5n|}?%;T;3r7<~I}eS;4dQI?y{j?Rq`Y|aM}_8EaJ8Kti5tY-=^wTq?*=Wl
zr5r+s?ciwb2DYYzK-`^vb}-nFbwPD=J5)Ef$*gv6?qD6FL8g(06%e<Ka$P(K_L~$O
zxZwSFLFz9z05h8XThEt9gPHyyw!vZ^WHcM>H|V5+49N-N4Ag~zECJWRp}+k%lmLkD
zoZNTB8F0e>p%SRS)EMO-UtioHO{dPP<OXraP*aC*d)y!#Oo#u-G=gYJ6BC{;e;&J~
w?oQwBRH&)L=l68=<%)t(LJ1|5NSki)3$@;$@L9K*WdHyG07*qoM6N<$f}Y08-T(jq

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-code-file-32.png b/icons/ui/icons8-code-file-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..34351759dfde0e94812611318cec0794f2b44a58
GIT binary patch
literal 546
zcmV+-0^R+IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkP)Ja4^RCt_YU>F5hz=TsjS4}we^FNumgJGZ?u<hQT|5MLW!4VV4
zbilD^fBs*5^Otf*OrXF455NAS+z}HfbO6PUm_P*wP~?aSRB`~aBl=JND5ALo7G3%E
zfA!7Z7<k^rUm*EaG;=`Bp3ndLPW&LGj&=^vXuS46Y~izkaX`cVFaIUWF8wdr_I_X-
zki7EMf4Ryl|9g+qAquK@fBGM}_&JK0>(mGTEqd;N*&sQP8k#tudiSUQO10PiTlU`h
z-;0#s)Ech+4`1{QEC!MTslnk0@*Pl(WO>i=?}+%{2Z{gEZ6CmVP&C-|-Tkjvef59E
zu8-7lKs64_K{#pUOK|)nXF)uUAl(5SN51`6uD$kOr}+kk<sj@l<-vceUP$~SV~|>q
z9*|y;85D&;!itywrOGd1Bt8&Ut-tm^ViBfz%+eQNJs_GYX&?cMBkK2khQ$Al55!nb
zc`isma|DPlUv&i~N8quXI^{sj(ii_tI&Xt5b(;L(zjfbTMB+Q~11yKba_W_YeJ3G4
zR;{~=kuG3zG<Cp)Q$PRL?uEpEIa>S^z|?a<{E8Rg_$T0F+Bu+n=g0rC%U+UVIdvT{
kfjm6wfK^00fMFy7096uxA+U0-{r~^~07*qoM6N<$g2_7o9smFU

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-code-file-48.png b/icons/ui/icons8-code-file-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..fca0c555173e4f28d390b18e46f5beaa240abec4
GIT binary patch
literal 599
zcmV-d0;v6oP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkQ2}wjjRCt{2*w0D=K^zD0d5z9xb&#Mpu)pu%Ma$lyle$KwduvF$
z)KMt)8OoyQkf#U|>ymRaJw^TjgPQowDyi$zZ0<}uume9tXBK`R{JQ=WA#Zt0?82ok
z6;!&ifaCiQc?c{3P<i{LC$bP&0D!c=<RP#ifHVXa2p}>Lq5(uSLI!|{M92aVQ3#m;
zA_5^BKt>R*1lTF$0ZNlMv2)d;{@n@<W@~B!wh9e8wf#T?hc9XZ)-r?vLT7a~0rNX$
z28f<F)dOh77HfVw_DB!zy6yy|ZrU`Q8y}BIFaOH}`G>P`4R!+n8d=zXVoio~ucrOg
zOm%1v9^pA$lj1-K1tbTWw`yoEVdOt{VdP)G?a;;KGkeXyTcLZ`o&N#wG_Mt#Y~L3j
z&c7W55&__89%?gRH}apZn)Y}R$Y}s?^H3{kBmWx~A8?%m;V8gP^H4s`$Uj8M>Wuyi
z!cl;o?8YyC@;}Lq067V;gMiq;nU#z=|90L{<TQX6v6Oyc`;q+k{PV^Ui2(2*`uR^3
zTYqjIi~b_BLco_6yf&+qCu$!5*C^2+7hsGSJ@2Yf0$U7oFu1Y&7aC*FyK0!jBLySF
zOzhFf|D`$qb_>Y{M9<%i{3p!$R{{_^HSYiGM?_6PpqGF6A+IDLn60r}D*TnABmg^H
l$ODu-0QCUg@)i=dz5&z%e<V}weOmwk002ovPDHLkV1h!o|5X40

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-code-file-96.png b/icons/ui/icons8-code-file-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e27a27835fb470c7ada481afe9f4b649883ec9b
GIT binary patch
literal 1221
zcmV;$1UmbPP)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00009a7bBm000XU
z000XU0RWnu7ytkScS%G+RCt{2oXbxWK^({XZxBgT6rzd$fhdaN$%7`EfC4HUOh~vX
zuTmcI;>GSDa4{hv@-{If9(;hHN4rOP=mlg9O2MGKOlV9TGX<ryZDqTi-PxJ>{gU5-
zv^!0{pZ3Fce!C3>prD|jprD|jpd1u3V??sPA5f`$5Gc_af)BzZT0`(bki<@p<6mk*
z5FISC+4$#gH6h3Z0ILW=HUL;P2r>e|DnXDH09FNp%mA<o5M&2{Wrv^w04y^ERRCaF
zA*ciZ%LqX=09ZB%DgwYVK~NO{mIZ>!0I&=YR0n|l4nYS1*v}Aj0f5s$5S_nP0B{Nj
zqVtyq0CK5C=MMlxm*@Zx01zJn0s#K#_P1N)c>4!(@zG~;=lKs}L;!%NUHxQ*<kY?Y
z*TtO+0Km&G>B0<v(!M1C;AJ0cpJf2teYpkzyz17;EhhYfP1EGTyKMmARaaU3e=<Dh
z$?J;F-!}lxcP%gg%KF{+KL9ZIx}cTyf4v9(2LR?yw@z**`9B<S-~Rx>-052*%M5@*
zkNmGBfY8Kd#>brNwE92FZEdXp)IR%8avP_}rJlu%j?1_BzhP`W={Z+>zmVL9DN-}K
z3IP5We$H-)b|JJ(u>L<3oJsOO4gc@sydfw7pk{P69!z48^lv-LxH)X`zcJ4|PS;4a
zHZKU$1E{sU^D_<TZ09HD*y{sP?ysRNfSNS#e7nKW?dJTJ8Rq!L6#h>K;XwTqx&8E;
zo&d59AMNUe@qcr&|J{ZlB>*1bBQr)Shoa0HrxELaFCa(<fLHj4`u`#8|MC?6cN>CK
z0C<LPL}KJ<i1mNd_=fG{c|ni{0MGD|86&~*4Q8#w%`+L#fO$ZW0s!yu5%vEdd;VY4
zvA_S_fZ%%oZiJ7_7&&9{f5qUk<F&GZ;A;SGg>OV+BrnA7|4=1mv!+uBz6Rjdm!F`;
z|9KAl&+E<Ndj+`xp~B*Ssv{BMO98+Q2t^(9%vzO0&i$XQCZ#zI<pse=;s55>&iv2g
zf0R^T#CSkx8e{!`B;?HhyiO3L+lt5*Liqr@|5NP1|2)smq}+_l2Er-C`v1moR9N`Z
z0&oh!h{VX@AiMvQ$)Meh?<G<XWNI^<R5iX@ckF++rea!+B(L>H9bNwqBT0v92wC((
z2kwc_p#%B-)`p?H!%xDM-mlE#bks;kj)_6iOA_s@UDmhcO880vKnW16;nQxg_@55r
zGg+HLfD5y1bSTYP4ZYkj5dgg$k=NP)z}&wJjX4HD)rj-`9{`YHhpGRA(+q&N$t~gG
zYXhL}#Tx7X)>+}fYXzVz;Vg!BNw@p={{jGWujvhUi2$lcR)hzy4S;ZDJATU%<Nr7Q
z@V^!S>MZ^*X!DQ%wE$51nDzgKZY(@>tpF5T?*F1c$RRp(tpFI2Sp1&f%RP(a#J!L4
zpQI5Tx>f*?&s%i<06=t!4gdiF@gX1ppl=66m*@Zx01zJn0s#7UKy--?0098;At0Rr
jKtVx4K|w)51!Sy0A;snP&D?l`00000NkvXXu0mjfqJ}=W

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-command-line-100.png b/icons/ui/icons8-command-line-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed09f5f9d4e62941abd3b08f3ff45228d7bfe9de
GIT binary patch
literal 1433
zcmaKsdo&XY9LI-fvzxo?S;M_{WC+6zOER`QV)BSBGUk<6qhT?x+k_2u6Cs*~lzXEh
zH68EO^dPR?Vu(gc-ji_{irsbp>5qHQJ?HoR{m$=v&iVcI`+oDhJdW;BhAIO9fIY4*
zSZ~=p^;JM6S&w^Pf|m_YoXbfn0036|Dmeg)y%zvbbaTa`@yTq_HDZi9VegA_j<-41
z3smK06kSu}MC?B^wl*}xF(6`%<uNQP`B03S0)7nl8|=~+U_3O}U#_-*W3723INI!%
zW{vg87-Hn*8DTAI^Iev+C7kq_&j#5oUAx{?zJ#DAZAgnI26X!W`h=WeZ$_x8LUy6Q
z)l=R+v5`&b3*UwH1AGMoAW55alML??i35|;G~{tnM>>185L<qIjOKPVJ9lYVhghzG
zAlvLal^#mHXzlOB)@AThQ8Db)-NL~c=pHf0=xovyd0zL3XO|Y&n(IdbgXcD1I#KA!
znd7HXzbDK-HHL0Q1hk<n=5J()grjRT)O-~`$Gj}aqCt_dT=Iia7r$^IC@Rdq6$Ne`
z9~nX;F7v-sr<lRBDLz}F)OGsX+Dn$I&*x~`6v~-9!OQ~Ga9K#B!=ZCH?T4SbUArt5
zZjx3nPB)c7Iz`I|e+gO~m~rM<8uC?k1yYt4ExExYu=3=x0=sfwdim+Y<7VB<0|KOr
zyGY29Mj7fZ%>7ZgFzMbK_MU9+rT5g#4pQB%m~E60!Yq&wN4rnpl`gy-^e;o)633aC
zMW{U1Ic=tw-J_6g(UJjyYe9HZ@|dy!M_>^c7?L0dJBE-!#eYLL<({)sMIy0ILX1Cd
zea*Ib&5MMeZffYQ*<JV0YNRdzxan|}Fy$RS9Fw{(iN<^8K@)wi%o<C+JMi|={_4%%
z2^WoNVe*m<5abjet0dS-$?~$$AL8_tuh?%~0J1Mmm@hn;y^C@K^)$4X&hL1z@Xp%=
zc7qvfrK65piRdE)l*++UAF(T8s1~}xtI?sh!O)V9VrN2R1ZbFyFz`vbAuhTeVqVpk
znOPw5|24VOVwmYU?dYQSsL2*>QZ>bBdlqlAJNCy4<NTE4NT%)WxHP!ni;cU+e7Yc6
zL&!BCmPLN{M0zuIF;?s}O_1WK*zM==DMg1#6A427`8`UdwpGN~WhBU4{>`)XcN)dM
zj@Dc_m}+Z-U_cz&@1K8GdzhLt+5CWcHstMe;WZys-XtaAJe6Qo<CyysLht^eJKz6_
z)Oo>IBn3M-cjUE(2jWglRA6FHvU6w%&7~FrQWx_j2CB|inyIMeq8ZfN)CU(A(Uim%
zlTtMBDBaJFb`-vU@w1AP1f2nyE_guBfxvx-f0SS<7P)~&eHV~E4S5BAiK2LOtW<ex
zq*IakAz6Q;dz=9^XnU=XAepwVH*2lTwt=&&?~>aFHllYt(ph&>Bb@@;tLnFBy4z%!
zM=u4M;?}Tno{uH#GdmFOuGM~fZ&>5(=m!$;leWCwVk+(ykJTrAKB9w<w{U7E(F~4n
z%egrWU-`TuIG9UGlN68eTIrmBj-A{|U~QZiS7KAAbIRxD8i|5ftW?~%GVq4Ex*Tg7
zR}=rHNJyM$@--<;6kUbze4jA$ZPAPdWQG=tHtM`OOONggv`mrcit2?>Og+w+Zco_O
z4BwwgH=TNo*;c6zf)PuIJb&1$o%AqWnB0uxtNdeYBC`AH5&uLz298$a<6#S4n5c{F
zPBRXvgz22)8s_&4{C05AY(IuGFy7@qUj2W4@C`E5F{zz8c&UCB;T~fSlc5R)9+!Ek
zc)>H5oL)WnQ7lsG?AcdobgAWAc74q;R|`X_JZQG(<6dT#tt@K+u1+4<dQ5QU-*bnX
A<NyEw

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-command-line-32.png b/icons/ui/icons8-command-line-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a53122adfc7dc2c3acee4fb5d34178dd4e89415
GIT binary patch
literal 460
zcmV;-0W<!IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPen~_@RCt_YU>F6X01ceKar@!<8+ZQG2H$?bKnR?_ap(X3(-;4*
z+IjH*=_@z?Z$5bZ|E2>csOAWw9I$HV!T%GMtoy(J^o9RZmv8z%b;U;dI^gt`n_$a9
z?4#$e{y%o%3Y|k>%Z~rk7cQeJ2AN5;17b7t{;L^TP!)sB9Cg6?Q3u?hzyT)V`v22z
z@cu9Q&iX(0pzwb!8&eGVvj5EgjRFm5<A9V4{Qnb<3H>(-)Bm6Kfakx@WI3?7|7_X+
z`kqE$cJ4E-|6Y9xv~fVuch>)|P0C=lMWW7s^H^OB2ZXGY{GW72fHn>&`_KH}p-c^L
zJlo`G{xAK*@?YD*g!&FBc+dXdrA`In>p8OjooiGv)M!|k{V)2;_TQ;WmHG|{-zfe+
z<r3e2?}_sNOaHR`cPv-Khyt)h`$YanZ5N}y12iqozzHv6lQ@d+(H&r$tNA}{t;8@a
z2h>I#U^J2((A+y2tbv*sWG2xLI8Q@N&;g@h!~p=$(+o#ZsLcWZ0000<MNUMnLSTY5
C1>nH|

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-command-line-48.png b/icons/ui/icons8-command-line-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea0375fb2f0b3cfc4187ab9bf318fd826b417a04
GIT binary patch
literal 552
zcmV+@0@wYCP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkP+DSw~RCt_YU>F6XU=)mkK?%-ZzkTZbjXVDb13q{C&I!^zFbEue
z9to4}fpvQh|DU{U{r`1)k6`5wdJjxqw&DMTCF}lAS-t@)f6#ki-QFW$N3Vy)02+VL
zd*J*a!3-nT18PPV1B%a&dcbJZ1OG=oaAVX17NZ_e8>}91YgYcB{gC^A$xqh*nfH1A
zdvqxNS2M<~KI;MZ|FZwg|BV6-2HpeCRjOdefE=H6M&N(`8xAnvrBNBDo}k6jU^QNS
z3Ip$f<n#Ox2iK{9`Nl!|V1DWqJ`^>{=lJ1#t5j{U8jy$82HFGpZy_PB=VA=ztDBhr
z51cRa-+z`IP7kP?n*T5S$o{|d56gdT2a|#IK-oWLum?!Zm{Hrs!1|o3REMSqKn@4#
zi`p(WIFgX2r5Tv7>tg)htws62YXc-t;KHD!14=@LAKAf4YTz>QIY=fpjno749m>?f
z{IqMl1Va{-iOc>ogERGj7o*uvxc*0O5rfAFaxsdYiD4L2jF$ap1{bRX<^d3PZBhnT
zPQ{>#>>kg5_jV<eiVT+rKowcpe`c`W0rdc_@%d2?7>#=1|ELFUjC#Og)B|dx9v~4=
qdu)?Z%rN3SFbYP&C>R9{^Z)>Co?TRkcw5f^0000<MNUMnLSTa8oA^8c

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-command-line-50.png b/icons/ui/icons8-command-line-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..b25e097b28f9f3341ee3b2963c9ad0430820a18a
GIT binary patch
literal 788
zcmV+v1MB>WP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQ#z{m$RCt{2nSV%AQ544q8cSTE2~sGi5nF4z`QGN-G8&bjGOSjJ
zWz1;(pd}1TEcz!1A%Zr@{8uO<|5>z(NYdI?YcAc~Tae|Gy{P^yi0YsI2|4l3@ae+l
zFY3M3{lXV^F6TVX=W_3Tmp7S=h=_>jpHO^?JCK-6K9-VSvdPvZgD@-?NU$78$;@QZ
zzZ{StUmTs70`G7L?gb;jupGqSB*7OLfjdt^5PLoKcR^S#xNMNy!y&kO%ZDC{#9%NS
z6=I)1oIN1-10zD?foKATN8>{L;Mt4p0by7U9z|jZG4nwG7z0C*aemEa4@g2nW>x~y
zKj4Ln?p{&dKj2+Ch~4P|C2bPbcBhMg$Os5cK!AW`(tiu0t}{Yay?#--x+WT^W(w41
zqjW&3cIl!0X%Tc!=fYXYfzB^-XuMpJv8HXX7;~H4<<bE;GFFI9xjyBAJy-;%zsWJS
zoKdCasSLBfcb->b4qqz?5UQENhPr>`g0_LiF-w;U$J(E-6Y`Evtc6qW^FdWpi?POH
zz#86~?KR?qZ0k^C(<j(9!Wa)^yIu;`-m+PcS3HP90O9S36=3a-b4u|+>Mv}<W)6pE
zXa9GeyR>*WdCIZ&;KO3+fV9t9MvFDIw>ot=e3gUBP%AEorE_y?(~cIVEv-7|7BC;J
zToA_jPJ#7iN2RzRhL+T<c6`Ve#;n)MaLh4Yupo%-W(nrnZj_1(qSTw<WHL3Y`v*#(
z@k#}_KIUQEaA{*&!>xDMWB%Owt;aN&>wK#a8H6^0exFWQB6t)}=Rk{hL)zwceO?V+
z-&cX!l>R2?PqCTz4z;^lT#%U)$=IgF8P?8oP0?8?p!dw*sPT{%_f)3qjh$Q?WdsBW
z2u(mTi-6Ds1pX*UkEahGB&K^jedKGrEWvVavH$!`{A!kSFByc0h=@ogMg0VDo3OV^
Sc6nO>0000<MNUMnLSTY-B5qRv

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-command-line-96.png b/icons/ui/icons8-command-line-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..971d9264ec5b00e31b04d193976bd82dd60792b1
GIT binary patch
literal 1017
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|WDF
zPZ!6KiaBp*Mtg_^N*ouzbjWmZyTEP^?~83xamO}Ic5@L(3y3oos`5B<!pGxsyIl1O
z@$R@y3%DH}B{CNT>R<D=3u9+0&e%RdW9{(;(s%u8qF>CJ8+$XY+%5gwfByOjw(Z3q
zexI#*UUUCPjR1=y0*ScC@S7IdnjHPQq2VxF`?7hx`*RAI7@F1}Z#8(y(6IBL`r*&F
z7#3)=J$PB+!P8?SR{QtxqV@G2JbgWGb>1a&s?YQ>FKC#z-%?{HoU3kabwK=AyRh7I
zxz92T5=N{)9=(0oa(w6UHx>;MnrROnW*mBaC%H_9L3V{mO4X&uvWGVJ7WdyQWGIke
z_+ewj@Pc8%mRdh%jx3+dVqgF+*ks9Izz}c~XcWVW96kmfh7dD$1~vw**~|>g3{%fC
zHZV4vdd6^oK_N1G>(NCIuW=PV`I>a`t7>dXt+)7bwZDsA)@{?s*YwDGyRFmbqOzFJ
z>~BmA&E<2sJKo7>22EIW*J6V5wcI-?nSXalYcJiJVbAd6x$N?5XQV0?YfcFJrePnV
zu=etw6itQ++}m;m=FS)QI=FDl=I24{R=ncvs4XvEV!rry_$-aJ+P~h{zBp_7ukhj-
zEBnhz)!O_EKAp+Z{PFhvpJfL^=JI+JXRUiW>)Opr)AX(EQe1rMkKbDT(sA3CbKfRs
zGd?)5I5j9>mHzDJ=uNv_W?lYN)0xS~TK9{$YQA8xKG%*yS*Arc4d1rcX=;eJpWQxp
zPnS_9-%=rMh8JfST}h5P{%YYnNrsC*_ZKWr%arx97O5!OBjU2`@bw+?vgf>*U;Na)
zU(~d8r6=b{pX=vC?yTCwtng}<<QBspDQkB{+*<$ESB>F|1;>GPt8Q3pdTf?&kPY3K
z&iC-oC!^bpHv&a>iygSQB0D2-so3X#_kJm5-#W>5rf<~^<5mgl9rsL@|MFUAvb<DB
z`=z?s)zFREj3M);MGKmSpPg#JddFh<w_mH4FfQ4pRaS2N?(!MS3qMV5i!_4f-MckW
zJkwE{Sv2$5Rq@DItT!Wp);O%Xby1dci_)7lU9r3h9<t}}HCTMC{l;%p{a&a4_mn8c
z38z-w_{z|9<?9+vv9Dh|KV7}=KWR$eipcH%<F?(nlVdk$?U$yWWlTP+y3~!XvI&%I
zWOQI=Sc*s^4ylBaRIoII3>$-8KM#WygGR1Aa%N%qne>`}Sxwol*6IFCz`V@h>FVdQ
I&MBb@027+H)Bpeg

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-connected-100.png b/icons/ui/icons8-connected-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf1bfd4b476c74ec15cbce07bd48ba83f3777163
GIT binary patch
literal 1251
zcmV<91RVQ`P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkSl}SWFRCt{2-P>y%RUE+aqoDX7_@Ian_CdVWD=J<=!3$pEY%q#Y
z@UqgB8R-Ram$X~)L6l_9S*fC+$nNh<1hePNga3kv=zq{Ez7(X{N{gm8vC);&xM^-{
zW;3&M&iv;0g?R~^FtZ=dTy{=o8KWqQq9}@@D2k#eilQj0G;!H^sMqUVW_vv-#+Z=t
zYeMS3g;ZZO8jZ_suTQBHs~EbsvJi?x7=+>=2BA2JK`6P^jN&Q>_0RSgx@TTz&c5<n
zyOJdmkBk)z0cz6rIy;w$I=h-td}oryymsK<A&m41P-6nrg(Pp{${VSd1?X2c{T;$c
zU$d>A;Gh<hVhlndj0_TO^*ERM{ID1sQ3xZ0M5G@OQZ4Kh<I)=(FLTh{<Y!a*4cpu9
zT+McTKL`CsT8z~N^fH%fo<_zFYJ$2~NcDSW7zt2Hk1^)IeXZx$zZ>5-b<5hHa~baz
zpnuC8V-1REt983C!tgI*oTvo#o)^^T`zT^|?p7|<>5*Y<fkGJmC5--JP!7F+>^Tnl
zfA{fOqlBR53BzBH(O)JG9624fIwx`i`S0v&tBXfgc8rQul&!DmQ8y9PuHFt~73JXJ
z?o3-9CzKIZtyZt_{F+VzVwRT<Hq1!*DQ^`1ReU`wOVuG!Z0x?m*}0n-=3~bA{&#LD
z5(-+7{sG(z>c77D*3^wfK|u+!@odT~5DGewL8rD}K~PYEY<HdE6#xYdNRo@bN&!&N
zfOtXev!rjR=hsfY5KQe#i!#%i%lzUI4aj(-ab?A?f0Gy`NIz0uK6JR7H3}LKEGQu+
z5YvZW%H4a9PJf>-%8_o^Qt6K=pe~^L=)~OVyLdkX^wQ*e;SYrxDWI1`JN6isLQr?C
zyVF-B6wph&9Y4>o6t?E>+VUQF0Z=%o#W0GWVaVo94W1nW?xJw1&V^CuF@~jPq#sT+
zZwg#QQ43Akd6Z$AYb!wiIm~`~(iIfYXL+RWV^|VV=cygdwFMVY)R~z`-@~wE4uCtE
zg)SUGF{k7owbgA5Q^Wj!#^8ggKEL<qOs*G?X5z$w4?cO8VJj_$usBjGLG9F7P`jC7
zDl-sCDDHtsTPXE!8J02!kvXIIwd3Ra>(?+WjRZvIgn|uYq#$y{C>SwD4kAZ{f)yhd
z5ScLwW{liGWOgWK);+^qZXhxn6!ZyDzvPL+&BrY7PXCw~#jl;*IKdlrqV@H40`$+$
zjuapHF{4l@ehD%9ndvej;iD=<mb<S(Q;f=tVd9`)P5K}gk=ZCw-RaL~Z{IW-k1#A?
zNOi_Mlx))sNy4x(GW1yi>h87cv1d=?Dle#iT560C)aw>T#zF}3gSNNbxonIKF4Z{>
z@gugk-MNN;5?lJSFAi#vOZ}wnZ7)1VDAm5y*D0WvLQqfJ-gXoitG~NL6fX5&92CCU
zA!*Cvfsw<aaPz#8NKM$;Vuz!rcRCbdI22(x6k#}&`3i=izOn(-o3_^(b>`d11n6Tl
zG75x37?x1D)E^Uu!zhH|5DH;9heBU~MNt$*Q4~c{6h%=KMNzCo{R@jB-)%B#d;0(Y
N002ovPDHLkV1gX3NTL7$

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-connected-50.png b/icons/ui/icons8-connected-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..c022394e0b14c874c914a215f8b21e4cf1497b8e
GIT binary patch
literal 763
zcmV<X0tEeuP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQtw}^dRCt{2*<FhgQ5XmCQ#S>5(WfYiUT(XJh>C@v(9zb)GNLvq
z&zO4A&g^c}<(lO=(nbV(vp%OA^BngZ1o;7?7wCQ=3WB<+t+s4qN@H>z8)wJkOw1o1
zR0N$L&z$i&BSK-qgb5SI!%!yD1QvIoAcr!ZqfD$4;BPCixC;dtLE9Bb3;~h1A}p0g
zeh3ATB)}i6sVYBb*9qDw5R=FcA*^wpGSTXFkOcUT3UKUuL<Pi20^+;P>GB6dfWKP%
z9?y;Jz#~}SpDYx%n9pgop-|x8`XQ_s%EU`wbRw>5M-;3tD_Com=4%PU#EKKdU#A%p
zFMNTBsrsr}mu6<45#S#Ofl$ku83`hlGBzt%Tk0S>H8E3sN|{RxtDlvMIFU8BnUCYy
z>79zIzv;%f?F<DmCk+wJP90EG{e3(;dE9)hsM=lyYwtY4fFy`@O(<CV>Ny4^K;l=Y
z_gEKpyS~IT`Z3QiAg3c6VpzN1eW0Fp1|*$YWZ_XXUz~gF1~YNv)^h^&PyMc1<%j%?
zoUwz674r)VrF&02?o5k-xG;1C0ddMYc6f;)=1c}6HFQK7_{CmRtQQ#a8<CWOh_weh
zy9L@>&zdRC*AhrZ2=JRuMhmx{QLxsGUop1&0^$@C$z0#pjZv_^Y;FO3198(C6A{f!
z9UeMjP{@FoC20sZ5T}?ij5i^fA<#HTnD{*KIL<^XSG?Qo#>BApp|b^$o=TOE5r=#5
zewSvcYob>O@M|s*zkadrRBH)y&>T5}+TC|@fS{~?+WZW|Fg8Y1ZMW|bgo%HhW-aM^
zZx;xy0^+FM1)zP??K1K^0<}}F@<SBFY<Ce>A4fq!_&$`0w9UfJqafw>g4j-gzxL%_
t@pWN>is;1rBhokj6om;BCJg#t@)Lo~ZFyI{Q4;_F002ovPDHLkV1jw7P-6f9

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-console-100.png b/icons/ui/icons8-console-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f05e9c91f5d7ddc6f56f0aebc54a1566e77f96d
GIT binary patch
literal 1025
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|WDB
zPZ!6KiaBp*-S!qqlsNX+_|uf-cmFcSEi}8Z<Wd)(KuM?z`-^4WN=jN>S_``sR&*Sh
z0u(OUazRwLJ81EpJ2QQ<kEOj~V7-<a)U;!-VYlD1-O-WX_FDh8`LKIde!};kZ)@J0
zZ;+JaXi`9+M-N?ic1IYmnY%0VJ=-^tIeByX{>|pOyTPsWa$17=u?=q3aZx6ZolJ@o
z`akJsFJtoyH`a48U(>v5|B88964xA4o#uV}`uXpMbFxwSP4V4l-%fm9WB;dTcl^Gf
z_-QW_6?6Sf>?(hn$?q>PK6dl=+CN`h_gC*-ef@zkukO3AtF(LnEZFT{o4Aa<)x!Un
zi{#^&-JdVS7H|A{Z_4Yd;nI=DI$xL0loNiG6Fm8J*^0e#Mc0oAKfAE<`2Bk&>lZkA
zv|kh7{^nQo+IO>NW&0LhFZnv_mAA32+L4=Ob7mUud}H0O{BG8=Z|gL#>$lvxBA!+i
z(9vvsVD8L^Il-mdqv|FZ`W3s+cr6vR<C|MY{<hL06<NQiwnNGK8x&op^R?XA)F2Qo
zrqwcMU&Yk!(^?LZu4}lTI;}b%`-p*+ku^Eif#W2jlZTjq6HwhG)|Lr63N0y&iYnY3
zijhDmCLB^r_D$Hi^prP`!wLQ(D=W+O&rH~xK2M!4*)T!jd5L?4m~lEEU(vyTUVI|w
zgX6SX40fk{|5kYM*x6IvtrI$HejnRe{(fWrPpzk{&K&*;6*E4+I=^{;O5>+Rmw{e5
zTXnAQMd#8FH)?K{E2uv6KE*A$JmGrWxvKw)D`&jfCmyrK@mtNuo(U4g-j?rA7@m`n
z^3phZ^HIq3d3H|6KIlgr+N>Y{F!G{Ci-&;F0tNB4w~s`wzwgkIrMT~?w#9ch=R3=p
zo&GJKP?<U>zO>7De~qur4SW8=x~GaymsZDlJp4BIq<_Rkjpt^joA=ku{B+1xUuC=D
zls_weuW7H%HrLR%n(!|F)l7N&!h`qz?yr&jGF_+V?3{Yfe;0)X9vK-4S%0!}{eSN7
zKUeR`c8QlC=JWB*6Pk4S-pPGaSO0%e$1#&pF*5&t;lpdPmv`OgSNtF5@o-x1oB6>;
zZ-4)tq4;C6GlNr;CNr_ofD%Kk9E!R9hc@yv=^fn_pvQ8fvk@5a0!ho~3#_eQ5M#XN
q@PS{Zf0>^e>#;ZrAR(hGPplowIXA79%bg3%(+r-jelF{r5}E*Zyw5NI

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-console-50.png b/icons/ui/icons8-console-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..278917f3ad7868547c5ec5f1000bd6d042c01afc
GIT binary patch
literal 573
zcmV-D0>b@?P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkP?@2^KRCt{2*}Y2}VH^kW`!mjj)HIs=15PQ?iZ9sGQaW|fC7`86
zGE^KKI<<s2CZaeA8S9eJV6jMzO+tdEHEHfF)Z_`d&6ml^pqau~F4Y@U;v0DPgx?pw
z!!z8&eR!UG4(<ejLZMJvB89Rxs+KD2R_ZpZjNBTcFfFMv4OXgBswD0LN$D5o{*@7l
zXRw^gLSY&T#R_7{O?>^CL4K$Fun?xD?hJ{>Gno4lYjiD}$LdDT7{?MD{6M}XH;o%l
z=2XOg7mV>r`WHVCg=zSa%{LI|6DGD4tY!b`dzK%FYN0CkfrOVL@CWBjZFnhie~8yN
z2}$;tTCZ=CAOb;Tf`A~+LJ*lpNLNp5Kpubc!|{C;?q{z!hkOn|1kiSTg7(EQBu_t|
zkdC(#5Ra-2j9%OB9$eEO`GZKZ2kzmQa71Ge>vaR<NTvCMNN078zlT_>{a=~=0}dhG
zy>R+xU^_fCR>Z#jmoG@?n-SPb%mB1it8mWF!~LX>&r?gR*YRk1<?=DyGXQ(Bbfdba
zrp<-ecZ%p3dw2Cg@N~#nt?R1KC7A_r4?b`HcJJ<m%lF|%?R@dt<cIwM>LrLk5D-Kr
zNb?XxwkRYJT4+pUW&@!G`Wi2&ObeR*^HaT8rUh>ep-?Ck!HPKr6IsBr$v~zH00000
LNkvXXu0mjfrE36g

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-disconnected-100.png b/icons/ui/icons8-disconnected-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..45c6e61b8c57ac21653512f966809f863863e714
GIT binary patch
literal 1387
zcmV-x1(f=UP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkT9Z5t%RCt{2-OFzqMI6BKDO7QgxFB&rg1-O>1O@RZ2#OF-fxy^?
z3OG=z0IIqhB9T&CNJdIab7^K4i6e)4W+OH6jPn;@C-lgbSGgla6iP}81gHm15{ER{
z-iOz_GoIg9noE>OUVpUCK4!-VK@bE%5ClOG1VIo4K@en3nAIPXQtr$8bwCIq!Wu^j
z6W0jipI58Z8?t^qR!4R)gxnf{q7eq5M9!o9A>xZts6lytVPWCMXc&MJI$UeKjG6eW
z_nX*dP_a;LHup!v0F=P6Uw;Nu{%0hNE-0Sgcn4G74)b^F_teo>@T;>dQsYlyCjN+p
zu?q#yFHMBoGqx}Y<;Sw#cI_g*c$6@{J`l!#BlMmD7+u1?co<XhTS6G2hV>Ywsi~W~
z{d|t{1DNt(03*fn&WSsUPWfWdDLcD=j#=X#LdDO3kupZXsr*oME3)WT+8va$tZ^4+
z{8HK&n28BwYx(OjI-~vOboC>`#A?bIlGN(Qk*(#sW9*<fr^#}fAiYi=ttj6g15ncJ
zS;xs0+{*U>7&|ELC!_@^L#}kZ@>anqUyFdUl0FL0BbzEkL`nVQ%NHeNTP2-QYy{C7
z#a0k)QEUcL&CI-hs^pfXHYhfO$mQ{avXxtFo;x5*lbWE|3L>{L<Z@1`p$&?SAaV=i
zN(VzL6x%>#4~*R?MYr6}48<l88Gx}p&L5uq@a@cwzH9-JAu(hV?a%5mi<)ADYfBFz
z6E74F6C;!J6e>0_6R#lCDjoaawt`#vy5Lsc8zx4oC{%2COuU4Q#Bj>rbT&Q+MGlCO
z1`1~Usz=4s$Z!l9gd!!{CtG6|0x;&~0_r;Vc5g-Z<dNi2_&TADC((#t1fzV3Zjr6r
zS8?}@VWOz{UYIrxp%KG~i*i0HMzSdUvYJJYOq|3P_O|QRn{@I>2$a|uonCWK9F2SO
zs3zZ?^~D3o)C!a3iOqRaAveCzYfow3e5+i}oeKLuqgU$hWowLnQHyn%WtGe?-i=Hz
zDU?C$V01qEqN1pIUuaZ%WBTLiEK%ehjJPO!r>z>9N0;s-O#C=C>#bygB70z5hvHg-
z;>|DKODO-T^G`8t6d8cAJ=Ra3IXoNo=t~`_^qO_Ab)Mh2uiGs2v`}P747oD?c<4i7
zr+l$ARk<CR)*P!pf*D`ybz(Ja6d4htQ(qKQG1P;Ogz+mummY?NB4c9oMKKnGHV#F3
zj4WvsIUq(?6k{=%crMP<u1TWER&J&*#^%-I@q=NuXB*`^BQXdQFT{QhJV6xM|AJ)T
zo-ydnG%ZrMEeYj+4|)sq{n<~OLqv&;VQic0f((c;<UM8G8jPetNa84CEvqnw0YWl3
zqaUe;0YU&pKM(>a`hgHY(GP?GihdvjQ1k;KfTAA=0hHj>!}4i@kOVKYjAUvlRm?a|
z8)fp0cOe4Gw?<wlG!11c%*U6h_cKNk#jzBl6Q=y#u&Z|_I99vP`?4J){EE*>4t`lJ
zc=^8>l7Nu`1{J@~om;$r_v=t7Tl1y>BUKE{_*$<AERCGRW;n)G&lh&xbV?dybM?+-
zKBj*6SpA8tx7~D%wpvPc;6q|6Hi%z;KI?7Qa%N(buWV3X@i6dt3Kbi3e&fZgw_VHB
zw~=8cK8v&bb{rH;#XlYuuV%N!BY@IxEp&ylc|kJdR}Wzmm#feT#rlQmbwU9QjZgqX
tI~4c=EC_-i2!bF8f*=TjAP7Ph^)D-ig|@*se?9;J002ovPDHLkV1jEvZ?^yd

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-disconnected-50.png b/icons/ui/icons8-disconnected-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..afd3f91ced483d7b2e54819220100556512dd0ae
GIT binary patch
literal 906
zcmV;519kj~P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRJV``BRCt{2na^tzK@`VVC5_i!RP>@ARMfvgFZu`AWJ4nrTg4iz
zo3z$KcN18TR)n2;uprdZ&XknMPI|1TruHV*lS-|E6x2qA;z4?_X-8g6WV6{#H)*E3
zmHonlK*(l3`{w<aH-g~HmoHzwnkYnQOvBSBh21Pf^gcu=)3BZ&#?z+-uL(`)T?o@m
zl@Y2k#`YK?%H}y3jbu9!p&Q0URv6ZwAd>C3`93CiLBp6vG)xP&5Tu4-I_TQMMM*y2
z-ZO9*KBI|j2w{DF_d&$viy=u_3rq4+YGkZaBlLG85W|!7j{6XCg@K9j<fr?i=@kcW
zo>|3AIRWgbR8`#@jw`Rr5M_%bl;xq(biN@NLRG;HU5cp(!jk;P3={1g{OrgxqzW$M
z3P{sou!|s|_s@>r=uLKSnqeHr4DkR6%LO8AF1Y^lc`NHnb+c{3V3$D35Ns~Uz*c8k
ze?)r+J~Rx2If6iTast6}E#KH|;H+KDlwfSLnTGXE=*_r5v?Y?~!jimDuG(8cY$E||
zXqaB(1`(2!U$B6XBrh6a*jzAE0WlvqWB$EU7!7(dOs{h5os1Q`1oKY3b@xyaBqQu&
zxnSDt2`d<@n298mWq>I`bO^lE9+wY>;>ug|0*szvuY>@b4<4`e95&l>YIUYHZ<ozd
zBV(NcZ{2%5enm_qtKO!0o7I9~xt6c6{U9}4)tRs)FNuB15pED@l8Vs9J{X(&E+$eR
z>xD5wl&r9*AM1hbS@|4g4Yn~S2)*5So~Reb3WB}Z-(gMwAxT+lyPdqi2ZCg;TOCiG
z!a&Rv6MzvS7r1QvkH0X=OMVa&dRMV1*%Yjyr&B9i#mv8KX7Ys7BHI*|rW-X|2q&H?
zW;3WWCQs~`kOPoLV#c!|$m=ku4iHbnpgKW33xfz%>po*cHXBXnq1~{k+6!E>lbv7`
zqY?V35g4;)xE4Dnf+1NWAkfZ0Zw8H~>k!B^6?Y7QX+gs@3eSMJ;MP0wgebN%JkJyL
z2uAqUi_G@diWz8UG_2ngyrPHW^n`}>FIH1=NC3rbW_4M^Yf#WM7&k}z%@ABfdgi9c
gmoHzwg#Sf<0GM#7Ayc{qB>(^b07*qoM6N<$f=kkr!2kdN

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-dll-32.png b/icons/ui/icons8-dll-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..88759c097fb995aa87d2f826d52d0b37ff960634
GIT binary patch
literal 399
zcmV;A0dW3_P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPK}keGRCt_YU>F5hfX~)7t9-Yu`A-h^*}A5KVW1o^>C&11;k!0c
z?g$?;9kBl1t^bFfJ*M0dJ`_0M!KaUuJHm%T2T<$?A1XM2B1ia8$pL7ND5ALo@(%C$
zUw7&-22MM$1LS~JG<Se6{_<he0jowGz(B48w5N3ZmufEiuhdol-*)M2u$bkd>HlR~
zD^V<wZL9ikv2Yso9U#?Q_MfjT>%U@G{ePzHxc_#`=l<85(es}rHvz>G*8HUZy3@L8
z;{eH~axhz{D(}B?Ps6}DK)j*kzjSNGz&Sv)zUaSvXAS)wAXZ=e-)8A7uqB4G`r!_6
zUb7I4y*94|%c)Oj1@m3kEvBvm7&2r2v*joKSL$x~@3U<U*a09h7&e<f1?&JAU#KR3
t7?lIQqYl_M>VP$)4){-32QZ8z002;D712+`Wbyz2002ovPDHLkV1k-vvq%5{

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-dll-48.png b/icons/ui/icons8-dll-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..b43115be4affa8f4cbaf845a1dfaf7c1a7acc38c
GIT binary patch
literal 465
zcmV;?0WSWDP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPgGod|RCt{2)xAo?P!tF7AShBD9ZH9S6a;Y)9b6Sbg|>MEQ7ZUR
z1f^7i;0MMGDbiAr4${Fo6ftd3!Q^iG3ckW!#Ytb_N{$+63W9`t+pFgff5^!pkRO2?
zMZsYBMkO}m(X?w9qy;QLI^qy22f*{|3(GvYVh}t4^!-g7LgfSyhEO>Is0aja0OgGk
z0iZk)q5zZ^LL`9lK!^s=0HP}azo~)%f&hkqFhKx8K)C!_K<`$@@4(JF8z~zs<uqWo
zaDV-Ef1~ZWiE0^k!>31`1t{4?=+I$~_2*XMI%e#_ZvL(gbKmw#+jHX=CD_Hy{q6vy
z-6l&uSnw6RdB&>A2T+L(FXYXW)iXH(iQ+NLqvxiifRZjZAZ{MO?42^w0a8wb4Qg4K
zr*AIh0z^+V7Ri5}Kv8`ccHe-W%_SByG`~}|iVuk7*IIUSxAo2dyn6qEL{Vo+$7%rt
zJ60+9fM92vS7HI8svv+MfFU4E5I_(RE(jn9_~!r&M)@%x!w7EiUPQ^n00000NkvXX
Hu0mjf_1d|A

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-dll-96.png b/icons/ui/icons8-dll-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..71f78cc30d6e439ea13e13bc345642f0d2f8c10b
GIT binary patch
literal 833
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|V1%
zPZ!6KiaBp@-u9XjD8u@}H{nL-3XWZ?x;eVn8F^Sa2xU6{yT5>GsnFUv%bG=^CWJ`2
z$Qi8KIO~$3pn9*z{l&A_eb>Ii{bt6_6+dP67j`|1e)l(?``XocXHWcEXnaoMumKMU
z{c%pwd|#7wJE`tOi^!J+i)0yXmu0v+@N0&aJ^H=fK=8t0uc=$@>svY>2siKw9yDi=
zmTKx}FjHZPXUx&yuw%X<AW*};VV`mfLqe?^2kU`fT>?T4Uj-FS7+y;|bue60ZwX*r
zqtBtp93d~@#J(Y0){(g(_B2NnLk<s9RedN!87s?|fA<(Xdb{q;XLzxIU4ZF<y8zRR
zwT|qz4FU}IO#%-2yjCw5TNr)_wlGv>UvT7CU^&pQz;YqFnXigLk)e)7vEiOn$pvN(
z#((eF*S*fv&#wKo>2}rkRkv+#JfCH^r(^GJo8Njx`M3AJ4z+!Lj{W6{y~39z_cAPd
z{b$wP!vAgAu_vb9wYB_g_G!o2@?EQ{&M}3&-22#)Y0a(P?N)bZo|oqg$Zq(%*#A!B
zM#t^XGxx9dE_FFq#`{HR!8L~G`_BEf%bq#E=<7@G`g6PWMcmaLoESDu(f?;QW#0R0
zJBJ1p#y;PDUHcTiFXxz`;_x}gtZ3iMGIhpDEE%yg`sRqo&ERZcd6B8k!1$?)G3bx*
z6paHbcYaU(FDR_w*swTQU-|j%-#^Su0vnniJ5T()_q?2tf@Z_!__VI~zZWO(Rddi~
zlu~z#O-?&v%41(7ofoJ1J7U+DcSQ|{p1ZZ*?^%08`R2!nhPH{vH-3+LR=kVB$LIQT
zt2;0KCyO#_ZT+C?FXOP(EcNkzfgt7$OSkX-k(co^mgx#d!riUiM-Ot%|1W=vXZN<F
zFSv~v|0z3Um{JxyACx&5zg%0;Ea$+{An(YrU^|=a7X~MWKOBoB8xkej5+#oPm=UkR
Xu`<y{O=&JLPcV48`njxgN@xNAFnC?&

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-dos-100.png b/icons/ui/icons8-dos-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b2fd073d1cecc9327dde28f8fce9daee8bc75b6
GIT binary patch
literal 3096
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
R-`T4VFfp_+Xo9#U{0F4J+4}$h

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-dos-50.png b/icons/ui/icons8-dos-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcc4af9c126af24ae0048d91d24f3b03ba67cb24
GIT binary patch
literal 1588
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-edit-property-100.png b/icons/ui/icons8-edit-property-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3f471850ef0f75b52d408271c491cd2f6cf41d2
GIT binary patch
literal 1358
zcmV-U1+n^xP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkT07*naRCt{2+h0suRU8NKE;AH;5u<S-YUTrrapL?l7mR;kF2rdJ
zLdV#XOPmjGJ}BdM@_@3%We;YH&M5zifEg<4rrXLWAQ#qFDJi%mgKdB-95ob_F>ORa
z=!N{u#lTwI6-v4Hp0?j_@=e3df%fvr={ek6bUFk<5ClOG1VIo4L82@f*_NDiL&HZI
z28#)`n9_3^4s6LXuh9l0r{SdxgN0CwU(<6eeR+AuS8D<Cnbs$t!E3XcQ`84BSdMFc
z;s!qZOm5Qy05R}WfEf5HKn#2pAO^k)5CdNYh=H$a0<!H@`<d-~Y=qhZn!CsLi0U9!
z;^>gbBtoTt9;$I=1BCHYfH1xa5XM&l!uTpc7+=){q~`3{fYv82a#~a4@KdUT)L))x
z()z?jPTS_1R{syf7Un&n^@)p|79fnTMiq#;e~L0c9Q3Pv%y-NypSuIbWUAak^VRqO
zIobOUB^UPiRX*lBX3GZy0b`O??#^RF00Bq@0f-bEAdN0B6*Y|cRX*lB=7{x=fH6fX
zx2$74K0xB3Z2*zDDnJ-tjVchVAqoY%ED0dV00D>?>maz6rBJZTk^mw`AqeH=t#%8-
zJ@O+!n6@B81qBZc3&Oy#(Ma;6{55wVErSx7`=<OVAM+hk|KoJP7_-W?T$zptME>Qw
zjmEJ#jO+D`?A`kqS0M4Q%eq)|Vp|XlWl;bk1?{)}e^O^fwc`dD|5XsKx%cgR7$Akp
zg2)(VTNj;bbIf*?nc735tn^F)h!hm#^jXJzXH-SOqArEPSU@>fR<Y>Y*RT2c_i6?b
zbM60~%=XS;7}rrsDniZ_w;&t^2#dVV?(_8bu@q|l&K?S64&{eZQwKnpvKZd#JBTWD
z<gL1G`6z;LZNz9?s~JcvTwHYeV9a+8#lAR7SE=7Zul=GPHM^|Zp(SH1pj0P?gMw{u
z@)DbRu#f64OooNwJ5!ok8+${dv^lQ!96r2Z#V}$SBsBtz1(eFfsm7Kw=Wl@FIc;s{
z=h6x9A9DDzCo+urN|pM_02HM#A_0lEI+uYF6s67KsTUoa6v2oW5NG!}^48qGEQ|#d
zQ{rTE^GSPsYsaICVZ;N7GlH4n*K(bQDs;-cO{ukpy!O>F<$nCjvMQV!UGjSIzTFcW
z7)tN5Qr^B46}u_o1tZ!)QWeISEnhvZDn>Meq$-RdRV9(zylaQ57)oEudg90xO4)xo
z?5=;OH{|uH=SvuU(XA{-=LIJ|mnBBfmBx^NCO{ZJ7yw~>VE}~jg#i%87Y0BWUl;&k
zd|?2D@r3~p#uo-a7+)9wVZm#6jnG8hx`;948&vX*s&JkgAS|#KFMUdr?e~$lc8zK?
zLsO8}pQqM~KS`T;?L_<i4P@8TjP2Hund$^jxEQmhoBkSTeQWn}p1XdSZc!bC_mDlo
zC4<b>mM}<Ft46uKxfJUm>&<sBV1$bTjFk^r6L$uH%%fDV`VAN=r>E}DuY-bwLIH+y
zc`@%<?>9$NXvrwRP%b6K8`9FYX4B)(Wz&*SfT3&-zPYhd23Zuvrk@}&p_VFjEBo)s
zh<{$+{iJIi#1F-$pCnsCJK6Q`l2xBcjXM4Rz7<g-S=+ZtGQ`s_WYMmdH;)$=Z2G=*
z|AYBt)g@~E+Tt$dht}Oyl%HmMuXy7dpBz}5r1k4T5ClOG1VIo4(M56o1-~n{&+ftS
Qi2wiq07*qoM6N<$g4*YGUjP6A

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-edit-property-50.png b/icons/ui/icons8-edit-property-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2e7d53b0b6c5d47208fdfb0dea609f603e67bf6
GIT binary patch
literal 907
zcmV;619bd}P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRJxN4CRCt{2*KbG@aTo{iL&y=-o8I*{iYSoYRD$Rh680+EDxx>}
z%2x{#Hw=_;y{LTA3-cdX)6$u?skkZI9J{>z@wSmkrt@E^BgIXJ(`n^gvwY&N4YE1i
z?)K-F_rRAQ&x^r6yL)!eAqZP+v2`#jPoTNW<*VOw1)8B$h9}Tid3<dyWeAtAvGW8P
zU_!V8buA5udMwodUMPHZ9Sh<9FOY}QPwvXs4q!scY9@4)A&PhFe$=rAOh~=PWoIFZ
z!S&5l1JGa^w2L1pLo^fqFR2Eg!Kg+zWt1WM*{$)2zmV-Kl&hD?ljvKAH^`n&<fFcb
z5WQooJ|U2zb|)OaKT4iNU!nDoJ)Jx?dXo<+S1-fmnpyHB`YO{J+0#kr>LwL}COP^<
zK@@f$NC&@>C($b>{A5ojJyU*mMkqsyyO-eHqe=24`X_H!$evEB2i6bHjLesm9F8kQ
z^Z5t#O!~=_=yfvzvZs^2nZTY9msot=DH3fuMWTMUP<SLQXJo)QqIQbK0jF3DL>5FM
zbJQ57Ky+hnP+^u|md0jd2ol8L%cZ49)8f|B+1=2CSqTUz`|)j?^p$A`Ml5cp1xZFm
zYzlC8@}bvgBOxJ-wW-A%H%OxYen)Hy*nWNppaB7A=T%S{tp2|-wwE$vTyCv+&qzV7
z1GLkDFa!j%_$J@0!tk{aMul0-V-m>`#;quQdmtc~m6ohY6^5@W`*B=_<NIHUXdsE2
ziAV?t#x1)b?=Tpme}=@m#us-j!O4p8h{=C86SlUCl<t@i(1763h(v!SsLaUirun$e
z1pJc?*(nz#M69p6Rc0^Tkk0LzTTOF2UTGg_JuxA?@*FTuExw?H*bkDdnefVU0GnQA
z?)DoC0%htNA1eZ7B7_P8Wg297sCR#aA{Vgf@GV$R2ZB1b9_wcV&GE{bC40fwb;1(~
z@xAr5+c4#7+x7E~pLY-@6lf6+7&$&LayFnX<3rpYcF8Vh@38_faez!XCOr^DmEF5&
zXsJ8{yI|4>K~!PkC2#hXYw!n?=>Zd`8!(O#>X6tLz*JU;<ZPy}C~r<8I^SI_$+`)E
hWTf;9vBlN_uiur*fOL8m3$FkG002ovPDHLkV1j=$oHzgg

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-electronics-100.png b/icons/ui/icons8-electronics-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..1033af2513861259de8d7729ba35b79ea89abbdf
GIT binary patch
literal 1023
zcmV<b0|5MqP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkRu}MThRCt{2oy%_1Koo{gc>!Qe#Trre=3<Ge6s3tLohectpyCNA
z8+OTpiv&`)O(PJ9f{<G30f`;UJVT#=Qpyv+ZqRW;Rf0Sgp~;-u|0n&sj1!+vj_uL$
zm<Rv>0000004jj%(z@%?PHr}-<sILnS?_pGk7m8w*rZm$HrA;sxGwFvF1g%nP{%vI
zM|0lsoF2`2x3NK;f^F<kRe%s-K!`9PL>Lev3<wbhgan}7Zl7s>Y|g3F)RT0jbv&P6
zUHsC2dBNr7?bfC3(J{yK;9b1t8_(g-__o2{;TzAtadZst3-1#-nxWG|@+mo=Sp7s<
zeW0vyWlWNqugdDj+Uj#88I_tivHE-Hf~o0=Ic&babAzPHP^tMDx=3p3(LWkiUnfcM
zp<AURL;Wq~+v0ZXEJ<N-&Inx;6E>-NL{hG%%6tM>|8SxgarKq#u3QOS3?(GlC2?r@
z+B|e2l#n!bSC&HipzMZ8Krxhna4kanfDj8IPHG^;R#3>WAz?2sJP8-N5K2h67QR}Y
zNaMt?10#2unrB8s7eWaM*P>ube+NP=gj6<t2r;4pAy!sOBc%S?xP^{(^K07Oyf@wO
zck*}Fw;&|T?WfvB4eg>@;4}umMZOSjO6CrYoN%+ixI3`)+_<PNKt^qtx_0#!;|t+h
z_-a+uL>~N3o&PR^OQ`*s`TG@~I*IRw7Z8nve^YgZtO^ve3L&BrLx`-z5F#rvgvd%P
zT}bwTC3l<WgqxZn#AM-G_-a-3AZqYC^|A@+pZ2K}2pIziF%S|#2!uos0wH4oAqGMs
z2=NHPjiD2DV^{>HPRvm-msNuh2(b|2AOu2OHHDzbL0TJ-2`(TyZEZl4Y?R}sG--`;
zOVS(VrqfCq{z$pn&~EYB`1?_csgt84Wy`pQ_TVpU`pwqH-Rc<Ec=LbzP%0s1NgqOt
zs6dF76$r7i0wK1VLa=av6|`_b5m;KolxOOsY)K%*hzf*QSrH+Gm$eIB2qh$m)wR$*
zC|loMKrxhnEPq(O9NGu*(x}R6T>7SFU&J!83@=O{ydXAg600AQsHMhJa~QfPDp>S^
zsHMgkeoH`A7voo{xkeJ<w*>IQ^i?`ClvEkN;X{`frXRfYBy_>dWRjYFK4*ygoATml
zhA#ul_R6DWzO<EcHFZ+prC`E<5Me-wFd#%25F!i+5e9?^W7s&clbcO{Q*!nos&71}
t-~r35iQK=9$u}eb000000001m=NGKa;oHSBz&QW_002ovPDHLkV1l@9&Y1uJ

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-electronics-50.png b/icons/ui/icons8-electronics-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..32dfe6f4a747a96987e865f6d2f25354bf8b6305
GIT binary patch
literal 584
zcmV-O0=NB%P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkP`bk7VRCt{2nmum9Fcimqg$}(zKTd!u)Cs95YGbffCi-!LoPnuO
zW$RF>&Vm?;(ljnN-~?>B1UI0IE9ZkI5lBEBoF;zKfAKT6f3ouY{0soflqoC37y*4|
z0Y9Nh%KrgQGJc=8rTSQ4lJXPKKR$>B3}ykg76J2=e+*7jey%Y%P4yvQp6O#KklKNC
zzq^;v!z10pHl)ZgoYum$8!XnqZZ3IyteyvFNk12FOZMTvN%{?^wTOJvU@rImTqp#j
z=owP<11V<5lups=&cjdQc0vLKOu*cF_(H^Pyvl-re=tK4AXC{OkfNyw5T^tn&Y>r^
z5i5)&azPBIwMedMrwkxU7uK<zheg>Srrk)NM;7oE2;3$YGmT)Ty&ouonEq7^$RtP|
zB84aR<_Yvq%&s31yVCNBkD<HUK?ZhnnOsvg)6N~W+Hd(GV)3z{$f&gs$c>4Gf$*`Q
z0@+}}&5ozwk;05sE=bRVv*enxH_hBp>sTOW(cxEtXbObw4pNnmy)xmqmLTmirzmWn
zq|p_XG=^hAkxAoWX*?=r8t>QhVnxdeLMl>xs7yJix&=B9k7R@B6usmI;RR$~NR|k(
z685~nOZzfl^k7c(07P1}GsEzkDgL2Hr)b!jb<RN1_HUowvZg>v2SO_HhXG~EYGS{>
WtMc-Zhl9)j0000<MNUMnLSTa7RRoFv

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-environment-care-100.png b/icons/ui/icons8-environment-care-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f5ed144cc98d5c87a25fc28603344c951183b90
GIT binary patch
literal 4230
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-environment-care-50.png b/icons/ui/icons8-environment-care-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..c384d7ad48d6cd853786a60fff95820c7d80fd11
GIT binary patch
literal 2141
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
ToOJK500000NkvXXu0mjf>ns*4

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-exe-32.png b/icons/ui/icons8-exe-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b0a8634369847a5cf0126f441af11073c4d8f6f
GIT binary patch
literal 461
zcmV;;0W$uHP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPe@R3^RCt{2)W1u^Koke?{3XR7IH@3AT!bPhf;u@UBDl1+i;8Wj
zKZ_~&0|n9Iptu=p5fTt52RCtYb8>ZYNl2wO*rFu)$~|a?Rvda)1<iv;;N_8g?%i>c
z<i{5QSyPeG&``?ij`Ujq_wpXtzT!uqL4b4j2<PF69{~=4{cQ3hzzN_+KmdRX0YQKo
zM55^c_vi+$a$BF-Yp`!N9e{7|2OpsM0JUL&HM)gjXwA#_$T5ncG~Cq-e8f(u<}995
zt=eOaY>EREf^od`rtmhlOX)1<VYEk4p4dmRZ-w5mK0Oe@Yk!)0DpOgp0IOz2*6;?*
z?s@1f5t>L9P?<gyzXgS097gL5jE)#eLm8^si8JVdFwCwwua5!PWLRH$@<1%0G$_MP
zDsYzaRAb{e+M+Z8JAUc`%Hw;~$IeGn0CrLV)>W9Dv$QRRo&}T!<T`+p%83Q&fv}hC
zfUzfAIr||^A(bOQwTHp}&OHDhknsVU55SKCr2iD3L0~Hn41*%h00000NkvXXu0mjf
D?e@de

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-exe-48.png b/icons/ui/icons8-exe-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ab2d426bc5b7621f53390e7e961ad97678322db
GIT binary patch
literal 577
zcmV-H0>1r;P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkP^GQTORCt{2*I7#fQ4|2+`6bdG6tqDLLG;k}6hRvW5rmUznPn7N
zLQXI3QdATrT0K-ykM(2v0rTSIxRF_ob>d!QXtITnd!6bYIB=bN4$dd%Jjih@Sda}6
zE`dn8E>?aoz<o^*0R#Za8xg>LMF&9yAO`3mfE0ih0!RWx3JBr=kuZV^KqQEu1`r7$
zr~*U+2<iY)i_j(DC&@8@zyQDinFIp}43Js;Nq}PWf>bz?ma)!Nh_)@_bF@{!wNH*S
zxGl2aXNt`Sv97fbdlj3HBEaeezrhGn{s@HXX4Q-jY=JUy1bzb#Ql1H(=g%S5y^d=`
zwKKT)u45U04wPCoy-E8CeSlnP|L{x04RiSZzRwME`2;>cn)Wq-yY{6lj?g!N#Ha_~
zqtU^2Ra5Gnt^ocVUY+4UiB(gBMh4dyjPNkDn+A|_ht=L_iz_<-slW{3Mkmfl(}JcZ
zSTn5x;)6SB0J+Sj_TKky=xl^6hp7=NejTBTN%ZGLe<LJ+0tnSRQcK*wiC-QsF~6rj
zfb?dBP{s$hK^aGPJV^N_cy^vctY-t)2CJt(9iece6O#7hEG+T6M87I}8FY>`r*`7W
zaf%lfJxiDmRKWX8jCtq*XeP%10s{a8WD*P@FhFL(00IO2a{vn#+?VkJcV5fG<oLgj
P00000NkvXXu0mjfRio+N

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-exe-96.png b/icons/ui/icons8-exe-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..006c446c1a392328fda356dd25e87c2f2899ade1
GIT binary patch
literal 1056
zcmbW0>o?m69LB%DB+U|W`4P8_YNE=_+NrdMEuyieB}ePh&Quw(?y!~+w~R1SJ#$&x
zGfquW-D!&)>bSH$3zM!VRLd|6GZG<Esws7EsW!yY?LXLy=XqW|Z=Umfih=|EOpM+)
z0ss?^Kl_9sx$i{48+@w#TQ5Tp`TpUl03`A|Ay8Rm3xFNsuzf$zs9LCq2qOF1=4-D~
zOX_^x_v1NE=4YOE1{^W5xaFK@{}e5`N8sJJF#hVmtwP(&j(5g&^i3;uLU<odA{X?=
zi8;i3(v#LFSNGE=uif`#Y{gc-Ru0r(D)D!+C}KO7=ntb`B8~P%%s6KvQ(iZN${$`j
zZHh2^zVXuL=sn07K?^#x*&6SRyAFIZ?Kxg_4e#p*<4%Njj7H3oQ@|6+TZFbn^ccv}
z^SMUQ<c7Nf{GGINyyykKgAI``1TjX_&T^-~D3Uh|8zBW;Eaa5Z6c~{km8(s%0tY}C
zxjc~3D2!Z;Xzx6TKvMuXSrk1X<~_i{AsiLfD`Q9upuz?Xkd{&72n7O&%nTujev4If
zngRiG2rQUC_|RGaEa=QtHkO5<hX&2Z&?4Wv$)|-9;cZe%_2kS0mou85XRr9QDp4gb
znyIuB_BWP=ry@0#aUHJlCcMHfs%JZH<p;rR=IS$2{p7;PC(%5Kb~;g-`q5^2z4$6l
zro^&_c~RdvGi{QxZXVCrnkpZD@P()2<p8h*eN~q6?~h$;N$J_kZe4x5{C}xvGJ7K#
zU-snps%j)@+UyX>ZLaU`U*9)|<yOadq&03N1oKwkmcH^1p=%n}Fp7$e<Qv6AR@#n?
z?Ksz-jTM1{5`k}R51UKX=_4?FTVVCCtp(M*T?+`Bab1|-eU?XsJ^11U9WJoKdva-Q
zWMcGuI*x@<qXv=0(B?mjUS8<+=`wZsAUnim02>2sq0IBsLYt&%#LGzf(?qY2$Mu&T
zs%{m%x3WbgPgB_={B@)_G0W!EG_%TFgo4FE?3=i#hG!{H*bBkjj0QvJ*9j8!?*nA7
zCa<JZJGj%Li+pj`&F6Mi=S+Pb4LL?SLVS94%GL}qbMCfjR3VW?gs*khwR`K@Zm1~H
z1Cu09#2`aIdl5=O)~=O@wj~Ct%hj*lj~W&nIak2dsqJb>e-W3qr=<Ko@5r9knWJUd
zJoO90$8e{o;jv|y!wB%#lb;-)XtP*}_FLLYAO2A%2zvyUsjFo|M*JSpc=7g!V^Xcz
zr*<_AHCc256t6ZZySasD{pJ{VF^jVfnL?@iF-UO#?=Q=T0mE&kNLsLf5$(dDko8B)
u_d5ZFO;iMm`27EUNiH4!#mwJHT&+i9_u1HVcjapg$OGp{AiL=^Zr(pyI=#gJ

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-fork-100.png b/icons/ui/icons8-fork-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..aac46f5aef77e31f02caba90a026c920ae86efeb
GIT binary patch
literal 1500
zcmV<21ta>2P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkTj!8s8RCt{2n_p-gMHs-hwxZYyw$i34nww1zi=`M;{8Mdal1im2
z&CNuEAVT#)@j)o4P|$}6B8YvE#LlK6q6kGWeb9O{S8Iioq7PEFAfi~TrC>3wh1|`g
zt*uE`rZH5LTynejXL7UO59TRc?)&z4^Udtex1I+8000000000000000K;4t>Q7cj3
zXp8MQ0MGN%{rR;h(7zzA^L}6cUfb~`n$(`cMil6?exO4$K#D~W*H8LfU7V6}Rf;;(
zu<MVdHe*X1i0d7GpvGsBaVf<WwH;q_7z`JqK=bJ$K!yd@z4zyhK3BP7GEh+HnDL=7
zT$Jh?K{n!bnx_8IMn6#BMVc95xX9<K$1L<{ci}!OfxAd^pf@0{PQ{S{yRQm^_~^qZ
z(1oaF$`4fUET0*H@>K@SyzngI>T)?V<9~zeJ?8J_#FR`zb5Zr{vtCq?QCreI;dO|s
zy>rQkSf)ZFX*L<_cb{2StGw!xrXauE=W3`HGo!h0^igw14-0(}ntDfkKhQtbOh%yo
zg56gU%mqPQ4cDSfq1`HD{@?W77d*QE7xSz4xjJ9#nK5nr)*R?nUeZD40U=jomSvnn
zL1CSjXhKtJ^jpP5)Jn$Wcj$I6$)r9AulKq7*tQIxs|la$r@bVz=H0^0i0iMc%P`*)
zsGVMtY3vVgFpKAWGOE0rni~CH(n<HIl?!2J_<=e=y2B-2(n-%JBv9SepBd_yIpnHU
z&UG!s=jwcOpf^`>W}IHjFWg$|yz5s;@E<9aUck9la3>x|$mAGBf!<f-SKb@7Oquf(
zbI3LQGl?f%x{$DPWlD!Bu3oT{vCBeuJQ+UMZ`jG!VIe5c`(oT@m{PSDP6(?pL#FS(
zN|+gl>m%mmajtk0Pr9s<byZ3UW$Nc!2J$Ox=j;BW9+=&i>Yk@e4V#lk+qu>SskcwA
zzVd{%JSlU|A~=dI5z;lZ3{!ci<&__gR7Z*$PxUEQYCMT%^S1pBgo^J8lc5>akYY|A
zZRc4Rv~Jt)6Dp5S$*77HuHLboXI(&8b^~GZ^mG}Ol!5{+%=;p?b6xPX(Hy~4<crCu
zgcQWpQFv{w1lp*`5GpUsC!;JWT%Ys@bc5|&7d(W@=P;FHrOGe^GjaHi?q64#Hqugu
zX_T;?>w*U}v6C<{5k&@J;)hL-iRHFqcZ_fmrgB#_5i%rHo@iwU8f{1K6od>d!Bo5-
zU4}TjiOSn-$L|zdwj5kan8-zz!9<~zeRh}a_?^PkeZu6|G0M~>%;Xl^@jJx>9iOf-
zi!q5PV{-SEd%|}7PJyYooltoyMwyy0TVmVsI|XLBd(2`SU4{%Xldsy2-znNMxrYdo
zDvk_7CAS^FQ{Ybd6rtjB%$f0#*WG=M?HrteQ28REay*_4@#WU7IcPMf?4ytvC5l}c
z-<VTE+c`KvSJ&WT!eoDJ8B`wM$PU5_l$F4g7{cUWTp5_k-`hJy%61-3U`h<3;)~ca
zm^`<sBe&jm9!@qQ#2Dw>I^~15^KiNmq4YIFT*g#BVml9K8WBw0k3TcS1j&eJZ0C`v
zMud45@t17p;RKjvJEAlq6e(42+RnoXT4{DWX5#NMWqfFkZf)n1&_;wAH-7ug(X9tq
zXhfKCuOSYT?L*LlW2F&c=8g(lb}B(dWKem6bcxj!2`I_5vusQGWl9dW)7)Cyxj2Ej
zPblv`L*((}xjSv=;SA-RX<#ZYl1#SEb`DO_+9_~68FCD>EW9FC4Wd6%hnAhHa(~z7
zD=?GCB9yAvsv8mDk<2GIVJeQ6u)T$rorNL=T6QdzubFF#n7~vF-2MEw*V>2)Fx%lw
zwiS2Emob$)%psNScmMzZ00000000000002+s>(lyzg@|-(akmh0000<MNUMnLSTYf
CTF}4%

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-fork-50.png b/icons/ui/icons8-fork-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..15231b8c482b68afbcb40f9e080205fca28a6f0f
GIT binary patch
literal 836
zcmV-K1H1f*P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQ_DMuRRCt{2m`_MlK^(__QWT+ww8DyT--s3l)lH1_O-70Y=FG<4
zqKGb?^3bhI9->Qhu$tNG6d?&qVB*ZK9m4X^A%g7EAHs_W{^`&<vw5)W#jK{bynU`-
zb~fGz=CCs?>}P-9`TZUbAS5ItBxI8~EYps-jzKAdn7ZsRwcv2|vo@YN10{#&l_92k
z5Z7LIF*SDZq1p|lL|w19-C?S4t;GI&bGyu0ZG5gi5?2&#r-r915!bKsNg$>sP0Xy8
zsk!?dA+A6A#i@2#V(CmxMVM*;8$t1Oqr=p6P$kgP{-pVA_RYCf4Isi4K}`MFs03na
z%*4!!*6c9djksFeNStbTy3*n5o!QT}W|nC$o<YLff|%-E5!i$T;@XQab)~oxTo2?*
z6dEVA{2hnuo5hm=fa=>*<^M=<J-%THruxj#v`d7kUk=Y)EHq9I)1zi+7FEJmWJN~L
zu2%`f^d}<*HsC9=n)}&+I8B?O3APX<lC2EOT*!?R;%YwfVD32B#Gd;z6?sLLWlRHD
zBe7_PCfLN`SYn$?WdD)tUsfLs*I5qJ-Cz@KZ7<4QB2$=3&#VGv;$Ra^vEeFA<(t0}
zg~&Ku3o|^y7Fwes;!^QBSHdh4vjcY~s?6oiUHFE#6>PyJq5)Ge;U|HKc-hgBEdF3y
zj}|i2=u-JDkHlLX8>s->!BKJAB|`hgiHfhMItQ!4b}$j=F%b)S?!+YSN;zOVE)`cX
zk&FHkBHc=dj)C2HWthqy-}{ig6LKDtWHZ=IESA{fQt>FigjjH+Nqb%r_+i?oOU1Li
z5>))gR9*s`!CeD8F_okFC8Xy@<u$Mw920w8D&Gf6P;m=vrloTbnOP7hLF5zD0Kit<
z=ukZ-VkWo}@;SyM_B<!~VgBhL2~6bcrdVPJ*p5qNe?Xi4U>X3F0?p@=M}426h#YUB
zseMpNoQ%p7m`b&#60@ymQ-`1wX*QLi@+qeBG433$EB5aR2?+^-|AIf^=&aGh&|c*L
O0000<MNUMnLSTXxAcm6w

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-gear-100.png b/icons/ui/icons8-gear-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..3704442a3e82668dd574ccb8bae98ee34a1cc3ed
GIT binary patch
literal 3193
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-gear-50.png b/icons/ui/icons8-gear-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..98e78564045d81542b9f364939f768fdb12aad24
GIT binary patch
literal 1558
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
IM6N<$f+(u)+yDRo

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-gif-32.png b/icons/ui/icons8-gif-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..9632387bfbdc7a3a945697243e6cbac537a87c5a
GIT binary patch
literal 456
zcmV;(0XP1MP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPdPzh<RCt_YU>F5hfPLWBRrY~f|C5CSwstTKlmq%^T>0-6vy*a1
z*pumi4cj05KYscp<&LnYzyU8_eWTnF_7pmRVn^6h!2uLG!k$VFKz4*(z}6y~J0P|A
z$p7+|(-=59Yd=VS70n%Bj~|aZVAZGt7$|i>S@Ws?8+SbXzii#z|6ytSz+x*m-TR+i
zdF+2#(<yK^gyGQCebjY8a?#=c&tHD~KY8xe|GN%8`G54(OR)I;N1y&T_MZDcan9BM
zx9@!fS4bf27r&dj4wyXm+W)f`UxV3^nFs#&Ouzi!Aqdq0=dZk>T@=h)e(V3C6VLw#
zChdXy(m8ZHiUXcJ`vNZc_8)mheFw~3d>w3fNXlMtIsg^3?h!js9B}Q{`~NwW$Ny(m
z9HYJis@l)|fAsY8|LE)k{~LSHV|4&cqrfR-+yC|39{hjy;_Ls%&%XR$y7umW$KY-B
ybAUY*yM%5BTRbugBKuJX1dcjj>j-hchynonN{$LNlLher0000<MNUMnLSTXrL)g#&

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-gif-48.png b/icons/ui/icons8-gif-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed07bdc6b4a95e702df5e5c0ead1b044c66a0d5c
GIT binary patch
literal 558
zcmV+}0@3}6P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkP;7LS5RCt{2*1Jo?Ko|h<{AU>|F5)9#)j_G$2M9$}x@adCb#QTU
z5p+=SfrAfftFf)Lg;MZs5nFAvn%1MJP^+$=+%*O%h?RJk1nz?mau-6rU-&L}g200Z
z-4G=|P{|hmlx+d6y&-l8kpduf^#W~uVKxXF095>7hY%?Nm?1=p0K@`88-QpdSO5@B
z1S<fdg<uIlG!U!-s0v|8z+Y0}0Eq*D1B?U*NE~1+YJE|Cdyu5<0L?BLf?*X3=$-7M
zXP3|59Z%}_PgBp3y?uqou07}(iIMB-^o%CV1B7FFQh4I12y5F4+~>>iP<R8Ub`-c)
zO5}c%ONM@LoLnopGRRR?Pxo-t8~`p77nIJHz~Ky#xw)k)GB+`E`XeBoMAm2_&uD@a
z6pX0)9B!5Fp(sf1ed`0pCJ#wL8-Y7A#sy*&&W?ddO)a#cJ!=ZUrvWyDIWj&;J?Tf{
zg_X>Yfc)dTzJQM}p3DOb`YJ87dr)a1T;SsR&94B<w2)I<#2KXob=o4Ho;|k@K$QFt
z`t}>eUmx!Scs#$Hwg;feB|{*rf?9YZ#pTp8tZpgL(79_5fT*RTb%*>qzxIRwN`V!C
wRtg*-aR6|Dk>CJ{1B?X+NF2a}hd?nt0oVRbOGT#10{{R307*qoM6N<$f<YYQJpcdz

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-gif-96.png b/icons/ui/icons8-gif-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cb4fe2fec92874b6406d5e78c0e1dcb238677d1
GIT binary patch
literal 1014
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|WC4
zPZ!6KiaBp@z4s0dlwkkxdH!674h@6+kfd3+_<Jt-=x8XOJ>haeC|<?2F)?3h<%&78
zgbOup2ANB5J#fV`wyMBwLu&r~9gAhsbGKca+y8vdbMEu2=URUMd*be0OCz_10U9D)
ztxhKu?-Vr#1wYA3wqo5IaJqoyi;?bO!3*76HqEZ?w|m*y5UX>(=*TaATfq<}0V|~y
zYzigL0fG)MS{7(ETwrxfWmw4E^oqf$ltq@I<rK#*298j{5+(sHr59`pA<h>B9agj~
z&~6A|bxdbi$kg<XA!)nv3<iZV<0ef8C1$3w|89&OCLA~ZYBL}BY;xnTFhkh}?guOl
z@l5Ir#qEjgyBYi#eyA2O8I(&9Cvp6xc}PKuz?#X*0YzmzYlM|IJQt`t>BcbSde6b`
zg$6C*k1h#5sL^2akJD9ixMZ7uNIOAM<o2vfub%9>wl4DJ#<yy37w*<%=*>0Wpk=n*
zwwu@eQNhB(PyNq-F$HGc{Wwd-!M$AJ_2zr?ju)pf%~>V?Kl|tYbVHf;L!T0v3WN?A
z?^F~0cuu~x`)u5b6<-~kUz_aVubV2j|FZBI$pdw3Z<pIInLDe^^D{%=T<OVNU2E#v
z7kO>pvh3BRmMzC#N1vBexW2zAmodufZ;+#Y`{B&%x;jU<U8{+_-O_ZJndJeCL;n5r
zl?&GWmcP6%JL|jW^zK^K^_&Md8`9TJ2)Xbz`d|G&NtO@t`}dsQt0Y?T^jSz8qfsq~
zdHIhsED{nYc?x!>YCV=c{qNEpJ;#~HUiS+%crZ%H^rq;%$+)V)xPoJYM4$S;@FjhJ
zquiKm<Rd0=?YcPgkHEfb@4VlfzabpeXUXIse@OH4ZFBwmZFU~@(o%DNyD|J^$ap(z
zDp%Dld8LNAEE=n)ZC84;Hsd!>149`{L$sd6cdnI7Uf$HWV!F4rSu{_>&Y0`%-Nqww
zf{af%AC&y9NUB$#ecQGA&D!kWM|v1!m>x{yUbpS6g9<lGb?`d9rvYsYGF8e?pW9w|
zAJ;Z@%IRL)e+Sq~?0F6~ZhB&#z*Hd7@PF3cqt2b5AHHfc4~Tr-c!=v~O~Q8Gvj1Q5
zHE$f$YY=9r<DA2AMz&4%4U+}qgXsr258O$lTw=#d22kDsW+9)We^`<#HD7j{ahC!!
OGJ~h9pUXO@geCw%G_xrH

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-happy-mac-100.png b/icons/ui/icons8-happy-mac-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..a150eb6cc4626824ed871dc914787129adf27ee2
GIT binary patch
literal 1332
zcmV-41<U%0P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkS=1D|BRCt{2oZnAdWf;egUTETvD`UKKCYr^>3(c;K7hbI-vbZ41
z#pVr}G)5hGv0)9_j}Z66jmXNJ3km}%1lDeA3v*|X(RLILu&q6(vW}kiyn`Xm%|Bo<
zyI3Cc*4VUJ>7XsVPtSS2$>*kh`@HY_e9mc`Hs?qZg+ifFC=?2XLZMV>5{bl%YJxRs
z3Fgvt=CK3`=87ha#&|sbf`lp2xbcRn8;hFGz>25|wh&3BUY9Tg0G`rx77^VPO}G@}
z8t;W@ACi_#z9YIB8WPmx!rP*KNU?cVE4mRH7Lx2E(LN+iH|m5pLdSwpC)x)I(Mbs4
zrGkXW6VuS={jDOA!!za*@<Vq&*mgElH0@{l%_C&{uHC{LYAX@G2h#`<-Ar4VFs+b=
z=A-as%L&vpG#|B&kn!*`DA)f+&3Jg3geZt0A;=gfA-EtR$QUOfxF8`}>^sy6Ti&nA
z@LA)&yyM0~EN2{tKbCJSuaP~D&p|>~DWv&;6E<&oH^WZ*p1k8m14hm`4u34)SY9K0
z9G`=PkdXBc31K8eAt5BhW@aH>gHezJ%P={6KW{V64M)J)>CNDBhf5a1Yh>5tbL1Px
z*TmPx*Jv3b&aP?bJ)43)j{!dU4g@CuDtNRiE3g(JPlB((E8j`4iLZ^X(Q-nv=|5+{
z`HPDnk1s=b`rf(=3D4e#(a@i12?H1YlaP(&g=F)qI|W0&h4k5T>B=8)W#TSO<dL*m
zArmwA(lvN3UX$16a}-(w30Va$j{$?;+t52S2Vd-I1N+y99}_Zg{w7?wv<U8zMHuqk
zPQRv@xk$(wIDRVln27)RsV7=eZ4yF4${P~G%rB(vR0tfc0~rpr%Q?@V?3#rScQoat
z)Af7K*w*7CIknn5r%1?Jh3slPmUGneMi+aeZ>_1%skPg2nuL&$4Galk<`>fFI1TSr
zeVn1L-jV(wFNW<qnsRD2A8?V7Qom(6S_fAAR`n!W+lGrevq%UDDNjfUBO#kfh*%-L
z0w5vCaFP&QkPu`ztt6z@z860E{9Dx2+V@&VNTs5gMF?Gmi%bZ=##?klZ6#3ksU6z8
zO>~_)hu;lB^c@-cisbU7$?oJ}9Sjnpp@M_}E=UOAf`kAr5DJMVQV>>e3dKEk6@Kwv
zE*baOM8SFZUeOD=9@oJiRD|(;j~nXux0Q`!J!e;(i|>_$1Pk-kksr${gx4b>!QyG@
z=qam^mXl{HTgZ)DNf=db2xB;;z~SyeaCCH+46ieCb$Z3Q_+HTqu{H(?(NIA`02dV?
zBz7y6Mtrjv30XSff=91b!=p{ru+*`d{}Wh+gIEYZE4U1JWosHP#r$WAfn3O@EFrIL
zBO$`yvO4<HQn-vI=Kz9+G4l&ildQVXBCYhHuIlUq(LN+Km3mp#*+bFI(8SAlcx`_E
zB?&_`ogER~5KXuc<2wmU0N`m=X9qRicp$nl+J<91P<6JS_dvpySS<E@I5JmrF*Fmk
z0^!J9O(b&nISF%y1Cwuw{Q2F#f$+Ub*h4~)g@hmr2|*STf-EEiSw=$2o1z=#-yry2
zCG3%9`B`5;`A2lK{Ob(gqsJ3}MyiDPf{MfRLV{D@NR<?SP}$}WPW|i)PI=6PpYJI!
qRV})|6bgkxp-?Ck3WXw-DgOfKg&sk5%Y;J!0000<MNUMnLSTZRz-1)>

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-happy-mac-50.png b/icons/ui/icons8-happy-mac-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..a957ed1dac827ef9be47ff3ca76d255a9a992a4e
GIT binary patch
literal 849
zcmV-X1FrmuP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkR14%?dRCt{2mt9ZOU=)Doo&Ufqz4X?^cwy8FOvI4DozX->3?`aj
zX1pQjAb4T;2w$?5j0`ry5SR)h>ll*_T!$N5Cu3_3Oj>M_5I=~&;+WG&U6ugJ`mv%t
z$&++v=e*~A+P+z4v6x|o8H!?MclR{Q3l5eS)>&T6=?W)g8BVa{9+X*FEEZ-<Xk~d3
zDhb2y*p!QK;!MRwIB`a?2+NDJl@?)naaMJa_*x!py$)#Z9MA+?uLD-HjP@b}o=K>#
zf1oJ?o=NRR`bH<DVJ%%Actd_tm6k4#v^LJrO@tVWLOT0PRfw^uDWaOl!cqa+J4c|$
z;gfU8%nvDt;PpWsYcPjBh7%c|rr`X=%TQH&Th7H-_oN(x*9Up5!5sFOB5H|r*!_^m
z?8}?*&*z~2VKY2_+I_4D)?h969OQ7V4!d7}5o_Bpc;9{jf9NYjsBe&<|4JPvQoMQW
z#Wip(Yuj+;M2hhRc3>{N3!&&9gqQcg?h4Byp(PO_)OYDStijsSeydSLiWwfy%Myrt
zYV*i?!-%-2HlfcMhryAQ^w~AR!j+r1WZcsQDL?2+N_8IJXJd-I=%1JFJZ}1^yMC#v
zR;uf^FBwy$^W{6ZaJ3q)*ELA5)nQz#xg*u}5HVwlc>jQ}P4U?%#W6}7`;2)1H4(1@
ztfq(pk(!1ksJs6}RcacV^b;AMo7eoWu6Hh^y$BM^tV4Jur3o=QS1O^MNClWRMM_1I
z`3;Ds*UN_RkzjL-!877;+MQkq#8%}VoT<79wZ=d&o-Uh5T?8~f??0BI*QDHoGgTM)
zxWPe^*({q-A_JblBDe#QLwU8Z3?FhEau3cl&&W|Cg>)YFTL~!8`I9ZO-%0?SxdA`h
zhEAf0;FF&SotGr^e<FfUxd<mVR{D%E+rmA?A^>oT;dbh2ra)3zHmN5xQy`fw@vcS9
zAgPp7$?r%xkW|X4s)Q*LH=sz6O84q55~NZ+s*8l)ubv~RR3sQr=X7F`OeD^#E@Flm
b|7rXN9`_E@(ezq)00000NkvXXu0mjf+@pu(

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-hdd-100.png b/icons/ui/icons8-hdd-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..044e5d6a1e8a48a94e8927073d5b49c6167e918e
GIT binary patch
literal 1873
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
LNkvXXu0mjfBvOR9

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-hdd-50.png b/icons/ui/icons8-hdd-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..24f9d2b1810dfb2ab5dab97e0514e3faf9f16837
GIT binary patch
literal 980
zcmV;_11tQAP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRhDk(0RCt{2mfKI$P#njJe}VA@eby%v{{{rx2^ubv7+JSCq}?VF
z2HSv@i+~XBgfRjvx*>N6M1smSOoCC-Cr}fjKt#j`FNui;1r0v@%sD#b(n7Z$HZ=Vu
z-=t~J@A64czda!#N+_X(68~*PXf7S6)NDP)aAP#XdiG9SBgGg_><PrF1U8al*dH{*
zK_EooUiv7a5UTU+A)4Xd2MU7r!l>DIVLIJGav++dq(DQ^UL~+vVjwibwgwA?QgbZ?
zLAYtDjn5`t0iCS`EY(er=j?@|n|HBtojv#-dWP2cu)U^;Kok@d9H7+f%1+JB8LfEe
zmiu$ySy%(l>z_MoVGXa%ZR~+KgJn066*Plv5S5laCe|c6$pqz{9vGfm-F<iwq1^J$
zF<grl=@Wjza8x!3rP0R-6;I?#q3`KOzX7%i)zaBYgkjWdv}_QXVY9au)@EFTp_j|V
zAiNrUv5adAY%gB^8)3NiO@%dj=z6?J9Kx%vCrh};<~PE%5qB(oevPDo?#z6KEJr&q
zmO?CBT?f7=C0Bp7nyhmPIaW?Xx1?cGN}b!bNNSl=Qf^K|H(BQrax8OIlcZtneGlNY
z*07!zsWpPV@1dkzbCsK{a|t<Cd~z0y&VQFQQ2+B!;2fU9Lf2AqM&?%`{&FT+=Mr)(
zq~eyrJ^R>;n+L>xj66BV+TdJ{+mpm09Q~8q9gBo>?R3UcY4pI?cjB!e7Xba;Q7x4i
zgdFFRa>hc6Gg_gveFO$(zW5A)a!T5UagE*jQ2sjCPG>A3A%{Z#kG`MlqtEb>V`%o<
z`p`qOU*XpD2mB1J;qt0CxtbJ(`{P_<XDnZ((i*Tx)S~@yE-}XnrYL`$OVqJ~DYYNY
z6~md{27Pd5vtqflC7(gm={awLJvhBZ8guTV&miW?#>uFQmxDe${YPhX$zZK$c;qt(
zU+bPQmDWKtn;LY87}f-7Wp#jN@(YBob)#f3l{mndUkS$iiU6w;_x8>q8)P48LIL3e
zC~HR!n1&h1Xf616K`h;wz%7LS)~h38F#8`Q^<L~>kcCh%4QYshj0Y0L+?&1u<S<y<
zbA{H8`vKx=4)ix-?lnWocpO+dvqaXontTSa)!c{(Gzh<oY<Aa4pFuE;-CeYgAPPg|
zM7F~nj$SEW>+%FcHoME6?Pv;<1)+ozN+=Ps-{Kdf5F96Oozoit0000<MNUMnLSTXd
CGr?{E

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ibm-100.png b/icons/ui/icons8-ibm-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae7fa3ad5e0abdf3a667aec082bf20cdf49ac85a
GIT binary patch
literal 1344
zcmV-G1;6@<P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkS@<~KNRCt{2oJ)utMHt5?zTe^#@o`ZPq8`*>$S%`WyD=eaUR__W
z9Xtpj2z&5#P|=e_J&0%Vf!^Xla1dRmziKy#Y*6r(J@^Q@c=e!o(2J0WWTbj`*2!eL
zyQZr~XL|oX_-@r-Ro8#IzWVAhjRpV!0000000000000000000000000000000D!X*
zq*q)_D*bA&zh=a@y80A__3^iobW1Az!~^QXYZ@g;(r;I;Pw}y>@zT|0b@bKOa(O@F
zpyOz*-UiLie{z=xpB*bx`jk|BSng?Go7X{t^s-|;2W`bLKStMgnruO+D-8cCiRVTl
zh+=IkhzRv_5QMrNr%wr`9~^-of7uROW{C432*)laRC}toQCsHHD_nibiZ(;MyT6lU
zn9R8PouVVxm#T5-&^eOQhg|Ej5gz=Pm|2L63B?P&{-*aW-dM?xnL$PAiOfhZxwI(=
zdAi#k5$R`K-_h9i_|q$k`cWu;*+)I~i6Qi_38mllILqqBl1K8y2*RaXB=Kn<_0&@k
z(!co@M37$0|2p*3zS>?(K_uzU^uEQ*{R+Y-&4gu;Ad>W#J_Q+v7;<zyenjpu#8@*<
zuk#s0RxP=^UyQlA^g==WmajVUzCtiA%tXn~qIt3zl7{tZJrCczbbFB>^Q*VYjly(q
zo)0mf-s_SlY~Itp<P3jNx~p>D6eT-LJ5MM+UNX+TIGh~W7;80t2BaS^^phodR^$B#
zxjq!X?i5QD?_c*7^9@4jza4xXpJ+iu#Itt3l7~knNbe-ZtT;Q0JK2Ir;wQ^rQvWFB
z@_8c^<j);Dj$E4c74gxL3sSnC-#4qW!FsQQ^4D@im;{3Oi&8&f5)`+EpLgGrNt-fW
zzD$z-#>r1#$^a$-ll(My^Hq7aHEvxztj{8UK5To*I#VxZmQ>`+B$V>N@<py~GGCDC
ztD-V_iRReE5Ls;;J|-x=-?}X&F~nr{LBzsC+g>t#HPJy`+6X}Ucd7V$sq`CW8a#Ac
zECgvZI-3OXPu1JWr)O1q+r|(?@gI`-2SNO1KziF~1j*X`f<rq$U-MCaLFCyTxDu#j
zi+@4Vo2w>$LCBAK69hqhF<T`z7{6886UVJ{&GTM@Iv6v?GcoLJGABxe;;(FyHkZV(
zcM075(xu|hhD!EAzGuBI#S6}f;g~O-JX;?0^>;2yC*2sb-XFy8*iSh0&)wmw7C}Am
zw757E>UnR1sP>fo1cP7cd+&M+BCVI-^?SYqS!@3Zt9OXncX$`178_Jix~uXA)qrF(
zp!R)LHpN!Y7dUQEf&ZB?IppBoniUT@nDROObTGdU^lRoQY5z0ks~P%`gYEdfQH}wL
z0Wl==qj-P8bMNPfSQtYFSuF(-4hQA(1i3SAU10nUd?qJmK@eIq#fN<hk~c#Wq<_iF
zd#VajyBHEU9JbDjAw55~GwV{xfxPmSVh9*BTrZf^?!r!3yy>+qPHyU!?fnu5QI>}c
zviigj<>yLUQ4BGd+f?S7+iF>Us;KOS4eG)KR!^5c%LK_fTIr9CDBWBKf>5{f_@wV^
z(N=<lS_$HhO3PIdWYYdPK#>00Bw~X2F`L`5+01FU!)v88oy`j?=a(JGv)K<BWMw`9
z000000000000000000000000000000005w|5%~x1c6J@My>1@>0000<MNUMnLSTZ?
CjdU9T

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ibm-50.png b/icons/ui/icons8-ibm-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbff1b1c548f57e60d4c5eeeed73f06f0091b029
GIT binary patch
literal 890
zcmV-=1BLvFP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkREJ;K`RCt{2SkG$|F%+JvNEQ4I3SO+DQuLrwC~MtKc5H=$ZYP;C
z*d9s+L9C!cFFn?S2M^xVf1%0>_Q$+8tw<>zm0r9_FM<j}1#dm-N_Ka)Gqagwpj|68
zAG}NW^77u~%gf7HmVtqRfq{X6fq}uc0by`QWqB7)30~2~D>`n}DEEh`GvAS1k1`lm
z&ZA4aWN}g#MpW}G%CVw0@ah3P*K-rb@Hb)jGUqKEZhSZnUsQ7l$7@X=+x5@r))I-7
z)fVK0vw{P+^<23T4ioD;f-jVO7e<<PgG0Y=4Y6f?D!W>mJyzS=xz03B(ZzAw^~Y3x
zZ0=vEB@*OyYtn?giY%bIIjxmeR5A>{Wsw%;SSdO|Z<vHQqgni0gyXWxs@c{8n2>Ye
zGvT;KIR4c78eM899DE&*FdSc(l|Q8Ab6jq0pV)evL04!!12g+%)uU%%=6IARjFuKo
zM>*%b^6n&u3<j6tRcNj=$+08mdF7q5xMEh9Yy3blSdDF$;}>O#P>zq9WrGmoIP)En
z3idv+-bbZe9KTp7&7Pzj{-jq$Sd}D#E0p7}hOr<oOGHR4#;bDSRf8}&xq~vio8%<R
zDrK<P<cCLn;uFH*o`$p1oQN}hFn=8mg_d?P<-GEqC{Jg?ugs5-Zj{$`V{Wg`SCS+3
zy%A~2s}z1G9HtA*@0R*WNQ-cIKsm0dFW6u#gS56b5$eD#!f{IB^Mi;<pU4(VOH?{K
zy40?cm53>Wv^MdubGYBcsozJbhn>N&WmVcJgHKI`g5i(u{$PK#E6^VHmX}{x)Je;#
z`F||w3SQUzW{_5^FGT9VMb(Aa%ibIj<9*({1If8zzb9f!y%0CvqGUH^i{b>O^_bvU
zV-5psd~DGnq_rsjs%fMgzABr>y0jushEP6FtAjFWMVrRWXydb(u8kLxwd$x=sQUP2
z{`P1%UaeG$Hva#3SS5-J7555*$>^9pIDbC<Vb$uVF2^bHCBtB{NK1gYU=xN9tq7FT
zYSqt&f{Qn87fwV2QT=?#Gdvq-R@y`bi;f8SrT%;{FfcGMFfcGMFxWQu3qH_LH5<g~
QR{#J207*qoM6N<$f>q3)9RL6T

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ibm-pc-dos-5.0-logo-100.png b/icons/ui/icons8-ibm-pc-dos-5.0-logo-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a292a5d7423e9404e8fe11e6a406c04d0198113
GIT binary patch
literal 4826
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
AqW}N^

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ibm-pc-dos-5.0-logo-50.png b/icons/ui/icons8-ibm-pc-dos-5.0-logo-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..b41ad7b47a44e7a34c2e1a41813e8e62edb95072
GIT binary patch
literal 2162
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-32.png b/icons/ui/icons8-image-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5cb8a0a355412f291667c355fe836aa58659c87
GIT binary patch
literal 766
zcmV<a0s;MrP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkQut`KgRCt{2mfcTMaU90^W74hF){R}Y)*35JO%M*CYt&k<4P^&(
zO^8F1uA8=8m)*EU&a4Za;2RFm@g|lQT5wV7<f5C}m_-@~-12F^A41acm6y86@Ala_
zXXosBKIfd9uSj$}$MeUiTTPV;-Ca4O=ai*{WRh&rexo#S4;a?G#js|Si7iIYb?;iP
zZZ%bs2S%rSh{xktTU#qBBy+^$qY`q~QXvpfkk8JV%Tm5mf^?8BfdE7P6>H8t{NeLg
z46P(e0?Eqe(qEzHlm`k7tt4=AB3Tkh){zDJmlCLQC2`6r3_R^j;;f6unaSM?8+@yf
zd1J*1^hDPo4e+S*^El^8;^K7XSmokz)z8y=g!3LguUr*~;paCaMdgnbFCaYxb-oN2
zrjpRl$FP+!QrNi|>is+(N7suJs2Lli99D=(5VF@jg$O)~Za_1eg3KL)*j7!^1%v2V
zOrtTBg635U*I%b#Tuj3n-9-DsCYWFf*Jd-ww#(%~o@O0c;9>L!EQ@hmdENxEO+u;e
zSA$#lg0AT1u5?CzpLe`VqxEeXmiK9zRgi$%(VZ*LqOy19m1={7kd54cDZIR=SV00E
zp^%_Fi`F|%gN<)KqTa4R-LMSIxDM9HMy`|#FQa{C0M^L&!UWp<?mY!A_eo)#Ujj4M
zLd&x>dwXfQHIjgKn!{~(3k);QN-rR`Nl^2mDX*MjZ@`_oF!aG*TAt;8I8u56u}uQW
z%UXd%gF}O6mo`t}-h8M$0%Gzd2I~b9%xL4^6S&k@joM+UKtkiZS)9P=a*RssMDLrx
zE!PtPY`~88&?I!er#TFP0a{FOu6{aLK=H2^67}{<=J0sSwvsvAUb>Pg+e{|}0%XX-
wSnj1%Ww3OK_8U2CsVLW4zUP}C&wo9?09n>Gi}Xp;EdT%j07*qoM6N<$f_C?5mH+?%

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-48.png b/icons/ui/icons8-image-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..8db6665c56ced9a62dc254c9f9517ea437e62131
GIT binary patch
literal 900
zcmV-~1AF|5P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkRHc3Q5RCt{2nB7lOVI0T#KkBmDy0MG?f?}j8peAUxrE4-xjnim~
zKq%1kvbE)f7kQDEO$w*384PO#maofryJ^LS>%xY3maRB&Zhq}~@FDQTi;L5tJiqO`
zJ)HAw=ks}9#`cp)#1cy^vBWBOHEQ+8n<&#WmDco4MVUa*XfeagCCYrVba<_CS8#AD
zH;75CGaV}`fLER}fo*ggBGE0NX<E=kqFZ1ceLzI)MFq&QsRVdBO9Jl#W%^oNV1LVm
zhNcgMa2;KN(=QT#HMA%||7QXUUjh_92F`mJsB-=Oqv$z$kLJpK3`h&iMY+BbfG@FO
z*xnh2&Xpj)0`*HwCIk)%$-NAm^DuDMorcbyN9I;Jx$tLP35dmq0rvDbvG_>NJYEG3
zn>ue=<e+RkOJFBHl3oyBdIu{?AYW|$AeKPzXq^3yR{^ExGsvbiAbX<0V?N|)-UNIJ
zxM1%C>BDNA2FES1gpyzku+YAi%z<cGW<d8o1w$bghC(UOZKk04tv~{X01K8d3+?Xd
z3_OYE)il_`ELg)Vh8zr~z#K%-EPkFHB+{{-gaLnAOdm)=+v+dzwp9kdE4u*txPIdk
z$R-sW0okM+`qw{jU=I^Zn8k}kewSUq68r&5dlv_uL}Ay!Q0O}c?6!X!)C;|!TDXD7
zr3%sI7HD&h<%K6{caG(Pgi>(DWd`|d15T^U2-a{?7y;=-O;G_fN4LC@f#_axWZ+4<
z-#EDUA`pXKj}3Y}ckq}WfnxCcshw(tLH{loHY1>%S91iEb7~lP_c3RewBCErx!8lF
z_1?w1B$xn7^Sl+*3pY9NB<Ma^_U}vonkxfO(zoUkRsf~usUoicistn=nEg@cdP#8v
z&@;gW(0!<zsn0Jl*9aYp0~~k~;RVqD!{dtuccFf+2{i8R$`!yzX<A-TLiPM|WeZ3r
zs-f1QEGTi+d98v4&{29+1M=DY_d$v7gS(4g0imNhG6GGMaqnMmEzY3HsG(X35|QW@
zSnj8ryQuM8RG_8Ta7sm);(yu>=cm1HI3X#eP#+$(vdM806r3{dp_MNgUM#W15=$(}
aA?hb?=DA>xpbEPH0000<MNUMnLSTY4j+xp3

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-96.png b/icons/ui/icons8-image-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ef44befefbe6d3a8e4b61d5d47b15a7e087a9f9
GIT binary patch
literal 1775
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
RjbZ=*002ovPDHLkV1nNJN`?Rc

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-file-32.png b/icons/ui/icons8-image-file-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa08d8b8bb940835be1ad6f474956423b9ab1ede
GIT binary patch
literal 396
zcmV;70dxL|P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPK1oDDRCt_YU>F5hz=TsjS4}we^FNumgJGZ?u<hQT|5MLW!4VV4
zbilD^fBs*5^Otf*OrXF455NAS+z}HfbO6PUm_P*wP~?aSRB`~aBl=JND5ALo7G3%E
zfA!7Z7<k^rUm*EaG<U!R{CLy>t41BbKrIK<?D_!4*yN&?y!aoz^abr4(0B63fBot+
z|8*-*|L;Bi14CZ1=IVc?+H16PK)|%y|3y;|fN{Xo+i>y5{a?X!?cUE|OcMu`Y<}}!
zJnbOd0b*$f{uge1^}qG-xBsejSO2H1eoebH&~^0NfA!)MaLZv>wdnYNv+g_pCCe`T
zm#?~l%lDK!z`6SxhUFkEo_7*#ISlKy-u&Nv{5y3WkhS_bR?Ee*j-pr&!*0_a4)bzg
q!l(mIjXL1xs004f)By}52><{V{eRPRE=Xkn0000<MNUMnLSTYX?z!6l

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-file-48.png b/icons/ui/icons8-image-file-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..2953430577375407a099aafd4b3ad96536369e1a
GIT binary patch
literal 511
zcmV<b0RaAqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPu}MThRCt{2)W1stVHgMS`zI2G(50zBC}?YFYLJ$i`~%d48u~#-
zl1PMcP}b29(hu8mXltq=F_Xj#q(UfL>aCoF3QW|Xp16Y(>hL6v_w~Z(3tw(|hUatd
zy~lAF4BZG~4JeiWw}7q74|WKF0^s)T6Si3)1PTCB{$hs^C;^xu1d0H{0zn%<Xd_qv
z2u%bl0HK9o2_Q5OtO4W~!jOQ!ltX}s06>7AAV5TbzO)^{6)S*yztD7UB>D_ie-1|X
z3dR8}B}!nONI~a#3Kruf%~_j22NvJ8{4@k$JyV1JU=}*u3AufNEUaa!4d<mdZ<9_S
zYLF9f?%daxSL)n-_%RcVzsoh;9auPi1&cSS0+_u?m_K@vXTs?!^e*3lJ(P#lbj3J;
zaJm9LbE0Z_rQNd`d0|K7QU2zoIwDWT0Ss^C8!oSOfWN6Puhex=Y&~H5um~oP_VT8&
zBv^b`Du8r>11F`{0r;~rbWNRWzkSasm}j!8<(1k)d01(3AE*Ha`CQXa$2@t_aCxOe
zo22!BA)4h7AR+(|peG0r5uh&!5E0Pk01SrH%s16xgBQu+I+y?e002ovPDHLkV1g|4
B(ZB!z

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-image-file-96.png b/icons/ui/icons8-image-file-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d58bc211403f01c4495d81ba0eac9bfa19f4b8c
GIT binary patch
literal 996
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|WCk
zPZ!6KiaBp*p7jn1lxRP1Uzpotr)tisyJVW<YO#rl*8dsyCvlzi*to@UiImpcqpmEO
zr=wUB*LHav<G-@AaYDR;-m3-cOrmcr5c+aVcGuE-lJDnQE5Dypd{5qHwx-?>o5Qwp
zB2C91f2^>P>laT-$X}Rrq}5NGX<<f5i_(NnH+K!Di4raSpQg_fTyfONA?4Nfd4eHa
z3Z*>@q8L_2vxqW#%vD+;<?u?#@hL-4JI5;a39H;MC^m#xHt8`gStVG)r4ZV)Aev!i
z6pJjg$5f>kQVy$x9G^1;wQ}rYpKw&}U<<>h8Ok$+9MU=+-rirqVC2k__5T!0Lv7P7
zd-er#TNxfOd=YA3p3zMn`}cq6YkQ)O-I{)ywKDAd5w)<dx`{vUM(XsRO$_}X^vjqp
zA$^(l#y<CTy^j{Y&?w_u_x!Jodqw8yD|~a#TQt0V>RH5n{+QauRlZABzL;@jUdoUB
z)y<#J-j_Y_vxoUc+^XOE{!M-#boamReuj;f`3*N@*c)QE)c<H)%6oVo!^F14oa+5y
z7s4-y*0JWkT~J-a?7#Jv+)q9AeASO1f4Kc{-chglckOfM8|Tg}z4vp?r&z7(=YLbx
z%|F{2_i$hMlgH})>f5yU5B|(w);QI6{?k2C>-KQ`uQJqgs8MNE&+GYls$4T$<}kbR
z%AWJP{+03aZ}VH)$yf87!O=o~KBvz8r+5Blo-f`dq^a}z$N$^sK3Z?SG4sbs#y@$x
z!}>nOZo5Bex4PNKGlyBv=Ua(>Y~8~by_UJ;@7}j<yc_;bi}_h|QThJUqWenhA9lZu
zQY_3nd9m^87i;@yhUfR!?TdWMP`5o+o9C-?#g1I7)iu+T-)@$W*11!;prqlO&i1=^
zBoBFfUb4Ps`sMG>oa3Kt;e1ejdux%xr406I?~6W0CZ1zXWoFs=Hj2?gK=yRxKJT-y
zMU9zR_P&j>n{tIeIrH@N3ygjD<{j+w|M|DqaVNvhdu3~LuJ9&4N&E2qU)=M9i*3#^
zKV@nG8Zh(TZ{PW!frdU@X`<ec$MGtVn}N?kpV6XWC)L?Ld<P)8L_Oq=yuiCJPQsD1
RE(5bIgQu&X%Q~loCIFRE!Gr(+

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-integrated-circuit-100.png b/icons/ui/icons8-integrated-circuit-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fad6fc86ba5ab9c6eaf97812ed8e42193304da9
GIT binary patch
literal 997
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|WDP
zPZ!6KiaBrRTKk7MO0*sSpKyUiNUxPG&_UoRlZgiBn=^@Nh7#Jb$&c245z}&FTqtC<
zQ>4X3nC0$g$J9N4n5~7Xg}<_|=r!w;G%<543;bSl-|~6wB=gym?<PI3E$W(icaFa%
z&~gZP!tu9c%h4n6c6Hv}qPTs=sUr_}-_E|6c4f__E=}>>C2!&+i|m3s@1CC6J8`j=
zuS?4Mj7{-3PcOceQk^TUJUvv(Am#kb8?}%1&R+TF_jB3lqugFbtzS3(o%JUD+a`^L
z)~aRm7oE+RKdGzpu1vY7TBYV@FO|5rhAH=-2ApW$P^QZ3y{&V%%;71AE?;z0<rUsN
z`OZ;^WiC&X)=z3vtDd!6;_#FW-;Q*B^ImmOf8{o>nUQZb3&oRX2wjWwbzgY8UVPJn
zc|Ta6YNuvb>Q@`KX(qnCS|YN`XX%88TRZkXxx@W(zWj%^<$XWef;O+;e`CvEsdc}_
z*=}&3pDG|5ec$flUfqTN_&MKaZ+dg|xzmY@D<4~*TJeA8x|hOlj;6<*c(6F}e!wc7
z#dc4EHp|yUB<R~;cG{I*wR&>lNB2X|cb-1KWx}?PeX*RDCihOp+3lYomB$nPe%pI5
zkJo$4zJ0oB-nP}o>gAj_H>XZGcQX0S)6Md8uLODge>4-QV{65<y?=bTIV}rTuho)d
z&zDcrw-a}23)`B%vogV5QrDdC*TUno_Wp?B;FOFr-<Q1T_jX&)9eML#2-R<!YN@#Y
z-89q3zvXy-OfIgyz1~rz{N_%vq@Y<T^$VgxlI!Ap!%l6UdQ9|P5>N1<TdQAcl>B_}
z^nrQm`Lh>2!#1%h`h_U8q_8@9gn=oI`%Y<po2r5}*H3?auLvHt-cv<xtmI~PYGG77
z)F6=P&|#q9A|ar}!{N!1!!vhHuVSBH%+Uur-3WtV=AC!?;BKk^s=w%J)7)J!U4m>a
z9ALvZ8`V$k>^dm?)FZ5*#Ay?gqKdWvIyGsg`l(b^<H*WIF=2~T=cOjbv>F@=5C-|j
zg|Fn~>l4btyT2>B%dsA6(D~M+aWiAn_o*R=ICdI%>A9C5Kc2KRV!29i$K8xLHgC6$
z*6S}hNO;eBdU3T{S-jFF)v0P+Db}Vp#os)=_`g@}cg*x|S*^7#6R#(J*{WuJ)UIvz
rKfQ;$vx~wHuW@^4#|X<M3xu9n&w9McP9W!;B1p{B)z4*}Q$iB}UM9Q`

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-integrated-circuit-50.png b/icons/ui/icons8-integrated-circuit-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6a9efda6790181110bf61e55d3e15312e8bbb29
GIT binary patch
literal 589
zcmV-T0<!&yP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkP|4BqaRCt{2*~>0NK^O<{c@HEmksu<p2#PduDV@>z;sHpyvLLoX
zB-oHx92+^ug1V*Rk{LS>U}0k`9>N1yxO{TzR#o?zbJ}D6$$#7P{T4Ilq#q$BCMG7i
zVFEgt<U3UIGbZ6&M``A_`OeVMaD?ax6)?#J+%pO2Nd?@;C7)1=NE|2XsN}bvA>?D-
zXT}B8DuXZq3tl7GD`rj^gbLX34I*IUS3{#sX3!z4*`3~xT>1r>-j7`7&g0JbHN+to
z=n%}Vl@5LSu;_X(HZQedyVZ?@2MMJRD;;_>%Tq6uL&A$~STb6UB_ofm7^}uunidzN
ze|Hc|M=D+r&uy3u6#&Hk{u$|9jlM&;ts1ZK|BU1d6_CpJke<z0UP#?kqcR8;kRqz`
z5yWl%Ow$`gS+Wv)w+4z2LM6xcm97k^X`wZ9Zd4)IUm&<fTF@rZ>?RNUPE-!}lO_-Q
zPIBjQXVmf@(OJu@_lSW=-4L6cqD`){ySx{^_6xGS7rxG&$DNU=zO{6hdUgF8h%}Jz
zB`}8_19Sa427-kJSqsQVV_<Hrd@&H|BLx5RA9PG(Epz=kL4nu-IU|L(R$!8^6IG#-
z&j(`B6BkhH$Lfs<xM4@bHOe3vjN}tuE<>s0cT~VQ(GhoLOa*LfUr!6zic8+11z}=h
bLW(*MA`=4gL`B@`00000NkvXXu0mjfie3Ds

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-jpg-32.png b/icons/ui/icons8-jpg-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..170d20c885c9891682b1bd53166bc18a194b910a
GIT binary patch
literal 496
zcmV<M0T2F(P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPqDe$SRCt{2)!i#YVH^kW{be2!X>N=xYjPutB^PLnC~w&mQ54~3
z@-~Xtu^nr+3$~cGyv!^!GxIXayyf<*Jr^P`Y0o(+&aZy;Jm+^VKIi%MJC95z#V0`&
zoS7&%q?HAnLH1jKzTthyOL=w#NfWSWjl$ziup<Zq;OhFB9YGiY%m^X?fC)ha0=z|J
z6mYeo11jp)(a`DrkZP?nRX2+cAm671FiQX#E1;|2kAcwuN~)Z6<We~{8G=%?M(c7l
zPxlsk493A7WEKhxm|i#r?}|fHzfNa-#1y3az+n>E#a1k=M6v0=LC?@GV&{+0cX`DH
z6qP$(*Q!b<BBzgN>-E!jTMRyE8{OicfW;oeQRE(ZDxN;mb!<V`zD2L*nr4r%fSJYj
z0ITB+rnxZ6s$I0-@rx%kb#J59=)?ZuEhgr}?0`HKkMPL@JyPe!1!k8b?^^H{==LTs
zw|s*9(p9<^1V9uV#-~EKOgtlabVtATD?sWlI0z+aZ7+C>YQ2Ch$WhvmRk-q_na?e;
m{m~y0kpKz_!2J`zzls+yXO}A7DNhXm0000<MNUMnLSTX;eAP(+

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-jpg-48.png b/icons/ui/icons8-jpg-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e79f7845a2e619fb89fc6eaa6dcd6246bda9051
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkQSxH1eRCt{2)!R=KK@<nz{m&}l5);(8K&vLyOVHp0F-p8X2^x(i
zs4*HZAv_R);0uw&w%c+kRGR`C%B9dnSqWxsw}guj%j?g~X}YOcBc_?@n#@T~GM$;-
z*{?fuR#9Zg;2SR02QGQkckjOiG@Km~hj4KKB=k*q&W(ye@BmnAyW$WoP5@yD7e|04
z0>K+#@kWRMSUeG;02VKVNPxuyAsS%qK{yidFR4g?DglsyQbGb$2`DXiKHR|*K~%Z}
z<p<0zY`|FA!69!5m)j?)ozMB?Ci(^p)HVj~`QDZ>M5i+J)lFrxh<(hUsr6m?0Lv@e
z^e{(GhH(AP2Wl@F+Zc+Nh$q(R_i*GJ4%GQj?a{EHZ`pl=!BwO)yI5S>Ld`MFIe<ZJ
zmBy;v0qD!$sqc7m7_Ds+)DA~e_VrrWq`vdlqRs=bj7+4dulZ^e_n*#EyR%2P$LpI$
zaQb2dwT&U?0ND0m4|Sz|3TEmD%ybrqy&*jBPSW_3u0>ST`O$JCW~X{)*g1g0WC!)Z
zi+P$`2&i%gewlac;dHqGJHG+qbL)8dDv7&~XK?DmxIMSy*<5Z5_3HK;2#%Rz0o|`Z
zQ;EF&C{DGURS~vLDjWPo&p=^bx|ut~<FPbVCDzyf#t;i=>zJkmXA&EDJM@*>+Neom
ze*^3-qkRJgK7Gk;L3UpufQouQEu6Blv@okOtdi^pkpGaqpS0}j+1q5>t=LzY3m~6t
z!D6Lvzgg|ksPeEs<WF<B0z{-D0jdN*0!j%9P$i(WkN{NzWXMoB#!ns(VOm@IxhDVs
N002ovPDHLkV1m5^GOYjr

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-jpg-96.png b/icons/ui/icons8-jpg-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..509609a2fdc1d9ba71177dee8b1d37cee719fb61
GIT binary patch
literal 1252
zcmbW1Yc$(;0EU16L{ox@QJfZ~)uJfV%iJX{hjcC>c50|lolCUZqHA4Rf2?T3I9uAf
zR#b&F8q{KGv=!DVYa5+I(^-R=XoON#Nrc4ooSl8yIs32=@B4guKR)jjVn~24dOI2b
zpi2n!3*Thi$7rH9d#duh%O<qW1b&$TfVRQMK%lzT1OSce1V4Plh1$0@bD<=HN&isZ
zVQID~y7lU<)}k^hE1A}^RJ~_!H=DOJ=)sAjjnpvTk|m>3T32_0F>Q;XpDj9y8a2io
zsNN=?>&^<DS_+Cj!W<P=Wz|ow_T?mo2$t<KW`^A`)Sr)cMA{p%G_T+clEtgRIcDGc
znJ4qpHK*fI_Qg2!6LhDYo+^Hj=1A{Vgaf&>MhkBZhW#{oPz3}3LLWY;Rlo+fZLygs
zi(r`U4w&v51|YD`vJ!!lqI<1Ccz`AYs^H<B^x+Y$0w%b<9~*?SI0whMfz|uI?GU_P
zYxxR+3jz6Vc`PtsifvgIqF_ZJLr@P9scxVbNPMw6{8;yqTNs=ZP+~QZ?LrKv1&P&x
zy)=5kJjd5T3N(;(J-idhdHb)4;jF9J(q^M$bmhjjc+?q|oo<IBb?9?p%nBuGzh@Zb
zlH7CMn9XUPlpCn93iaXxd1V(}iy{~0*VLs1GA8x~l!@fzzWju+%7<1btl@<<$7{HK
zccLFgB}h{6Z#ba_3GElp9~G#3Y*LH*-%YDBWu^S16aFSRe|_*mF&Nv^>B-tiSV3-)
z=hIDaE02MI{OwQb-51$Q(P&j+8%-&C6js?`BjJ!^MiB%i##Prip`DVkqxJO#B*whl
zXV+>!t7-U8VuwtH9RNQ2V6&VwyHm!hGh1%zmfH#=PIrq(^@RS{q7;-}bLwV+S2!Eb
z)v+L&fDe}$-0hRU%Au~VJ=eyr*SmL)3D-y1F&UOFkHKR@uzvP^e){tzCDbN!QAaWV
zsG$93PJXahbm)V?R2~N$_o6CXzcE!FkOq4mXs#vIQJi7oC2-(rwWadi7lPEp8^yF9
zz2@=j_PMFh$RVA+mt<bdM)o^)cgeD__-1)l#;R);m>lDK&nwEb52LUHx^d2HWd166
z7R`9Mo;FvZgENHa?0CMJ+!_JTK`5dR7%F-)8N1QaO^)C&9as~y+Jy^!zf2@947bY{
z_?JzUuf<#u$X0rtG@=c4JWG+>nNN{O?|$|iMI^21eUO!Bv%Pncq=lhs5+aiO{>UJh
zOk?(_7{|<H5dSW;fgGPTTcU8w=IdGBp^wfc*)$<4?gyr(5ngSL8^7md6)r7EUTlc9
zVNnLR=j|4bz+Q#`<61@iG&d<Cjf<IJmvDEa8yET}B60O8rNM4gLerCYkxcd-qEh<x
zL7uq3JqtXFHP0WHB#&?PPIq3rQPKop->8{pj|s!fOJed2gv;ynm{MC$x;S3cD+{1<
zdd|H$NkRk3taiZy`p3p3E4xe&J^nG${EjxeA3{$xH*^{m)9=mj*3$cz$s1F%B!%cz
zxg*&lx7V}rxUxY&{{6In$tP8Ac_`d}its<&`DgO?Nj$CMskhcCa`U1ize?P^EkN)O
K@nieM75oK2ph2Gi

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-layers-100.png b/icons/ui/icons8-layers-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9ebbbc89f58a500fb98f006fa322e770b670916
GIT binary patch
literal 1625
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
XR6WK=gL?8d00000NkvXXu0mjf<T>jb

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-layers-50.png b/icons/ui/icons8-layers-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..29b6feffc0ecc809e483dafe74427eb0655dd9c0
GIT binary patch
literal 1081
zcmV-91jhS`P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkR>q$gGRCt{2mS1QbMI6Uh6r>MAMH5YO3A>^C&=wz*>TU_t2cZuV
z)Q3C>;)Brm2Vx5T2^BR}2nO<?A=xcg5G1rzgVJgWt;QV9<<BM8o!Ru--t6s6IC~WX
z(wbz}Xq6^EnQNPtxG}x|UD*$OUw7s+zu)|JBq<;uARyp6R(jWFM78~hsbS=(&662*
zljJAH$<F%_(>hG5{)U(atD)K-Ce?;brnR4Oo(xI86JXvknRec!YPUK2R1<)7m+u6;
zrPN<drVf}?YZ2e`oq%U(nOd-90<26eD5j9f)J~JC^W_jg-clD$s_phg1(25j)m9Ky
zhfJzI9ta@62?#|0A*NlbpujR>+F+b%+oeL8PVRU>%yTi<5!DuaQGtyZgqFL-*c0Oq
zQI+^kU_Iigrbh9j5<e`&w7>Heh|?x`^GFZW?~Our+w|`>?<Ph<AEjTA0LuSV5iQtr
zqWzt{hr2T0C!WnwU<|7EoXV#9wK1ss&;hw`0c4$DPz*P$=!?x;dg0!ZOVoARk3IYr
zMpdn&*EaL&C^U9N;d$c_d>-ACvw&i_|BlX=WZfN-4c=Pcw^UnHfi1mDAzA1Bvc7nw
zp=S<i-zV@;+tljjZltb#9G>nu3SGzd!5fD^h0t1o5B@{I@Csj640lQ~_<Icp_|}31
z6rJ}fI{(vaA^Ee*5c)U`HE&zl>Z}#JCJ@bv=O*CZTtnx7DLNl$Fcun%F5tOf-vZQk
zWuUer0oAXM<yir@asuo0ImrEsJ{B<Yk6ehr4a7wf7wY=OS}v=A!LNuxA`Vk3CXa^s
zgNos{h|`e`cd?`uFx+s_1-#hR3HLPi^Crb`yJf>o6+_^W0~}uba_;g#B>C0Iw6#sD
z1fqXs-EEf*KCBr0YOVsWeEka?`q6}Ak%?@MkH#Q2lOz_Q`w?MJlvO4&g`Yb)aeDU1
zNE|*nk%E^7=V0qWo}<7NL{S1PLcy}xYOqby*k<7w;xs#sQ<|rWb)IgUPLOYgC(V`b
zPQ_L?C2}+p1O10{(01%+*!ji$h5~qvfaMvwgl#%x5!PxZf2t{1U?$17TQ(cSgf8Da
zIR>#aNr=R)?B;Hj5;-`WC_sRD<<bnHyYsGqMc9Bv=+%uDil0kmH+pj7G<<uD(0VO&
zyTLZ&n9%M-;==tU74V9gbYR>%3uEYP-W9-=6evb;Ap!!?f0(d~6%!zI9^0(bN~bsH
zCE!^Vn{{A9$1$NRcYFnI2kbaiI7MI1PAr>o-wAjznaOOzso7^NoAwscf)x`eRtw&7
z0=c%JF9g<WLGex!?<MgNEZP(b2nYy}{tx^E*97S<6C#C$00000NkvXXu0mjf^hfz9

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-client-100.png b/icons/ui/icons8-mac-client-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2175831dbd042b29fad0166ea6ddb070e5a11730
GIT binary patch
literal 1409
zcmV-{1%CR8P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkTGf6~2RCt{2n*C23WgNh(CjRa(n&_Wlj4w+Z!6M3ZP7p`COggT^
z7bbxj0=NutZm5{7-G;yxg^eE5VDGLB=va>)8}wk4F__z!OgJ^mHea$#5w=M+U-KMW
z0kfC5yX$kk`+ky7LI~+S-{+Gny$2i)1VIo4K@bE%5ClOG1VIqQ-rSerW|lc!jQ4rB
zw-EIfs(Z0|{WD~5l3F7DjW-{2x|yRHZZDwTTRG^=D|j?1F>-TrA8@*u5fcmzCU>~H
zy83>@gE(DGmI;Q1RPebx<^{upWVo5i#TQ+<z7&{Eb?Bx#buSk0jnl<c7$3yN)GWT}
zhT29Dl{l)z)xB79m$;Z345DBV>Kh@NL=2*sOAMlzOAMlzOAMkc^{ZolKymFTtjO=h
zAhg~7^-th@y$6=R+6|fR2nL~PQ}`03Wrx)m#KNj!3_{Du<Q%N>N{JY0+1>C(@2?ny
zmU|BUoQOdz^PQr$77U`qVcXtGHAMPr2cc^B1VpCjt;IG$B2#lv-*EvdcAkOa+A-MN
z^qu;)M83c8$YrS8|04(|XQ1osHSqK2q1=BOHf$Y*%3b40efzRSkk<aokX_if<ZbDu
z<l}A8)=@PS`9*&7Q`Uc7``#e54^Lwdtu}UFg7n;jx7_6aYt~v3z8v};gWRj_!_(^X
zgdQ=7D+?s`Zo?q==-VHR=oaH8PZUDm&KerS(m^^;Uxl=sg$F&YHgsMzJcgx%eAanE
zw;1FXKlwC<K{U8+-;{1al6j0`*&x+>CUgr@wB-Z_(dvgS^H1M;=qet-AX?qQpVuu&
zdQKRGu^9}a#r=a<bPGZ({q!UT(PCt3PJOc0D+oD~|Cs#&gJ`k1c1+j1ghY8~%Lzl@
zzAPQ2Ir^KfLDVQYVQBxxxI;!u2N9JxtbTVu*C6C%*r>JIBFN{FUv!H>j^=|S#vZ|2
zK8UE}AtQOVF>;-@33A}nEWGTAYKpP0;#gA7vuqJWRN~MkUxCauxBuJ7o&JcGThtF-
z<JSydqpgC7N*sd6r(s?BQT5|12|x}F8@etgHk%yTlPCQAvLW^9ocz;6$tPnFK6^bW
z>$6=D@rL1v>+1hv-RWm~Cg-5%`@fR9F53nXO)Lgc%q0d<%q0d<%q0d<%%v%UWWQCW
zE(C2<_kwy5)O&j|h}T?V5U>4$Z1y#keALu(7;U+$WUmYlB1GkykR$^t-&L|#whJOe
zV^FtyuPXVP_Ihj|#8X@jPiDTN>M1F=UyzU#tD-$<=!U__5qK(dRU!!antYG;x)zL8
z86HIFi+Sk}Dkpp~&yxs}<u0JUo+U=*0>guJ^bS2DNU<5}!%Fiub6rrdu@ab#??ZF2
z(@Zh`<POOXJCZ?2imef%a-90mk~t-N!$)P8Bbgi!<tIW?tW}80!y!pNZm3atREWmL
zwMbsW=ylHTMXXhj1|D}<86PWn{45We4Dk81=dcWZmMhg9gyl+U&tVySEVoN*5Fg9$
zq&<ga@CCTTI@}?BwCAt{)$Q#M`dDsOhu<Mr$!pP`C*|25;8tkAJLV;?MSGr<$Io(t
zUO{{;&(oeKrSY}#Px}J=-+Be{v;03kHux;<xl)pbwyuYK0sfqhG3M`*0Dq3WHtqRR
ziXCnIazD$B>m6g^t&2NDu0eZF)5D3eQm(guFevtqBtvp7a!uNEn-(D&t55zxV62|@
z+@?jqAm&2AAm*Y&8eAqwa$zzh*Q7l+f*=TjAP9mW2!bF8f*=Uuuo(XWOA=~10KK#L
P00000NkvXXu0mjfRo9-O

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-client-50.png b/icons/ui/icons8-mac-client-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..f91cd024d56a64286855f9692698444fd0e86df8
GIT binary patch
literal 762
zcmV<W0tNkvP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQtVu*cRCt{2mfdU9P#A}ErT>M0gI;+fh@~B69Rt@@&16$-CljeC
zvn%Q<+XRIvwjH&bAgo_nMAD?|*V;5mX_Lv6`N7mpaYaz(g+(u9Dl7AqbZ)}Hwn@r*
z2Km7QNjUF0=ixmG!7w#y)TmK|QuKQ3ZY^%Pti{bqU6+||CffBqTr!zVyCjR~aPyF^
z%K|8&#m!e`h*+{>@qjx3P9on_2Hb&l8QhYUBf^Qrp4cqV#d1^e#AY`{I90^c0FmU|
zUob{}+SwxUH$UO1wE*pAW@n3Bxw8NV4=3P8sJOF4GD~If<w`J~_zbbvKVZ<i0Jk1~
zfJycXc;m~J4k0fxHNOJg{WFygh-f-faLihO)^2+9Sqq*9Z)_QDku$?{n;ZTg8dD0!
z69|h$=T|^uOx6^!yI!Gvv_gfiH6=vG$d8DN2;b@w8NT-pZIS8stDrqHT~nm(Bm<G>
z-_aGJi)FA3KB=oKhMugX&#-5^Mf_Z;E|Ie%&(Q7&T`a@7>o2NGwDx4tKU(zPAH-hA
zQ#fQy!U@}Ba7--1h0&LwKc0d1Q!Mzn65202y@kxu>Xv)ybI>S=G!l<0g8dWe=(7QS
z-qBP#`fSQYkOG$>;wMwV2XT51CH!P6C|QJJ1dd__P)h&EC|taDQ}H~M2qQ@E2+8nq
zr3;fR4+jjL6~t@hB797;NR*i|Q7pfvbn%HW0e8cZ26Tj9BU#>v$qAJc_E8MqOR~c0
zdU=$|*?rM;z8c~fDRWZd9yoq4ww-YYBQ35_1ga7sbQtP!-Y4v}M4Z8h4MRPy5W&?U
z!eS`L6^gXgJXRGE;`i+!VZcz!6kXU8PIE(((F|MbMc+UiE7pj$7%HJy!Jy#NicV)J
sHou=_cv=o(ZL{~UMvWRZYB0I^0~;X7h|4WAbpQYW07*qoM6N<$f>k+JJpcdz

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-folder-100.png b/icons/ui/icons8-mac-folder-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2b0a74ea31cdaff233ee5d5f40de1dcd72117d1
GIT binary patch
literal 712
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|Qf)
zr;B4q#hkZu4rU1lO1R~#ao9O+E>PUDY6sUM4GD2qgA;f1YFhU-7zpb;;+~-wyXv$G
z7ng46OP}t~*Qctk)4K64itFkw?Xx*clnuG3^PV&Le!hTj4*QRPhwsKE11&`Y$C5uD
zRuw*0zH05(ok}JTZ^eFo@i_JR=4JiI=Vwh-sC(a9Sf<Bzaam?=OrdSDRmHBti`<Xi
z7I%L<FR#|Ie%HL!a_hJ5Gia1>k(}-&v42*=gdUCb0M1AETAEYh1pWfeGrfL0^pT2(
zMV01Ng<bh#+w^wqYt)iqJL&ZxU%#h(j{?`3!*Np;7RqTSUQzW}aXL#oPe|oTvTDyf
zaj_-azL@U*`Ai{u&7VV4KkohbOJR2AcX!989pN4mZcg7lbE?SG|8r|MM*B>N+AY6Z
zF4_B$&u;mrd_nKuyxk#}<ejv4_kY{+3DNKQzQ^!yR4uGHeaA6xzwMoJ+auGCJk;e>
zs#58AF-c*OcT<NRr_wIEa)OR2)W}Q_6<gBL&n$J?{XWQn8#mT$nQQG){I}xjSAl4u
z*&jb<y;BIgH1D<IHk)Vv=biMww5~}pQc~vLrVjB<PpUd}JL@LdotAxa@cHD|W|DJu
z$t5qpn^It<um1IpquctF4@Z6~%*^|nvLT}@rOtTobM?&QYA?m(FX{T6|MGtAq%DuV
kt->>SkWvBzL$E+SgTccqs}v<IPlF^pUHx3vIVCg!0N&U#asU7T

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-folder-50.png b/icons/ui/icons8-mac-folder-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dae1ebf2937126d4069ab1c0eec4f443fe498e1
GIT binary patch
literal 393
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-&H|6fVg?3oVGw3ym^DX&fq~K5
z)5S5QV$R$Cjb6--BChG~EC++?4=BxFu+<=Jk@e5cBj?mM2ygI^-mtCXzoJA%c7c4;
z#Rgx8YQ?Ea9J`aJPTk12r&r*6<NE_I^9uWeniM#i6m%BYMqWR8Hgn2>1zoos-M_j?
zcS%odE`EEdNOG}??8<Wm!G%uN6;Wm_sXb)|e|=B%bNZAprSIa-3teYv5m$R6{w8a<
zX3FmW0q<gbB6nStpMLA0vgD;5H8Uf>sHRIdKbMr;RR1;XO6?V)w*Hikopt|L{a&HU
zBd>bI=#mG=C%pL2>Iuyc-Q&IodP~?%Qfz<uJo~P@ZsHG*wj(c&m&$M5@;#-)wLWQc
z(zypYJ1?x6aeQX}N-dN8&wCB>7UdTkovV5MLht@s5k;UUIaXQS?`YX@VP@|aGho;<
Nc)I$ztaD0e0sw=SsjL71

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-logo-100.png b/icons/ui/icons8-mac-logo-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..7794a804f0aaa39750712a136ff4607e2fbaf9f3
GIT binary patch
literal 2110
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-mac-logo-50.png b/icons/ui/icons8-mac-logo-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4ed8b1f488277a2877690779c0a876785888bda
GIT binary patch
literal 1117
zcmV-j1fu(iP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkS4@pEpRCt{2nQcr{R~W}DL1i*E&SW3VCQA%zrWw<qY}ria_JOKf
z0H=^G%(*DWw<yubHij|NXq0JUe8~(|Qp#Hk&N1X|aT9|@c~zl>mKM0@T&EJWinQwV
z%ir`|(sTvk7H&(s+<)@_baL-`e)pW`IWJeCkR?l&tpAO+HrV!jR?}x*e8v7Cs@h>2
zjo+)b+otNQFJ3RSyg1QJdkG;nFa3ZJa+^|GNh$rpYl!&TM~#Zg=NPm9cm##I1rsy|
zm^dDk(y=-Vzywhcn;LBUC4q3dh-V=0{N5=A1f1r1{wq-+AJz2VmJB4fje(@rN&`U!
zmx}_Kf7xM|1mfajVOr%F(bg@=w1U%wkXBJ3b1yp_l7RenkAciAvPwA`AcPqG3sTs{
zKt8P^K@OrZGLWN9G_XOYXgUzN{SaQu>l`9K`UmpE01FvDu!5Q<e7y4j&iz$4J|MHx
z&mtx^4sY$v8QflSpMgx(c8nO<n#^qWo|XGfj}yp`Di*-o8S269#djD;WJ&jkfvr9)
zd=TZnlK}{#<rs+a5(xs3^kJq}o|%E9U8jLRwZb)K%-wo$=ww$L7)Wv3$bmVNec6r!
zP>olzztR;?8HCd<UDB3b>Q|65hX9gekQ{>g6{J+yV}<6m2RTTIa0Ur0FhOtOU9Pk8
z!3JV;<%p*z=bKR9$p;BY`BPW<9m>0}1q(=}8&HLtb4?872N7!v4JZ&#=e9GDBTd0J
zB9$K22*=*6TfsgeIl^jx-WU)d|6<1JYnXVx*Lx6kD+4KQA3o3<W-HRQRWNmS`wnEr
zDLvcZEl&6b)6X<`IU>S|F}vl}IdZD17STy5tdDgk3Va7L@xpy9OipDT#VF%3C-oR6
z>F$V3b|FVHhe-Cub}Ql!s<3p$YWD8v#1!cC&A!c%kTM4%zW)_5vGJ_aB`eorcDf2-
zT7GztfwjfG{9bA{BI&3a(Q#i3A15{r%lBlW$z=8KHhz9ehARLk*t_4QVb*>vrm1cs
z)VadDKa+1oXjUDRc~_BqJRcuy{s~K!39jdtByYoB-Jj!EwWgnG#JtTv|0gI{aH|rr
z=*#tZKQRT-pC=7!cTUfkjcM4WDMJ@W0;Bv+D(=CXzmy|#`(Z>SZW4m@44f5;b?hMZ
z?a4xvH?#)+IucT5$7J0<n4+;DTx~*Fb_+tzHRFvj-aHbqAoHZU`}K5bA4~QSO`Cu2
zem|_~=Y0ZF@yxXY{@XkzkWx_~>+2t8_yokQ1aH%i9)#n#1cg|w()a0o0y6O9XW_-}
z(T>J3g}2&J-?wG?)yIaYEB1Q}s-N^o;fRXfhv5Ys&m%5$^;1fFMEEYH)IupO;yCUT
juOVc~k|j%)!iRbZyottlao1?E00000NkvXXu0mjfNW}?G

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-moment-sharing-100.png b/icons/ui/icons8-moment-sharing-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebd900ff5e7dfafc223d66bf8a72952a95f8e046
GIT binary patch
literal 2425
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-moment-sharing-50.png b/icons/ui/icons8-moment-sharing-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd5351a6fc6e0046637844d41171e9fd6846e2a0
GIT binary patch
literal 1267
zcmV<P1PuF$P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSrAb6VRCt{2*I!IqRU8NKs?qFai4XpJ@<kJ0=7WhaLKX`YMxo~v
z7_#Y$F2>=)%$7yB#Z4?|)a*rLwiy$^IX0jaT%ok*mOl#uV;~~`3uKlM{%p8Fp=H9P
z{P~)DyH-j&xR>F$HT@;uhu*gLp3gnMdvdNq5w38B>ycGgzkOHdfZeur`QwaYJE~)F
zD57)FjxEc8{ld0FS_g-5-Zs1Gm<A@~0cjo_MsA;b)6w@&h6dzI+dQs~)S}~-0R=aQ
zLKo6HUIDmH3UNC>#Ww?v(1eUlp7TNYT(R5a4>{h_jze{NeAYATJ61PR=R?d+e}S|8
zE_p*vwAqkwNdwhSi8xT1>o?evp<Zw!4FPSHD>sO)XAauZLjuB^tj3z4t#+pCHjXqi
zWOqB{2YHwK-Vebi@$x>L?zrWL$nJ3>-TXd?F%|pSN6_`&lMlq&+YQwvbpV9Vn^!+U
zPTztLa<J}O0pU$%W08Cy=I-{O2yZ^9ukb7ct<8Q2VoU`!rsG1#Z=nH6DAeNPwmzhp
z4hBGoF%_qq3PJ<IC#g6iD1w9<gpXQJ<PE9m>BPRWtl%*mMp984)J3U64wyg0+uU)#
ze0`%_9+3ad`$%UPV*l?UV5u*GqgTL@8E|wCjF`b_RLDTkp7|s=?J+R=7dQ&PFuDSc
z7*I=IRLHr&h!PyJ1popw2ae{TUb#adr$QZl9*h=x?)Zj?RWn3JVbQ#!kV}D)T1kL_
zkZZ7{yt>^E1vvW4!$AbhvM{UFY0qsVgfu)n#FuF>dJ2Y&r-EH;_@Z*hXhB5wXnw?<
zv4TkVSboI$nKIRDjuK_gRB_DF$%^Qmn};ykxP=h!^V0__O;~-M@x0gRSbpTtSV1KC
zjQ_YBcP{V2REcuMQ4#|_cgs`*V46HI`UA|`-4bVnHi;SBG9y^F5UHTEqj^y;kLE{M
zyZ}BEh0&NQ_6(lSOlcezOzO4&b;GKSl>i~v#SU!IoQ!#6B39Tspqg~x*Hb`Kmhkz{
z!aZ&;;P%BROcuT212{@zFmK$8752azQ6-_ZNVAl?ylm0HWl-T>MPl&ZG#>-nb3Cbi
z3(nG5UmL9k%$CPv$)ee45owSBp*N&H11lWC-ST)iOXJ`+C9nD}1!&jZhv<Ns{css#
z;aJl~Zc~!j)$oXv)@oUEf(fx8zAgB{xyn?_i&e=>!tut#K+6fB{yky#ru81c^hRyO
zt$9B9-2)VlNrAN9KY<I3W<sZX99EJJMsJG2ESQpnK?<u*c|88EOcGj#KhEEM;rP$-
z5*7;5fNISy(SUy;v<)1sUb`6-Hjq3_#0>F^z>GfDbLaK3a2a@j5>7)L+*Kmmh><Db
zdQxV=AEJp_@6V{v?gS&B2i*~`er_1W+||8&n_;$0g@sBrKR7WnumncV!I<*&rT~(`
zCh`mz{SJ&SN?jZtJPY)9ST&K41P}n?w66&7B~o|G{+Sludkh&*Yzx8<#AuY{?G29?
zUK!NSD&$sRgo;|>80~^JC0Zfp!g?zlBTm`0k=PPeIF6na-f{S?4<lc}ocx056ND>V
d;Zkfx{R2TBUVbA;0>l6S002ovPDHLkV1iB1RZ0K=

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-monitor-100.png b/icons/ui/icons8-monitor-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..847292e8c05006a39489ce281d1b79ceebf2135f
GIT binary patch
literal 582
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|Vm^
zPZ!6KiaBp5Z_E-2lyG~moU!=*18<FUKB_E=yC0n4(tPKVl(4?HYo^G$g!vxx4%+Rl
zwbEtTcyYbI0QYSX<;`<jk1(e0+dGeW`JOZ9%V!7x?SX>_;?GVuM{ibdFSglpDRFhZ
zTuOE2hFMG39e?N5zLsNBjf%&oqDcy0FNgnKd{uB=-?eBTxhFqQ-u^dNFL3&6T@EFA
zP9^<;Lb^?F_S(Jd_doyPOU~Y-PaHS=Ud!ScC!|v8IpK+_<E46ulxe&EzP(aA>&VmY
z^WVSEua$lLA#GK4`&y@SBHb0svu@S(9G<=M{kdsP3UMMV9~UWfh_gEG(ct*>edlk5
zdpfVb`Gy|v54~HbJ^RPs{<XK|lbd<+kJTja$gGVP?qA(rZSHjLPPSaU{_7PR7l%!j
z+<)iZ&7ERJOIJP4`Ze)(VSU8qeLOpZOy9Qmat9s%t{8sGYF>WAgwGSSQ!mHm#7tPW
ymt$v;UfK3lYUj*P7H!;Z`ZW(8D?o;#avhV&N~e-bZ=)uG#64a8T-G@yGywq1I@qWH

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-monitor-50.png b/icons/ui/icons8-monitor-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..49085977f882f81255edd4df6b8e9121a7ac0859
GIT binary patch
literal 375
zcmV--0f_#IP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkPDM>^@RCt{2&p%7UKpe*LdnwvYUxvMqt(Kn9_M$`S6)k$HNKr0y
z=+MDUp;I<z?ciEmI*4;$!Mz7v9extUMbdz&`BQwp@Jv5)<ii+32qBa~LYuMhgNIU0
zoAK`<ey}+311i&mA1qQsM&XQZA72XHD4eYi3Fk|CvhRg1oG$@kfLK5XkfZ>yfDj-_
z0b&6mK#~H)0z!Z!1&9TNGKKUfQ@XghD|G$IbbUyfCjK>~F)($Z&1stLpA9eFqm$>j
zMYpu?HU_57^2}`>Z#hy?+@c%Xl-x~%?0KDC?x}Mw)z!~AvU|M>65Zmy`FyL{-N_YE
zm7NN2tGCrZn{K?VUY$d=ogbv7^j{;sS8XYs8-#nknj_VH7UN#8mKy{igb-q1eE^%T
VuQDbW?B4(Y002ovPDHLkV1nJ@oqzxU

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-multicast-100.png b/icons/ui/icons8-multicast-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe332a99d07ce225a017a09c9215d6f8a09a9c56
GIT binary patch
literal 2613
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
XB?#nC0;-^Q00000NkvXXu0mjf;2God

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-multicast-50.png b/icons/ui/icons8-multicast-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ff44bbab05370887ae5fee4b19bc56685be188f
GIT binary patch
literal 1339
zcmV-B1;qM^P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkS?MXyIRCt{2m~CtnMHqlz3z2{gYDN4?WBdrlNK7=Es6qTzekjEs
z5|tQ#_`|4)fgi?HVs@bz2uiiu-ceCw`M51>xY=v!(RO!cg_}94U}$=KV4Ch85KX&V
zO>Iz7X}e~RyK8Chu6NgMxte>D$>sKAcAk58=H`6?N|Y#3wAi+N8T=nWgw?jF>XJz(
z<Y*PhT01D34vH2AMSBZGaUK*a5@xDISeJPC@U^LfN@OD_nw_Q{0M0IhA{Ma`rYEHi
zdL!WIU7$opGKkoqL|(jPgKbqiuSbMEBVoEh!gQNNXrn~feu=PlgxOI?BrZePPZb^A
z+cQgOHprSVtAm$RdY^>pM~JX!a-eA&X2-|AQ*(*Z^>tPeC30|f1eEaeh|nL>4ET(M
zDMEy8M})oW$Mg+^!!Jvi(WJxyl`RKZdo_DRBHLzEAfSeCPrmOLUK9EUBD5($Xw^j%
zd7^myo`i%$IJ^*Ktv5q7hM+A{Idc+(Rv|)%62JUegxUM8q0rU2+=~bmQxZw!6U#u3
zXcHuU0VVqIOgR9;>=lWy;Y1X0eC5f5VDQM|v?o+`K6FH%07ZKpu(moLshJ{x+2azX
z|0Y%(uUO1~SeX#zV^<<Ve@;ZA30$VGr)L2d>tDkg<~zJTux{(=-*b9Z^9EsBpNK>>
z7z{3Ovv01qZ#l19I&WBZs_Ew7CVk*JH=hH}JV1o~?TGkE_z^ez{;;p_3eGUkTqKc_
zvCeHa2JV>tQyN<qfme8Rtr+yxv=V!t5@O&oyl%agR$?qN9~a(xy;u$&p%y&8Kfx>5
z$yT;g_y;_~r%<<Nv1=lRxg(nhr(11>^}I{00FSS0yujq<I{}{EOWhFRbnCsW5izVi
zh4t+91+z;enn&nxNn{ysnCG)Z<k|dt-Pyb{Cy8WhXnxEM8D6(GaJo5~W_~ml)}vRb
z%S*($-X%D_|4ClA5N}u!Ubou$UhAd8d-Dk2<|X1>UzB)!Ql27y*NYD=#}>h~@d`Eh
zh*W;@&8~bOAz}8xq>ZB}&I4JizOdtsXN7~HXblkTDR7x@5bgwzZ#Wl;GOu9Qw|(d2
zBE1OHIzOgQi>g|lgNT!lbRt!~Ds@oNnldC-M<Li#;C9I4`y>~Uhjs_LQ#r|48<sGQ
zAVR+i;83+h=sLd|T7eE7s!Z;bQ^f~DfAq_p*MO|8m?A@bvoH}(oey5$zU*_ux7WE&
z6t&9(O6Vy>*k?{50bx3tEni2NokN(NA9t*)T#3|9QGCdI9**HmNUv`#czxf4R~ShM
zjKsftnqSCto0BC5)bJ`NM|biSgy})2?BfWem!rR3r*uzIe9&6K6?TXVp?>ep@y}`C
zNII_=!t6*=qD2Yc3rcj&6cMS0VkACCFdJ-<+5PbYoLvU8#xfKiPJ?=UY*8pCoDxw=
zB1xN85igI*k<oDyA;6K_pjZ*x!W9`$cARuds4GG4zI9dyRU!>r&ir~4uUi{=!~Bvr
ztgW2he>coExR|+$H>|T0w(uj)_8#U6TyNh}-Y|#KCspR?rda=jFc;tq>+S40yZJfH
z1vta3otfgpEW^dD^;49C3QTurnJuTR8zxQkaTA`4^*;b}1<n{)&FR)(lO?S6FxRL#
x)prZ8n>D;{?stlIn`72JmwHSkN|b=&;6I)#@>YbvRrCM=002ovPDHLkV1gf0Z5;pr

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-netware-logo-100.png b/icons/ui/icons8-netware-logo-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..0465373874b3378d925d0a86b4cdfd54f9c51ed8
GIT binary patch
literal 3698
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-netware-logo-50.png b/icons/ui/icons8-netware-logo-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ba34b5946160863c270a99dfee3618a527328d7
GIT binary patch
literal 1927
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
N002ovPDHLkV1k2~n3Mnj

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-network-card-100.png b/icons/ui/icons8-network-card-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..a05867833896fd1795a3112a11fc967dc57e3e39
GIT binary patch
literal 1293
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|U!`
zPZ!6KiaBrRy!V$bl{xMi^M_qbo>%<1&}<*INriW&);V9@X*fMqB}0`<t8vDTyw1F|
zM=ULl&jd10cCp-Wn9HSdW^1cz&br-YX?tg;?w>c~1@m)Zc?sdgdWIh-{+xCG;x+3_
zpBC?37hm;0{8Qb9?@!<DyB_}T-EC_pPfnnlVBqzf1*`VTbY;EOK2jaGH!SeQ##>Dr
zRvkSQ*t=fuqx8dwJ*zGx>t$V2b9t;7`dfX)v2yXMJFcgrT2;<Xx!*KVTAJJT+ai@E
zS+)x^YRrnad<H7A?47Zl%eL&cQ1?-@ma9LesyaR6w$+Ok?uyGczU#f{<Ly?t$!li@
zudhDiwB<dwty(m*ViO}?#QpQlqd)gI^}7m8GwhnrYiFRCF4h$D(fG)IpBf!D#kxi&
zMV~be9KzZHhmLTy7;J=aPtQ2!KfCh2Q@vJxeQn75`O-I&Uum8!-KF<s)~~(EUj-IL
zi2QP@|Nps8E4;o#-Nkffl~>W+>iz$cUfrKzmk_UbsbO;XmynOA;yO>;g@3#Ks<?RP
z-^jWLR|4gBNqDLn7_a>PyU%=971!4(D}P!Bzqh=(==-Vmt!6@xlJ68QnKOOgzSjJz
zw}!U;+opX~x4$v*?l-=7&x&IAZdKGQ6MSS5G*2jzhf~Y`+myOvYt+6z)_*m9#^1MR
zr*SVdZr!%`k!|W;?ul%3mKiHg_i;J@>iXXUGtcXaJ5ATWwXKjTV2YDg)heBdjEZ7Q
zH-$G%$Z7S_Yx!}xF*fq3=@Y+d29w#h?nF)d=&hF<x#!?|wZqeoeaU=%;Kh!oP8r`^
zZ!f#Ad5Ghr>OK8?XDb9uW_y*(-@LPJYIyyVnBOzgr$>hEYtiWR4xf4bpm+4P7wJ8Z
zKM3DE*&vYJq9OL=P5I?-yV@O2)N%wWusEe~Bu-0t|Dx`%XWm_Fxznu|m_2Wq+3so=
z_%GEQdF@o?KNsfvRTm~+FR8hDR=GUsPi_4Er%o>}+V1uD-1j8vyHmt*z0-0NQ%;>|
zy}YB{funhXufU{gsrKlf-}+ANS(dq_wS2Dix!Klxfnjp}pi1+<f<+oF6^5rb#hv)_
zl%qcXnM+uvM0Qnylhyo-OZVKW_1IsddfC!s!S^rLM{fkLSbkw~b+Z5Z=C7%>c^_LI
zoNth5(Xd>S`^xukp_h@me(juJuK90(>EYPExh7wEh4mdfHqB#3O-D-81g^(#>c1QM
z=S|qUiM8u)Z<_yiVxGNz&+Z@E%m1H0cOYqh{*gPE(_dxo+_?Pf%Jq^)-$h<cvp(kY
zTOgq0_37NZx8=4K{ht?k-g(n`(TH8^=jVleuCJdGWN8+>`1|vHfj+ji%jQj!u8x}j
z%Xa<_AKTVlPg_!MwHG*LwPnftlxQ~5$!(dS)3PD>&BU5s=f(-H3N4NvRthSNEe0H(
z>@6w{0&3eP+|=G!{Yl~WM7?);-`jx7;x_5mZ`f6rbnd0+veHA5-nG}KY(94b?#TO=
zLE4hlT%|Mn3U}73DD!SQ{`srz1N&2*Y%LsU$nC|euWu7g@8zF(=+uu~W&}(s|HrHn
W@%m%Z*GsIRg2dC+&t;ucLK6Tepk=TC

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-network-card-50.png b/icons/ui/icons8-network-card-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f8900123972a4983a76b5aeef274f2e6b3c9690
GIT binary patch
literal 902
zcmV;119|+3P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRI7vi7RCt{2nOjd2Q51#ypilk;4PL^FCK?4{rtKgE6+#0AMC2wQ
z7Y#xPpcYgt7^Gk*EkrD|R*(YPSST}~s0F44oq~9Y7sP0M;L#`j2WFcyrLjVVDJgcU
zvyzpwa&q>}{@T;YX)6*55+q1a(2As;10>B%c=#b{ch=Z!wk@Jy5=AqMl-&s{Ofyps
zhhvi{SVYo{Y=oXkcbl4IN=VxI9l;DwK1&b<vq(EL%!1I&Sy3>Hv@@2aEmkH9W|0C2
z&qN9!JOxo%b@wnWafUAzw-H(E0x9jQ23$+<#~SIP0D=d)c`c7Yj@>>1xqXEYr;|aF
zA(hQCeKI6;C9yfhm=;)&$QB7is->&1Qyqf7iTm(+egP^?HPANF#pZ@VHC!<_vROCQ
z4S3U`z<}&l?1QcOJ6P|zv>y&$$5&X^DTk<>WWeIrc63n+#CIkBU66<ti3=icb<cc$
z2}PAPoIuXkH^P(oN&kRU^w&bnjiX*2)gJq6OR1$RK(?LQxx!N)87Qn!a002UYk<+W
zkNg9&np>&v-)^#383rMRyI^~9C>&^r_~W~WWy&~#VEGCD`;7Pk!o{;+UIk`rQ343z
z)rW7!gCtwd34|z+Lu^Of#)DKCl@L-K>XWU`QOGN=;sjDws|53lp^XPA(_dWkal714
z-_7!GYc&mZLYOMjC#QC%LriWOCy*nj)7hhpUqF-=HDnqKyjtG1>?RzIU5x=fWdetD
z4$AZwpxNBc=30{q6g~B9)>t|LzZM;sBZ@CZ2g7np6(s7DA)_aU&FIxnF&<}g)}52y
zYxxGUZfgXPYL5#^zv5b=isScdle^9|hQpu@heVweIw&!lvu{bEaZtkMl3ocY?z%D>
zJsU^s&^)U18wjQ)+PKz-8^Slc>%P5@gdd+G*rq<rx$?OI2~1AmY;LiNq5rWfqtO!t
ztwZyu&W|9{7GJI*fM_=W<g&S$!8L>d8Pi0i`2@05H*Uw?Oiy7883u9x&^Z1a<<ee>
zrTYOsjdGn?Jlbj%+fYWMyABzxL-VMP?LkX4{olVdQUVB1MAA+r`eT%$8F`?45hO^E
cAkjagpB)@(CGiyCt^fc407*qoM6N<$f~3rdhX4Qo

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-network-gateway-100.png b/icons/ui/icons8-network-gateway-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab1f73faa584678c427bb79c16ca072748aeeef1
GIT binary patch
literal 2227
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
BB@_Sv

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-network-gateway-50.png b/icons/ui/icons8-network-gateway-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae3fe59ca44f08f0eed89e085ac4786f475c9b68
GIT binary patch
literal 1170
zcmV;D1a13?P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSL`g(JRCt{2m~UtsWgN#3?a(Pq5sNRjH~L1!7yh}M>|GI7QM71t
zcR079I7DUUd6Fh;a?fMObsM7Sl1pUE-R&-Rt(tUI{Ifzg26lT<uq_qwg=4wf6jz;N
zQ#L`E4E2%c(w<G4!S#|X3FZqwxcu(<{rNoidvb6L)7Jk)UGnh`PPGxIS>IA)bxWc?
zrq#r0c9PR<vea13dY5S>b;-v&Sk=0+3`DiAu=?C8rd7o1XKv$E>z{HE>ZA9VRuZS#
zGs{3U`>TdE^ibC7<WzePt66zYEA($joL%iD?&1A~`&qSMyJM9pSgd~PJ}<Ew5@%P_
zT24(`TR(MYRS+}*tJy!5?dpuzIe%O>?&y)ygc`l}R&#Du`O{=od%h|dx*HY7gK(MC
zo4mwtjYe-3ASTr4wKouJbH$pfz1ufPah#SXWp!(39YJ<htf^Uf-yn2OEAEbd`pNo%
z6rQTQd3Mw{Nb%4u`}fItjrRjmaS~K}x@+i%o0)1v4`26S{=~*The-FXe0C+VenF_Z
z2S>9`&B6SMn!QAMh=yo0Vi5OVFAy<^`)M4l&D2V5kZ2o(sSAhz(c2426W0qw066K?
z1o$ncRuTaciXiysEkIsVZ;&lOULyc>&Z!wh0j5^!lI0EoAj@eA;OX8lexzO?B9vGj
zqM3z_D~O_aW7Pm91wsS&@&KP-Y>bEaJ074xG5E&a)q;q9c&!LgNPu|C%@5E;K0NRM
zQxElm*g65CtN`(!OA7uiKs?C<yzQBge7jc=x|YTiW1Sq%x?*mWrM2n;QQm|Q!Y>E_
zkMj`!Rni2&<MiIsugJHQgFFGiO#y&=c!)=Mfd44lj4Aq5M1VS(Mu_g5GZp}Sy#$B|
z09^_|oLl@YLMg*Td|~OD#qkV;rF)oWQg1N+AP><y0>twrP^C6c*U+_0vrCrc8v+15
zCPFm)-xEQ@)JN|zt){J2ybzm8ZIEVD8>HFP2C1b`I@^g-Modyn-M1x;?DpLXp+>K(
z$%RrzEV5T$+1JKc`oOxlVxE^$CTS{Dj9+l#;9AchQp(IUyy?_6ZJ%e5c*>k=f`&;Y
zqrG_tQOwzr1ZjixjfF@w7b{5``2dsfC$AGJeZckYJ@_%nO-vFwGh9`}kz9;K#zIc*
z5)j3l^$ij_{1SQj%w3K}@=?dPV`RYf!6VN(zFq1FId}0l^6TZ_$=pfHKg4LCn>+l)
zw%UQvM%~1pzUKJ)MkB5-IN9U)-ZVZU7cO0PKu&)Dqi>M#XRo@s!O=~%1Bvh3Prxyr
zz=_R7O6v=LgTV0@N$|^ONj&qOyLRaFqhxaS8)w9Pk5*bIaN>Caj|om~{~#%2y3vPP
zy5?awrdI;;Vbg*r#)xN-{-nuCig~rsO-tpbm{)P~eNW%iT*VT`qf*KolN58VIm|dD
krS$bHf@rI)wwOiz3+>98Koa>AbpQYW07*qoM6N<$f;1#EqyPW_

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-notification-100.png b/icons/ui/icons8-notification-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..e811ffb1152d44bca034fda550e881938a22a896
GIT binary patch
literal 1904
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-notification-50.png b/icons/ui/icons8-notification-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ef8155fd6c279025fd257ba607f99032f1ab39e
GIT binary patch
literal 968
zcmV;(12_DMP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRdPzh<RCt{2nO$fcRTzd3>Yg*R+aeORM)bnJ3SzCPiWeGfgp%Tg
zP^yAeu?p6rXb2*v6pbwz!3y?XFZ8-7ZEq^2Eqi8SBb#iyY1&Pj+1;j8wBpa5wf-bN
za%PilYntDk&Fsp&@WSjlbLRV=GiT3y%m@)HR;*ans<b_|!gs7aevh@g=%nryjjDoU
zpDs8yfqU$dXhaQvxU{JPF=5jt8cFEHioXvgcAVd<`15Nk@cBI!rp@$;dKbOwcC^}!
ztC-eW{e!E%!d174dK9jD0<C_X5#ln-U(l*e)RWMO7F_k)+#xD==Xdlq4~cpZX<^~Y
z(Ro8uU}TAXLPgCX(DLmCLrmI}ol$cLv^rHah*tS%Ar7fKs)o4e=yow&)gBs%R%@aI
zNn0<52I5&SL<i!kjUg_rjWI~I`X7NLwuJ|h*cKtkECu3xoL2jyEKPn6Z~K)$MN+Du
z<<=1Y9}|{a78k;^AI4RGgbt$BUwGCdivw|BX;W3z?(9qKEZ&kEY74PTT#c6dYX;#~
zU=EpBwFA*=N6jJJia)CVx@yi&JRdGZ?y+_BUUy;9L3*#fz>(JV;XvfqwovLCWAp<!
z^$O%xL*K2nOdbaAhx~Ie`aTrj9p_m4s_GyRSJA)HXJj*+*?zfCZ-J99!QdL`zYo5>
z1-vEmOgssPn<3i*Lr=oUCV~mOG>-oo^sg+MTow-EshyReCSb0$oc!o}Q^6)(d<Xo^
zaPnms-T)__h2!fW|4jL}X*Uy7=$xALnaOK(lqbl<ya@iu!a-b>z2Z!IDab5`qpfh_
zY4Be!FN5jeX0jRQzX8Xef`L`=P1AH+a<+;)BA1g^{+yPHXG7o3khvSO4?ym5$hE<-
zwPg>r!(ba6eH4y72$?(K@bz<Bf@w8^mUk@}q*5GewF#}V6R$fLXUEb(tO3&MRg*(i
z5L2MsWOML5(P}4Jy14ROc*)CiXsLs12hXfzbEwJB3fCuWJb90KkBckUkL{Olo&D4r
z|L!x3A3nGF@r$y}v1v1XV+Yim=G<V68QUjpQEwX9s#YKDNHUYnIilW`=@vKjciH2a
zt|V8o=^JvyGSLVsIM$c{{aSU2cZo(($w@6MIQH-qh#os%>`vV%8cBm6i<Ix!oqmtC
qH?U)OeBUjSQRfvaR;*Z}F7z)&=2#Bd@bBXQ0000<MNUMnLSTXq!_sg7

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-old-computer-100.png b/icons/ui/icons8-old-computer-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..498541198aec7745d6d333adcd69f5c82827f1fb
GIT binary patch
literal 697
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|QgG
zr;B4q#hka-?6ZXnWsZNe;ePq((UMvoC-!ayi=*rdnz}D&m#jEBHHmGhsJLSAQ9iy{
ztEG>E{x~n+wPdGTrrz}5Ki^(TSBThf%Ku$JfZ^Eyz3-X7{~f62QQ0qEzCT2($MBd$
zGK83WF*IF#*(&3&Y**dQcN>J-obcIOsLf&9s(kt!*8~T32d1@Nj5}rRK7KxHnzim}
zdZ3lZH`jYN1aAh`i8ajdYnTx>P)JCjTzvko_SL#kxgck8v^q1ZTmU**8|Y*P&U1<<
z?i3ZjyZ7i4dz4gUSy*ecOX01KU*{%E$IcP^-@@>Sq0=wB!D1~#VHD#duKe%8_se(N
zIxL#x9k=&;{JQ(!>ymE$=Dz;t`s(sO&!<Z_xTq%n*-@d~{$q7#=KlSg)^TpydH37a
zbp0o{?&QsvP^mZicl5{A?I%~=zbnlUBrWVwmj0*Cmv{C5D((rlW;kr({$tUzCgriL
z!dAn5n>KORNF4j_ZT@+=2j7yr-haY&YlrWiK1V|3x4G$?t)(Ac?0mMg?%M76$n*Li
z?C1A1A3vVJ@Q6$QxB1lA2cECjzOU<XuV)ijE~?<C?QqAE<>hYnrT;JdTba49V#3}M
zqpr)&jq<OTc3(a`S7m36<Z-L!gH!$Hw9U1MUG}BEHTiG?BJ$S+ovUM#sy2<Cp?G*A
QFfB58y85}Sb4q9e0AhDOSO5S3

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-old-computer-50.png b/icons/ui/icons8-old-computer-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3be1b2e9dcf8cd8c841f6abaf933addf22e21f1
GIT binary patch
literal 415
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-&H|6fVg?3oVGw3ym^DX&fq^m5
z)5S5QV$Rzu8@&!Y$Q=K;r}dZJH%1jZNAuP+KK59yxx1D$CoI__*zUAcb%IMqaxTkM
zr5oBICtfZs)cL{1SHDrqV(yW7Pgecc|8uRG|M=Wxi4tvpJHH5RENOP}TI;grjX<-@
zZZ^iL%cNC)87_HLk??)_&UKF}Ry*J0<GMUOCjI+zj*9}5lvo6mxD+*=7!(&_aOy;Z
zbgn1tubS|>>*=jm0#ld$&-U0Xy`|4@uk_SwZ`jtJnZW7oHbr&8B{dyM#g=Cqj>mCu
zZ|2)0d!qHn^kj>V=a;@IJGRgDKp0~}vUI{`hT`K>*)8AvNQmOq+`Z_#(}_cC_AA?c
z+Y>&Oy-<JM!i(0EH+|F*bE>e8xOYVT$;o$X-b>Gv-+g-akFE%Bj;X)0kJhY^QF(Uw
z%!J()>w=H5n><@6lw9K=KWXk60iMGKzDMI2i*mRe4Zqwf1%^0-r>mdKI;Vst0Cr@o
AVE_OC

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-online-100.png b/icons/ui/icons8-online-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..e94bfe5315987e225b048151480367d9409bc51b
GIT binary patch
literal 2873
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
Q`@#SdBMZYf1}^dc0ra6|GXMYp

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-online-50.png b/icons/ui/icons8-online-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..972e2d388c9b8e658b190137604935f60cc53ab8
GIT binary patch
literal 1434
zcmV;L1!ek)P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkTOi4sRRCt{2SY2!sRTQ2IfofC|qG$^3lG4sy8%;FEzX#>Ps6-?B
zVtjx|P~($tDCjP6BM~)_+Rof<aXZu2ZG*xHox7l|F(w<5;$L=VTiN#BU8qEj8c7t5
z%3p;sx9!H6Gec*V?!K7$lKV90o^!u@&+iCAh!7z{ga{ELI84l*H!;Ij!n#VRF)Yif
zGi0{gl-YAtRct1UkD8cGo0wUq%noGxPu2@HLbm^8J-0Dq3$tk>$<|dxvC&n$#l-ZF
zImNR}rbh~i!V;m%C?pC?xNczU_wf#j7JNGfrV|dum{|s9JB1p-z-%Y9XUgoGl2lrH
z#Y#<?zU@+q=|1kmLXBWqRvowDLFSDsQuuXuvDv`%98h-rOR03dP-7I5g=-DW81RDg
zIjOX!Vr7QR_Bs{Ob7NBJ4k)KY^%oRGIub&n;%vtEsG=^Zh-`4#m*}1FA`O|nR~ZRR
z8%&v90IwmtNQjwrs;Ez^h*+wqAJkT9R|mDhW%(YyR}sni-ssR;k8^Z^GhE2;DXt7m
z#Ki11_!{F<X_Z|@MWjJN<kSp_@)F5WtxfaIX8n<Dy^8cvu=l6#=7THja=Fez6L%?a
zmUv(y24=^=O{AcVg2=GrAhT;nP#Y@J-*N31^@HxSP}S*PG#`vaaw6hNw@LP(U8X0R
zxfdQnL1e!r1kYwXJ`_>UICbck)E451LlaLv1kV%5z48*>0J6njFo!E5IRJ?KkZRVJ
zdFhL<>1*W6>zmT1EmuVSXW(M*dsO<rLC`<#OT@rz7x2lC?B96|s3Q5(ag))^i%?H&
zb^3{TBs~?63|M@{A_FI4jRTLn$RK?Sc-hm5wb{jX8B?Ys;7o7%5;0{u1X_f4`}dw!
z{eEEhAAYlTneCB*C*zUyr7{T{nTwE2Z;N)LipWLBt3-$Hb6l>>I)RsHzC;Ynj)G_0
z>bSvZW)pBL5PVi0zkNvJzm+}?Z7L!;=C~YjXrtqD@#L$p*9$;|jyZ#Ca+CeLipa}=
z$jA2Y+nUo&mnSi|K+L!^p#Bm#(`MjWrauvx=E0`T^ZB%j^pQ%5BvuZBnxv0_?6t*l
zCW$^<IT1`pK@EAuK|~zd2y%Y`>X^^9Vom81l;=9;buF33Dt0Z~P*dL2F<%YgxnH?8
zbCX?Wd*k4G9@w72-Zc1_U6xmK-(bf~0%zJ^aqDhiI&A;03ECo6B)@`J*#`CS?8F1x
z{t}P`ha&1*{nIb|1SFt0eTnd51Llu2pSOSSXa*HT27vKXuum$3#{-OsGE(B98&pJo
z0R?fdUqQ@c_LMIX-W<AG0%`JLyG$R_Z<}c+oUigJyh;BSo*aU1+S97vZkNkp`iOf%
zr450MxKl9eg)$1#Kk(?c)S&&Ag7kKertw24XUeRv;*4b@5{GjDZzdfFY15XgqW+yT
z+vvt%%dqbRDYXnQRgiuJ?ER6unq4m6L07xyA{q-!WUTwd3fFXoX&031Z6)_8h@6>w
zjn7m>t_x~|lTi`bS01d?R`LLpF)@1=j=Nta3pWdufRB|>iP^>Of^sS%>s6!=1{tWl
zTY0kEYt+rl#k)PG)V@k>%sneT3!Zf<mzwfy*Q<$KYHFE*>9@f4S?Jz@VPLugW(;01
zYyLY(21R*xGJJiZfBweZ>5uIaY6Jt!Lv!&tw%|XTV|Y?DFg*<vk1puX-(`^H#SgPD
zKo$SZ?3`$=iUD2_%YkRel)y?~P2^I!YfPCPE~kB1j28@3E<R(*Y>%c{i-Z~@o5(IU
oWU6qRwYC)^M2HX}Lj14rFJ<wq`0)_rWB>pF07*qoM6N<$f{UTDssI20

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-1-32.png b/icons/ui/icons8-pdf-1-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bc76408d92e2ffbe7265efbdcf7310284011980
GIT binary patch
literal 456
zcmV;(0XP1MP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPdPzh<RCt{2)JsbOQ53*&zlts@+SIbvEg}Lpfdg3!qli{Tky?a-
zEs`RL79~btL>RVc(ZYi0u?vD|5wz$5Qep`rni-+aKc)*w4<eiy2g(D7fjcngcjn%6
zO{Qvm6G)aYl7+I;X7-tk0u+}$;Al{fpiDqvXPv^yp?U-=0QrZwdITx~su5@aP=!Dv
zzz2k69@ZToyRFE+-mf{>qP!354&dkfYk=J~$fhAMZUCUG4rCdUak#rQ=np()Af1HR
zwLyT>1K#2|Vh~`aPXIRN3<6Aa2*Axbbk-OEhy)>(fR|_3TC6ajyIvf?&@3zriHQh$
z!D|P<Ta4yNtB!yb4;1n+?SRdB$YpsCWj&J;&(Ss=06mS6xGfcoUBPw${4ThUiZx|h
ziUk<6Y6!5`!s?XhPWkv==yL&aK~36V$qCMO4Yy#R8KM`Zu9c2|H+mWY_QR#(%GfD~
yu%ZCJ3v!Qeb_D%R<rLT99+0X4%O3{(t9S)Sdk>S@mgjW<0000<MNUMnLSTZ#skpHK

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-1-48.png b/icons/ui/icons8-pdf-1-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..654dfe7cd6638d30aa57c163693064e87f6924e7
GIT binary patch
literal 620
zcmV-y0+aoTP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkQ9!W$&RCt{2*Uw9oK^({N=U?#`iP|BB4yJe#?BLZ$%N8jUOguye
z5<v+;X1Ayau^@EuA|9eZ7ZJUMpy@$qGc1%`#)u`d{I%{o#$kQZ#UgWNcW6E^JkK5$
zzOQG$^L%GL&&5S=@N?0!>T<fR1teR~m_wieu>E$H<dq6D2rU2+GlxJIz!U<V0AT>3
z9UwF#i~xj2gfW27gfI#a8W6?-Vm~4)0e`bR2k;#L`v7-Bu(Ak0)*#$%A>d1ly(D*_
zwcH}WrP84I`Pb^&bJ-%m`4g~{P=znQvk>6t!iV{wePlXoEdzw_1#Of_K&aR<Kyw*v
zZ79I|xg!@(M(4oHxB^6{p+3(tKtln<SA#a{yJ_JdliA+dz3dLO_9}}26GN)-;fF94
zQTMTr&~n-WKyw*vd{?uetr9Mtg5?E;Sa_p;ooBaU<T;EDLL>~2uEDv2ECCEXP{qnk
zEI)VDKxBYFW^y<S08J<1TU-?sodL15zsS^{NM&UamZIu@b3MZVd4zb`m;PjB`@HCd
zt_El<R6|Z~>Vuh`%n+bHA9`=V=TAW~vOwA2haDm0f$wn#ym|_w{p$Onk_-T@R;!Kq
zYvkmWt#p*Pmv0hqs}9z_ruX>uv&U9E+5mFWrdlR0f>Y<<{bMa2ZGa0!>2DM{y#C?L
zgYg!6(y5-l{QKB{_s~I<y#U|L@*Kc-036`I2DrF*zs*nD)@g(TCJZP50000<MNUMn
GLSTYeXcGDW

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-1-96.png b/icons/ui/icons8-pdf-1-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..2602675a81026679f0c0d436bfec0bd624268d1d
GIT binary patch
literal 1219
zcmV;!1U&nRP)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00009a7bBm000XU
z000XU0RWnu7ytkSbxA})RCt{2o9RnbQ5=TvztXfpSx_Jqw0x*&r*Dl}E-j{EMbTyv
z7`B(T5fLo}g&8PXX+pH`7A0Yem6)k5+UC9<^^L>%;`QE{W^C@9Ip_Xfct6a-6`#jB
z=iGBf!=O+o6bgkxp$sDMdZ1Jn4cTw#6zM>{E|(x3rq|^Xq=WPZ*52$xdP<ND76F#k
zf7erjN&=XU5>ykwbd#W>0H%`!RRu6zB&aNa=^#OM0ZerXItXAYOVC9CQ&oaa0+@;t
zbQ8c-lc1vjrji6*1u#`4=q!M#AVGHlEYc;oK>&+n32qU<d`OVZ-&F#bjRe{Jl@S1k
zDw{tEkR90oKmz1L010q!4cU<m03<*@1dsst){vdB{=#df0{8QQh95w87f@XeoZ3nP
z!qT<VfTrKDP4)p2;COFdg3ole14+>&z_G>*1=?HTH)nT{0LPj#$qGF0xcM>vgpdG-
zx^b3Oz_E4a#}BWN0LPjXZ543op!xB=JQCnoV}=18ZD!!5cWDR;n*gr|c>UN6e4vmV
zn<GOK5W?mjgWqJPkN`)!WuAWl8)lLK$6NEk9)5cZuy{BLaJ(1y*$dzkvIO|<6OcFt
zXl=3zpuM0lw&0{y!2T5^AZ$If$|~U9GqGPp0>aR{x%TtGsWcMccw>hH&426#v^D~%
zlSzQ1-5m$NDSsaJ<*2&^JSZ>&Z~SS$O-%wEXyRCL^3^{XOMtRR=I8qQ#8x#42ystu
zH-oOL7Av3RiPp1XE^6CC5)jf>y){F=oMoOHdYJk3mIh$!eDgK<{E#{Y*ck&HOahLq
z5%&;j3xL=WBmlme5o?CaVe@0k{_i=lQ4Bx*!&gi>nZTo~Ky8Ip(!fv6?aM(Q?z=<4
zi<@RxPm1i{cl{jxJ3qgQVT}ZMMAuIT`g+Zf(!Js}K5Xn-3KX6JYCj@m3F353e*q8j
z&2YX{h;f^r0rPQwFyTWHKVf@Z2$U29)$grC7YXnH8)g8#J%fbY12p~e{W|LgzI_sN
zL-PQUTr3Ijh{-dU@TKXE3u42L-#5gK^8bxGUwL)k<pPo?07Yj5`|JPw4#+(UY@X};
zdV3Rr%Cf-V^TYli?jiINkTMA<J`Z$t_=ohT4!Cw2*fcx1>+eYbZsh>K>#W!0KlAww
zVDp@yuBnHBxKTj<381^vKlnFKfz0I4Y`Dcoi8+QJ_Vb%FzSBC0>!>eaPl6b`|Ft&f
zphEd+3sKb-5I<ThB?HO6Wzs?GC4f(|eDVw={6AtM0JJ^=mX8CzRtCf#e7}F?c<GS!
z62QMkZa2oWZtL@hQ>6peOF%-Db!}f)4b<0I;q&EU1OV1c0AKC}k`FI|B_pN7)lUHb
zo_|BVfB02z#XJ!KaP<?wo3&bOl-Z@E7+4Y6ldk##c+(e&yV|y9@y+JaJK}~c0)V<h
zfJQZBM>YVE0QnF=0^D0ec4Pwp36Ku~B*48jWJfjtkO27*Kmy!bLv~~X011!}0d5vR
hp-?Ck3WZ{*n7_J3mum-=tNH){002ovPDHLkV1n+-BTE1P

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-32.png b/icons/ui/icons8-pdf-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a11d2e78bd1ed0c59d16ec9bc79c12f7c9ed566
GIT binary patch
literal 428
zcmV;d0aN~oP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPUP(kjRCt{2)IUqZKp4mIyp<ML^#!;H;;3$>TP-M36#O^XNfCus
zTCBP_*g?UR5(F2OqDv7}tdvsh;35tRtqQ&YYrk?_B?OB@F0q3-cp&_akk36&I8F0c
zn}r@U(Stau(Lh4$6yS4r2_n7f2pj?$d4tAnK^=ht;NzvHjzAHhjKBqe5(1Y1HiRCS
z_Z-lS4bx1F|E!q-v2S_~;P>(YrVr2@1F~s2GvRn2l2Mt(CuDY%fz`0gru${~U274S
z0HsT~ItL>K^;cM*guOUCKFI9pS;Ar?@b(VI24q%XamYnLc2ho=ui<b<0;*-1i7s56
zSb%7s%OfbYI&hGLS{>4}c7W(Y<;DV3it-(K0l5UImf_TZ?F9&R*#WsNC>AV0Y6_M^
z5bpM11bV9k;QkKg2IYyxzNaI|wgHHbi61bZgRveD0eYwJ0o?}#eE>dyzXWLiX?+0?
WLI(7h(Z{C%0000<MNUMnLSTZ{u&l!X

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-48.png b/icons/ui/icons8-pdf-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..680836c7ea93efc84f96ecd6feba5f82d78cd9e3
GIT binary patch
literal 516
zcmV+f0{i`mP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPwn;=mRCt{2*Ud@-Q4|O8d6le1?~p;8AZXFYq7iD-qD4|rfuKQD
z5Y#F+5kxJcO;oEOP@*UdrPRWpNc;@yCiDV<|F|B9VQdOwxYx1nfrFlNyx>pH9Z=I$
zs1O^_JrI&3ZEGzHs7`jtLqGuF;~|Zz-zx_p1i)V8As`AM3jvV;CIKNFzyu?t0GL38
zGyoHXkP2V|5Yhq6if|?1H>oLrt^iN~C!qkk0yvAm37G2xiUl*D9)ZX{VEk1K4p`^O
z7_dHVo?jWa&WrV&?Ue)w^aGW5p!^J6oB+3Rs_)alXeTf~Om(RQ#3DesO!a1n&aX~T
zozK#FBmLcy0jVpheeJ;YCH0oaOhDp{=2JZYs{n-@ebxX(51O<>jR2m<yVMKMd<F2#
zB&o;O%r$^airz2!XdQTu*LHx!IrV~r_A7L_-2^~m8ehT=5VrxmzL^)8-xcYATo%|1
z16vC~Xvmz~0q$<<E97<Q9nd}B1Nh$8e(fUQ>u4cBJ`bE8(JQZamaLD_sM`UxJ+IIc
zXd__Gn-0+BrKSM70zd(rgaYUa;4BnCSAc&GP@zKmF+Kt4=2T#a#4!*60000<MNUMn
GLSTXp3)Oo7

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pdf-96.png b/icons/ui/icons8-pdf-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..f99b54cc54a7313fa8c85c5f160dbfc748230fcf
GIT binary patch
literal 941
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|Rrs
zr;B4q#hkY{&U%LgO0a$Sy#9;g+bEH@${CVtvvit|tPoqM!n#f163<M#3#Ym!c=j5Z
zHhG;i($@K-#nl}p61kY$bN5yIf(~`PV3YE+cW3ra+BdIw9{atka}Jlzn_vE}J&5P9
z0T7*0YC4i7VQL+&I@MQD-{hf1Q^icq<AO)JeOzY8-%WqxGC@yF&|SY~tMEY;hFs;Q
zOom%#EW(Uid^wgeWkd`3uw5`yn8CNe*L?${!|a{}?glf_gK7-9N=>;8w@g^18Mk<H
zY-7p@7RX_{pr&wxZ$Y?K6E{PZs`3t|1<nFXewTAOh&xPpcVB`*=c31Ve}<PH;tWhD
zrZX_@u=cXL#M;2{NwtCDUEid>5=MoF8cv0V-HVqf$1-pz#4~X`c&CA(-0<InYf=ei
z%Rczjv)uDxDi3nFyY0~L^;e$1_g>!kJ@~*4feRN|-rN_d`%^9Z@c8+;!R)#$I|^7n
z)J>b0Z{KixdSh(r!M}9}mwr2UmT~$kF8TkC{#zdZz8v({py7LZ)w$#BKdi(31s13r
zcpa#4b;itdX%DVuoSXSUcEwF0K7)@Io4-d1NyzinZF|6Ye49AC#H-)sf9|Zj`-<U!
zL->c!U8O%c?&>~d*sFSO!o<c$41)hp-(~dpA^z&{LDS^^Ma*yXnA7&LoNqeym8F9<
zV88N?XKzoxVEAVv&$BLbg@S`l!?RTnW{IDF#CT`FU`+A4X$%_~*mfVj?!x#XKYsJ|
zE%N>Kf_Zlya~$|#Fu`Vm<p1sW^;N!?eMm{QX^0kY&JN;z$dGvX{!5OA@T5P>Z+|jn
z5n!BA!xWOs@h+anVdMM-UratcjQw{fr&J)}9<yCNliRPx&F!D!on2Tzte3o*{U^DN
z@q^MG(f8c?&&;-D>N8H`T~L$zOy^YH%I*2eAl}=If4djGInViFKI6Q5XYU;Pb=3aN
z**$x>tGUz;2r*Q+9;;V4eb>Jsm0`yBhS$rR&-1fHBsJWWOvqw-k<Glyy#0N-+<`-Z
zmnP~luuRZrWGN`0QnG}bf$@nq1LGZ8RoRzJ4h%nq92m;oJ>7RP2srFx5jb#{6y-a3
h4uFz8&tji5`F+}MzRFJomH_h~gQu&X%Q~loCICjHj{X1u

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ps2-female-100.png b/icons/ui/icons8-ps2-female-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..16db3438a507c504252fb6a99bf299db525d221a
GIT binary patch
literal 2274
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-ps2-female-50.png b/icons/ui/icons8-ps2-female-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae16c380b8d2439b62937a3fe00471183b07088b
GIT binary patch
literal 1167
zcmV;A1aSL_P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSK}keGRCt{2S$j_tK@jI#0YM_IMhXbM76hxMNNc0ED758OP~HVY
zG-3o4ACy06RWPD}@dcs@J_4bqiPDSL?=of<yLZ=K=>x9UkWMm5nVsF8A3LwzD=5fQ
zp7NBZBSkx0<V1+${cM>3s0N2P-v5(}Xb%J;#6?C}E&@5hVSXs%lTh7wE)I+)Z6GYi
z&#7)WC*=^w&!!C|6z11+4oH|^Pag;u*~oOm?>~RT{L59C^ao&MVw&*eTo3|Ft7I(m
z6Nzjn4rC|H!^7YrSX(=xq|yk5<$75zsj7wMwk~)SSR`|D3dqytw@_!hlF;}>e8%R4
z=d15?1IX=}St!;qaYhzb)TSgW(lIbRF^&GO4iMbfJuoUYs+<9RV=p+mUxBr4F3xC_
z;aH8Om*|SeJcDEE02!N{kr<*e*x+i<3V27i2|K!%pxW$}Fv_CiEj`PiVVWgt+?;%v
zT_6|}Vs|R9zY3khU#XF)GR`?w-y*o4j)7+@@3I2~Gfkb%K{wYLY|t^hDQl?1y9Adz
z76{{SIh~H7P0$!^biG>Zm4w;sP=U+@7KE6nFc23(gW3l^gV`|!p8ikNNUhN>05;mG
z9CggjDQF-3LjHDom!U{!pt_iv6$jGX+CevDEH|iehUNhxt7+^>3Z%x|LuAGagM!S`
zOLei%C<^2o`&&}%@IM(f#O|I4En_8_DH#xJtDorFJpn3ndS6S5rd$VbXh5*-h;DYQ
z`W$$DTl)rcA|SHt+k#`KO;jJ-8O4Cyo1Lc{Rhm3Wvr<|>Mz^8D<fi)Arzr+x_|BAU
ze4tyPyTqQ*zCe6iWRBQ9nWjFfkBz2cKyYyiq^X}8P*PP-WcK!8$~DC93GTUQRf7mf
zKV9E<_r7vK@VKKJRh<)DOK-VOD!Z$HEoC6CzBMvOe6p1$kKkH!LFIs807f?|tud!v
z$&&?pY4!Q+1pAL)yCgLV>G$=a0l~^&C{Dk>{wQ1!+qy(?(kE+FTi-{pv^<dXU)aW=
z3|&fY4!URI|8;GyZsjXGwhzKx!T=}hE)&MeE~HTx8E>%PqOu12_+HvR>!vcC6P+(<
zQGzd&2ZHyIGZ&q4ca8FfYt+C-=M<DNO{7_j$}V*-LYck^8lBTrhI3-qsk3FNX+*|W
zJN8y629her0x7C6z`~mk*=ggWjF%v>5tzl&34YYYIpQ_OrynQWPcb0Kcs-T4hK?aY
zO909BVZJSJcE2LmVbm4RZCC56%O-hzzy`3=<R+O78GnnL!q~@$oOlj;w(?GLYfP0f
zY3vshY_@?QW2V8>jCDp_G-DaZtgbGSVpDknVzUiI%y=on76bdGxF=JYimfb=@R51M
z=KX3L&c>Yx|0Hc7__<4M!`WC4^JN8@5Pt5;ArJ!@fe?Yw;E}5JF_aBQ9*1`S9zPI>
hJmo1*c`C>?`UjrWt)YoivFrc<002ovPDHLkV1iKM7U%!~

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pseudo-minidin-8b-diagram-100.png b/icons/ui/icons8-pseudo-minidin-8b-diagram-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..3958552c4633d00fbe783f28751f27fbabfddb4d
GIT binary patch
literal 5065
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-pseudo-minidin-8b-diagram-50.png b/icons/ui/icons8-pseudo-minidin-8b-diagram-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c8abaa99d0db976c3c8bc57fa939aa26adc0290
GIT binary patch
literal 2367
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-radio-tower-100.png b/icons/ui/icons8-radio-tower-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddad20045dee6d4f051d3b11289e534668eb974b
GIT binary patch
literal 4815
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-radio-tower-50.png b/icons/ui/icons8-radio-tower-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..98f824cbf63d734e8541629cdf521d41b84ff679
GIT binary patch
literal 2407
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
Z{Rd-6|8t^_PelL#002ovPDHLkV1i{sgV+E7

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-resources-100.png b/icons/ui/icons8-resources-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..da2cae55ea6e187995384d96176cc56115f133ad
GIT binary patch
literal 4056
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
KMNUMnLSTY3Q`Bhy

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-resources-50.png b/icons/ui/icons8-resources-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b7ae6df3a58df36bb7e2e044c1b29f76b357971
GIT binary patch
literal 2158
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-rj45-100.png b/icons/ui/icons8-rj45-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fb9a3d78df387cdd1c6f84ce2f15d4c1dd2d501
GIT binary patch
literal 1448
zcmYk6c{CJy6vsy?dt`aC#V~P1yi&F_7~3e@v5tMRXD?(a+bj{$7)O?oHOpa4WO>gp
zWNSzUr;Oz=N(zM;$~4V*<IVKmdFP#T@9+NZ`Tjol-gE!>J#=xhlMq!D1pojN_E2kA
zUJT*8@JZeozgFVT3nKAQ?*srqOos0QfQrg90Kf?!duvPgl**loOb3t9GvsM@lOd(|
zkmwaTdM;cT0c+c0kBnV55xOy@h(pdb%D^a7HPq!g^JTxh@~l!{Tq{F)Gdj!HGp}1%
zp!;Vq*XJk~ccm#{mt?UX@lF-*bkANnn#cqTQ8=^>aP`j5kKp8uf$4Pfs~ewo^XsGp
zE&nyibD=R&9gR4DvoS&{OG}zCBc6Z^gPrm!>1mU{X5@39=rN%)8eS$>w_%&#;yc$5
zaUa1;^Mo$f&O%O6gKsxqh%8f$Uj-69^wVOyA|CY0$LDOH=Dl$ri4>>=0%sHIZRVy%
z4k36?{x#T~$x`)x`ip~Uu_Ti^eZMb9%qD)5{h<;BJN~N?t`rbHZu1ZLHOr1#v)Maa
zw?$RqTCMb7;5BJ}kR;C-XZ!O(@dWIVi;<SibU`t8<goyExZ-@n_WSxevRw|5!n8t1
z=zEvfZP?i@O$L63pr1YOK=8A?o4;A2n?rZdyd=lj$jbuFdhJu1U!|&|-4N4S3vo?M
zDB1kkpgE|Wq4WGAQ_1<$c0XIl9ZI28lT+t|4bD%zeBqLKvmLm`pvutw5PzXVVU&+a
zrM>gP2ZyyR^%GYohc)OBL#-(CiFOSB5B)5Znao*&Tf3XABKIUHgya1uW+&VdB5E}f
zsIxE;r#K+6SoyNY01gzRu|+_jLG8O%LzK6i`pj(9JMk>EV5CzvN|$ZSY(kV{<Nc;q
zj0BgIkEq3P;I_|r#n1y_xDBV-dFc9HQ*cRp!9(M6+`ab@!yf>&b>$l4ciNGJo@hZA
z0^Pr-0)u|Wts>E~J&*3!!W(K#?#dA_DwM3ifeLcuA&6*2u$L@;T_u->j&)!+#tlIh
zx@VHUow6>{EG+ys?#59+vM|zYJJe~%bnVx}fze@xeTaf^a|QkE*z3G)Jc~6uCcnRQ
znnA=@i9IGY!-H>4ZrTx0csfALer4vvb?EJgF3Ta?p&?cl&T)?vghaEbiv*PJt->EV
z3$W!g`NT!pHoSx`%KvNF&RD^0Gok>^$<eG;!gg*L`n@6rRSWo6PZ8k9DzXKe(AxuB
z0pq(k!mhOYqVVP8BD7Ym<iFN@ggN3y1~sp3Qw*ezo~ZhZu?F|!wj62ED5K-{340px
z0~xw?JoOT$l9a5xy2MPCU(<>DXu3HYqS3DaWpd^}`@c#Ioe#V*z(*#QZqp2a(QVHr
z`2`1sgiKj*GNynLrgrPB^5zUu#l~>BID0)MvBpZ0IXZ1?Y=GHLqo4Y|^_rmSQ1z?A
zKEopC?6$~LKE!Rw&?2psHH}dnD)^#^`+-UJmyEd97X8#0r)lCK3;-f+s`O#X;+TjU
z=w@e;Jh-o<<FeTr!`-uhe5r-gL|uPcoNjb(7PffhEG)*^*sO#U^D+S#?MO3OOm>r&
zkXBa!Szm(YhG3)wA$OvtO~iVbX+F`8(%ARiSd;_Q12p=i6`Fg&t4PY1pbqTuvw=kS
z=Ajnu$e9AeDRZWS0osFsbQKPLet(0M6Lzo|MGdD<Z+Cw6KAJ0J;lVmo+~gH3M3^(2
zDXBLY*yoh!eDJu68}C_73QK2l-+=q74g%?q-hAl{BK7(qQQ}xkYBmabQlv=yf1^#P
z0kM`45b{4EiulUaYf<K!WXs!)C=Fz(4!N<F%aWA$UNuu7f;*=JI>Glc!>awK*-BS6
v(hWFxSe)K`ic1GwGc8jDp(e~TG%{15Qccf-T{aKmeZ2sC8z*Z51djL{+r7a5

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-rj45-50.png b/icons/ui/icons8-rj45-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2d86040f91e1eeee20a840ec523220fd2504988
GIT binary patch
literal 973
zcmV;;12X)HP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRe@R3^RCt{2ms>~_Q5eVPp(oj0FRfry-b&F`QHVh6AryB<tw_9J
zrWvL^<Xe)KL|G4#msK}6(}>tz+hrwFq*WuO6e=pxA}=ABO46$1ZqbT@ka^-;@<q=X
z+l3jNnm_#E&&>J0bAB^>W@af$lqgZW%RABFFQE;CIKw$gDDqJ1Vx+VI;q0MmiKc`i
ziBfl%1R_<n9HN9G8Ev3RATp(1MF~X`l`fqGBB2dwlu#s9>GOy`E!uFJ5{e{Ah9cq}
zQR&Z9LXm{lm9pHC5=tnN()t@LAlE6ONJ8t?EStTC5{jfMLo@k3qHm(MlcJiKj0mm$
z0nYNA?kN(8{8ZNzsV=IC$>1F%yq+2Hue2hZeR6w9`vdLFd4jD0hiMjuc?a2FJGV##
zIcXt+cxPLPAR)DL4qhRSl%pMiRn|4qg1j?3$sn1XM3BHL>l*at4J5kJt|Bc4?3LC|
z1o295C)W8_T2V}sUCA3r<ZW9$+hROZ9}+=4Q`=ZUBDJ<U-ax`N^RL(zBRgg$gB&-r
zf`n@pUh)PKS~tJIwis!$kq9D9F|vY$)-eokAVJl$tK`LeMbaeV=ZW(ij3Lzr)y%H)
z0ug!F7RGi(_f~u%L;SIS#mrV4Uco(x)?S92-0#BBmH->Qt9S?t5_QLRiF1&M23t37
za(Q9D%OJjm{a6siEn64oAfXy&8v7E=dh9X?)ZjP#{50nv!Ron{O_SfWBH2-s%OJ88
z6L#YV*UYYP3Zc07!zZ9>^A+5EZNg=Ub?+&k*wine(uxkK7v-FRL^d+{*o|I1gyea>
zZrP8t;kEWNoPof92K*Ci5c!@PaLZ7O{ZwhNw{Qj$r*kyN-glsl4!QEtZ4ju%^^DUw
znmGeWFfLaon3mB-E6PXQ27y{!&jjOgwFu%aNUYY1_Fa7EmZ5grfFy8XqX_b!f)sR&
zB2AwWm0AW+cH5*gm-lp|6RnIhS3hk-O4Fh<gCWB)$S?-RLWWxC0lA=Klz$MI_}BPB
zH1N6vm32LH=1=c)(b@JfXZ}8#h*HdUX9h!tV~}ACjD-xf&;zoj&nSYpBoSm>1mQ;i
z3`o3b>2kbjX%ejNZDr<%Q+{^8xaugeJfDU9=55h({-d!O$e%xCtt6YjO+f}jhGURn
v42*>gwa^2yy0?{C?+<fv1|mun_1F3hahdYLg`Gg}00000NkvXXu0mjfik7~V

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-router-symbol-100.png b/icons/ui/icons8-router-symbol-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a42d10ecfc3d2bfb354d6062ad8e374e20d5977
GIT binary patch
literal 1909
zcmV-*2a5QKP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkVCrLy>RCt{2o%?T8MHI(}UwtPgK9PUGMC0$irBXU`cjkhNg@|>*
zhG#IuUkL&d6-|tZfk6Dh2o#!zo!LGpMWHPQ*e)pI4_eWH5riL65K)Nqnsawccx=1d
z?wmV!_RcpsNkg}nIrp=7=FH5wX9#g}a&mHVa&mHVa&mGiuYgQpU2Gc7rKYp2zl=$-
znn|&NDY1o0(FO)ThyMn@Q+#Ro*)BG1j4L`#MCp$7T}+CZRPhg~;zyVimzWa4q%8bf
zUI184S--JiZ^NCY{j);TJJR<u#ouI73^2v7P8vW(<5!s!{hs0r;r}%4ckJY4{THbe
z?M(51@F0{os`zE5_|B$W>IIT?K_5>QKO8j#HWnNyj#25SVZ0(qdm@<P$4vuZ<AG89
zc~b9c>PSCCrP#`(7}0qH)7^7JL+H-B8?*jYQjcPaFJe+$(0$W*=d7T8xFhH|u`A%Y
z*$7Vz{}TcYQZGv7Qg>6ucVKld8^7Be44o^4w)y+dFuSo`T=Dye%}V7`Pf;m;!MaK7
z^6Rg|7`3(e^=MF-;wNa<f0EcJrua)#ii=n`XGQ<Y;PBb}Z9wv8hk})ZZ{tCc;u1_Q
ziA`dP&%>P9wd`3K44ye~8;nsqaOUeE)7Odyg(`l9X8mSjgQyfssN&bKZbrJhIp{sr
zHztfx>-%+YFsEl8CX{OssE|0zlVUC=3|@+;D!~{vyvXZ%_ccOusn<zd#|$RLzi7^@
zn<J`f4Kwm88ox>vpF!dlP1Up-JIRP@s7k|)yuy(9qSxs?LE^GZPNnz>)8Q3kL{!xp
zdgN7nQhsjiZM-KAUDb9>M_c;FkEp6Oh`bi;ZN+|4+D*e)gy~?q%8063!;ZYbV2{Pv
zLSb>82hTa4n;pE;)qI;R{%Tppn-8BU_qV7~7nl?mW@P<`BL{-HKE)~+O!_JT!JHUY
z0p*KGVKn7Z&+1-6uQMPc(d|G&_J`rkrA*v`6z!Wxb{?7Ho?%A=OMt+WG7}$&6o*VZ
zny~~3RXiWTUbx|Jow5f=2@2lcd@)tWyptK5fJo7X0t1!>iaAW?oy^z-MDfcg$#_(X
zR@2Tg3xR}Cq*$OGNHM+BymQP(Ad2tTpZJWLYg_j~u4qm0hIm>>!{+wP*WzGv&uhV^
z<6Fix_)MJI%%pf(8xVLUKu4o?pXv>k_rGQQ8_TM+CHs~KJtuc-xfWIYeVss#=x9{`
zZv){*)7r!D8o$}Bf~`8ZCOGtaK5Vm=Yf3SsheklAP{se!1!T03hi(Ou7EIrGc8hsA
zKlu3DPp-F97ZA9ITGqDUl`vh--UtM2$8dYNM`0QQE7`2BIl;Cc+HPv2wkHIjbkj#`
z2I6J?1}q?8up<cDw5DOq-;)W)i(A{L69_Cl)&7JizO>xMVJo!t%f%D2!PDjU#s^Lh
z2Fv%G8|-25F85^tgEmjp&oQ@&rC3}$5Gmd%ckwm(brt6V6EPS-S07qqZ1C3U3*4JA
zfUK$+2$kZaD1eOGr^hyi18dZScSJxo=m4@gN+3h$3PIcOPSnA^+~6Gv5XCp4<y~O{
z89G-8dQSER^LsOq4c-v}+2(+#Is@XmtU|oHEH|hZ;x(wdu(uGeu-8ot55#L?7?wEF
z<apATPMUONGjhcr!vd1D#l=)E^+?S?-17T?wzsUbrIv=pzcc|!>IN0nnZ;NtrB`#K
zlDvh>6n{?}5U5<Bqftpta`3W#gEk<L!UCx*roXYQWQk7$0zr*J(~dD)fk?4WD~u2b
z6sL@VbId{@ESJjQBwI`Iw{ho`T|m&1twHW}1QDOt5kN5YH|-#^3<#6rIf5yw_(9W7
zW-I{$C2$G0nzBAM?P$gxAQ4mvg0(FvjyWJ=d>B$3B~ghg{){UeAjU6j7Ih(J>?%Oa
zVjxtC&q>tsI=u&}6n|hk#_cRVbKcMT4-gZ=p1r5-EYI|Y5g0c>*@o$0i$w*@;MfZi
zixPi|4`VvI!j2MuC!nl4iG!g0Hf9xT7V{#QP_)eJ^d2X1Qn;*=z%sE^@he(4pLB{T
zE~w)FC8dxuRs33bB2SzJ$zVw-HBO~yB{qoWQa<JZUo9~x#?KUgmDr@xn4<ke9cK8r
ziZDk_XH|wM1?9Ift6r~*{y>)>V;4<LvT)7zIymxZEBHd{MNl&eW9^G$9||VLdE?6=
zSQ1j)UphcI{>SD?F#=D8v4z4Y1^diU*A}aLVYPQpM`6#0Buz|;r=i+fY(OZ;7vNsv
zj$XZ0u)7Ae<f(xon~-Z3p2d!x9b%&zi^+Hk;HkmPB@RznlVTra6vpBZ78}%1Oz@t;
zr1$`ef7SBR5UfPQ`x#Kx4JLK0i``+`zq(Lk)}LBBuyP5!(Hg>ns4bl5@a^F{^+kZI
v;4|Sl?K)~yIXO8wIXO8wIXO8wk^0sDlf}J2U&?bi00000NkvXXu0mjfE0Kzm

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-router-symbol-50.png b/icons/ui/icons8-router-symbol-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..51cba94412260210eff8ff7ae690e44b32e2159e
GIT binary patch
literal 996
zcmV<A0~`E_P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRmPtfGRCt{2n%z$mK@h<2+3)Ya2n=BtcCWMqQAl_(f|B@RLSjr5
zED9(wCYt!5B8?DAy4zNuC?G-t{Q@;n0tr#khl)?4@3>};mJ})6Uhmpou#-&E?A`6`
z?{;oycD9OAl%f<RZ=(9tQ;4Z9%%~ePI*1va!ko^5B2L~U+uX=s=`8cQPAYa1G=z?p
zbJC1BiD5?nU`~aU!o7?}uur{6I5|>K0L<uZ#OQD7!S4+93v<$*cOcA39pdDN%plK?
zHEJqzFJg2R`P8#H2dMN{9z={jmwnS`hR=ytE8}8pWkS>r*Gtb3Vzk%gbsfmvhs?>m
z>|kiXDg4Vp5lKWf4Ssqd9D!;hE;k1@t%qQANp=twTosQ$^lU<;wC7{5cFn-dELpa?
zY3^iTCP2Gl-P<5i+8MiRXdyt1#!Fw8?l%pBIq?`Vd}XRdgcFe+LEu`;^i_i^8|gO-
zQD?*;@mGn?_#M$be^1<h_h1_Yw81sF2ktcpQ=4_1kX>RkY4uR;HV|mbwm-z^YF2Ru
zf?c*oa{+=u8Fd?;jg4q)GZ0SJ49yDUPUZ~e3WNeoll+W80%%hZ#7S5>_~~V_#P8HK
z=nU2fz8u)1(5Cks(d!$=7Q`oXK`I!n)-%=?ZWlLZZ(86cTlLz^b<rBu?-%wnx**!7
zNT(xr^p@r-58po$B;YU&P~lg#_!3D(wZ3(qVYF2SWH9xB8gyyy@UM2nyEgs4e{n#{
zWp+|Wuv&N)`ZoLPh<9bQ31dn7P6lK^rc)238`w=lUq(fJsKGEqU8q5XK95S-@GSJD
z&&Z@M2x9cDQ4r9{Z&RXq;<7YE(|EIZ{dH2he@_|+B(eVw2+p%>jpWL;@E-cu-FssB
zMNnX~c|gRRROy1i9@)+*3gTp4Dn&`USH!m2FQYS35F74AFWDI6f;0$hUhKHBLX7?_
z@wyI6gJ|x>NxSVpIB8RiO4&%+A<Rj_J|N_K)<te8DBGnRgnVj^Vn#5d&k9|jLySIA
z%nDS+p=?>Gk}2jSii3EcVue7EEJzWXlSRvq=uUfG#}Fs8`8rlWoWv|YR!9j{#o-Vp
z4+lL@Epw;c1PaPfi?#ab4Rew(y*e3{Wb}8N%>a@BYY^;8j7DuM1&l)(6DojOW-9*;
ztV05b7;P*lKqi6o8ukkCc3~F>Thi1Y2H-ce!L@Qm9hA}I89OOTQHrAELjD2)NS?3T
S-91JC0000<MNUMnLSTY7yuY;o

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-scroll-32.png b/icons/ui/icons8-scroll-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..95f3fe8f89cf8fc778268c7651da8b4f92fbf901
GIT binary patch
literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkPS4l)cRCt{2md{GVFdWD83J#Axh?jZq1MCT!!Q9QG2SMM#bI)@(
zS<`jRV5s0pv=>Djt>6RbU~9Ujg-C>Mqt^bf#n~@>PC0x(<d-xBpiZ5Lj7)lf4Ohno
z^|0x(EXY&JPOq1&GbEmf$O9aZCP)(XjWslbeq=57;pGsK6(S<<hw^MER$%<<3VF*p
zo#DFNr;Qdutbk^Ets(@1<zKrXlh)r8=si+)cC(BnD8S2tK*ieoH35({T0tWyOyKf`
zGD&wr;cKM}NV*expg4T3bOBuT2yoQ`Qp5;0spJq!8*J|gdJ!KYzP9}Wxatw$vIU@G
z?L$QRK1XBwHp%1TbAIRK6A<|`nc$xPMA%E1N}!DvLLPyWtM3AuN$1ITK%F)C4`Wt=
zu4*%78n_Jxy#Q$f2c!vQau1Q^Wsx|Z*sT9V*~p}GUOstdyQu`~{L6d-Rcly6wu+CC
P00000NkvXXu0mjfjrp}=

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-scroll-48.png b/icons/ui/icons8-scroll-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..c32768616f137393d9764187cdbeaea12a4a59ec
GIT binary patch
literal 399
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DX&fq~J{
z)5S5QV$R!{2fYqE2(*27d~@@<(A{o1n;$H8o%2K&a(GG`vmaF7aQ)gF;T1O=w!M9m
zn3ByG=GmIFtnBvB2m96jZ$Be+LPM3KNr3leOV!SUyYD1$9uo|IcidyTf3cNp)TPYO
zS4Y0}w|_qT;8VZ@>GZ-Cr{|{{Us@S^(lhIRztQb%-3R{jcH2m7xA{5$>Heo?E)AtQ
z3(j4?VWP5f*;-b!K)Igi@?WPr7&;nm>oNX4&OQ6m7n`F;&v7{%4^-Na&tz5b%#r0=
zZHog-j7)h#wtb3K8Dj^O>%ii4^QIt^V1d#Gr`!73;nO2qm6%@c=MGU_e&9jsT!y+9
zZk284H4AK`Ot?iVgmoU6E7r|CpjyB<jZOGZsGa_YuZ2GBtGNHD9nly5^S^?x^K-jo
rtgZg5!b2<Vf1W$V-K4O>_Y>#TsMGw4bDCxVLzuzS)z4*}Q$iB}{BNa+

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-scroll-96.png b/icons/ui/icons8-scroll-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7379f211e408bd0020b22c641ad882eb282e6b3
GIT binary patch
literal 794
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wk0|V0;
zPZ!6KiaBrRp3M>tlxREewpV=X^vAq2`Y+W^i)*l7prQMccgLi6R=x)DBIdVzcV&4w
z&N&!;p+s%w%o7uZm;Q5bHYz@0on9ed@%`;*6?NT4%VPpg9EvRv;t^->=edb7`=r#K
zx;%d5HThE8p2epR+1bv$z3$wbdkUL{mWI#Om|e2y&C|n=U)Ek0`8EHotnaCL$By!E
zG5NY-dtv7MnmN%g)5HAoqISJ-xp}bJ{F_<KKLfpci<ho+|JiSMCamLs`CN@!_TB}B
zl^xTT$$kHExhD7L_3llz6aLgJ*FE0%&+c=$ytTQ!yU~n$x2qVwH+F+mz1ebT_5bs6
z3QREzmaaTr>OS@9?z#E)4naN_FI{>3O-t7P`tb|j*Rnfs2cKX4@l|{uqYxWM)gcB|
zW&?*~45t`)6nFxR8s0MmeHOn{GW%bRnu!Dh4|78zgTV`a->){pQW=S-7%DPPF}$70
z$-BiMm0^!bYQtCc2lmF24_X-a9AZe2VCczb<eG<&{dT5>Eoz1lL)<K*1HXjp6d#MT
zF&qY|<N4(rY<nIq=}?{K#H{Nh$)N8mnedl$|Add+V2gPej%{aP#jb9Ft?|M}v1Pg3
z8{V$xS(^BN#=^hG3{qPh5*hZmBsLT*=Q+TzwSZsV)q9H6>-v?#3x1?s@R$;}K-H^P
zHuhQ-d(QuhhyOp$YjXg}_kKRb*yj0D=I#9**_PA#lkyvUR&IEgk=9<=%22pbqIT|m
zQ{MxzryIpIP0K2_{oH-Pw(Y(NYq@N@%S#U3Ag#RZ^KV|CoYcH{`Gt=+?iu+$3UA4=
zzw$T(D10w+-!F@<?$+w3=6?S`rr$X$@UE!IZ;Ic=q}0PZUoYo7_VZKLB*#59TX+BF
mJ9n2oFZo;zBB>?aI^plXheOfaksXxs89ZJ6T-G@yGywoH#a#{n

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-server-100.png b/icons/ui/icons8-server-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..3daa97f58ebf2bed5247c03ede596ba52e265743
GIT binary patch
literal 811
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|V1t
zPZ!6KiaBp@9rT`DD0BRyyoihV{{}w8r3I0FSx1a#Yph$bG%qcS-B2uq<>-nIk%i8J
zE&&{}RYxQyx;1gSWh|7C?R_N{YxG7W*6Qfy%)Eo<GH*U?kYYLi?f08XyZj$>T;p~;
z58Ur%cuXR>$MD#U?$0yBPNhd(zH0S!TMhpj`K`-TK}-%NF~<XrQf=`k=XpP#kS$U3
z&UQlWU*{y5w@on{zB4)YaIH^$&~fBF+tRl&Eeg9Fqx|Kkt)8iCq%r%+t@mezWVwW0
z)IH8eB+D({5d3*7%SBEhS-#s2elr-GUevXf^uC#HoWI@k{^GkrS^dH;<{g1a^H@0N
z?4ADqnBaEv!pqePSIwYqP~wQFInC6qkf7MuvZ(Oo{F|C5-<wXV*c{6z_g<mHZ^F6T
z>^b#TmOoR(9ZQ-@W;05kI1nQXWSV@Jo&03`ESqCf=SQm+-TP-R*pv|wtfSVhw@uX6
zo`Y$}0&&Mz`LzQ7zh0lPdjG~JwiB{u7e%u$0&V&jz^Ah>wXv1$(jjL{nF(QXrxF{#
zd<fv<RypNtsUy(bUR0sr)>$dk(q1&{asI0WK^C2+23LU%Kc=w)1I>wv6KDYUlF98w
z5ej#0rW|I<e6~<VtmB}wrH#PiBQ~5sL(hIRFWmqRVxafHcEZfS5UgN1QZZ+mwfFuf
zN1w0R^JmiJ-|w%h8qHMf;G3}QV~JeS$Lw?4eomcJ;$zvp=uViWgWJ8e;)x<=KQ*;W
z7qhICIMEmAEf)5#FEFA)$#;TR<B#K)R1M9<Dqr0>KCLMF>5mh$enkBFqmh$msr|40
z59dk^kN0O@**i|+&hD$zeY)+`*ITn^#7@2Wbj@4d*PkBETFhV4G~@sF-u`9ZR`wj3
zm%7C8>7C;ujy`uZw*vzJ#qmFVw4WNUeVH{k37E`4Y3=F0e+*w<E()o0*(Cr>{S2P2
KelF{r5}E+0MP6<I

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-server-50.png b/icons/ui/icons8-server-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..75f4f3d497f4e6fc6761b473a4a9a23d7a0dc41c
GIT binary patch
literal 556
zcmV+{0@MA8P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkP-bqA3RCt{2noTH!VF1Tha&&Rz!28<R-d6KbHlHJlO>9ZZS3WOt
z*+H9+$WlHNE$t;la#TvBe8qv3B8B9@feXiZmxl6JFLrR8cYAy0`Pc98oZfyt{r`uj
zSD~Pxp^-eS$J@+!gsaf;+^z^m5_zwK;RS>YkKhWch}w0CwAxO|Q1>0kBf@oWLSJGF
zn$ms)8nzRVQ&}pWImarQA}xpUa3TsN&RnuZ@~X|S^kzYCw#h4^8od!eE)~j=Yk5Q>
zX0=qqm(bdmBttcHPG(06T1>Exr$cYCl3n)J<2Z4(%-uO;ixhX{p=Ko+*|suyMN$S%
zklH*b87ZzKx>|n{Nt%2RZ$&DU6Zd3x#86g_f+kbo%#m95#@z%sKcZl=8_5=_n9`x`
zCKma1#qx@1dbW{SUN0G%&JDU+K_%iuxIcE}Hyo*DuUh0_e~N+edxAMqMd~+LINqaC
z)Luxoh{0?PJUqxM!n&WJ9KDu|B=;j-t)N0hcq$T_P!XPr$S<Or5m2}Gg2we1sAqlT
zii{omv2*t>!k@m9DZ)+**t-3a_(418BTt0k1<ahi1|*g*-oTQ0BMdJ<H}8XE&yTKs
uKQa~w?g$eptHn@}FeGAr7@(o~NBIN=j;(cyD^raC0000<MNUMnLSTZ#$M>WF

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-service-100.png b/icons/ui/icons8-service-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d50beedb5307b41962262c7f1d9cfc425a68995
GIT binary patch
literal 2993
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-service-50.png b/icons/ui/icons8-service-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9e12f2e2d775ea9bffbd76553ed3152a99bda8a
GIT binary patch
literal 1548
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-services-100.png b/icons/ui/icons8-services-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0baf8339e651c30d100fc0c37a31988a8edb845
GIT binary patch
literal 2433
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-services-50.png b/icons/ui/icons8-services-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9f36f1082fdeb4eda7d4cc4cc49e3d229976502
GIT binary patch
literal 1247
zcmV<51R(o~P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSkx4{BRCt{2nO}%hRUF4ZmVdIalFZ1L{v*8vrD5Vj1u2R)d(Lc2
z&_hC$7!_p?CG<x^D(Ek253R0y?k?^_1`<gx`d~g35m-SkqCMEkoHMDZn3=7){^E?I
z?cBL@@11t;-Cghtzn9tjoB4ju`JHoq=Pq2<WnGd4Y!t)sh-ha#NdopsfYgQIHO7-9
z;6wwE4U9F3FhRPxtM2nou8V{SD)D9A^Xr%r^*y;s46Cc7{H?Ej*~LT&cwP)gV?e~i
zNWdM^!wnMfx&)NPFgPkO(#0$>oC+C?E~n@?BLSyFWw$+lkbo^sm~JMP<Ok8id@-Dl
zHRS(p*eL<8O27&+ye)>kDM0o~CzJ94G3-u&I4nIpSeLhkE2?Ygp9Gkv^8$IMTH{eB
z&Pu?Xg#4Fc24TN+F*_HKikX0WB%nXSOjly=R<0DoFA=$$rI%~+A*eMpwa!cr%TnbU
zJ{t8MtHw~kPzdDSlzFQ{gRmoexABIK)fnn#VX8dCJE0lbmc833BV9}rLlCi8-%phv
zu%~X5Fs$|MO7`wAn&{@f28-3lAJWAw2@sFPo+E|_@&PeyOE?GmrI*_pKrE`j#-BsG
z^8x8)UgF7qp^sWG0R=HEkZzu+3_x;T>U9>YvSwzf$Rpu!?aZx#G4za}pOTo__<~l*
zYCdxs35V63Kccz$638ZQ62r+BLkza8m3N9gQ6Sa0fB3W2hVWwh{+<|at@cvK6HK2K
z!-sxTsO(h#-Cy3NRkDgBjX=tpr8OX1nOxa{x|mk;c^@+xE@;C!4_xznCs+H9z;_BQ
zfjGFFt9%JH0<pTjE0q;YI`k-aHu3Vo(JDE`4yW1g6e|yPTo?tXSdvgy;uL3`V%_hH
zx%R+frZ~m3R&&rQhROxzg+O*S0QsRM5TzoIhYTLIn(eUw^*{qoV{2wh@x8xq3<KHN
zV0~;IF@zs|tN67k(@jK4@l;K#-pBO1*u}&VgILYltRSkha`<2y*OR4wD{_0K#*@tq
zImH&IC_2TQa*>BC1E4sTvg|(26vVdiN+N{jWVwxp8lCu7^IZy%otc6h>R_tVY>3-l
zU0eJMX4k=ueshR{*i>Ga(^a*sS?X&!!o*K$@}1(%2#Djp6tj09lG8jHu{J&+g-VL~
z5xHM68Y*j^i<psAulq{{W=E{8uNe(F#qx;q=uDGq6^q8ij5x*JPV-~LjFf!ak(6&0
zpGI!knl}U{<OQ+PX->y%zi-9nw=>r%24l{k&oke(%2Dg09^|}Jtl8Va<fxL0Yw?H8
zY+t4zuARBn5=e784>-kor+B&A)_jvH@4{fbkSU0l(`-&_=>LS(^!xh>S*xs>=`<%Y
z15qp@FFDPs(2t*UiUUoVR+OybRCuA2r(^|_tm0>@`P27azAN?@BCB{Y#bW;3Dn9Wy
z#DS$uw~E#Nf>rshV*K01OmwusG;bvQxn0JLgwkmX=lC6N_-mpuBd7SQ5lE>$-M<XR
zglx=Jc%Z;6#*18oGs7y*Mje!6R;2>7%bJdG*dhx?+Z*Fu{{lrsoW&~D9ee-)002ov
JPDHLkV1i|{T+aXi

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-settings-1-100.png b/icons/ui/icons8-settings-1-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9589970e430a0e0969ece53fe0f735961e3f060
GIT binary patch
literal 4513
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-settings-1-50.png b/icons/ui/icons8-settings-1-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..4effe62e9594830920d9f77321602faa6f387208
GIT binary patch
literal 2025
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
Hu0mjfmuc#S

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-settings-100.png b/icons/ui/icons8-settings-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..b265de4f1922001018c05a617527cc2f05e04c5f
GIT binary patch
literal 2747
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
BLNx#Y

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-settings-50.png b/icons/ui/icons8-settings-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..baad32e435f6127b849e6d850f60c0eda76e2425
GIT binary patch
literal 1456
zcmV;h1yA~kP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkTVo5|nRCt{2T3u*dMHIeO>tEIOL5hl?2!byK1yNBkAe(KYlC-v)
z_TJs>%<kUY-K3^w^S90JOs3>VcW2f}-WtJ&qM+zoUo5By;zN{{K8Ur{U-}>v|5C7N
ztg%<lHi^m2-kG_(weCX>9JuVvoSARVIdgsz!&s+vTBmD9$%42K5%Dgf;zKDDeiSkO
zu+gZLAR>#YaJ885w~a<6Ohic+2%`LBqfrS{aYP#k;a?ezN{H}d+NMRtFGiyhCgP+%
z5PsQlrZ--*!#U3M#tu?`gfVu5YA&YyrvMspZC1QjB{QBcKIY_#o9hOGs5pG(l@ULn
z0`H0Si%qL%xEm6r^a3J$CJ2Z{Klu)mQqrrLNaVfi@d%F~!oOIY`#JnpGYHTGrhLKk
zY@Wx2PbFFD9>n-v5EFs|r~>HAWWMxhPtVj%al+$>iqqaXi30Dc5r(?~5%H<S#^(?f
zvp!>PbZFe&*T>w*%Y_QVcQiL%8S{CLFCoHzmVo`$VdXmm!$^#j&7e0MJNSybGc(}s
zh-chp%dW~W26JKuCxUB^io=0GIE>wjC_k&cL7`YVT-fUL1>j|vyQ^!kvR2;&#ou6p
z+CVTBqxxEya9eP<HUKZf+929NgwHU>u2X_Q?A80h{&h`hdq=uv5K9a)Ko-_DGg3;b
zfl&Uw-p!QU=kWfzL9EnFyin2v!p|Z0`WC5gta)yIxGghq)j%xq&dh+eR^mjo%QZs8
zpbAVZH{ph(>Vt(Wdm&`mXBT-v`2a+1Eq{TWE|Pui7NvP5sCXO^{*9j?xH<WuQgh8#
zYPiXCmfwB&4w-ho*|aapwbCzne)&8mBB$l-OB7{OcVNn=*9znc2T#p~_jW$%Cl|)9
z0QHG89T`6$r|POIAuu8${#p_k9U4=ZQ*uBhGi2F0nG9=a%%chMCSvSnqaK2+7Xs0e
z(Dq*H55!DeYC>p>5=g|^40HYD?9Gm>c5KRb8TC>$KY8~`p?eMt%QSLIS8m9(Py5N)
z)06jVBvUsK$Z}T--Q6PrV%pl}D}eR|a$wl&AKi5WSz}sRnQ7S<n<Cw}sbsb$ledSg
z)V!aZ_Fn1<fa1lvfyAk3S?TQ7;HdoRH9M8J7cx^XNu7Og)caC$C@X3LP>J${PeE<%
zdCT2!%#l66vmwjb<_p4dwuMalyx;om9cjpNtED9$#hBO{2t<OGnlR<x`=%%9epNu6
z4O_PJL?pW$ec`*=Or>E=wze%T4TwKN4X;}jij_W5ja9K^Ii{HQA0f*=9x_uWLT2iM
z&YI}ZxFTT`e_~R$r7#fXPw6IYt?523FhRI2-KVuTl*Q6qD@bJ+FBIJtRC__?<(7Dt
z8_#Q3iytVB3lXtTS1Vu!;i$~<^%!I*O^W`j4aCY1U4`z+S};41f3rcw(2M||)7=kI
zK4}E$XQ>>1m6_#>ZmW}Zn*%f-U@oi)U`{SnhJm||n20yDH&|rITH$aqbAvIM<IQlj
zv@s%5Mo@y_g9-oLUobQ%RtL-F4GDM6fkSS4FL8J8&s7+{;WrrbF`0Rp6(Ax`1S+Uh
ze}RH-Afn<Bbo~;A^3#ZlGeK{*ip&{s-~^j|0I~^0#0Af#U5*#TGe)fh&1Lw5%%Z?=
zAq#~kdX?t-#U>~}W$jLX#}#Mrh(O*3b&QFvi10CJlP=DC%cz$sjcO{MS9QZHw;2Qo
z;pbE`V{l0Y@oa>#8;xs4u$iCFR0kqX8jVVrir)hG#WAB%2^0Qx0P{LxG%8`rKM7!3
zC8JRZQ~r*=X^DQLQ3*jAK*VR5^5Zgwf8)TU^x*$}-gPqmL;44{_rf)7n}S6E0000<
KMNUMnLSTXdp|ryQ

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-shutdown-100.png b/icons/ui/icons8-shutdown-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..19e7b784f2521b780886bfcec32c44aa9a8aaee3
GIT binary patch
literal 2403
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
VfQjdeuc80|002ovPDHLkV1ni<iaG!Q

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-shutdown-50.png b/icons/ui/icons8-shutdown-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..d281d967042f67c3206fa9ca68cd65f9cdf89bf6
GIT binary patch
literal 1210
zcmV;r1V#IaP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkSY)M2xRCt{2THQ}nM-<<8tJYZUe^E_zhE=hf%v>V!z=JJ~36Vro
zj372e9+dc1`I4l@C(@?I$oc_k(^RWyU$uQ`5qBHtll}t+VpCyf$g(WUG-no(*}Xe=
z=H9!D4||f6kh^p5o!^|_Ip;TXiA1VawW?LjSlyoOjNm3lQ9q~XXHN0&jG_cMC-^B`
zgWq6Gs($CT$opiowY6IqMW-0S6O7_zPO&g?7|SRcX9Rb=iS77sodMuMPEpEq@+F<1
zIY!Vx#Q|}OTR1^8fdLdbnr0L=mmR?Cy?Zxuiblf+P~>-JVzCd(0)mm6j~PYD3V;y#
z96|{w9-)Ka1i!2l2)>#-_+@BdfKH6yzpW>6aKBi*_O0S@%}-=z!k`)O)z50qH&P*z
z|0oXEd`9NSpdecO(jrtKR7R%Rcb^DSV#5Z)DVp}xXY$QX|M1Mkvw|Pk7aYieeIj$=
zj7e1b{X}C<3!?X;oLu(i4Z)qLe;`hc$X@?J{+_vf!7Ep0t)c?jN%z2X>k%OmldBV4
zygKL`2;93mCNU|}Up8yOr0DK;b07pylzf;I6}bmv>Li~}iutAnYannB+`D#6?!iMD
zrIPd_=r40Au2HcIT_=ksn7Mr3cSL|rh2s`ZcWCkiFQ;O=KJo_Qpf7ZxT^botSMbqq
z0dpiOa$}E_aZ4k2_4Fe6b8jGWQ&gg)HpGN@mQ+{o>l1;i)<S2yI`&yo%r|_hp%?D)
z1hTTTb5HX2W9kdX6N1;*1_lDsMU1Nplx{n!t6o2u0QsY2esp)K6!_&{$(PMH5(#vz
z!?jZ5bN7E$BYpO?1_*lMO)ZT;%nbG^FUt-OYq@OW*?3$nAOpRcgh$C>K(6$vK;rSx
zfGph#83?zaR_@;Y(0~+CtGg>0wd|5TSu)wJ+%4JLj|EG1>+;*#78uAv=gIKPFC(}~
z%jMBgqlRegt_^WSdrykid{!Qb^36HlKr%g+5{2NLkwjUc*SK~CAF3+|!Y_TQ)fz<l
zt5zWrQw5@N%tJKdKaD`F(5pi`f#WTTjL%E(sl0eJp_voSN1_0PNKDBsf|gbeYBL4`
zn-|lKRiWp`9!u@ydSY^Lzf5e%E4O<yJ>DCu|D0W$je+E&f(E=+Hv9dM>xABxX6Oys
zTf@?2pC~A?N^|{g$TO0R;=YKj{acSWF@j%tChMi{Vw%}_VoEFy_LcAO0St~{jFR?v
zOHm0maY$^hoZzcTUUN7S#27`ljjE6nm8DtsnS!QS*zBNB$P%lmPF#(~Xe6k?ai#p?
zWKmW@0f58+y#zuN9R7xDx{l4=%k6}y`(#64ATla-d$zC3AvVP?LjOcJN6}U|!Kf4n
zM)32{KP#-IncqWgOAztU=;U3^&~zC9yb4^MYz=C<l>8nFz{m-nWd!$HckM6@UJl2Y
zkUyYIEml7V0uZ#*x&m-Bkk_zRfYpUv9BfJ7{lfry0@vWTl(YK~6c5*jRIO@Ni<HCu
Y2PqenC@H{w9RL6T07*qoM6N<$f}80(<NyEw

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-switch-100.png b/icons/ui/icons8-switch-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3d12314fd1ea91189e617ca4e0a090d49a0932a
GIT binary patch
literal 1336
zcmV-81;_e{P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkS>PbXFRCt{2on3DeM-+y){Ut4bq?Ai`oZW=*p%!RG38fMe2#lSJ
zs)+&wsMLxpXaocSt*VM-$BBc26WZ7gvDZjQd<hgN1sdX?kyDM+kPvLMU$b*2dtT|i
zjWYAte$Sbi-7yRji9{liNF)-8L?V$$BoZlMGDo^LnYoU=j9Y1wTiGO-aVyQZwI?-}
z`qaRp)M)1xlUr5BZAh|BZdJDCIzCqhqOY&-W0PB_RZj%NWXE1&j(tkZP3%AjhTRU#
zsn~y}8lMK$1LsKX*h{hgd{JiDo-!pC7#6oaQ9W3uiDRk0mP=dpgJl|ct7Gq$52R6l
zs~;?j*d4j9$p5C8t2lu4tDZb2!N*Iz@Z;T|AjLbQ1kz7Hcra(mz2MesF#Pxm*kj!U
z1Pc(iUW3tj4!drCNkAA9Ai~qHZ$r=2K?1^%01+;~nT2#QOF$SBAi~wU8#wF<2w(Nc
zGY5(bCC{FHbEheg6$c4>0>W3Fe=*T^f`iy^*b@*g7l_}mCm>ut5I<qBC6GOnUqjE-
zcUl2)>opje9|bG7ZDRpBc>56i^?IgJ;phZp*kizJ1?2lXeK5CJX$(*oAXT3wuogg4
zxlZ``-nn-MssoU6fF=<=kgo9^aP7&j?+sQ4kW9H3ewgd`><jmQiKMd928amnR-alK
zKv)2P&HlGA3yo-jtb})~PvE78!!YQc^=y$paR3Rs6ps?f+VGCb`4<yXfrMGVLJOo>
zc<TV99CC#hC6LbX?M=fQJCNxJ_CU}95#4L<?{R4`TuDIo6?$OjMEG4obU?g>I7T2$
zg3$o^P?<|W6jfQG5xg!TOY#IH7!a@3)~%NX;LpcAd-%~+<&&)~5HI}*hEAO&4M@AN
z#{eW1;fY0UfV2vG3_#MwEc90gk_V*OsxJm0ng2WW^Y@1$J9w=Pko94Y35Z*-!EaB0
zhwkxR$pW%A?2i_YqXOdAYjE?QN%(5=o8$qJ6{svE5aF4BOK|AV!^s1J!I>5tRF%bQ
z;IJnkeAS|P^wVsL=Cob&8YJuq2w$~~bu_<WPe8a_Ab!K1fN=Rh{Di%hK*Xky*c{Rc
zh+D5UHsLnhQPTZ|Z=vvNN{fSX?)ogr@7!45kYmLR%q}cHB%>3M^FFFAZGfDvorUV6
z`*x5z0I3A%N6-VY$F{-6hnL?QtPCJ0s)LQSGOxb&<a+23*9ypv{1@=Y{Eemq#<sZV
z1}t;60kZGb0VuqjYWWEi2c7*KjLt|poZU3ML#+Cu1af5N7?c*uS{)^IBia{12V|gn
z@}2P30Z1jpVj@}~R<0X{9$b=AcDfRQgk5e&2}E?S;(<t6FkDGM#Dk||zdy>qi2{hM
z+;AlWkzq7Iyi`^ML_w&x>pcjFqO#XZz>62Z_<2#x$TLUzWNQn=O9_mjQ)fv7(k|=?
zh{Dz0<*=V7Aeffl*M~g;L9ju!HtY!qqCIsH_UTeIk0G;!0?F#|ns0`{Cbu&3fzZqN
z0oBX+>ADKrvtzp~Ok7r?daw+;9ed7*OX4~oy7I{W(B)vC8F7knYf$;XIZ`|JfDyOE
z)o|iAGWw?2Ye6iT+&XE1@sXiQCbu?Irr3?li2Y}(okT?;%DhIO;@D@BV3S)}F=kPD
us-Axmi9{liNF)-8L?V$$BofJpS^oiH|I5qhRtMw&0000<MNUMnLSTYum~8?8

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-switch-50.png b/icons/ui/icons8-switch-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..82c68c009e44ce0c899251d71dc2b652374daf31
GIT binary patch
literal 818
zcmV-21I_%2P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQ<Vi$9RCt{2nfp)EP!z}apZWUDcJyuvArf8CkVrttO!Nno1eBPl
z0Wm&M0%N{#7-+}9J!EU0%(f#!Fq1eFB(Sml8^_!wo4}gdZnqCfPxAe(%{`xc&pr3t
zb6qaS9COUEV`VhQoS|4WL$heb3Q;VYaW8mIHw8g)%m~dPu!UH3r{R^b+<ES>&W2k~
zH3AZ}+Hv}bC>8~DgHRlkGRwiPPu<!;I3}fkMOY-51ro@;f*0Q>feD{e|CU99?Lp*n
z7Uq8~K-=;K`-2RNBXCc?U#G?G<qC*g&O%~037zpSdxP+MLd{_{trj!j7jBpfq8bVf
zg2?48NF^Eic)vLyw=+X9l?xaG@?_%~xWgV}LGS=$>*JLH@kZ4O68!NR-seMgO6~DA
z0I@8=t<0eDd&C=QgST6=wSnjI^KdQYuTxL5Pj}Yh3xfK8q(CmlIw86f(-aywjP!s+
zelI~s^pg6wBtWjN^ng%EYmRX}AOov|;EA;U`&$wqIHcZey)y(vvsgl*g*W-5^~Z-C
z7E2O*E~e`g-HF>5gg%gVzwS%AvzF~ZXbwSlvbPdGBtS;Lje{?K#Tt-m7JIlh)-(v7
z44g=M`F?9aNU3^`h$RVz#k=+g!3jVqF<^j$31nh(5|~A=eL?ipTC+bxa6Zy*4hTNP
z@L^^Ih)_sZ4q?MVIzIX!ydBY%wX}l7b`r{2j5G+IscOZl2Lu;{N(Ck^JpYE&TzyCx
z0dg}v0OGz_8yEvAmFBo)*PFGTZ@yIC<Rn4doChAPje=B`iPu`wxuAO5<p_e{YbU;b
z8c{TAzAm$bLaU#@4(Z~T|G)aBIRw7gWr*!2Y7XO8j#7&Uw|;C5LURaOm)aqe|8P92
z-<Gf!o^DLoAB57_#Mat?CLyYkCU)hO%B-2zEM{6a2!8Ie-f?tvMNYaJG5p+RBZwha
wGlrkL@RC~i7&=9>=tNTxjydL-V=lYd9~V})_;QSw`v3p{07*qoM6N<$f-F&RM*si-

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-unicast-100.png b/icons/ui/icons8-unicast-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..db2915ee4dc3dd286a1fd2285a96b55a77342db3
GIT binary patch
literal 2119
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-unicast-50.png b/icons/ui/icons8-unicast-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..10105a0b6d5bfd9c31b033a789d4fca1f1d3e2e5
GIT binary patch
literal 1082
zcmV-A1jYM_P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkR>`6pHRCt{2nQv&^WEj97T{o<Si9`G_Mf?Nv?-2Bpg2NAP-*gJf
z28xIX;upb*pvCdz>_lAY#1G5$96G7=QUkqQhpX0H5?zy8VQSZ;ewcmV+Z|%>eQz6e
zRQ%wrk!06fdu#4`x3p{Ee((@3Z+Ma)@4w_ZfEF!Uw76Dau5dR}b^s}t1;ReTGyD;V
z8ZlbfEfD^%K)G89!Y(4=`yeV{uDBHmpIahP4kT<omMuI6Q9vO4t>q*Z$$SP;04Y0E
zTZDfHQ2;4_vzCZJcpRbtPS4zml+6YVtI`M4#YZ73AZ5FdvI|Q^*na{oz7A0XbH%L!
zVebi)eJ&8zh1ueL*ZP@S9LS%&4YS23yH2xvAc|mqb_)`o@;1Ol^TdjjknFk}1j2t>
zcGaRR|50xC=5X$mICdk%r91uODiF&So~yGVb~c~gb*}?)U@wT$&mbn}AuhT8QIy7^
zSK8yZhXfLSu%-xQ-!zvwk=O{Ll=L4yFp~X%Mq3yn0%2V>cXrALo68)RKCLZL4pBN3
zh6w(_9<MXBUTZw-Vd;Jllckl3BukL!4`tI52tOJiGMYH)ZfrbbT<Thp#ATUSSSuG2
z_AV0kXZfS*ocC7TJu}nMT*kOG)R0JAQXph{^7;0w&mv048x(1BMOkg)E1c-%*wiZ>
zZuAyuZR}-4_xdXuGLt(&wTD2p9Z;R`L3Lhiewptb*wKi{hsU*l(wa4pGR&8b8OALu
z6R`|Mv%ZvNdBbH1=WS5!dB`~Kl2Dx^u-e0G`_a_jY29)cMJcVBwxXL~q%`x5v@!Nn
zN<Fd7FpL|jMJ`=$_8W%L2HL56A>)*;kXQ)Kd8Rp$Bk~pylM{7Be)FzVei+-X=w_#)
zS>tKlyjUex2}Lt!6wUlq(aj$f%{pH>ubXn4I=Mek;!>}C)qJn?^>u)l>;_SqtJ(zT
zAf7zvw^t#nCvQq=<}O9E_A9zIsOaV|Y27>*B)8Cuw`Wd$T~j1ue+ySlkK7KT^aO|l
zFZf6AcY_QMk8d8-Mj!TuTH3IlS9EKtG87GKFQ}8R*6ERMSdWzFNXc6u{1YP+9gwke
z0U~oSGI1BIN79;^sYom^^7})eI@3#g!Y=wt@_J=R8+~xu2HDvJ>eOyf?RP-6_rUP!
z&1?Q}Ef#@>+ZH2*on9>qvxR5FdFNVVknn8+VN+FA#=nsA9S{|I^7(cooCbX6UO;mG
z4u}GnWv|pJVt))#K%lIrjz|bQ`x=0hzhArf!1^Hy;F+@zcz+)RiFkD{hzdw}XFvs|
zFU%U+nh+z!r@i?g5KfS?6Mh*eY7#A4w18FNe=!~#4Tknd#Q*>R07*qoM6N<$f^nnm
A82|tP

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-usb-2-100.png b/icons/ui/icons8-usb-2-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..b32e042883da58e730e9a23d0d18fe9e9cd9864c
GIT binary patch
literal 913
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|T?O
zr;B4q#hkZy&U;UBlsWz}b6@oG6~WUvtlXyOIXZT>FYtD4w+bog<#@&aVNpq-(g{6B
zS?-c&3m15Mc&Y_<OgFonaavDM_6X0NnaArU*cqNKo1qX^yXbv+y1o94**351?(uZ&
z&|(Ez&(OK@S{nQ6t=}JSI`?M5tB|vTT#4y1rCKb4Y>q9C0*L}H66j3!N}HdHcG!Pg
z^R)6q$)cwl9%hGqUh`oV$EWEEf4Ap}tLuH;V)Oj>x-C3H`_fF$bFJ@G@a0hAY2s*B
zIHb^F0An`$_+9UMes$)w^rTm%rxjp^TxyA*i>4B)$>T!w3$JZk;-$+sR;MUhf6Ax}
zx%5&l^2DL<VTM2Veb~EdN~q6XZ)tnyYvOMUwtT%jbxoba(hi@xIct6&v^84$RpR^H
zO@C&1o!VQ&9{K#{@vX0WAHB}fxW6vQ@mhSc{MBi8;h|b5er;!B)AhPH$y`e`<&OC`
z$K0Eb_pJ)~(EsxP$-tEl<R%HI9J5tX^ysPfaGD_TeL{<Z;X6f6$D}*XLQO|@w5zam
z7V>*?2tB4;Vagq@?=wQaNo-#Pbl>^S{8`@fU8i<^2!Han-nquAe&>p{)iWF>C{E?d
zt>yo{VB4LGGwoLgZ7e+THuLlChaulmS9@_v0=;!@-R~uz16%HIDP7LO6TRl|4*!#P
z``Yd~Wj|i^hxzwb*~#*uC#BZC=d(Y*{o>mf!7H=teiTRkJNv;rWch_-b2;aG2vuoM
zlQviWdVa<Kl}VrWrrcpq+@93eW532KEG*|zWZgPLmiKEvq}*|sW$(N8_}uf+CC~iY
z<NYUm<o^HMY{&dtzYKF<iHC&UKW5vQbMsExRNZ&0c&_tLDr|r8?D*+lzjiM=!+D<L
zeAb`UJ-fZFuTEZc=&#vrv9J5BR<bYaGE%o`{#~omEZ`#MBoN8rn4-usu@#e(_-pwt
pGoC#%y2Xc#ciabMEd~v>{R}mQPY)LREIJJ0d%F6$taD0e0sx5Dm^lCd

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-usb-2-50.png b/icons/ui/icons8-usb-2-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..370930629194d3d8733f9102f897b6971a177153
GIT binary patch
literal 519
zcmV+i0{H!jP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkPxk*GpRCt{2*F8(aKp4RB<Ibs@I5;}hK|h3Uet|9uLcz%wbQ5t9
zb&B95>QdA}t9Pe3I4KCah$zzN)S&TY5C<odJEUOc<m}W|ieR2J$n%G1Ii7_4NLwf&
z7?!*W#oLVQ-91Gy_Fkk}xkW$gdcKKdihdR$e+?lXLSP|BXP0JvWut1G+*aMg+Oyg{
zdu?JMyN4$xGd^84gOhW05PMd;XRk#_RQ)^1@%fcmT;HymrOn+sh&`*_v)3jD;{KOk
zEf*m^LZa)yq=rvlCl)WBZ=x7`FLGc~B+jT*1B~mC32h>tfC|+gk76h2WL%X15S8Jo
zMD~I-xPwYH28Ixop+b#<Lzqyr&=4lnEJA)8LIgr!LWn>JOb8JOfr$z|4Gp1EPr*Z^
z9)gFc0dNSBVHYTbs}HiR+TkJgt#EY(2w5X>)gr?l##I^MOa4gqgEkUpl!qfssLu%B
z#6v9q41bDo-N(50{s<_4f1L7ft)!_*!`P1MrBcr@u2)(9O|smJX*hO=>t!m{1lfD<
zAc@RzyQy<y8jal{iO)eu!a_*WS}3HcbA8`v>`t>E6T`^w`T_t83koYJLE``b002ov
JPDHLkV1k9l+pqut

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-usb-connector-100.png b/icons/ui/icons8-usb-connector-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..194ed5145d276e514be1336d8aa0f2065e47be48
GIT binary patch
literal 1540
zcmV+f2K)JmP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkTwn;=mRCt{2oqMPhRT#jhtjNkNB22sPoHIKnnq_5JNKX>~h?I(i
zprR*45k+9p1F|3}2&wCx?^_pzs6Qg5`YVJ?jObxRPsk`zBYJ3E)1B|k-X3NXXYVyF
zc4lYh?%gvp`~Bejx12rS{Pvr3X3k?Ri(wdsVHk#CB5?<s0}iTr(Vt*?ia-StXuaun
zFqUP_9BR&xK)*?#za^-%O}D4-5js0ig{{I_l9TMfe}!<C<R&|ivm{^Hft)4z%MRo$
z$yatDXG#9D13622N)<+C3Z&l?2;nTrO?Dt>NxrfJIZN`F9mrWSp}2#4P86u#6G$KF
zB7r`Ok|4m}cJOlo>BCArm~OiLrN<qlQ=^1bJ$0t(_Vpbu3&|HQ3&|HQ3n`Bf3F`6G
zqqVW3zqfZ$76_Mx<O`RD<O`RD<O`RD<O`RD<O`RD<O`RDjE@R79O<e1C8#wL=tTkQ
zDT!*awIQ68r9PL1WTS$OlO@s%66rwOAVF=jYwEJJ^|Fu**j{j&1oc&?AO+HXfx%5_
z>SiHnSs5Ow=P!~5DuDiwwZ_7v)w7V4$eOw#ZLk8>J4x$jAt@0^n==JH<e!nGeio93
zFgzl5AzMswz`u3kh4@P)s`|kqklt)t*Jup&!^`Y-!&9sx&VOh91v*F%^?E);qFNqt
z3;o3^1+5O9_Gb|yYIJ9kuV5i5kwBkh5n`i%VUqe;NJ<3IgBgVE(Akxweio9FY0vCB
zULbv+E<4oqN$Y1J84#X-fdpzM>N`+Dnz~s?Mk+(Wc>>kfks^Tplt2&bp|U9<0@ai4
zh0qsP8Cg&dj}}POE@%hot}J!BT@oUJ?v_A*wXcg_w#tf5|A-5?+=LMO`S94zi?{u&
ztg@0PA<mFGOCo(5D+B1Qw71bhkq04{t_+WoK##Wit=P<<U3P7su*!^SA#S}<m7unE
z9PNP`)&mi%?3ffHFt}NOYCEX--!S)^q;H!Gj|m|aJ$($czLSVC8Lv9^y;H4zL4x|W
zm&0BggL4JYcL{D$4cqf?vHA^(v?b!A?5SdNK{thH$pV$%Sq5#=8%eExM1Z<4W{BC8
z9$nWhA(1Ow4rK+kUh|iESlbEv*?lJopxqrV)Y_yoa`8gq`U=`y`XOyn>>6Fu+B+V9
z(RK=tF6p+A(N!(#p1#hCb_fVobiROeKp?FeSQSq0iV&cms^Bl`ZKMT40^Oc)ig!oU
zs>Z}ZKyB5h2lYP6f*~MS67y^l{<njs=cd=g<I)Ndpx)IJW#*zR=DAlJll1{=yW`PC
zDTI7E*ZcVdvk?}Qu^GF)3Hky(Z}GIAUx^h0{sH}9XgaP!<J3ngNwY<wdV3booR|^S
zCe!hh1_}PsM6W!MevB3ptS}u%shGWPc#0nOW?gLOc>a~9V<;t}7R;AOAEy<<M{7*<
z0tukUT2I<6BtJN)=EW^1Vj%`_>U*b3q&HYdju==KPL7#dVId}%G31{jK>f->a)d;B
zBua=o$WQ4#XV&V*!k7ocC8pcgces4SU%qfzNWPG$7Dx6Wpl&qXzP_RAHC%z}_0A87
zw1xlMaDs6>bw#3ilS3u2fvz^)?owiV!8!T@r+v|=SGwDvE;rr&QZaW!c#NLH&GIUK
zOv>&;p1_b-1gd+p$~de%VLFb|Ado&Ew-BHoc#&Ke7^pQ*??QHr-nweReADq19*J~u
zw}d!A*P4!}@CfvmbxVjuy2Erlg{KPsqORSt&|hXcp28#7s%Z&U%qJ=~&>Yk8lmdzB
zgK=jEsO_fXC=C+*+q!VOdcbrX<zYiOX`Ig@JM~c-ro$)|mDT&C-qfFAWHsWfX`XMo
z{iUSRI_fF;p=f&lNs{ex%s59~0@T{*Bb7$~16Lru)VEunO(47xTW_@%pk8SmX%6ar
q3F<Z7dFx3m)9qszhG7`1hx`MRr`Y-a%<$;|0000<MNUMnLSTYKp4$BY

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-usb-connector-50.png b/icons/ui/icons8-usb-connector-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a612dca644c113616b2e05dfd3ebef47e29e498
GIT binary patch
literal 834
zcmV-I1HJr-P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQ^hrcPRCt{2m^)|`VGw}F2=Q&>BR-=0&)xap6f3n5ga|5F2sRd?
zB5LqasNe$|A%#|o!s*SdM+C7795#ZW79ti#L<<E4ts<yse8jt%OM<Vg>_w8j%WX`^
z!~G>6{KXy%x8KgpKl3lZ7-QHAa()lkPCTv4kmVP;xz%7Z$eKk~&#>ME>!ZQy6_>41
zF{IafB>Y8s8?288TN)MoQyb;Wu3E`@<B_G_Q0`EPNIHMau<T1_y=t(Dnse``1Vs`l
znFTgd^B0j=TDKXNla-c3x(;j+L6Uow>Il1cxU&!y#zc6OL=q`)g5M7uSL>Es`83T+
zkvQeoAZbfaUm(pP=?<$z7H4FpA!+T~<m3lZ`zmWhVwB$<`o}ES1}(yxF)UAzwJq>c
z-uS;6(jy}#VpvY~BXVo7B9+D&!}$|1(l}h$)K4m$wnhXzZyd7RsSu6ViPY!m!y-b3
z<0CKPN9C$F(U9B?M4~0eI=j-n0}-ip+vg+6+un#2cEM=jhd=Ou*|7TtQ0(iG<y~OJ
z|2Xebeg@bgQhVN;ge(`4q^mcj<QuxWVbmmsDuSdd49oM9K2+>YvKB@g<I4U(I=l)S
zQ_4k<WG|9*mhE;ooOEFh{0kiSs|h}kVR^RDmE-_Keg>}F3>S97zXn<A%O0{5NsmH<
zR~0JK8^s6yZUs>RUEN+GRhpfQEDaSQX^P~TJ$AW$C6c}<Ymgld$$<)~_1HfGKvZ%3
zCdqonkbE!Ojhcej4#^g<ff(y@KmWt#u{d=s0BdOQs$wh$`_zuDpMxA%>kO$_FXB^d
zfd7R^<A<7{$f79qj-iMoQn@(T2C{BN(l4dkvF7|H3btUVu(52e3O2<qr2J;E0VH`E
zdbaN#V_rhk!A32qi?HQS&=6%3nOuAzBK{NrQ6`!7s>>T;-z6P$Gu~u~I)>#!e<FsJ
zzy@lI9~bm~NTD|;)2&m%7LtC7u^vX!hsE!?q>ua)WTej{W5Dq78-Q`2Nx2ts3;+NC
M07*qoM6N<$f&i3zKmY&$

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-user-groups-100.png b/icons/ui/icons8-user-groups-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..63fb9423a5e384e3f174ab3a5da05fbb3ff165f1
GIT binary patch
literal 1808
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-user-groups-50.png b/icons/ui/icons8-user-groups-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d5c2d3f32ad7e6e0008c9d5c0f1818a0b62a125
GIT binary patch
literal 935
zcmV;Y16cftP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRSxH1eRCt{2mCsMpU>L{WpvFW)g!m(JSkZ(PI4EYtZJ>sW5W4k+
zcz}4&m}s)KAmBe>b^*aP=tUDbxQVzf;o@ST1quFW;X<OunCQ)eO1yE<1A!PH^Oo@=
zV;kL8=9cu6eA9G&pMLuEeftg}3kwSi3yVAe5xNGV^c|4s2uSn*j8|6|odYEMHHg|*
zAxgt$^z*Al;{g3FB?`8RYUpBcAbqNn3gVII{$g+-knGRWN}~3$VsIe+qucEn$%6xt
zog?M?mFz1JskIk_Lx=1f+eAbl(N~a3<invub`E_Bko7Fl{ieO8JUh@SfhuRZDM!6P
zT_nf4zRI#4A8fk$ASm7odR}k`cEe#9rpwmO@YGv}K>c9^3f4o;9X$1>p0~9ns{@7W
z1)2K|3Wl|CzhDaAG}B>-#_QFk4xWl_y>ZI$)N?X^y%uEb+iV~qGQMGk!w`&**~jqI
zv?0NU$o8tLr)ob00wti}pQ#(+7Ri`g9LOjRp1PNjV0|g@)G$orlPR0nNc)Lg94LcE
z7P6EqfO4r~$3`YR$8&KYqcDPPmJz6>%wwA+^`PJnX}*znW;pT!OyYAO<K-kxEQ7)|
zpke|h+v-8)W<cgv<9P|wUgrNkR3K0SGVX~lnI%xT_n>gy<aa~0M#st7IgB?V<EJUs
z{AjZAUE#(ve8_c|54q;}ko)UeTyy@gd&vLTS!aeLV_*umrrm*Lu4R3!5IJA&54od!
z$o-cOyCG@xYc8oT+*Fp0BWpmx57SHV12WDx!W`j4t}iJYNQgh={@gu!_HZVSoJcd}
z8&e+$H0||=UGqkp*qj~L9H}+pK)C`kzLj3W^$Jg%Eg3fv52-ccKsh%u({TtC{5{3m
z{RXkNQX%a0X5C2G={4d&W&jhOT9EOlgtzn&rnnk%-8aTm2;qi~Y(i>{I7|b^JNCd-
zdn3qgm&w1gsr!4r9D|y-T+}?BL5;mFYM$ZvvGe}x_OhaIi1W?If*Ly#R6VPr=7DWd
z*%eV`9}TFjM+?>wR9jC6RrW{Hn<s>fBjXFsA<la$MU`DNBG@V#(m1M+97xpISSEta
zu(3jNprGnm$VNiy3dw;)l^ql{c0A*#>|h}|EG#T6EG&>g{s9XsJS7iVAUOa4002ov
JPDHLkV1n}ZwdDW+

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-vpn-100.png b/icons/ui/icons8-vpn-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..f46f1f549421bc4ed1b9962c2a06a7152b7fa15f
GIT binary patch
literal 1079
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|WC*
zPZ!6KiaBp*p3W8y6lq`o!+b}f>JH&j&38e80fH@G7EaxznI)<k%p&N^aV03@s;g_^
zGP~}rGdUkG7R_9%Tbq$17<k3ivF47_uE0PR$14%*?o9ELl3wn4`A)I%e*S&FVtXfl
zW<7UiiXqSi$iSd^)rE_qQ@>8slK2>MF6&@(NK2nth*Tou;d!Sb6+0Z=Sqw8)s+{O^
zKJF6hteunLd)BFP!r}C!qy}|G|7B^73Um564rO*K%$bIdQk7it{V4xMyDuv<oc9#H
z-@L>2pR8lr=VzDmliDW=T-+w^%6+M3YWIVAiGuY%L>(`^^{Ekz&Te;6xDotC;nNvk
z)4z|L{<E`8ocFFy-z?|7H?Lc$z{_1-aTo6#{42fWzi*Jt?jJ!@rhfk?>*bI*A(MYz
zh2F2Y|DVDqSnJn!G5h-emvn1z5XgKxvE5R?I=A`6(^y%rGgciA8{FS;*?aMxIz9R0
z_Q>-Vcfb0{^!rxq+W*n>+UpagH?t*GYAerQKWojtX<qQo{3QzMPd2^T$~|f4o>C5>
z6Nxvog;j2Ux~A%p(04j+w!*?^H>YpUb7VRwx6%5O##iRcRvwDq-5e4H*4Hlbo$%$l
z(k?d6a}WExS1ZJwmz&aj<=n@aF1r;jbH~~Jm^w9G{y^K?+Lejbk^9P3UR#>7yB|F^
ztIq#=^_{OzKV4auI$`G>CU;JomCrxNdB0ZpAN?)xsN<*F&#P-E<eau!WpJYApLvjw
zV;WH0)$vp1!iY(ZM)RL7=4yKK`_$f)<|X>Sk9n`}5?i8bX1KoIYii8|#(5&;&wqM{
zmWG{Vle`eZ@^FibfS)&3O33k>>0H6(yN)M(kH```)qJ2JOz_A8)g}p`mgZ?3Nk0rc
zmI~gBPi#4^84)TkxxRbb9>4IqWxsYUo4Prv?$F-)de83{R(ODgYP!1>wiF1qi0L(5
zIOHl2wS&WnTih|@q0$K^g(FI7$5zjL`NiOL<(%&B+jG)S-_GwSd78fS-`tg(-{!7z
zcVs?ocU;GP!i5r@XW2g0t3PpswWYt+J+pmA+44^eVav+cFLy>aCx^y1^RE*<lsbKV
zeTe*lnG5$UbE>tsT+PaV$<*T3gv#{E>$TV436X0^)mXnW;J*JkE=L^}#|es49ovLc
zKP_<D@#T@}IxB|L0dc_#_syRpdYS98<$56hO3AGm`G$|PXFm1O>QDGvIw^9a>6z;h
zezu(&%l^*ZdQ<W0;{^vJt4)pPK0dSM@tI9`7g?32aa&*C>Gc(u!@;0I^8r6w+V`ZF
R>CxdJ0Z&&ymvv4FO#t|$>!$z!

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-vpn-50.png b/icons/ui/icons8-vpn-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cd91c3dd6b55a93ec4fb51566446465d0816e52
GIT binary patch
literal 744
zcmV<E0vG*>P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkQnn^@KRCt{2mhVdwaU93L&wUj2chsLSrJx@~xSeLuvSe6U-HC$L
z4MQI&K~Niw-8_7dt9Bc>>1=H7W?OU3C1q)7CDQg_J&1@^AcYzAiSLQwMLKu4+pYS(
z;RW9Z`+UBi7kA(94j~c}5)u*;4MNduFU44gs|uR!EnS4MCL0(lR1*|qO)3`Y=KWv~
zW^|>S_p2A-#W|SBebW_QoFgKLh~$U}RE0=r;ftanw^PSgN@O7N7Fw@7Q6zGvX9jNg
z^ZJYQ4`rd2ia>MMBSj(>>tm=jg@JXvgjja9@*>ftuRvd&1%ojx(L_H4_hdoF?NmWl
z<4J#jJE?*Ub7$sPkF&i`A+oqqIgxwwpQR_TKEP(|Yl_P14w@&5)*QW%g21z7?L~ak
zpWuikUUVR(A_ij^4xfs{-Kme-ii8(eq=T)cNXw;Z*=?rTtA!8c<(n^Lo8tqI2j2)D
zd}E!l^#SZZ9+OemFfQxUaqT%oU$0j7*0Klku(xq-5H+_JuCJpa(C^Obcm3W<yoW>0
z_f?7DCo?F%)AxS_6PR6wi?#(tB3-t5=>n;mPn1};bcyZO@#Lcs5fLCFIgLfy`W(<{
z8`71wK8JddYJ&Q&MNI8%Jw>zU)o`q%hZ!6WO=9p`Z9h{xTaWaJD2g?~#1vrg8vU&i
ziHIKIJ-ZO+J%Kpy>EEdt@X_Z+M8M$npMHa!f*Cp7JCUy8JUbBQeS=(HP=}D0dTEi7
zM8+@{&opku0U>l<y~G;0*I1GL@JuC(1mo%C`un{Z%xJ7E5*XYoSY$suQ^_Ku@w8o%
z*#b*o{8hO`aIavI{qRgklem0)5GVX7gUEN}6m}zB<Mg#4PDmq{cSaGomJ?3uD?vi?
a@8>7|zdDCZLLoo^0000<MNUMnLSTZDaaQaA

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-wi-fi-100.png b/icons/ui/icons8-wi-fi-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e6cbe07dc0410822e323267d93cce55643557c0
GIT binary patch
literal 1984
zcmV;x2S50UP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkVa!Eu%RCt{2ooR?1MHI(7hfzEO5p!Ust9sX{>k%)!Lqv@VD(Z*e
ztr#(&UsN#Ox_(koaoy~^H#<a$C@L&!OpGzn4-yp*Fp8RZMIz`2(Olc_^=>qpw7j16
z&Sqx1tEYQr>IVhG?4-Nu{i~|$y?WJg9E-(bu~;k?i^XEGSS%Kc#bU8oEEbE!VzF2(
zEr;8)bz-3$OzkWWb`)^Xlh5*9*7a&RW_O3<#mEYSb2ZRS3h8kL{Hg|Cr+_zVpdpPM
zRw+T{x4cdvFOzFT*Mi_25l`-sbvtv*<VSzp$1Bq53h53pyaFDq!QjaX(2xRtS0g{H
z!N1TeZ#lqeXF71`crk_o{!k(Pmbw7A`=WrhYvd0U@Ix*J$2#pmp+sF8_yG<4Rn`LN
zsw0TM(?Gq2zTh~gm6%bc0~OHi3hA@Vjf^oz57MU!{RPwd{7Fu;;ueErH1c8%v@L6c
zYGZ|l74TCU_-LnDkoi|54``sB*&C4495rvc=%4K573nn^XhqhB(hV1emwU)ZI(cDw
z-_SG-^t49Wk+pGjRt4yHnabQ^FeN)By2G&wX}&`CGdBq4qlo{cfNypN!f_4N!t3Ls
zG}4;JHI%k1<gXRbYZ_^x0=i#8aGP`p5BUnWM3+dB&y`N%FOc8JZ)F-)z~7Ac8I7qg
z(nk%M#w6UJk?vMNzoyujUlj5?3i&|~{PRtPIpi90Esg#K;{1u1F84~e9dt)(qouQV
z=wLBaN|paidbC%h(>r^^J)H*OE)Mt7NV61Dw*vY+C2>~EbJl3ZJ>)Yr(vPj~2^ap3
zBz$SK!vSw}i@|wDD(NBJX=()(Jqv)I^ZJKQaB_|=4W6ihUN9GDqaE^Wi(Mg^IwDWo
zOb;O$4PJS;;4~S9axgU-HON~GP0!EER9ROgBor-kU-FwXYoL2NdpGUxG&x>*%K?>@
z8wbg!YkI3@n|R0vX`qi2-cZ6O1I;)hYI1~;%gLv4S|hfudP5D=lS~YLPv&1IC1!Vr
z<3(uMPmxubF7X_VJU1#Oo+IDM-#TD;dYTTJD*7jB;P(@D+@7j8I=&q4p@CnHz3%P~
z$C_*Ou&aTulIKqx2k$=)<rBKZR~j9)VK_!S^Em#D#K3A^;>Qr>3kkQInWuwmWF@AM
zen>o5kKTE{uiPWJ+Qjp%qsT|do=GZV)Fn#gSy7%^4);#BpU#(S<RzKxomB3*#6`X=
zNjoAZvoex*8W-bVqKKhJZ^+!(4JZavMx3zC4Hp4NHI^?%jh;U-QNWk(reiG;n>tC@
z<w%K)NVDPwCKb}NjSTkbdWDf#9ndo}6~$?zY+NbipN)--Dxz#~%XC=1*O2|_ks<wi
z)&|!#7uq4h=tVra-u71V%J^&JV*FE-C<0r{+WEi#PF5m~$hE?hMoi@3@&ol6Rcs|T
zOFT^(4b~xjlC?p#F=1$}Dg`s0rbE`}Nb_q<`E0HNw9T}?m3khQMp~7*;V|t&uS;8<
zJmZ!8LlpA*l#H-R1Fcj*MHl%N$;Wj|d`6U#+UL)ZBA?|u`I|2Ct@7KE&ao+tI!WZ9
zqd3^<<dF{WPmQw8%_gP2sETxh3v{?lgRv_YhGXP;Hj<R_l3d%MC>y2iPM+{ebea(_
z8)&D*oy2qRD*m)@TJ=5j$&LF-LPV5DW+I^vXqyBzoxHGHkG_^(Cc(J`j#v_8${F#G
zVlP0X6E!jyAVpCsj+gAp<zi<Lxm>T~noBYMq-!9Yppjpxu`#PnM2OSKO;*5f*EUu0
zQfaf3XR3{qH1<u5Q_DUF(2CrSj9N#Ec)Ai?beaSmC6M#FrW_g7M+&Vna*l5x99LMl
zRcqw4HTv_!-;iv|s6?Ord0vsva!Xs4i7i}N?L`Mpn{i}}CW-=HlqA5WO2N!ZJ}<oy
zr4-e-zp+vw-J57+4us<rP+wDv@fR_B>5NJU=I%d3*hY$+Z3Mb2_R+LPXSL_&yb1T4
z^rm<5Kps-aknMSnoFh|#Lb}gLB3j*ve9b-$8Ai@hWVvsmkk+=%+4O37NH?Z=-bB|f
ziugzKowj8l92dRTB4Z)+|4X?o--D7gAgR+TEwQw16;Ys##rRj41$e1}gFxGpiP41N
zkUWT@kk^Y3p^9{o>?Hov$&=6WoeOla0!9V=tra5$QB;&k$o+A`AF|IbTfw8A=dfbb
zCyGK|CdZkRUc0iV&daSBaYX^z=7E2m>FaBt>!baDD@N^f4TKZYd=r9P+lpbaSS;<!
z?Cx;9!r<DGm!@ryA}Kj?MzJkpQCZRf!_#+vmY&umIhJOr1Gi`E#F}0+3;bm(yg?%O
zD4@sch)+F|b$#0*I=rP0K{ngxNs4q7`G|U>xY1DtOFFpy{wZ|}lIM5pHalK<xKOVk
z@@m4Y>)q1mUFF)2x_3frv#xK;qvh>DH3}jpv9hjjTcG5H_|--S@S?2i**=8f7|GEc
zCCf30&YvVXBx;Grv_5~5#Ir_TjQo(qv6}k-_^?<k7K_DVu~;k?i^byPi$4H!l@~3*
SCtgti0000<MNUMnLSTZZaKwuM

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-wi-fi-50.png b/icons/ui/icons8-wi-fi-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..a20d1f5b684f51e928c831625e66e6cfb26dccce
GIT binary patch
literal 1086
zcmV-E1i|}>P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkR@JU2LRCt{2SX+x6RS@o6yhXuiL`hs{s(RK))=MOb3i^<s{sV6h
zf-eU3K~d0<$2AJRNL<&Ms&>{((8mQ$VpPN%<jp4`3Q>tKN+8Bvv(r^GYfPdiRA(1=
zcY3;ec4m^D&>s{Wx=)`|-#K-@s?(mABS(%LIdbI4(G2I74URSjih*uJmhHf@6IfqE
zk`Xg&+cPA25=gcV1dSWLrGjFmekX9a16V&n(!Y?^wP}+`x*w?i5(M>)=hgYaYORE<
zyO8wfML3>pq(33)%LT6aJtI)!#%3h>5Lixkoj{Yxzd(Ax59GeC5x{b|-UjWx^YI2O
zUzI9)>!Jy)t-4jf@&=HcYA-zGKOp%HSq~z~=g2x9*}3*XVENtpv_*#G6tL_zpV}f(
zDAzYd@tSGHRDty)AbsA#Z*bIImNtHIkGtG|yRoIn`T~-EjI8yHqz;?FWFi5i&jHCl
z8CLx>WPM~{x4XjY5Yg@j`e?LkDZ2$MCo#}xTaPyEmLtoXDFn^{>3c<z4PK8>2xJIZ
z_t;!1zKod9O#>k7SW29J<CpdJtPa^um1z1V6AM2GZ?<+jy9YsiBeHy(5^7^jAKEG-
z%dr?KoVNH+nsn>1Tj^Ky0n0DI@->niO<2jJQ6JV_KI{G7xLc7(i0V(+IgB}*e<JA}
zu^-tBAf1>KkB4kUlfnR4DH?RK@=9_XNGeI;3LM@7BtQQDjZU;Av2bT>)%@y-tK<4u
zhym-T?aFAnfan3A^|rV<hbqUfGBHTpiMTRkbJblEH<;}}>Ot(lfaNrhly7+b*p&<C
zH=oQmuM;3O?gG{$y&@2E27a+z(~;9nBr5VSlKh?SfQf~C0D(Mh<-D!lx^lQ?eO0b2
zRceFwtVr@qRI`!%kzu@PWO=A7B#I+btL;E0#P%7>?50|23N#PnZUwSFh^%|9NK6ug
z;>gtMu8=WJpQ~nbCi$|Xf^MF8M3U_0kFOJ5zo*P4b57S~dsiojWLBP<t-E?cVjdZm
zAFMcR)yIm)+2m-YhRO7dy+4}-hsNEdt-eRgWh{r1=I9QbTNd}&Zgs%=Zk9@RCR2|U
z-kQR8=IAM`Bsbk}``$8h&p?t<8^gPh@T=1WWc{uSS^fKt6J0OVY!P;%_h%wgxvi5i
z=io?mz)4?0(pRkwq`$_Hm^|;lf-;e@TV7DRyJg=>cn^|%vE)e1!W^>l!^;TkyW~h*
z^zd1)$3P!9v$ofdC{cLt0uh+BXI{Sn<Nu2t_WB6}@6@hsl`{%lyT<Dq47=sP8pf36
zwb*}AOBul7j+h;J(d$P5>0`*c&&=8v+MgUba(MlZv!@7c<aHDl0000007*qoM6N<$
Ef+Yb8%>V!Z

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-windows-95-100.png b/icons/ui/icons8-windows-95-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..812826f2a66b7ac3971c63d89f205060ba9e410c
GIT binary patch
literal 4795
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
VAgtY+A+`Vj002ovPDHLkV1k|ZHi7^E

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-windows-95-50.png b/icons/ui/icons8-windows-95-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fb52ff4ff3520b437b71dd763e1abcd9d5523d5
GIT binary patch
literal 2424
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-wired-network-100.png b/icons/ui/icons8-wired-network-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..bed633ba3ca7c2118d6c43b8c77a494d79dc6f0e
GIT binary patch
literal 841
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|V1<
zPZ!6KiaBrR`e$EpkZ2FL@BAgZhjZ5>rMN9kO?+SdPkZTCt-KoaCE$9PtG`^=3rDWK
zD;_xdS8a>tzce@K=oz!azdTEx^m=EutP9<Ia`v;I2a8WgZ#rr1KY8w3#o*O~P8^CY
z0$?I&<C^l_>{fSwB&l~TU-S8L=mO!R!K?N5ZFqL)->hkCEbFgW{l91>uXV1g_fb`%
zk`qUDuE_mx0|7_wxf=fx=gyzL@nkHA(I16p#q~a4|4Vh{*<`3l&bE<{uSx$gcf+Lq
zo)@?6SkJZ@O*s9=d)YQu^DOVf$6j1${qp<)*Q~Fp2~|Iw7FC2fE?y|&@=?cWj*`Hm
z(nf*x+$|Nc3P)ZiZRf1~_NY`MGw!s=PoI`Q%G}=ToerBAyV?mWa!AGrJQBR*z~Pi5
z+G<m?OG53v-K}ZfleZg*E6uljF{j9Ps;H4+vHEAm{6FeNz8rx^Se&}1UjV8%;&!UB
zY_0kAXp-hLg>&(H19vnW%RgcI_vNmo+b?lO#>MK_6i7QeRXKNDWOnM&6G$p)6j;pN
zA^~*K3noQ3aSp>>4jmU+QKa5jDZbr)-0A({g}%%3=X<|8KYxzT)zs)$o9eS;`=<YT
z`Eg@N?1ZRk&sVevWd7J~y~8v6T~1K_<`SjQ>A5RU|65yX8TTrEU5wvV)|IK1d@U9&
z3P%)J6eC#`eOtB&G)<6m5@-@QF55I=P4fgbrzj3bkM&+o_x9Szz4`r1?Rt9MU-hzw
zA6JINZd<DNd;7Jg6)XFD`j@_Hy0Xc}UA1M(+|(A6P@o^WgSawppP#wkBF%;KQuND~
z2KSDuY)*UhU}64)i|b+N<A?e?EK3yk^xW63mb5<|+A??2?WDw$Oc7jC+jeC>S5g)f
zI$Ao-=F@GZ<jX&I6<U}pc8WZIFM4;!RWFh4S*<#=pZ~Eb@AAJddG36xz_%-1z+|Ib
zv%F&A+~3Jr0V!^Zm-qaew1j_EgKypB+@4csHoy3&4o!)`<hW#7aUGM0`6jiA)6Vb!
P^9F;btDnm{r-UW|uf2J1

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-wired-network-50.png b/icons/ui/icons8-wired-network-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..482d8eec3147e52bfc37e99bdf31cb6aaf168f6a
GIT binary patch
literal 568
zcmV-80>}M{P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkP>PbXFRCt{2ncXV{Q5eSepK{^CcjAI#m9G{Vd*KEbN{O;*Q&u5v
z)M6=;3$`{X$*!*(+MTmk=H$$UzrcT>SI;S0gqhuCCf=u>dOE%5o%h$7nwk>`uvjeC
zpHfcR4W?8HVX0FuY)X~LOS`@#2vgcoA#L)7Ej3&8Nq9cI`~Xwu8bnC7<@w<9txc&m
zU4xjGI`bWfrOw=gNIT=d6R|T4B3$?~o2TW?T}MW(Z$VP&D{AZwJ2Gk+q}(9sn;dN)
z9=&>TW5+QFY76(Gm+%TCzMphF_;*Gx!5}U{&ToZ&w_iNJwpBI|^hy=<#<PA5B)S?e
z+u+|hx*BJYH)4=p1|bIdO8*9AAr_=ZvyzVYnrLFWOXuuyJq?cZ>HKhAMJ@e?&M-38
zkWqtLWb8!`<b_!9_d!;c+UQAE&_%M5rXpQBTj^>FkA-x`V66j&&M-38kWqtLWb8!`
z<dvm12KiJBGR7dpAf<p9qaljT2Wfn=n|g)^be@{&q;_La=jdDqHHU_DhLN#`j2hG;
zV=sCj8>1oqAi4rMILSEv-BYR$PBK3S;<e5H4PyP7pV%tlzY|d#u0e3!<@Mm=y)9K6
zC`P#M@)1O&D2M`>IvlB2m!ZP4*Uh{8nvx(`EEX%^H$4MZfVB(Ue*k#^0000<MNUMn
GLSTY%e*07a

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-work-boot-100.png b/icons/ui/icons8-work-boot-100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b0b8d473beef42dc6d96c77216572288d4ab704
GIT binary patch
literal 1846
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

literal 0
HcmV?d00001

diff --git a/icons/ui/icons8-work-boot-50.png b/icons/ui/icons8-work-boot-50.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cb80d1175b29c8bbe9c4ceff784043765f26ab1
GIT binary patch
literal 1055
zcmV+)1mOFLP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkR(Md!>RCt{2nO$fTSro^|kIuweKWatS2N7K>YN>)X_ok>6TzhY7
z(|dv%5k(M%ilQi}SWzhGKDaDW7Q4%K7qN=Fh^~sXjTNKGv_7a*#Oi}o6h);?1uZHT
z>c^33(wa6&aVCjLmifc~Aty7#{mq>_=gd8lWXhB&Q_*C%+ZD=T1L5K{;c%TYsHa>U
zSjb?ilrEyoSwJ~FrW|mv35RaV#SSUeWh;Sv!r)DC;7=(N`zeE!lsU@@6W)Fx2D_yc
z)-cLNOK_l9ii%uWgAX8F><Pe#9&3qnmXwMj9F_zJ*=7C7nG@|e%Eg5s>~B)42))V{
zROR0_x15-A<G-q0RR5m(pf485ZD(@a+Hvmc=`RQTcVCi|2cjwss45s2UzSEE4Wzwp
z{Ox#wc&nz3PZ~(;zmxp&0{NqI#-yZy{B<zzp7y-Q!xa_z*+~PTy%{?^@fq>F;^O43
z5o&^f36ioPMGgn9Ub_rkTZ_U<nzR6c)f_!F)3E2-sK6_@MaoP&kkVCl>}(i2Fqe2G
zOWJ|dADtea6w?jFW(R!l$qWZ+R%Rp-L^K(BtRj^t{<^XIk_JLJwCM$Ltc(oO?HSdD
zSCt>XJ48W2d4~3-XJn1MtRJ+{`z^PlPuYkl4gYQ+h0HPA=&SeS;W<NB!#>%Ms(cKa
zGS*;I#yoUOO2R;_%;_)+!ko+Tbz_#EGXEp0N*k)mIaKAHs9NH;tz=`c-6)9WZJQT=
zO@{jY0af_~dPYx<8H6x65(|jt9a|RREB6@VA7nnc6MdG#7(vAGSV1%|Ur~bRs%Bz$
zq}=jNFv=Tj&X{i)gmO3=50KDxQ(c*l&o5>hfw_xbX{50k;czLQAbl>h3#{B_)&I!(
zWMf;gl*83TfP^N_C+8>V0eOTd4bu<8L}MaBG_PB~6hHYa-wxAcS)?1J=I6Y-r+%4@
ziFRkyDnN-;8R)Oq9-htVH2m63od3}c^5lH>vlJLO4w{iGx<O9=n%f+&&AFj`=hP4A
zuOIiSt1;`vQ0}N3_wZ)zlw-O<LK`=!V#0(sVIYJHKjrW)?LjDmGmA@0v$b|xwBBO4
zMGxWPZG`yip<*$C5GGm&4p2M_#`;0}&T+Y1BM2`8%7lk<_#EY~w%WL30cCLO>#RZt
z<z*`<gX)l2x7NxdcGwgX2<4(i>lxa(SY~6c351D;-X0=zmd|y$WXhpd`%Snw9O-;3
zFUzA${2Ayw222<n($4L@J`*Q{J;~Yvhht(O2780obZZ}WTFh1qWg*w7(G6nCl&Sxh
Zz5rxTYtdC~eZT+!002ovPDHLkV1j0c?T`Qf

literal 0
HcmV?d00001

diff --git a/package.json b/package.json
index c22f209..6c82ec0 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "./ui/name-conflict": "./src/ui/name-conflict-dialog.ts",
     "./ui/get-info": "./src/ui/get-info-window.ts",
     "./ui/resource-explorer": "./src/ui/resource-fork-explorer.ts",
+    "./ui/win-resource-explorer": "./src/ui/win-resource-explorer.ts",
     "./finder": "./src/finder/index.ts",
     "./finder/api": "./src/finder/api.ts",
     "./finder/api-catalog": "./src/finder/api-catalog.ts",
@@ -49,7 +50,9 @@
     "./fs/catalog": "./src/fs/virtual-fs.ts",
     "./fs/virtual-fs": "./src/fs/virtual-fs.ts",
     "./fs/remote-vfs": "./src/fs/remote-vfs.ts",
-    "./fs/empty-catalog": "./src/fs/empty-catalog.ts",
+    "./fs/catalog-caps": "./src/fs/catalog-caps.ts",
+    "./fs/volume-chrome": "./src/fs/volume-chrome.ts",
+    "./fs/capability-catalog": "./src/fs/capability-catalog.ts",
     "./fs/extension-map": "./src/fs/extension-map.ts",
     "./fs/extension-map-netatalk": "./src/fs/extension-map-netatalk.ts",
     "./fs/codecs": "./src/fs/codecs.ts",
@@ -61,6 +64,7 @@
     "./fs/mac-file": "./src/fs/mac-file.ts",
     "./fs/finder-info": "./src/fs/finder-info.ts",
     "./fs/name-conflict": "./src/fs/name-conflict.ts",
+    "./fs/winicon": "./src/fs/winicon/index.ts",
     "./fs/resource-fork": "./src/fs/resource-fork.ts",
     "./fs/resource-compress": "./src/fs/resource-compress.ts",
     "./fs/appledouble": "./src/fs/appledouble.ts"
diff --git a/src/finder/afp-finder-api.ts b/src/finder/afp-finder-api.ts
index 3b09b9b..e93f17f 100644
--- a/src/finder/afp-finder-api.ts
+++ b/src/finder/afp-finder-api.ts
@@ -1,8 +1,9 @@
 import type { CatalogWithBackend, FinderAPI } from './api';
-import type { FinderNodeDto, FinderSessionDto, OpProgress, CrossTransferRequest } from './types';
+import type { FinderNodeDto, FinderSessionDto, OpProgress, CrossTransferRequest, CnidNodeDto } from './types';
 import { bindCatalog } from './bind-catalog';
 import { copyBetweenCatalogs, expandOnCatalog, moveBetweenCatalogs } from './catalog-copy';
-import type { Catalog } from '../fs/virtual-fs';
+import type { Catalog, VNode } from '../fs/virtual-fs';
+import type { NodeRef } from '../fs/catalog-caps';
 
 const LOCAL_SESSION = 'local';
 
@@ -42,30 +43,30 @@ export class AfpFinderAPI implements FinderAPI {
     return bindCatalog(cat, this, session.sessionId);
   }
 
-  async getNode(sessionId: string, id: number): Promise<FinderNodeDto> {
-    const node = await this.catalogFor(sessionId).get(id);
+  async getNode(sessionId: string, ref: NodeRef): Promise<FinderNodeDto> {
+    const node = await this.catalogFor(sessionId).get(ref);
     if (!node) throw new Error('not found');
     return this.toNode(node);
   }
-  async children(sessionId: string, parentId: number): Promise<FinderNodeDto[]> {
-    return (await this.catalogFor(sessionId).children(parentId)).map((n) => this.toNode(n));
+  async children(sessionId: string, parent: NodeRef): Promise<FinderNodeDto[]> {
+    return (await this.catalogFor(sessionId).children(parent)).map((n) => this.toNode(n));
   }
-  async lookup(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto | null> {
-    const node = await this.catalogFor(sessionId).lookup(parentId, name);
+  async lookup(sessionId: string, parent: NodeRef, name: string): Promise<FinderNodeDto | null> {
+    const node = await this.catalogFor(sessionId).lookup(parent, name);
     return node ? this.toNode(node) : null;
   }
-  async mkdir(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto> {
-    return this.toNode(await this.catalogFor(sessionId).mkdir(parentId, name));
+  async mkdir(sessionId: string, parent: NodeRef, name: string): Promise<FinderNodeDto> {
+    return this.toNode(await this.catalogFor(sessionId).mkdir(parent, name));
   }
   async create(
     sessionId: string,
-    parentId: number,
+    parent: NodeRef,
     name: string,
     body?: { data?: Uint8Array; resource?: Uint8Array; finderInfo?: Uint8Array },
   ): Promise<FinderNodeDto> {
     return this.toNode(
       await this.catalogFor(sessionId).createFile(
-        parentId,
+        parent,
         name,
         body?.data ?? new Uint8Array(),
         body?.resource ?? new Uint8Array(),
@@ -73,35 +74,50 @@ export class AfpFinderAPI implements FinderAPI {
       ),
     );
   }
-  async rename(sessionId: string, id: number, name: string): Promise<void> {
-    await this.catalogFor(sessionId).rename(id, name);
+  async rename(sessionId: string, ref: NodeRef, name: string): Promise<void> {
+    await this.catalogFor(sessionId).rename(ref, name);
   }
-  async move(sessionId: string, id: number, parentId: number): Promise<void> {
-    await this.catalogFor(sessionId).move(id, parentId);
+  async move(sessionId: string, ref: NodeRef, parent: NodeRef): Promise<void> {
+    await this.catalogFor(sessionId).move(ref, parent);
   }
-  async remove(sessionId: string, id: number): Promise<void> {
-    await this.catalogFor(sessionId).remove(id);
+  async remove(sessionId: string, ref: NodeRef): Promise<void> {
+    await this.catalogFor(sessionId).remove(ref);
   }
-  async readFork(sessionId: string, id: number, resource: boolean): Promise<Uint8Array> {
-    const node = await this.catalogFor(sessionId).ensureContent(id);
+  async readFork(sessionId: string, ref: NodeRef, resource: boolean): Promise<Uint8Array> {
+    const node = await this.catalogFor(sessionId).ensureContent(ref);
     if (!node) throw new Error('not found');
     return resource ? node.resource : node.data;
   }
-  async writeFork(sessionId: string, id: number, resource: boolean, _off: number, data: Uint8Array): Promise<void> {
+  async writeFork(sessionId: string, ref: NodeRef, resource: boolean, _off: number, data: Uint8Array): Promise<void> {
     const cat = this.catalogFor(sessionId);
-    const node = await cat.ensureContent(id);
+    const node = await cat.ensureContent(ref);
     if (!node || node.isDir) throw new Error('not found');
     if (resource) node.resource = data;
     else node.data = data;
     await cat.put(node);
   }
-  async writeFinderInfo(sessionId: string, id: number, finderInfo: Uint8Array): Promise<void> {
+  async writeFinderInfo(sessionId: string, ref: NodeRef, finderInfo: Uint8Array): Promise<void> {
     const cat = this.catalogFor(sessionId);
-    const node = await cat.get(id);
+    const node = await cat.get(ref);
     if (!node) throw new Error('not found');
     node.finderInfo = finderInfo;
     await cat.put(node);
   }
+  async writeAttrs(sessionId: string, ref: NodeRef, patch: Record<string, boolean>): Promise<void> {
+    const cat = this.catalogFor(sessionId);
+    if (cat.setAttrs) {
+      await cat.setAttrs(ref, patch);
+      return;
+    }
+    throw new Error('setAttrs not supported');
+  }
+  async resolvePath(sessionId: string, path: string): Promise<FinderNodeDto | null> {
+    const node = await this.catalogFor(sessionId).resolvePath(path);
+    return node ? this.toNode(node) : null;
+  }
+  async pathOf(sessionId: string, ref: NodeRef): Promise<string> {
+    return this.catalogFor(sessionId).pathOf(ref);
+  }
 
   copy(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress> {
     return this.runCopy(req, signal);
@@ -109,8 +125,8 @@ export class AfpFinderAPI implements FinderAPI {
   moveAcross(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress> {
     return this.runMove(req, signal);
   }
-  expand(sessionId: string, id: number, signal?: AbortSignal): AsyncIterable<OpProgress> {
-    return expandOnCatalog(this.catalogFor(sessionId), id, signal);
+  expand(sessionId: string, ref: NodeRef, signal?: AbortSignal): AsyncIterable<OpProgress> {
+    return expandOnCatalog(this.catalogFor(sessionId), ref, signal);
   }
 
   private async *runCopy(req: CrossTransferRequest, signal?: AbortSignal): AsyncGenerator<OpProgress> {
@@ -129,8 +145,27 @@ export class AfpFinderAPI implements FinderAPI {
     return cat;
   }
 
-  private toNode(node: import('../fs/virtual-fs').VNode): FinderNodeDto {
-    return {
+  private toNode(node: VNode): FinderNodeDto {
+    if (node.addr === 'path') {
+      return {
+        addr: 'path',
+        path: node.path,
+        parentPath: node.parentPath,
+        name: node.name,
+        isDir: node.isDir,
+        dataBytes: node.dataBytes ?? node.data.length,
+        resourceBytes: node.resourceBytes ?? node.resource.length,
+        createDate: node.createDate,
+        modDate: node.modDate,
+        accessDate: node.accessDate,
+        backupDate: node.backupDate,
+        shortName: node.shortName,
+        mediumName: node.mediumName,
+        attrs: node.attrs,
+      };
+    }
+    const cnid: CnidNodeDto & FinderNodeDto = {
+      addr: 'cnid',
       id: node.id,
       parentId: node.parentId,
       name: node.name,
@@ -139,6 +174,12 @@ export class AfpFinderAPI implements FinderAPI {
       resourceBytes: node.resourceBytes ?? node.resource.length,
       createDate: node.createDate,
       modDate: node.modDate,
+      accessDate: node.accessDate,
+      backupDate: node.backupDate,
+      shortName: node.shortName,
+      mediumName: node.mediumName,
+      attrs: node.attrs,
     };
+    return cnid;
   }
 }
diff --git a/src/finder/api-catalog.ts b/src/finder/api-catalog.ts
index 7d20dc1..05c820c 100644
--- a/src/finder/api-catalog.ts
+++ b/src/finder/api-catalog.ts
@@ -1,5 +1,7 @@
 import { CNIDRoot } from '../protocol/afp/constants';
 import type { VNode, VfsChangeListener, ChildrenBatchListener } from '../fs/virtual-fs';
+import { nodeRef, parentRef } from '../fs/virtual-fs';
+import { asCnid, catalogCapsForSession, refKey, toUnixMs, type CatalogCapabilities, type NodeRef } from '../fs/catalog-caps';
 import { importDataTransferInto, type ImportProgress } from '../fs/import-transfer';
 import { finderInfoFromName } from '../fs/extension-map';
 import { bufferRangeReader, type ByteRangeReader } from '../fs/byte-range';
@@ -27,67 +29,105 @@ export class ApiCatalog implements CatalogWithBackend {
   readonly reportsChunkedBytes = true;
   readonly sessionId: string;
   readonly api: FinderAPI;
-  private root: number;
-  private nodes = new Map<number, VNode>();
-  private forksLoaded = new Set<number>();
+  private caps: CatalogCapabilities;
+  private root: NodeRef;
+  private nodes = new Map<string, VNode>();
+  private forksLoaded = new Set<string>();
   private listeners = new Set<VfsChangeListener>();
   private batchDepth = 0;
-  private batchParents = new Set<number>();
+  private batchParents = new Set<string>();
 
   constructor(api: FinderAPI, session: FinderSessionDto) {
     this.api = api;
     this.sessionId = session.sessionId;
-    this.root = session.rootId || CNIDRoot;
+    this.caps = catalogCapsForSession(session);
+    this.root = this.caps.addressBy === 'path' ? (session.rootPath ?? '') : (session.rootId || CNIDRoot);
   }
 
-  rootId(): number { return this.root; }
+  capabilities(): CatalogCapabilities { return this.caps; }
+  rootId(): NodeRef { return this.root; }
   subscribe(fn: VfsChangeListener): () => void { this.listeners.add(fn); return () => this.listeners.delete(fn); }
   beginBatch(): void { this.batchDepth++; }
   endBatch(): void {
     if (this.batchDepth <= 0) return;
     this.batchDepth--;
     if (this.batchDepth === 0 && this.batchParents.size) {
-      const parentIds = [...this.batchParents];
+      const parentIds = [...this.batchParents].map((k) => (k.startsWith('p:') ? k.slice(2) : Number(k.slice(2))));
       this.batchParents.clear();
       this.emit(parentIds);
     }
   }
 
-  async get(id: number): Promise<VNode | undefined> {
-    const cached = this.nodes.get(id);
+  async get(ref: NodeRef): Promise<VNode | undefined> {
+    const cached = this.nodes.get(refKey(ref));
     if (cached) return cached;
     try {
-      return this.adopt(await this.api.getNode(this.sessionId, id));
+      return this.adopt(await this.api.getNode(this.sessionId, ref));
     } catch {
-      return id === this.root ? this.ensureRoot() : undefined;
+      return ref === this.root || ref === '' || ref === this.rootId() ? this.ensureRoot() : undefined;
     }
   }
 
-  async ensureContent(id: number, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
-    const node = await this.get(id);
+  async ensureContent(ref: NodeRef, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
+    const node = await this.get(ref);
     if (!node || node.isDir) return node;
-    if (!this.forksLoaded.has(id)) await this.hydrateForks(node, onBytes, signal);
+    const key = refKey(nodeRef(node));
+    if (!this.forksLoaded.has(key)) await this.hydrateForks(node, onBytes, signal);
     return node;
   }
 
-  async children(parentId: number, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]> {
+  async children(parent: NodeRef, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]> {
     throwIfAborted(signal);
-    const raw = await this.api.children(this.sessionId, parentId);
+    const raw = await this.api.children(this.sessionId, parent);
     const kids = raw.map((n) => this.adopt(n));
     await onBatch?.(kids);
     return kids;
   }
 
-  async lookup(parentId: number, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
+  async lookup(parent: NodeRef, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
     throwIfAborted(signal);
     const lower = name.toLowerCase();
     for (const n of this.nodes.values()) {
-      if (n.parentId === parentId && n.name.toLowerCase() === lower) return n;
+      if (parentRef(n) === parent && n.name.toLowerCase() === lower) return n;
     }
-    const raw = await this.api.lookup(this.sessionId, parentId, name);
+    const raw = await this.api.lookup(this.sessionId, parent, name);
     return raw ? this.adopt(raw) : undefined;
   }
 
+  async resolvePath(path: string): Promise<VNode | undefined> {
+    if (this.caps.addressBy === 'path') return this.get(path);
+    try {
+      const raw = await this.api.resolvePath(this.sessionId, path);
+      return raw ? this.adopt(raw) : undefined;
+    } catch {
+      const parts = path.split('/').filter(Boolean);
+      let cur: VNode | undefined = await this.get(this.root);
+      for (const part of parts) {
+        if (!cur) return undefined;
+        cur = await this.lookup(nodeRef(cur), part);
+      }
+      return cur;
+    }
+  }
+
+  async pathOf(ref: NodeRef): Promise<string> {
+    if (this.caps.addressBy === 'path') return String(ref);
+    try {
+      return await this.api.pathOf(this.sessionId, ref);
+    } catch {
+      return '';
+    }
+  }
+
+  async setAttrs(ref: NodeRef, patch: Record<string, boolean>): Promise<void> {
+    if (this.api.writeAttrs) await this.api.writeAttrs(this.sessionId, ref, patch);
+    const n = await this.get(ref);
+    if (n) {
+      n.attrs = { ...(n.attrs ?? {}), ...patch };
+      this.nodes.set(refKey(nodeRef(n)), n);
+    }
+  }
+
   async loadResourceFork(node: VNode, opts?: ResourceForkLoadOpts): Promise<ResourceFork | null> {
     throwIfAborted(opts?.signal);
     const resource = opts?.fork !== 'data';
@@ -122,32 +162,32 @@ export class ApiCatalog implements CatalogWithBackend {
     opts?: { resource?: boolean; signal?: AbortSignal; priority?: number },
   ): Promise<T> {
     throwIfAborted(opts?.signal);
-    if (this.forksLoaded.has(node.id)) {
+    if (this.forksLoaded.has(refKey(nodeRef(node)))) {
       const bytes = opts?.resource ? node.resource : node.data;
       return fn(bufferRangeReader(bytes));
     }
     const read: ByteRangeReader = (offset, count) =>
-      this.api.readFork(this.sessionId, node.id, !!opts?.resource, offset, count);
+      this.api.readFork(this.sessionId, nodeRef(node), !!opts?.resource, offset, count);
     return fn(read);
   }
 
-  async mkdir(parentId: number, name: string): Promise<VNode> {
-    const existing = await this.lookup(parentId, name);
+  async mkdir(parent: NodeRef, name: string): Promise<VNode> {
+    const existing = await this.lookup(parent, name);
     if (existing) throw new Error('exists');
-    const node = this.adopt(await this.api.mkdir(this.sessionId, parentId, name));
-    this.notify(parentId);
+    const node = this.adopt(await this.api.mkdir(this.sessionId, parent, name));
+    this.notify(parent);
     return node;
   }
 
-  async ensureDir(parentId: number, name: string): Promise<VNode> {
-    const existing = await this.lookup(parentId, name);
+  async ensureDir(parent: NodeRef, name: string): Promise<VNode> {
+    const existing = await this.lookup(parent, name);
     if (existing?.isDir) return existing;
     if (existing) throw new Error('exists');
-    return this.mkdir(parentId, name);
+    return this.mkdir(parent, name);
   }
 
   async createFile(
-    parentId: number,
+    parent: NodeRef,
     name: string,
     data: Uint8Array,
     resource = new Uint8Array(),
@@ -156,75 +196,79 @@ export class ApiCatalog implements CatalogWithBackend {
     signal?: AbortSignal,
   ): Promise<VNode> {
     throwIfAborted(signal);
-    const raw = await this.api.create(this.sessionId, parentId, name, { finderInfo });
+    const raw = await this.api.create(this.sessionId, parent, name, { finderInfo });
     const node = this.adopt(raw);
-    if (data.length) await this.writeFork(node.id, false, data, onBytes, signal);
+    const id = nodeRef(node);
+    if (data.length) await this.writeFork(id, false, data, onBytes, signal);
     throwIfAborted(signal);
-    if (resource.length) await this.writeFork(node.id, true, resource, onBytes, signal);
+    if (resource.length) await this.writeFork(id, true, resource, onBytes, signal);
     node.data = data;
     node.resource = resource;
     node.finderInfo = finderInfo;
     node.dataBytes = data.length;
     node.resourceBytes = resource.length;
-    this.forksLoaded.add(node.id);
-    this.nodes.set(node.id, node);
-    this.notify(parentId);
+    this.forksLoaded.add(refKey(id));
+    this.nodes.set(refKey(id), node);
+    this.notify(parent);
     return node;
   }
 
   async put(node: VNode): Promise<void> {
-    this.nodes.set(node.id, node);
-    await this.api.writeFinderInfo(this.sessionId, node.id, node.finderInfo);
-    this.notify(node.parentId);
+    const id = nodeRef(node);
+    this.nodes.set(refKey(id), node);
+    await this.api.writeFinderInfo(this.sessionId, id, node.finderInfo);
+    this.notify(parentRef(node));
   }
 
-  async rename(id: number, newName: string): Promise<void> {
-    const n = this.nodes.get(id) ?? (await this.get(id));
+  async rename(ref: NodeRef, newName: string): Promise<void> {
+    const n = this.nodes.get(refKey(ref)) ?? (await this.get(ref));
     if (!n) throw new Error('not found');
-    if (n.id === this.rootId()) throw new Error('cannot rename volume root');
-    await this.api.rename(this.sessionId, id, newName);
+    if (nodeRef(n) === this.rootId()) throw new Error('cannot rename volume root');
+    await this.api.rename(this.sessionId, ref, newName);
     n.name = newName;
-    this.nodes.set(id, n);
-    this.notify(n.parentId);
+    this.nodes.set(refKey(nodeRef(n)), n);
+    this.notify(parentRef(n));
   }
 
-  async move(id: number, newParent: number): Promise<void> {
-    const n = this.nodes.get(id) ?? (await this.get(id));
+  async move(ref: NodeRef, newParent: NodeRef): Promise<void> {
+    const n = this.nodes.get(refKey(ref)) ?? (await this.get(ref));
     if (!n) throw new Error('not found');
-    if (n.id === this.rootId()) throw new Error('cannot move volume root');
-    if (n.parentId === newParent) return;
-    await this.api.move(this.sessionId, id, newParent);
-    const oldParent = n.parentId;
-    n.parentId = newParent;
-    this.nodes.set(id, n);
+    if (nodeRef(n) === this.rootId()) throw new Error('cannot move volume root');
+    if (parentRef(n) === newParent) return;
+    await this.api.move(this.sessionId, ref, newParent);
+    const oldParent = parentRef(n);
+    if (n.addr === 'path') n.parentPath = String(newParent);
+    else n.parentId = Number(newParent);
+    this.nodes.set(refKey(nodeRef(n)), n);
     this.notify(oldParent, newParent);
   }
 
-  async remove(id: number): Promise<void> {
-    const n = this.nodes.get(id) ?? (await this.get(id));
+  async remove(ref: NodeRef): Promise<void> {
+    const n = this.nodes.get(refKey(ref)) ?? (await this.get(ref));
     if (!n) return;
-    if (n.id === this.rootId()) throw new Error('cannot delete volume root');
+    if (nodeRef(n) === this.rootId()) throw new Error('cannot delete volume root');
     if (n.isDir) {
-      const kids = await this.children(id);
-      for (const k of kids) await this.remove(k.id);
+      const kids = await this.children(ref);
+      for (const k of kids) await this.remove(nodeRef(k));
     }
-    await this.api.remove(this.sessionId, id);
-    this.nodes.delete(id);
-    this.forksLoaded.delete(id);
-    this.notify(n.parentId);
+    await this.api.remove(this.sessionId, ref);
+    this.nodes.delete(refKey(ref));
+    this.forksLoaded.delete(refKey(ref));
+    this.notify(parentRef(n));
   }
 
-  async importDataTransfer(parentId: number, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+  async importDataTransfer(parent: NodeRef, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+    if (typeof parent !== 'number') throw new Error('host import requires a CNID parent');
     return importDataTransferInto(
       this,
-      parentId,
+      parent,
       dt,
       (p, file, onBytes, resource, signal) => this.importBlob(p, file, onBytes, resource, signal),
       opts,
     );
   }
 
-  async copyFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void> {
+  async copyFrom(src: CatalogWithBackend, srcId: NodeRef, destParent: NodeRef, opts: TransferOptions): Promise<void> {
     await consumeProgress(
       this.api.copy(
         {
@@ -243,7 +287,7 @@ export class ApiCatalog implements CatalogWithBackend {
     this.notify(destParent);
   }
 
-  async moveFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void> {
+  async moveFrom(src: CatalogWithBackend, srcId: NodeRef, destParent: NodeRef, opts: TransferOptions): Promise<void> {
     if (src.api.backendId === this.api.backendId && src.sessionId === this.sessionId) {
       if (opts.replaceId != null) await this.remove(opts.replaceId);
       if (opts.destName) await src.rename(srcId, opts.destName);
@@ -269,19 +313,20 @@ export class ApiCatalog implements CatalogWithBackend {
     this.notify(destParent);
   }
 
-  async expandNode(id: number, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void> {
-    await consumeProgress(this.api.expand(this.sessionId, id, opts?.signal), opts?.onProgress, opts?.signal);
-    const node = await this.get(id);
-    if (node) this.notify(node.parentId);
+  async expandNode(ref: NodeRef, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void> {
+    await consumeProgress(this.api.expand(this.sessionId, ref, opts?.signal), opts?.onProgress, opts?.signal);
+    const node = await this.get(ref);
+    if (node) this.notify(parentRef(node));
   }
 
   private async importBlob(
-    parentId: number,
+    parent: NodeRef,
     file: File,
     onBytes?: (n: number) => void,
     resource?: Uint8Array,
     signal?: AbortSignal,
   ): Promise<unknown> {
+    const parentId = asCnid(parent);
     throwIfAborted(signal);
     const buf = new Uint8Array(await file.arrayBuffer());
     const name = unescapeHostFilename(file.name);
@@ -291,9 +336,9 @@ export class ApiCatalog implements CatalogWithBackend {
         const target = name.slice(2);
         const existing = await this.lookup(parentId, target);
         if (existing && !existing.isDir) {
-          const data = this.forksLoaded.has(existing.id)
+          const data = this.forksLoaded.has(refKey(nodeRef(existing)))
             ? existing.data
-            : await this.readWholeFork(existing.id, false, onBytes, signal);
+            : await this.readWholeFork(nodeRef(existing), false, onBytes, signal);
           return this.createFile(parentId, target, data, ad.resource, ad.finderInfo, onBytes, signal);
         }
         return this.createFile(parentId, target, new Uint8Array(), ad.resource, ad.finderInfo, onBytes, signal);
@@ -313,25 +358,25 @@ export class ApiCatalog implements CatalogWithBackend {
   private async hydrateForks(node: VNode, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<void> {
     throwIfAborted(signal);
     try {
-      node.data = await this.readWholeFork(node.id, false, onBytes, signal);
+      node.data = await this.readWholeFork(nodeRef(node), false, onBytes, signal);
     } catch (err) {
       if (isAbortError(err)) throw err;
       node.data = EMPTY;
     }
     try {
-      node.resource = await this.readWholeFork(node.id, true, onBytes, signal);
+      node.resource = await this.readWholeFork(nodeRef(node), true, onBytes, signal);
     } catch (err) {
       if (isAbortError(err)) throw err;
       node.resource = EMPTY;
     }
     node.dataBytes = node.data.length;
     node.resourceBytes = node.resource.length;
-    this.forksLoaded.add(node.id);
-    this.nodes.set(node.id, node);
+    this.forksLoaded.add(refKey(nodeRef(node)));
+    this.nodes.set(refKey(nodeRef(node)), node);
   }
 
   private async writeFork(
-    id: number,
+    id: NodeRef,
     resource: boolean,
     data: Uint8Array,
     onBytes?: (n: number) => void,
@@ -347,7 +392,7 @@ export class ApiCatalog implements CatalogWithBackend {
   }
 
   private async readWholeFork(
-    id: number,
+    id: NodeRef,
     resource: boolean,
     onBytes?: (n: number) => void,
     signal?: AbortSignal,
@@ -360,57 +405,77 @@ export class ApiCatalog implements CatalogWithBackend {
   }
 
   private adopt(raw: FinderNodeDto): VNode {
-    const prev = this.nodes.get(raw.id);
-    const loaded = this.forksLoaded.has(raw.id);
+    const key = raw.addr === 'path' ? refKey(raw.path) : refKey(raw.id);
+    const prev = this.nodes.get(key);
+    const loaded = this.forksLoaded.has(key);
     const finderInfo = b64ToBytes(raw.finderInfo);
-    const node: VNode = {
-      id: raw.id,
-      parentId: raw.parentId,
+    const common = {
       name: raw.name,
       isDir: raw.isDir,
       data: loaded && prev ? prev.data : EMPTY,
       resource: loaded && prev ? prev.resource : EMPTY,
       finderInfo: finderInfo.length ? finderInfo : new Uint8Array(32),
-      createDate: raw.createDate ?? 0,
-      modDate: raw.modDate ?? 0,
+      createDate: toUnixMs(raw.createDate ?? 0),
+      modDate: toUnixMs(raw.modDate ?? 0),
+      accessDate: raw.accessDate != null ? toUnixMs(raw.accessDate) : undefined,
       dataBytes: raw.isDir ? 0 : (raw.dataBytes ?? 0),
       resourceBytes: raw.isDir ? 0 : (raw.resourceBytes ?? 0),
+      shortName: raw.shortName,
+      mediumName: raw.mediumName,
+      attrs: raw.attrs,
     };
+    const node: VNode = raw.addr === 'path'
+      ? { addr: 'path', path: raw.path, parentPath: raw.parentPath, ...common }
+      : { addr: 'cnid', id: raw.id, parentId: raw.parentId, ...common };
     if (!raw.isDir && loaded && prev) {
       node.dataBytes = prev.data.length;
       node.resourceBytes = prev.resource.length;
     }
-    this.nodes.set(node.id, node);
+    this.nodes.set(refKey(nodeRef(node)), node);
     return node;
   }
 
   private ensureRoot(): VNode {
-    const existing = this.nodes.get(this.root);
+    const existing = this.nodes.get(refKey(this.root));
     if (existing) return existing;
-    const root: VNode = {
-      id: this.root,
-      parentId: 1,
-      name: '',
-      isDir: true,
-      data: EMPTY,
-      resource: EMPTY,
-      finderInfo: new Uint8Array(32),
-      createDate: 0,
-      modDate: 0,
-    };
-    this.nodes.set(this.root, root);
+    const root: VNode = this.caps.addressBy === 'path'
+      ? {
+          addr: 'path',
+          path: '',
+          parentPath: '',
+          name: '',
+          isDir: true,
+          data: EMPTY,
+          resource: EMPTY,
+          finderInfo: new Uint8Array(32),
+          createDate: 0,
+          modDate: 0,
+        }
+      : {
+          addr: 'cnid',
+          id: typeof this.root === 'number' ? this.root : CNIDRoot,
+          parentId: 1,
+          name: '',
+          isDir: true,
+          data: EMPTY,
+          resource: EMPTY,
+          finderInfo: new Uint8Array(32),
+          createDate: 0,
+          modDate: 0,
+        };
+    this.nodes.set(refKey(nodeRef(root)), root);
     return root;
   }
 
-  private notify(...parentIds: number[]): void {
+  private notify(...parentIds: NodeRef[]): void {
     if (this.batchDepth > 0) {
-      for (const id of parentIds) this.batchParents.add(id);
+      for (const id of parentIds) this.batchParents.add(refKey(id));
       return;
     }
     this.emit(parentIds);
   }
 
-  private emit(parentIds: number[]): void {
+  private emit(parentIds: NodeRef[]): void {
     const change = { parentIds };
     for (const fn of this.listeners) fn(change);
   }
diff --git a/src/finder/api.ts b/src/finder/api.ts
index c380c4b..75f363b 100644
--- a/src/finder/api.ts
+++ b/src/finder/api.ts
@@ -1,6 +1,7 @@
 /** Protocol-neutral Finder backend (ClassicStack-web AFP or ClassicStack-go HTTP). */
 
 import type { Catalog } from '../fs/virtual-fs';
+import type { NodeRef } from '../fs/catalog-caps';
 import type { FinderNodeDto, FinderSessionDto, OpProgress, TransferOptions, CrossTransferRequest } from './types';
 
 export type ConnectRequest = {
@@ -15,26 +16,29 @@ export type ConnectRequest = {
 export interface FinderAPI {
   readonly backendId: string;
 
-  getNode(sessionId: string, id: number): Promise<FinderNodeDto>;
-  children(sessionId: string, parentId: number): Promise<FinderNodeDto[]>;
-  lookup(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto | null>;
-  mkdir(sessionId: string, parentId: number, name: string): Promise<FinderNodeDto>;
+  getNode(sessionId: string, ref: NodeRef): Promise<FinderNodeDto>;
+  children(sessionId: string, parent: NodeRef): Promise<FinderNodeDto[]>;
+  lookup(sessionId: string, parent: NodeRef, name: string): Promise<FinderNodeDto | null>;
+  mkdir(sessionId: string, parent: NodeRef, name: string): Promise<FinderNodeDto>;
   create(
     sessionId: string,
-    parentId: number,
+    parent: NodeRef,
     name: string,
     body?: { data?: Uint8Array; resource?: Uint8Array; finderInfo?: Uint8Array },
   ): Promise<FinderNodeDto>;
-  rename(sessionId: string, id: number, name: string): Promise<void>;
-  move(sessionId: string, id: number, parentId: number): Promise<void>;
-  remove(sessionId: string, id: number): Promise<void>;
-  readFork(sessionId: string, id: number, resource: boolean, off?: number, len?: number): Promise<Uint8Array>;
-  writeFork(sessionId: string, id: number, resource: boolean, off: number, data: Uint8Array): Promise<void>;
-  writeFinderInfo(sessionId: string, id: number, finderInfo: Uint8Array): Promise<void>;
+  rename(sessionId: string, ref: NodeRef, name: string): Promise<void>;
+  move(sessionId: string, ref: NodeRef, parent: NodeRef): Promise<void>;
+  remove(sessionId: string, ref: NodeRef): Promise<void>;
+  readFork(sessionId: string, ref: NodeRef, resource: boolean, off?: number, len?: number): Promise<Uint8Array>;
+  writeFork(sessionId: string, ref: NodeRef, resource: boolean, off: number, data: Uint8Array): Promise<void>;
+  writeFinderInfo(sessionId: string, ref: NodeRef, finderInfo: Uint8Array): Promise<void>;
+  writeAttrs?(sessionId: string, ref: NodeRef, patch: Record<string, boolean>): Promise<void>;
+  resolvePath(sessionId: string, path: string): Promise<FinderNodeDto | null>;
+  pathOf(sessionId: string, ref: NodeRef): Promise<string>;
 
   copy(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress>;
   moveAcross(req: CrossTransferRequest, signal?: AbortSignal): AsyncIterable<OpProgress>;
-  expand(sessionId: string, id: number, signal?: AbortSignal): AsyncIterable<OpProgress>;
+  expand(sessionId: string, ref: NodeRef, signal?: AbortSignal): AsyncIterable<OpProgress>;
 
   openCatalog(session: FinderSessionDto): Catalog;
   connect?(req: ConnectRequest): Promise<FinderSessionDto>;
@@ -46,9 +50,9 @@ export interface FinderAPI {
 export type CatalogWithBackend = Catalog & {
   readonly sessionId: string;
   readonly api: FinderAPI;
-  copyFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void>;
-  moveFrom(src: CatalogWithBackend, srcId: number, destParent: number, opts: TransferOptions): Promise<void>;
-  expandNode(id: number, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void>;
+  copyFrom(src: CatalogWithBackend, srcId: NodeRef, destParent: NodeRef, opts: TransferOptions): Promise<void>;
+  moveFrom(src: CatalogWithBackend, srcId: NodeRef, destParent: NodeRef, opts: TransferOptions): Promise<void>;
+  expandNode(id: NodeRef, opts?: Pick<TransferOptions, 'signal' | 'onProgress'>): Promise<void>;
 };
 
 export function isCatalogWithBackend(c: Catalog): c is CatalogWithBackend {
diff --git a/src/finder/catalog-copy.ts b/src/finder/catalog-copy.ts
index 343659f..7dcf065 100644
--- a/src/finder/catalog-copy.ts
+++ b/src/finder/catalog-copy.ts
@@ -1,16 +1,19 @@
 /** In-browser copy/move/expand between Finder catalogs (AFP PWA). */
 
 import type { Catalog, VNode } from '../fs/virtual-fs';
+import { nodeRef, parentRef } from '../fs/virtual-fs';
 import { RemoteVfs } from '../fs/remote-vfs';
 import { expandArchiveFile } from '../fs/expand-incoming';
 import { expandSitInPlace } from '../fs/expand-inplace';
 import { importExpandedTree } from '../fs/import-transfer';
 import { throwIfAborted } from '../util/abort';
+import type { NodeRef } from '../fs/catalog-caps';
+import { asCnid } from '../fs/catalog-caps';
 import type { CrossTransferRequest, OpProgress } from './types';
 
 type CopyCtx = {
   destName: string;
-  destParentId: number;
+  destParentId: NodeRef;
   bytesDone: number;
   bytesTotal?: number;
   signal?: AbortSignal;
@@ -29,7 +32,7 @@ async function* copyNode(
   src: Catalog,
   dest: Catalog,
   node: VNode,
-  destParent: number,
+  destParent: NodeRef,
   destName: string,
   ctx: CopyCtx,
 ): AsyncGenerator<OpProgress> {
@@ -44,13 +47,13 @@ async function* copyNode(
   };
   if (node.isDir) {
     const dir = await dest.mkdir(destParent, destName);
-    for (const child of await src.children(node.id, undefined, ctx.signal)) {
-      yield* copyNode(src, dest, child, dir.id, child.name, ctx);
+    for (const child of await src.children(nodeRef(node), undefined, ctx.signal)) {
+      yield* copyNode(src, dest, child, nodeRef(dir), child.name, ctx);
     }
     return;
   }
   if (sameAfpClient(src, dest) && src instanceof RemoteVfs && dest instanceof RemoteVfs) {
-    await src.client.copyFile(node.parentId, node.name, dest.volId, destParent, destName, src.volId);
+    await src.client.copyFile(asCnid(parentRef(node)), node.name, dest.volId, asCnid(destParent), destName, src.volId);
     ctx.bytesDone += nodeBytes(node);
     yield {
       phase: 'copying',
@@ -73,7 +76,7 @@ async function* copyNode(
         ctx.bytesDone += n;
       }
     : undefined;
-  const full = (await src.ensureContent(node.id, onRead, ctx.signal)) ?? node;
+  const full = (await src.ensureContent(nodeRef(node), onRead, ctx.signal)) ?? node;
   throwIfAborted(ctx.signal);
   await dest.createFile(
     destParent,
@@ -108,7 +111,7 @@ export async function* copyBetweenCatalogs(
   }
   if (req.replace) {
     const existing = await dest.lookup(req.destParentId, req.destName);
-    if (existing) await dest.remove(existing.id);
+    if (existing) await dest.remove(nodeRef(existing));
   }
   const ctx: CopyCtx = {
     destName: req.destName,
@@ -147,7 +150,7 @@ export async function* moveBetweenCatalogs(
   if (src === dest || (src instanceof RemoteVfs && dest instanceof RemoteVfs && src.client === dest.client && src.volId === dest.volId)) {
     if (req.replace) {
       const existing = await dest.lookup(req.destParentId, req.destName);
-      if (existing && existing.id !== req.srcId) await dest.remove(existing.id);
+      if (existing && nodeRef(existing) !== req.srcId) await dest.remove(nodeRef(existing));
     }
     if (req.destName && req.destName !== node.name) await src.rename(req.srcId, req.destName);
     await src.move(req.srcId, req.destParentId);
@@ -162,10 +165,10 @@ export async function* moveBetweenCatalogs(
 /** Expand an archive next to itself on a catalog (StuffIt in-place, else load + expand). */
 export async function* expandOnCatalog(
   cat: Catalog,
-  id: number,
+  ref: NodeRef,
   signal?: AbortSignal,
 ): AsyncGenerator<OpProgress> {
-  const node = await cat.get(id);
+  const node = await cat.get(ref);
   if (!node || node.isDir) {
     yield { error: 'not an archive', done: true };
     return;
@@ -187,10 +190,12 @@ export async function* expandOnCatalog(
       resolveConflict: async () => 'rename',
     });
     if (!inPlace) {
-      const full = (await cat.ensureContent(id, track.onBytes, signal)) ?? node;
+      const full = (await cat.ensureContent(ref, track.onBytes, signal)) ?? node;
       throwIfAborted(signal);
       const tree = expandArchiveFile(full.name, full.data);
-      await importExpandedTree(cat, node.parentId, tree, track);
+      const parent = parentRef(node);
+      if (typeof parent !== 'number') throw new Error('expand: AFP parent required');
+      await importExpandedTree(cat, parent, tree, track);
     }
     yield { phase: 'expanding', path: node.name, bytesDone, bytesTotal, done: true };
   } finally {
diff --git a/src/finder/index.ts b/src/finder/index.ts
index 82276d6..ed499c0 100644
--- a/src/finder/index.ts
+++ b/src/finder/index.ts
@@ -14,3 +14,15 @@ export type {
   TransferOptions,
   CrossTransferRequest,
 } from './types';
+export type { CatalogCapabilities, NodeRef, VolumeIdentity } from '../fs/catalog-caps';
+export {
+  afpVolumeCaps,
+  smbVolumeCaps,
+  ncpVolumeCaps,
+  edfsVolumeCaps,
+  localShareCaps,
+  catalogCapsForSession,
+  parseRefKey,
+  refKey,
+} from '../fs/catalog-caps';
+export { volumeChrome, formatStorePath, clientVolumeURI, isClientURI } from '../fs/volume-chrome';
diff --git a/src/finder/types.ts b/src/finder/types.ts
index f74a317..2e070dd 100644
--- a/src/finder/types.ts
+++ b/src/finder/types.ts
@@ -1,5 +1,7 @@
 /** Shared Finder VFS job progress (Go SSE and in-browser AFP). */
 
+import type { CatalogCapabilities, NodeRef } from '../fs/catalog-caps';
+
 export type OpPhase = 'copying' | 'moving' | 'expanding' | 'listing';
 
 export type OpProgress = {
@@ -8,14 +10,24 @@ export type OpProgress = {
   bytesDone?: number;
   bytesTotal?: number;
   destName?: string;
-  destParentId?: number;
+  destParentId?: NodeRef;
   done?: boolean;
   error?: string;
 };
 
-export type FinderNodeDto = {
+export type CnidNodeDto = {
+  addr: 'cnid';
   id: number;
   parentId: number;
+};
+
+export type PathNodeDto = {
+  addr: 'path';
+  path: string;
+  parentPath: string;
+};
+
+export type FinderNodeDto = (CnidNodeDto | PathNodeDto) & {
   name: string;
   isDir: boolean;
   dataBytes?: number;
@@ -23,6 +35,11 @@ export type FinderNodeDto = {
   finderInfo?: string;
   createDate?: number;
   modDate?: number;
+  accessDate?: number;
+  backupDate?: number;
+  shortName?: string;
+  mediumName?: string;
+  attrs?: Record<string, boolean>;
 };
 
 export type FinderSessionDto = {
@@ -33,15 +50,20 @@ export type FinderSessionDto = {
   allowGuest: boolean;
   uams?: string[];
   rootId?: number;
+  rootPath?: string;
   volume?: string;
   target?: string;
   transport?: string;
+  protocol?: string;
+  os?: string;
+  dialect?: string;
+  capabilities?: CatalogCapabilities;
 };
 
 export type TransferOptions = {
   destName: string;
   replace?: boolean;
-  replaceId?: number | null;
+  replaceId?: NodeRef | null;
   signal?: AbortSignal;
   onProgress?: (p: OpProgress) => void;
 };
@@ -49,8 +71,8 @@ export type TransferOptions = {
 export type CrossTransferRequest = {
   srcSession: string;
   destSession: string;
-  srcId: number;
-  destParentId: number;
+  srcId: NodeRef;
+  destParentId: NodeRef;
   destName: string;
   replace?: boolean;
 };
diff --git a/src/fs/capability-catalog.test.ts b/src/fs/capability-catalog.test.ts
new file mode 100644
index 0000000..356731d
--- /dev/null
+++ b/src/fs/capability-catalog.test.ts
@@ -0,0 +1,116 @@
+import { describe, expect, it } from 'vitest';
+import { CapabilityCatalog } from './capability-catalog';
+import {
+  afpVolumeCaps,
+  catalogCapsForSession,
+  edfsVolumeCaps,
+  smbVolumeCaps,
+  showsResourceFork,
+  showsTypeCreator,
+} from './catalog-caps';
+import { formatStorePath, volumeChrome } from './volume-chrome';
+
+describe('CapabilityCatalog CNID vs path', () => {
+  it('AFP preset is CNID-addressed with no path identity fields', async () => {
+    const cat = new CapabilityCatalog(afpVolumeCaps);
+    expect(cat.capabilities().addressBy).toBe('cnid');
+    expect(cat.rootId()).toBe(2);
+
+    const foo = await cat.mkdir(2, 'FOO');
+    expect(foo.addr).toBe('cnid');
+    if (foo.addr !== 'cnid') return;
+    expect(foo.id).toBeGreaterThan(2);
+    expect(foo.parentId).toBe(2);
+    expect('path' in foo).toBe(false);
+
+    const bar = await cat.createFile(foo.id, 'BAR', new Uint8Array([1]));
+    expect(bar.addr).toBe('cnid');
+    const resolved = await cat.resolvePath('FOO/BAR');
+    expect(resolved?.addr).toBe('cnid');
+    if (resolved?.addr !== 'cnid') return;
+    expect(resolved.id).toBe(bar.addr === 'cnid' ? bar.id : -1);
+    expect(await cat.pathOf(resolved.id)).toBe('FOO/BAR');
+  });
+
+  it('SMB preset is path-addressed with no CNID identity fields', async () => {
+    const cat = new CapabilityCatalog(smbVolumeCaps);
+    expect(cat.capabilities().addressBy).toBe('path');
+    expect(cat.rootId()).toBe('');
+
+    const foo = await cat.mkdir('', 'FOO');
+    expect(foo.addr).toBe('path');
+    if (foo.addr !== 'path') return;
+    expect(foo.path).toBe('FOO');
+    expect(foo.parentPath).toBe('');
+    expect('id' in foo).toBe(false);
+
+    const bar = await cat.createFile('FOO', 'BAR.TXT', new Uint8Array());
+    expect(bar.addr).toBe('path');
+    if (bar.addr !== 'path') return;
+    expect(bar.path).toBe('FOO/BAR.TXT');
+    expect(bar.parentPath).toBe('FOO');
+
+    const resolved = await cat.resolvePath('FOO/BAR.TXT');
+    expect(resolved?.addr).toBe('path');
+    if (resolved?.addr !== 'path') return;
+    expect(resolved.path).toBe('FOO/BAR.TXT');
+    expect(await cat.pathOf('FOO/BAR.TXT')).toBe('FOO/BAR.TXT');
+    await expect(cat.get(2)).resolves.toBeUndefined();
+  });
+
+  it('EtherDFS stub uses short names and DOS attrs, still path-addressed', async () => {
+    const cat = new CapabilityCatalog(edfsVolumeCaps);
+    expect(cat.capabilities().names).toEqual(['short']);
+    expect(cat.capabilities().hideAttribute).toBe('hidden');
+    expect(cat.capabilities().addressBy).toBe('path');
+    const file = await cat.createFile('', 'README.TXT', new Uint8Array());
+    expect(file.addr).toBe('path');
+    await cat.setAttrs('README.TXT', { hidden: true, readonly: true });
+    const got = await cat.get('README.TXT');
+    expect(got?.attrs).toEqual({ hidden: true, readonly: true });
+  });
+});
+
+describe('volume chrome', () => {
+  it('is identity-driven, not shareKind for Get Info fields', () => {
+    expect(volumeChrome(smbVolumeCaps).volumeIcon).toBe('windows');
+    expect(volumeChrome(afpVolumeCaps).volumeIcon).toBe('appleshare');
+    expect(volumeChrome(edfsVolumeCaps).volumeIcon).toBe('dos');
+    expect(formatStorePath('FOO/BAR', 'dos', 'C:')).toBe('C:\\FOO\\BAR');
+    expect(formatStorePath('FOO/BAR', 'mac', 'HD')).toBe('HD:FOO:BAR');
+    expect(formatStorePath('FOO/BAR', 'ncp', 'SYS')).toBe('SYS:FOO/BAR');
+  });
+
+  it('local+smb still looks like a Windows share', () => {
+    const chrome = volumeChrome({
+      ...smbVolumeCaps,
+      identity: { shareKind: 'local', protocol: 'smb' },
+    });
+    expect(chrome.volumeIcon).toBe('windows');
+    expect(chrome.kindLabel).toMatch(/Windows/i);
+  });
+});
+
+describe('Get Info feature flags', () => {
+  it('hides type/creator and resource fork on SMB', () => {
+    expect(showsTypeCreator(smbVolumeCaps, false)).toBe(false);
+    expect(showsResourceFork(smbVolumeCaps)).toBe(false);
+  });
+
+  it('shows type/creator and resource fork on AFP files', () => {
+    expect(showsTypeCreator(afpVolumeCaps, false)).toBe(true);
+    expect(showsTypeCreator(afpVolumeCaps, true)).toBe(false);
+    expect(showsResourceFork(afpVolumeCaps)).toBe(true);
+  });
+
+  it('does not default SMB sessions to AFP Mac metadata', () => {
+    const caps = catalogCapsForSession({ kind: 'smb' });
+    expect(showsTypeCreator(caps, false)).toBe(false);
+    expect(showsResourceFork(caps)).toBe(false);
+  });
+
+  it('keeps server-declared capabilities', () => {
+    const caps = catalogCapsForSession({ kind: 'smb', capabilities: afpVolumeCaps });
+    expect(showsResourceFork(caps)).toBe(true);
+  });
+});
diff --git a/src/fs/capability-catalog.ts b/src/fs/capability-catalog.ts
new file mode 100644
index 0000000..e080747
--- /dev/null
+++ b/src/fs/capability-catalog.ts
@@ -0,0 +1,329 @@
+/** In-memory Catalog parameterized by capabilities (tests + SMB/NCP/EDFS stubs). */
+
+import { bufferRangeReader, type ByteRangeReader } from './byte-range';
+import { importDataTransferInto, type ImportProgress } from './import-transfer';
+import type { ResourceFork } from './resource-fork';
+import {
+  joinStorePath,
+  refKey,
+  type CatalogCapabilities,
+  type NodeRef,
+} from './catalog-caps';
+import type {
+  Catalog,
+  ChildrenBatchListener,
+  CnidVNode,
+  PathVNode,
+  VfsChangeListener,
+  VNode,
+} from './virtual-fs';
+import { nodeRef, parentRef } from './virtual-fs';
+
+const EMPTY = new Uint8Array();
+const ROOT_CNID = 2;
+
+function emptyForks(): Pick<VNode, 'data' | 'resource' | 'finderInfo'> {
+  return { data: EMPTY, resource: EMPTY, finderInfo: new Uint8Array(32) };
+}
+
+export class CapabilityCatalog implements Catalog {
+  readonly reportsChunkedBytes = false;
+  private caps: CatalogCapabilities;
+  private cnidNodes = new Map<number, CnidVNode>();
+  private pathNodes = new Map<string, PathVNode>();
+  private nextId = 100;
+  private listeners = new Set<VfsChangeListener>();
+  private batchDepth = 0;
+  private batchParents = new Set<string>();
+
+  constructor(caps: CatalogCapabilities) {
+    this.caps = caps;
+    if (caps.addressBy === 'cnid') {
+      this.cnidNodes.set(ROOT_CNID, {
+        addr: 'cnid',
+        id: ROOT_CNID,
+        parentId: 1,
+        name: '',
+        isDir: true,
+        createDate: Date.now(),
+        modDate: Date.now(),
+        ...emptyForks(),
+      });
+    } else {
+      this.pathNodes.set('', {
+        addr: 'path',
+        path: '',
+        parentPath: '',
+        name: '',
+        isDir: true,
+        createDate: Date.now(),
+        modDate: Date.now(),
+        ...emptyForks(),
+      });
+    }
+  }
+
+  capabilities(): CatalogCapabilities {
+    return this.caps;
+  }
+
+  rootId(): NodeRef {
+    return this.caps.addressBy === 'path' ? '' : ROOT_CNID;
+  }
+
+  subscribe(fn: VfsChangeListener): () => void {
+    this.listeners.add(fn);
+    return () => this.listeners.delete(fn);
+  }
+
+  beginBatch(): void {
+    this.batchDepth++;
+  }
+
+  endBatch(): void {
+    if (this.batchDepth <= 0) return;
+    this.batchDepth--;
+    if (this.batchDepth === 0 && this.batchParents.size) {
+      const parentIds = [...this.batchParents].map((k) => (k.startsWith('p:') ? k.slice(2) : Number(k.slice(2))));
+      this.batchParents.clear();
+      this.emit(parentIds);
+    }
+  }
+
+  async get(ref: NodeRef): Promise<VNode | undefined> {
+    if (this.caps.addressBy === 'path') {
+      if (typeof ref !== 'string') return undefined;
+      return this.pathNodes.get(ref);
+    }
+    if (typeof ref === 'string') return this.resolvePath(ref);
+    return this.cnidNodes.get(ref);
+  }
+
+  async ensureContent(ref: NodeRef): Promise<VNode | undefined> {
+    return this.get(ref);
+  }
+
+  async children(parent: NodeRef, onBatch?: ChildrenBatchListener): Promise<VNode[]> {
+    const kids: VNode[] = [];
+    if (this.caps.addressBy === 'path') {
+      const p = String(parent);
+      for (const n of this.pathNodes.values()) {
+        if (n.path !== p && n.parentPath === p) kids.push(n);
+      }
+    } else {
+      const id = Number(parent);
+      for (const n of this.cnidNodes.values()) {
+        if (n.parentId === id && n.id !== id) kids.push(n);
+      }
+    }
+    await onBatch?.(kids);
+    return kids;
+  }
+
+  async lookup(parent: NodeRef, name: string): Promise<VNode | undefined> {
+    const kids = await this.children(parent);
+    const lower = name.toLowerCase();
+    return kids.find((n) => n.name.toLowerCase() === lower);
+  }
+
+  async resolvePath(path: string): Promise<VNode | undefined> {
+    if (this.caps.addressBy === 'path') return this.get(path);
+    const parts = path.split('/').filter(Boolean);
+    let cur: VNode | undefined = await this.get(ROOT_CNID);
+    for (const part of parts) {
+      if (!cur) return undefined;
+      cur = await this.lookup(nodeRef(cur), part);
+    }
+    return cur;
+  }
+
+  async pathOf(ref: NodeRef): Promise<string> {
+    if (this.caps.addressBy === 'path') return String(ref);
+    if (typeof ref === 'string') return ref;
+    const names: string[] = [];
+    let cur = await this.get(ref);
+    while (cur && cur.addr === 'cnid' && cur.id !== ROOT_CNID) {
+      if (cur.name) names.unshift(cur.name);
+      if (!cur.parentId || cur.parentId === cur.id) break;
+      cur = await this.get(cur.parentId);
+    }
+    return names.join('/');
+  }
+
+  async setAttrs(ref: NodeRef, patch: Record<string, boolean>): Promise<void> {
+    const n = await this.get(ref);
+    if (!n) throw new Error('not found');
+    n.attrs = { ...(n.attrs ?? {}), ...patch };
+    this.store(n);
+  }
+
+  async loadResourceFork(): Promise<ResourceFork | null> {
+    return null;
+  }
+
+  async loadIconResources(): Promise<ResourceFork | null> {
+    return null;
+  }
+
+  async withRangeReader<T>(node: VNode, fn: (read: ByteRangeReader) => Promise<T>): Promise<T> {
+    return fn(bufferRangeReader(node.data));
+  }
+
+  async mkdir(parent: NodeRef, name: string): Promise<VNode> {
+    const existing = await this.lookup(parent, name);
+    if (existing) throw new Error('exists');
+    const n = this.makeChild(parent, name, true);
+    this.store(n);
+    this.notify(parent);
+    return n;
+  }
+
+  async ensureDir(parent: NodeRef, name: string): Promise<VNode> {
+    const existing = await this.lookup(parent, name);
+    if (existing?.isDir) return existing;
+    if (existing) throw new Error('exists');
+    return this.mkdir(parent, name);
+  }
+
+  async createFile(
+    parent: NodeRef,
+    name: string,
+    data: Uint8Array,
+    resource = EMPTY,
+    finderInfo?: Uint8Array,
+  ): Promise<VNode> {
+    const existing = await this.lookup(parent, name);
+    if (existing) {
+      existing.data = data;
+      existing.resource = resource;
+      if (finderInfo) existing.finderInfo = finderInfo;
+      existing.modDate = Date.now();
+      this.store(existing);
+      return existing;
+    }
+    const n = this.makeChild(parent, name, false);
+    n.data = data;
+    n.resource = resource;
+    if (finderInfo) n.finderInfo = finderInfo;
+    this.store(n);
+    this.notify(parent);
+    return n;
+  }
+
+  async put(node: VNode): Promise<void> {
+    this.store(node);
+    this.notify(parentRef(node));
+  }
+
+  async rename(ref: NodeRef, newName: string): Promise<void> {
+    const n = await this.get(ref);
+    if (!n) throw new Error('not found');
+    n.name = newName;
+    n.modDate = Date.now();
+    if (n.addr === 'path') {
+      const dest = joinStorePath(n.parentPath, newName);
+      this.pathNodes.delete(n.path);
+      n.path = dest;
+      this.pathNodes.set(dest, n);
+      this.notify(n.parentPath);
+      return;
+    }
+    this.store(n);
+    this.notify(n.parentId);
+  }
+
+  async move(ref: NodeRef, newParent: NodeRef): Promise<void> {
+    const n = await this.get(ref);
+    if (!n) throw new Error('not found');
+    const oldParent = parentRef(n);
+    if (n.addr === 'path') {
+      const destParent = String(newParent);
+      const dest = joinStorePath(destParent, n.name);
+      this.pathNodes.delete(n.path);
+      n.parentPath = destParent;
+      n.path = dest;
+      this.pathNodes.set(dest, n);
+    } else {
+      n.parentId = Number(newParent);
+      this.store(n);
+    }
+    this.notify(oldParent, newParent);
+  }
+
+  async remove(ref: NodeRef): Promise<void> {
+    const n = await this.get(ref);
+    if (!n) return;
+    for (const k of await this.children(ref)) await this.remove(nodeRef(k));
+    if (n.addr === 'path') this.pathNodes.delete(n.path);
+    else this.cnidNodes.delete(n.id);
+    this.notify(parentRef(n));
+  }
+
+  async importDataTransfer(parent: NodeRef, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+    if (typeof parent !== 'number') {
+      throw new Error('capability-catalog: host import uses cnid parent');
+    }
+    return importDataTransferInto(
+      this,
+      parent,
+      dt,
+      async (_pp, file) => {
+        const buf = new Uint8Array(await file.arrayBuffer());
+        return this.createFile(parent, file.name, buf);
+      },
+      opts,
+    );
+  }
+
+  private makeChild(parent: NodeRef, name: string, isDir: boolean): VNode {
+    const now = Date.now();
+    if (this.caps.addressBy === 'path') {
+      const parentPath = String(parent);
+      const path = joinStorePath(parentPath, name);
+      return {
+        addr: 'path',
+        path,
+        parentPath,
+        name,
+        isDir,
+        createDate: now,
+        modDate: now,
+        ...emptyForks(),
+        data: new Uint8Array(),
+        resource: new Uint8Array(),
+        finderInfo: new Uint8Array(32),
+      };
+    }
+    return {
+      addr: 'cnid',
+      id: this.nextId++,
+      parentId: Number(parent),
+      name,
+      isDir,
+      createDate: now,
+      modDate: now,
+      ...emptyForks(),
+      data: new Uint8Array(),
+      resource: new Uint8Array(),
+      finderInfo: new Uint8Array(32),
+    };
+  }
+
+  private store(n: VNode): void {
+    if (n.addr === 'path') this.pathNodes.set(n.path, n);
+    else this.cnidNodes.set(n.id, n);
+  }
+
+  private notify(...parents: NodeRef[]): void {
+    if (this.batchDepth > 0) {
+      for (const p of parents) this.batchParents.add(refKey(p));
+      return;
+    }
+    this.emit(parents);
+  }
+
+  private emit(parentIds: NodeRef[]): void {
+    for (const fn of this.listeners) fn({ parentIds });
+  }
+}
+
diff --git a/src/fs/catalog-caps.ts b/src/fs/catalog-caps.ts
new file mode 100644
index 0000000..37113a9
--- /dev/null
+++ b/src/fs/catalog-caps.ts
@@ -0,0 +1,267 @@
+/** Volume-declared Finder catalog capabilities (shared by PWA and Go SPA). */
+
+import type { ShareKind } from '../ui/finder-host';
+
+/** Native catalog address: CNID number or store path (`''` = volume root). */
+export type NodeRef = number | string;
+
+export type AddressBy = 'cnid' | 'path';
+export type NameKind = 'long' | 'medium' | 'short';
+export type DateField = 'created' | 'modified' | 'accessed' | 'backup';
+export type NameCase = 'preserve' | 'upper' | 'insensitive';
+export type PathFormat = 'posix' | 'mac' | 'dos' | 'ncp';
+
+export type AttrField = {
+  id: string;
+  label: string;
+  type: 'bool';
+  editable?: boolean;
+};
+
+export type VolumeIdentity = {
+  shareKind: ShareKind;
+  protocol?: ShareKind | 'afp' | 'smb' | 'ncp' | 'etherdfs';
+  filesystem?: string;
+  transport?: string;
+  forkBackend?: string;
+  dialect?: string;
+  os?: string;
+};
+
+export type CatalogCapabilities = {
+  identity: VolumeIdentity;
+  addressBy: AddressBy;
+  readOnly: boolean;
+  resourceFork: boolean;
+  finderInfo: boolean;
+  desktopIcons: boolean;
+  resourceIcons: boolean;
+  names: NameKind[];
+  maxNameBytes: Partial<Record<NameKind, number>>;
+  nameCase: NameCase;
+  dates: DateField[];
+  attributes: AttrField[];
+  hideAttribute?: string;
+  pathFormat: PathFormat;
+};
+
+const DOS_ATTRS: AttrField[] = [
+  { id: 'readonly', label: 'Read only', type: 'bool', editable: true },
+  { id: 'hidden', label: 'Hidden', type: 'bool', editable: true },
+  { id: 'system', label: 'System', type: 'bool', editable: true },
+  { id: 'archive', label: 'Archive', type: 'bool', editable: true },
+];
+
+const AFP_ATTRS: AttrField[] = [
+  { id: 'invisible', label: 'Invisible', type: 'bool', editable: true },
+  { id: 'locked', label: 'Locked', type: 'bool', editable: true },
+];
+
+const AFP_DATES: DateField[] = ['created', 'modified', 'backup'];
+const DOS_DATES: DateField[] = ['created', 'modified', 'accessed'];
+
+export const afpVolumeCaps: CatalogCapabilities = {
+  identity: { shareKind: 'afp', protocol: 'afp' },
+  addressBy: 'cnid',
+  readOnly: false,
+  resourceFork: true,
+  finderInfo: true,
+  desktopIcons: true,
+  resourceIcons: true,
+  names: ['long'],
+  maxNameBytes: { long: 31 },
+  nameCase: 'preserve',
+  dates: AFP_DATES,
+  attributes: AFP_ATTRS,
+  hideAttribute: 'invisible',
+  pathFormat: 'mac',
+};
+
+export const smbVolumeCaps: CatalogCapabilities = {
+  identity: { shareKind: 'smb', protocol: 'smb' },
+  addressBy: 'path',
+  readOnly: false,
+  resourceFork: false,
+  finderInfo: false,
+  desktopIcons: false,
+  resourceIcons: false,
+  names: ['long', 'short'],
+  maxNameBytes: { long: 255, short: 12 },
+  nameCase: 'preserve',
+  dates: DOS_DATES,
+  attributes: DOS_ATTRS,
+  hideAttribute: 'hidden',
+  pathFormat: 'dos',
+};
+
+export const ncpVolumeCaps: CatalogCapabilities = {
+  identity: { shareKind: 'ncp', protocol: 'ncp' },
+  addressBy: 'path',
+  readOnly: false,
+  resourceFork: false,
+  finderInfo: false,
+  desktopIcons: false,
+  resourceIcons: false,
+  names: ['long', 'short'],
+  maxNameBytes: { long: 255, short: 12 },
+  nameCase: 'insensitive',
+  dates: DOS_DATES,
+  attributes: DOS_ATTRS,
+  hideAttribute: 'hidden',
+  pathFormat: 'ncp',
+};
+
+export const edfsVolumeCaps: CatalogCapabilities = {
+  identity: { shareKind: 'etherdfs', protocol: 'etherdfs' },
+  addressBy: 'path',
+  readOnly: false,
+  resourceFork: false,
+  finderInfo: false,
+  desktopIcons: false,
+  resourceIcons: false,
+  names: ['short'],
+  maxNameBytes: { short: 12 },
+  nameCase: 'upper',
+  dates: DOS_DATES,
+  attributes: DOS_ATTRS,
+  hideAttribute: 'hidden',
+  pathFormat: 'dos',
+};
+
+/** Local ClassicStack share: union of fork + DOS engines; addressing follows protocol. */
+export const localShareCaps: CatalogCapabilities = {
+  identity: { shareKind: 'local', protocol: 'afp', filesystem: 'local_fs' },
+  addressBy: 'cnid',
+  readOnly: false,
+  resourceFork: true,
+  finderInfo: true,
+  desktopIcons: false,
+  resourceIcons: true,
+  names: ['long', 'medium', 'short'],
+  maxNameBytes: { long: 255, medium: 31, short: 12 },
+  nameCase: 'preserve',
+  dates: ['created', 'modified', 'accessed'],
+  attributes: [...AFP_ATTRS, ...DOS_ATTRS],
+  hideAttribute: 'invisible',
+  pathFormat: 'posix',
+};
+
+const AFP_EPOCH_MS = Date.UTC(2000, 0, 1);
+
+/** Catalog timestamps are Unix ms. Convert AFP Mac time or Unix seconds if needed. */
+export function toUnixMs(t: number): number {
+  if (!t) return 0;
+  if (t > 1e11) return t;
+  if (t > 1e9) return t * 1000;
+  return AFP_EPOCH_MS + t * 1000;
+}
+
+/** Unix milliseconds → AFP Mac time (seconds since 2000-01-01 UTC). */
+export function fromUnixMs(ms: number): number {
+  if (!ms) return 0;
+  return Math.round((ms - AFP_EPOCH_MS) / 1000);
+}
+
+/** Get Info type/creator editors — only when the volume stores Finder info. */
+export function showsTypeCreator(caps: CatalogCapabilities, isDir = false): boolean {
+  return !!caps.finderInfo && !isDir;
+}
+
+/** Resource Fork action — only when the volume stores a resource fork. */
+export function showsResourceFork(caps: CatalogCapabilities): boolean {
+  return !!caps.resourceFork;
+}
+
+/** Catalog capabilities for a Finder session. Prefer the server-declared set. */
+export function catalogCapsForSession(session: {
+  kind?: string;
+  protocol?: string;
+  capabilities?: CatalogCapabilities | null;
+}): CatalogCapabilities {
+  if (session.capabilities) return session.capabilities;
+  const kind = (session.kind || '').toLowerCase();
+  const proto = (session.protocol || kind).toLowerCase();
+  const asLocal = (caps: CatalogCapabilities, protocol: VolumeIdentity['protocol']): CatalogCapabilities =>
+    kind === 'local'
+      ? { ...caps, identity: { shareKind: 'local', protocol, filesystem: 'local_fs' } }
+      : caps;
+  switch (proto) {
+    case 'smb':
+      return asLocal(smbVolumeCaps, 'smb');
+    case 'ncp':
+      return asLocal(ncpVolumeCaps, 'ncp');
+    case 'etherdfs':
+      return asLocal(edfsVolumeCaps, 'etherdfs');
+    case 'local':
+      return localShareCaps;
+    default:
+      return kind === 'local' ? localShareCaps : afpVolumeCaps;
+  }
+}
+
+export function isPathRef(ref: NodeRef): ref is string {
+  return typeof ref === 'string';
+}
+
+export function refsEqual(a: NodeRef, b: NodeRef): boolean {
+  return a === b;
+}
+
+/** Map key that distinguishes CNID `2` from path `"2"`. */
+export function refKey(ref: NodeRef): string {
+  return typeof ref === 'string' ? `p:${ref}` : `c:${ref}`;
+}
+
+export function parentPathOf(path: string): string {
+  const i = path.lastIndexOf('/');
+  return i < 0 ? '' : path.slice(0, i);
+}
+
+export function joinStorePath(parent: string, name: string): string {
+  const n = name.replace(/^\/+|\/+$/g, '');
+  if (!n) return parent;
+  return parent ? `${parent}/${n}` : n;
+}
+
+export function leafName(path: string): string {
+  const i = path.lastIndexOf('/');
+  return i < 0 ? path : path.slice(i + 1);
+}
+
+/** Parse a `refKey` (or a legacy numeric `data-id`) back to a NodeRef. */
+export function parseRefKey(key: string | null | undefined): NodeRef | null {
+  if (key == null || key === '') return null;
+  if (key.startsWith('p:')) return key.slice(2);
+  if (key.startsWith('c:')) {
+    const n = Number(key.slice(2));
+    return Number.isFinite(n) ? n : null;
+  }
+  const n = Number(key);
+  if (key !== '' && Number.isFinite(n) && String(n) === key) return n;
+  return key;
+}
+
+/** Narrow a NodeRef to a CNID. Path catalogs must not call this. */
+export function asCnid(ref: NodeRef): number {
+  if (typeof ref !== 'number') throw new Error('cnid catalog requires numeric id');
+  return ref;
+}
+
+/** Narrow a NodeRef to a store path. CNID catalogs must not call this. */
+export function asPath(ref: NodeRef): string {
+  if (typeof ref !== 'string') throw new Error('path catalog requires store path');
+  return ref;
+}
+
+/** Query params for a native catalog ref (`id` xor `path`). */
+export function refQuery(ref: NodeRef): { id?: string; path?: string } {
+  return typeof ref === 'string' ? { path: ref } : { id: String(ref) };
+}
+
+export function refBody(ref: NodeRef): { id?: number; path?: string } {
+  return typeof ref === 'string' ? { path: ref } : { id: ref };
+}
+
+export function parentBody(parent: NodeRef): { parentId?: number; parentPath?: string } {
+  return typeof parent === 'string' ? { parentPath: parent } : { parentId: parent };
+}
diff --git a/src/fs/empty-catalog.ts b/src/fs/empty-catalog.ts
index 87dead9..2aded06 100644
--- a/src/fs/empty-catalog.ts
+++ b/src/fs/empty-catalog.ts
@@ -2,17 +2,20 @@
 
 import type { ByteRangeReader } from './byte-range';
 import type { ResourceFork } from './resource-fork';
+import { afpVolumeCaps, type CatalogCapabilities, type NodeRef } from './catalog-caps';
 import type {
   Catalog,
   ChildrenBatchListener,
+  CnidVNode,
   VfsChangeListener,
   VNode,
 } from './virtual-fs';
 
 const ROOT_ID = 2;
 
-function emptyRoot(): VNode {
+function emptyRoot(): CnidVNode {
   return {
+    addr: 'cnid',
     id: ROOT_ID,
     parentId: 1,
     name: '',
@@ -31,7 +34,18 @@ function unsupported(op: string): never {
 
 /** Catalog with an empty root; mutations throw. */
 export class EmptyCatalog implements Catalog {
-  rootId(): number {
+  capabilities(): CatalogCapabilities {
+    return {
+      ...afpVolumeCaps,
+      readOnly: true,
+      resourceFork: false,
+      finderInfo: false,
+      desktopIcons: false,
+      resourceIcons: false,
+    };
+  }
+
+  rootId(): NodeRef {
     return ROOT_ID;
   }
 
@@ -42,16 +56,16 @@ export class EmptyCatalog implements Catalog {
   beginBatch(): void {}
   endBatch(): void {}
 
-  async get(id: number): Promise<VNode | undefined> {
-    return id === ROOT_ID ? emptyRoot() : undefined;
+  async get(ref: NodeRef): Promise<VNode | undefined> {
+    return ref === ROOT_ID ? emptyRoot() : undefined;
   }
 
-  async ensureContent(id: number): Promise<VNode | undefined> {
-    return this.get(id);
+  async ensureContent(ref: NodeRef): Promise<VNode | undefined> {
+    return this.get(ref);
   }
 
   async children(
-    _parentId: number,
+    _parent: NodeRef,
     onBatch?: ChildrenBatchListener,
     _signal?: AbortSignal,
   ): Promise<VNode[]> {
@@ -63,6 +77,14 @@ export class EmptyCatalog implements Catalog {
     return undefined;
   }
 
+  async resolvePath(path: string): Promise<VNode | undefined> {
+    return path === '' || path === '/' ? emptyRoot() : undefined;
+  }
+
+  async pathOf(): Promise<string> {
+    return '';
+  }
+
   async loadResourceFork(): Promise<ResourceFork | null> {
     return null;
   }
diff --git a/src/fs/expand-inplace.ts b/src/fs/expand-inplace.ts
index 30c3618..8a3368c 100644
--- a/src/fs/expand-inplace.ts
+++ b/src/fs/expand-inplace.ts
@@ -1,238 +1,240 @@
-/** Expand an existing StuffIt archive via Catalog ranged reads (headers, then each member). */
-
-import { hfsTimeToAfp } from '../protocol/afp/constants';
-import { makeFinderInfo } from './mac-file';
-import { expandedFromSitEntries, type ExpandedDir } from './expand-incoming';
-import { importExpandedTree, type ImportItemTrack, type ExpandTrackFile } from './import-transfer';
-import {
-  extractSitMember,
-  parseStuffItFromReader,
-  stuffItExpandError,
-  type SitPackedMember,
-} from './stuffit';
-import { SitError } from './stuffit-codec';
-import {
-  planItemPlacement,
-  TransferCancelled,
-  type NameConflictChoice,
-} from './name-conflict';
-import { throwIfAborted } from '../util/abort';
-import { log } from '../util/logger';
-import type { Catalog, VNode } from './virtual-fs';
-import type { ByteRangeReader } from './byte-range';
-
-export type ExpandSitInPlaceOpts = {
-  fileSize?: number;
-  track?: ImportItemTrack;
-  resolveConflict: (info: {
-    name: string;
-    isDir: boolean;
-    suggestedName: string;
-  }) => Promise<NameConflictChoice>;
-  /** Wrap catalog writes (Finder own-mutation + beginBatch/endBatch). */
-  wrapWrite?: (fn: () => Promise<void>) => Promise<void>;
-};
-
-type MetaFile = { kind: 'file'; name: string; member: SitPackedMember };
-type MetaDir = { kind: 'dir'; name: string; children: MetaNode[]; member?: SitPackedMember };
-type MetaNode = MetaFile | MetaDir;
-
-type ExpandFs = Pick<
-  Catalog,
-  'withRangeReader' | 'lookup' | 'remove' | 'ensureDir' | 'createFile' | 'put'
->;
-
-/**
- * Expand a StuffIt archive through VFS range reads. Returns false when the
- * payload is not StuffIt (caller should load the whole file and use expandArchiveFile).
- */
-export async function expandSitInPlace(
-  fs: ExpandFs,
-  node: VNode,
-  opts: ExpandSitInPlaceOpts,
-): Promise<boolean> {
-  log.trace(`expand in-place “${node.name}” ${opts.fileSize ?? node.dataBytes ?? node.data.length}b`, 'expand');
-  return fs.withRangeReader(
-    node,
-    (read) => expandSitFromReader(fs, node.parentId, read, opts),
-    { signal: opts.track?.signal },
-  );
-}
-
-async function expandSitFromReader(
-  fs: ExpandFs,
-  parentId: number,
-  read: ByteRangeReader,
-  opts: ExpandSitInPlaceOpts,
-): Promise<boolean> {
-  let creditCatalog = true;
-  const catalogRead: ByteRangeReader = async (offset, count) => {
-    throwIfAborted(opts.track?.signal);
-    const buf = await read(offset, count);
-    if (creditCatalog) opts.track?.onBytes?.(buf.length);
-    return buf;
-  };
-  opts.track?.onStatus?.('Reading archive');
-  let members: SitPackedMember[] | null;
-  try {
-    members = await parseStuffItFromReader(catalogRead, opts.fileSize);
-  } catch (err) {
-    if (err instanceof SitError) throw err;
-    throw stuffItExpandError(new Uint8Array(), err);
-  }
-  creditCatalog = false;
-  if (!members) return false;
-  if (!members.length) throw stuffItExpandError(new Uint8Array());
-  log.trace(`expand catalog ${members.length} member(s)`, 'expand');
-
-  const tree = sitPackedToTree(members);
-  const reserved = new Set<string>();
-  const planned: { item: MetaNode; replaceId: number | null }[] = [];
-  for (const item of tree) {
-    const plan = await planItemPlacement(fs, parentId, item.name, item.kind === 'dir', {
-      reserved,
-      resolveConflict: opts.resolveConflict,
-    });
-    if (!plan) throw new TransferCancelled();
-    reserved.add(plan.destName.toLowerCase());
-    planned.push({ item: renameMeta(item, plan.destName), replaceId: plan.replaceId });
-  }
-
-  const files = metaFiles(planned.map((row) => row.item));
-  opts.track?.onExpandBegin?.(
-    files.reduce((n, f) => n + f.bytesTotal, 0),
-    files,
-  );
-
-  const write = async (): Promise<void> => {
-    for (const row of planned) {
-      if (row.replaceId != null) await fs.remove(row.replaceId);
-    }
-    for (const row of planned) {
-      await writeMetaNode(fs, parentId, row.item, catalogRead, opts.track);
-    }
-  };
-  if (opts.wrapWrite) await opts.wrapWrite(write);
-  else await write();
-  return true;
-}
-
-function renameMeta(node: MetaNode, name: string): MetaNode {
-  return { ...node, name };
-}
-
-function sitPackedToTree(members: SitPackedMember[]): MetaNode[] {
-  const root: MetaNode[] = [];
-  const dirs = new Map<string, MetaDir>();
-  const ensureDir = (path: string, member?: SitPackedMember): MetaDir => {
-    const hit = dirs.get(path);
-    if (hit) {
-      if (member) hit.member = member;
-      return hit;
-    }
-    const parts = path.split('/');
-    const name = parts.pop()!;
-    const node: MetaDir = { kind: 'dir', name, children: [], member };
-    dirs.set(path, node);
-    if (parts.length === 0) root.push(node);
-    else ensureDir(parts.join('/')).children.push(node);
-    return node;
-  };
-  for (const m of members) {
-    const parts = m.name.split('/').filter(Boolean);
-    if (!parts.length) continue;
-    const parentPath = parts.slice(0, -1).join('/');
-    const parent = parentPath ? ensureDir(parentPath).children : root;
-    if (m.isFolder) {
-      ensureDir(m.name, m);
-      continue;
-    }
-    parent.push({ kind: 'file', name: parts[parts.length - 1]!, member: m });
-  }
-  return root;
-}
-
-function metaFiles(nodes: MetaNode[], prefix = ''): ExpandTrackFile[] {
-  const out: ExpandTrackFile[] = [];
-  for (const node of nodes) {
-    const path = prefix ? `${prefix}/${node.name}` : node.name;
-    if (node.kind === 'dir') {
-      out.push(...metaFiles(node.children, path));
-      continue;
-    }
-    out.push({
-      name: node.name,
-      path,
-      bytesTotal: node.member.dataUlen + node.member.rsrcUlen,
-      finderInfo: makeFinderInfo(node.member.fileType, node.member.creator, node.member.finderFlags),
-    });
-  }
-  return out;
-}
-
-async function writeMetaNode(
-  fs: ExpandFs,
-  parentId: number,
-  node: MetaNode,
-  read: ByteRangeReader,
-  track?: ImportItemTrack,
-  prefix = '',
-): Promise<void> {
-  const path = prefix ? `${prefix}/${node.name}` : node.name;
-  if (node.kind === 'dir') {
-    log.trace(`expand dir “${path}”`, 'expand');
-    const dir = await fs.ensureDir(parentId, node.name);
-    const folderMeta = folderExpanded(node);
-    if (folderMeta) await stampDir(fs, dir, folderMeta);
-    track?.onDir?.(parentId, node.name, dir.id, path);
-    for (const child of node.children) {
-      await writeMetaNode(fs, dir.id, child, read, track, path);
-    }
-    return;
-  }
-  const file: ExpandTrackFile = {
-    name: node.name,
-    path,
-    bytesTotal: node.member.dataUlen + node.member.rsrcUlen,
-    finderInfo: makeFinderInfo(node.member.fileType, node.member.creator, node.member.finderFlags),
-  };
-  track?.onExpand?.(file);
-  log.trace(`expand extract “${path}” packed=${node.member.rsrcClen + node.member.dataClen}b`, 'expand');
-  const entry = await extractSitMember(read, { ...node.member, name: node.name });
-  log.trace(
-    `expand write “${path}” data=${entry.data.length}b rsrc=${entry.resource.length}b`,
-    'expand',
-  );
-  const expanded = expandedFromSitEntries([{ ...entry, name: node.name }]);
-  await importExpandedTree(fs, parentId, expanded, track, { announce: false, prefix });
-}
-
-function folderExpanded(node: MetaDir): ExpandedDir | null {
-  const m = node.member;
-  if (!m) return null;
-  return {
-    kind: 'dir',
-    name: node.name,
-    children: [],
-    finderInfo: makeFinderInfo(m.fileType, m.creator, m.finderFlags),
-    createDate: m.createDate || undefined,
-    modDate: m.modDate || undefined,
-  };
-}
-
-async function stampDir(fs: Pick<Catalog, 'put'>, dir: VNode, meta: ExpandedDir): Promise<void> {
-  let dirty = false;
-  if (meta.finderInfo && meta.finderInfo.some((b) => b !== 0)) {
-    dir.finderInfo = meta.finderInfo;
-    dirty = true;
-  }
-  if (meta.createDate) {
-    dir.createDate = hfsTimeToAfp(meta.createDate);
-    dirty = true;
-  }
-  if (meta.modDate) {
-    dir.modDate = hfsTimeToAfp(meta.modDate);
-    dirty = true;
-  }
-  if (dirty) await fs.put(dir);
-}
+/** Expand an existing StuffIt archive via Catalog ranged reads (headers, then each member). */
+
+import { hfsTimeToAfp } from '../protocol/afp/constants';
+import { makeFinderInfo } from './mac-file';
+import { expandedFromSitEntries, type ExpandedDir } from './expand-incoming';
+import { importExpandedTree, type ImportItemTrack, type ExpandTrackFile } from './import-transfer';
+import {
+  extractSitMember,
+  parseStuffItFromReader,
+  stuffItExpandError,
+  type SitPackedMember,
+} from './stuffit';
+import { SitError } from './stuffit-codec';
+import {
+  planItemPlacement,
+  TransferCancelled,
+  type NameConflictChoice,
+} from './name-conflict';
+import { throwIfAborted } from '../util/abort';
+import { log } from '../util/logger';
+import type { Catalog, VNode } from './virtual-fs';
+import { nodeRef, parentRef } from './virtual-fs';
+import type { NodeRef } from './catalog-caps';
+import type { ByteRangeReader } from './byte-range';
+
+export type ExpandSitInPlaceOpts = {
+  fileSize?: number;
+  track?: ImportItemTrack;
+  resolveConflict: (info: {
+    name: string;
+    isDir: boolean;
+    suggestedName: string;
+  }) => Promise<NameConflictChoice>;
+  /** Wrap catalog writes (Finder own-mutation + beginBatch/endBatch). */
+  wrapWrite?: (fn: () => Promise<void>) => Promise<void>;
+};
+
+type MetaFile = { kind: 'file'; name: string; member: SitPackedMember };
+type MetaDir = { kind: 'dir'; name: string; children: MetaNode[]; member?: SitPackedMember };
+type MetaNode = MetaFile | MetaDir;
+
+type ExpandFs = Pick<
+  Catalog,
+  'withRangeReader' | 'lookup' | 'remove' | 'ensureDir' | 'createFile' | 'put'
+>;
+
+/**
+ * Expand a StuffIt archive through VFS range reads. Returns false when the
+ * payload is not StuffIt (caller should load the whole file and use expandArchiveFile).
+ */
+export async function expandSitInPlace(
+  fs: ExpandFs,
+  node: VNode,
+  opts: ExpandSitInPlaceOpts,
+): Promise<boolean> {
+  log.trace(`expand in-place “${node.name}” ${opts.fileSize ?? node.dataBytes ?? node.data.length}b`, 'expand');
+  return fs.withRangeReader(
+    node,
+    (read) => expandSitFromReader(fs, parentRef(node), read, opts),
+    { signal: opts.track?.signal },
+  );
+}
+
+async function expandSitFromReader(
+  fs: ExpandFs,
+  parentId: NodeRef,
+  read: ByteRangeReader,
+  opts: ExpandSitInPlaceOpts,
+): Promise<boolean> {
+  let creditCatalog = true;
+  const catalogRead: ByteRangeReader = async (offset, count) => {
+    throwIfAborted(opts.track?.signal);
+    const buf = await read(offset, count);
+    if (creditCatalog) opts.track?.onBytes?.(buf.length);
+    return buf;
+  };
+  opts.track?.onStatus?.('Reading archive');
+  let members: SitPackedMember[] | null;
+  try {
+    members = await parseStuffItFromReader(catalogRead, opts.fileSize);
+  } catch (err) {
+    if (err instanceof SitError) throw err;
+    throw stuffItExpandError(new Uint8Array(), err);
+  }
+  creditCatalog = false;
+  if (!members) return false;
+  if (!members.length) throw stuffItExpandError(new Uint8Array());
+  log.trace(`expand catalog ${members.length} member(s)`, 'expand');
+
+  const tree = sitPackedToTree(members);
+  const reserved = new Set<string>();
+  const planned: { item: MetaNode; replaceId: NodeRef | null }[] = [];
+  for (const item of tree) {
+    const plan = await planItemPlacement(fs, parentId, item.name, item.kind === 'dir', {
+      reserved,
+      resolveConflict: opts.resolveConflict,
+    });
+    if (!plan) throw new TransferCancelled();
+    reserved.add(plan.destName.toLowerCase());
+    planned.push({ item: renameMeta(item, plan.destName), replaceId: plan.replaceId });
+  }
+
+  const files = metaFiles(planned.map((row) => row.item));
+  opts.track?.onExpandBegin?.(
+    files.reduce((n, f) => n + f.bytesTotal, 0),
+    files,
+  );
+
+  const write = async (): Promise<void> => {
+    for (const row of planned) {
+      if (row.replaceId != null) await fs.remove(row.replaceId);
+    }
+    for (const row of planned) {
+      await writeMetaNode(fs, parentId, row.item, catalogRead, opts.track);
+    }
+  };
+  if (opts.wrapWrite) await opts.wrapWrite(write);
+  else await write();
+  return true;
+}
+
+function renameMeta(node: MetaNode, name: string): MetaNode {
+  return { ...node, name };
+}
+
+function sitPackedToTree(members: SitPackedMember[]): MetaNode[] {
+  const root: MetaNode[] = [];
+  const dirs = new Map<string, MetaDir>();
+  const ensureDir = (path: string, member?: SitPackedMember): MetaDir => {
+    const hit = dirs.get(path);
+    if (hit) {
+      if (member) hit.member = member;
+      return hit;
+    }
+    const parts = path.split('/');
+    const name = parts.pop()!;
+    const node: MetaDir = { kind: 'dir', name, children: [], member };
+    dirs.set(path, node);
+    if (parts.length === 0) root.push(node);
+    else ensureDir(parts.join('/')).children.push(node);
+    return node;
+  };
+  for (const m of members) {
+    const parts = m.name.split('/').filter(Boolean);
+    if (!parts.length) continue;
+    const parentPath = parts.slice(0, -1).join('/');
+    const parent = parentPath ? ensureDir(parentPath).children : root;
+    if (m.isFolder) {
+      ensureDir(m.name, m);
+      continue;
+    }
+    parent.push({ kind: 'file', name: parts[parts.length - 1]!, member: m });
+  }
+  return root;
+}
+
+function metaFiles(nodes: MetaNode[], prefix = ''): ExpandTrackFile[] {
+  const out: ExpandTrackFile[] = [];
+  for (const node of nodes) {
+    const path = prefix ? `${prefix}/${node.name}` : node.name;
+    if (node.kind === 'dir') {
+      out.push(...metaFiles(node.children, path));
+      continue;
+    }
+    out.push({
+      name: node.name,
+      path,
+      bytesTotal: node.member.dataUlen + node.member.rsrcUlen,
+      finderInfo: makeFinderInfo(node.member.fileType, node.member.creator, node.member.finderFlags),
+    });
+  }
+  return out;
+}
+
+async function writeMetaNode(
+  fs: ExpandFs,
+  parentId: NodeRef,
+  node: MetaNode,
+  read: ByteRangeReader,
+  track?: ImportItemTrack,
+  prefix = '',
+): Promise<void> {
+  const path = prefix ? `${prefix}/${node.name}` : node.name;
+  if (node.kind === 'dir') {
+    log.trace(`expand dir “${path}”`, 'expand');
+    const dir = await fs.ensureDir(parentId, node.name);
+    const folderMeta = folderExpanded(node);
+    if (folderMeta) await stampDir(fs, dir, folderMeta);
+    track?.onDir?.(parentId, node.name, nodeRef(dir), path);
+    for (const child of node.children) {
+      await writeMetaNode(fs, nodeRef(dir), child, read, track, path);
+    }
+    return;
+  }
+  const file: ExpandTrackFile = {
+    name: node.name,
+    path,
+    bytesTotal: node.member.dataUlen + node.member.rsrcUlen,
+    finderInfo: makeFinderInfo(node.member.fileType, node.member.creator, node.member.finderFlags),
+  };
+  track?.onExpand?.(file);
+  log.trace(`expand extract “${path}” packed=${node.member.rsrcClen + node.member.dataClen}b`, 'expand');
+  const entry = await extractSitMember(read, { ...node.member, name: node.name });
+  log.trace(
+    `expand write “${path}” data=${entry.data.length}b rsrc=${entry.resource.length}b`,
+    'expand',
+  );
+  const expanded = expandedFromSitEntries([{ ...entry, name: node.name }]);
+  await importExpandedTree(fs, parentId, expanded, track, { announce: false, prefix });
+}
+
+function folderExpanded(node: MetaDir): ExpandedDir | null {
+  const m = node.member;
+  if (!m) return null;
+  return {
+    kind: 'dir',
+    name: node.name,
+    children: [],
+    finderInfo: makeFinderInfo(m.fileType, m.creator, m.finderFlags),
+    createDate: m.createDate || undefined,
+    modDate: m.modDate || undefined,
+  };
+}
+
+async function stampDir(fs: Pick<Catalog, 'put'>, dir: VNode, meta: ExpandedDir): Promise<void> {
+  let dirty = false;
+  if (meta.finderInfo && meta.finderInfo.some((b) => b !== 0)) {
+    dir.finderInfo = meta.finderInfo;
+    dirty = true;
+  }
+  if (meta.createDate) {
+    dir.createDate = hfsTimeToAfp(meta.createDate);
+    dirty = true;
+  }
+  if (meta.modDate) {
+    dir.modDate = hfsTimeToAfp(meta.modDate);
+    dirty = true;
+  }
+  if (dirty) await fs.put(dir);
+}
diff --git a/src/fs/extension-map.ts b/src/fs/extension-map.ts
index a6541c4..f46d0a7 100644
--- a/src/fs/extension-map.ts
+++ b/src/fs/extension-map.ts
@@ -65,6 +65,7 @@ export const DEFAULT_EXTENSION_MAP: readonly ExtensionMapping[] = [
   { extension: 'jpeg', creator: 'ogle', type: 'JPEG', comment: 'JPEG Picture' },
   { extension: 'gif', creator: 'ogle', type: 'GIFf', comment: 'GIF Picture' },
   { extension: 'png', creator: 'ogle', type: 'PNG ', comment: 'Portable Network Graphic' },
+  { extension: 'bmp', creator: 'ogle', type: 'BMPp', comment: 'Windows Bitmap' },
   { extension: 'psd', creator: '8BIM', type: '8BPS', comment: 'PhotoShop Document' },
   { extension: 'qxd', creator: 'XPR3', type: 'XDOC', comment: 'QuarkXpress Document' },
   { extension: 'ai', creator: 'ART5', type: 'EPSF', comment: 'Adobe Illustrator' },
diff --git a/src/fs/icon-cache.test.ts b/src/fs/icon-cache.test.ts
index 7c73dc3..f66d124 100644
--- a/src/fs/icon-cache.test.ts
+++ b/src/fs/icon-cache.test.ts
@@ -13,6 +13,8 @@ import {
   HAS_BUNDLE,
   HAS_CUSTOM_ICON,
   IconCache,
+  defaultIconsForExtension,
+  fileExtension,
   iconForkLoadOptions,
   iconSetForFile,
   isCdevStyleType,
@@ -21,6 +23,9 @@ import {
 } from './icon-cache';
 import { CDEV_ICON_ID, CUSTOM_ICON_ID, IconSize } from './resource-types/icon-set';
 import type { VNode } from './virtual-fs';
+import { encodeIco } from './winicon';
+import { buildPeWithIco } from './winicon/exe-fixtures';
+import type { DecodedIcon } from './resource-types/icon-decoder';
 
 function entry(type: string, id: number, payload: Uint8Array): ResourceEntry {
   return {
@@ -602,4 +607,89 @@ describe('IconCache.getForNode', () => {
     expect(forks).toBe(0);
     expect(urls.large.startsWith('data:')).toBe(true);
   });
+
+  it('extracts a glyph from a PE .exe data fork', async () => {
+    const cache = new IconCache();
+    const pixels = new Uint8ClampedArray(16 * 16 * 4);
+    pixels.fill(200);
+    for (let i = 3; i < pixels.length; i += 4) pixels[i] = 255;
+    const frame: DecodedIcon = { typeCode: 'ICO', isColor: true, width: 16, height: 16, pixels };
+    const pe = buildPeWithIco(encodeIco([frame]));
+    const urls = await cache.getForNode({
+      addr: 'path',
+      path: 'NOTEPAD.EXE',
+      parentPath: '',
+      name: 'NOTEPAD.EXE',
+      isDir: false,
+      data: pe,
+      resource: new Uint8Array(),
+      finderInfo: new Uint8Array(32),
+      createDate: 0,
+      modDate: 0,
+      dataBytes: pe.length,
+    });
+    expect(urls.small.startsWith('data:')).toBe(true);
+    expect(urls.small).toContain('ICO');
+  });
+
+  it('uses an Icons8 default for .exe when no PE icon is present', async () => {
+    const cache = new IconCache();
+    const urls = await cache.getForNode(fileNode(3, 'SETUP.EXE', '????', '????'));
+    expect(urls.large).toMatch(/icons8-application-window-96\.png/);
+  });
+
+  it('uses an Icons8 default for archive suffixes (case insensitive)', async () => {
+    const cache = new IconCache();
+    const urls = await cache.getForNode(fileNode(3, 'Pack.ZIP', 'ZIP ', 'SITx'));
+    expect(urls.large).toMatch(/icons8-archive-folder-96\.png/);
+    const rar = await cache.getForTypeCreator('????', '????', 'game.RAR');
+    expect(rar.large).toMatch(/icons8-archive-folder-96\.png/);
+  });
+
+  it('uses an Icons8 default for image suffixes instead of FILE32', async () => {
+    const cache = new IconCache();
+    const urls = await cache.getForNode(fileNode(3, 'Photo.JPEG', 'JPEG', 'ogle'));
+    expect(urls.large).toMatch(/icons8-image-file-96\.png/);
+    expect(urls.large).not.toMatch(/FILE32\.png/);
+  });
+
+  it('keeps the TEXT32 system glyph for text files', async () => {
+    const cache = new IconCache();
+    const urls = await cache.getForNode(fileNode(3, 'ReadMe.txt', 'TEXT', 'ttxt'));
+    expect(urls.large).toMatch(/TEXT32\.png/);
+    expect(urls.large).not.toMatch(/icons8-/);
+  });
+
+  it('does not override a known Mac type glyph with an extension default', async () => {
+    const cache = new IconCache();
+    const urls = await cache.getForNode(fileNode(3, 'App.zip', 'APPL', 'ttxt'));
+    expect(urls.large).toMatch(/APPL32\.png/);
+    expect(urls.large).not.toMatch(/icons8-archive-folder/);
+  });
+
+  it('picks distinct defaults for dll / bat / sys / pdf', async () => {
+    const cache = new IconCache();
+    expect((await cache.getForNode(fileNode(3, 'kernel32.dll', '????', '????'))).large).toMatch(
+      /icons8-dll-96\.png/,
+    );
+    expect((await cache.getForNode(fileNode(4, 'autoexec.bat', '????', '????'))).large).toMatch(
+      /icons8-command-line-96\.png/,
+    );
+    expect((await cache.getForNode(fileNode(5, 'himem.sys', '????', '????'))).large).toMatch(
+      /icons8-binary-file-96\.png/,
+    );
+    expect((await cache.getForNode(fileNode(6, 'Manual.pdf', '????', '????'))).large).toMatch(
+      /icons8-pdf-1-96\.png/,
+    );
+  });
+});
+
+describe('defaultIconsForExtension', () => {
+  it('matches suffixes case-insensitively and ignores a leading path', () => {
+    expect(fileExtension('C:\\DOS\\EDIT.COM')).toBe('com');
+    expect(defaultIconsForExtension('C:\\DOS\\EDIT.COM')?.large).toMatch(/icons8-command-line-96\.png/);
+    expect(defaultIconsForExtension('archive.7z')?.large).toMatch(/icons8-archive-folder-96\.png/);
+    expect(defaultIconsForExtension('readme.txt')).toBeNull();
+    expect(defaultIconsForExtension('noext')).toBeNull();
+  });
 });
diff --git a/src/fs/icon-cache.ts b/src/fs/icon-cache.ts
index 65d2558..dd49c92 100644
--- a/src/fs/icon-cache.ts
+++ b/src/fs/icon-cache.ts
@@ -17,6 +17,9 @@ import {
   IconSize,
 } from './resource-types/icon-set';
 import type { VNode } from './virtual-fs';
+import { nodeRef } from './virtual-fs';
+import type { NodeRef } from './catalog-caps';
+import { refKey } from './catalog-caps';
 import { escapeHostFilename } from '../protocol/host-filename';
 import { isAbortError, throwIfAborted } from '../util/abort';
 import {
@@ -27,8 +30,12 @@ import {
   finderIconId,
   isFinderInvisible,
 } from './finder-info';
+import type { ByteRangeReader } from './byte-range';
+import { bufferRangeReader } from './byte-range';
+import { extractWinIcons, isWinIconName, pickIconNear } from './winicon';
 
 export { HAS_BUNDLE, HAS_CUSTOM_ICON, FINDER_IS_INVISIBLE, finderFlags, isFinderInvisible, finderIconId };
+export { isWinIconName } from './winicon';
 
 export const CUSTOM_FOLDER_ICON_NAME = 'Icon\r';
 /** Host-escaped form of Icon\\r (ClassicStack reserved-char token). */
@@ -55,6 +62,8 @@ export interface IconLookupExtras {
     creator: string,
     signal?: AbortSignal,
   ) => Promise<DesktopIconBlob[] | null>;
+  /** Ranged data-fork reader (PE/NE/.ico). */
+  loadDataRange?: <T>(node: VNode, fn: (read: ByteRangeReader) => Promise<T>) => Promise<T>;
   signal?: AbortSignal;
 }
 
@@ -81,6 +90,10 @@ function cacheKey(creator: string, type: string): string {
   return `${padOsType(creator)}|${padOsType(type)}`;
 }
 
+function winCacheKey(node: VNode): string {
+  return `win:${refKey(nodeRef(node))}:${node.modDate}:${node.dataBytes ?? node.data.length}`;
+}
+
 /** Classic Finder volume Desktop file (FNDR/ERIK); later a volume icon cache, not a glyph source. */
 export function isVolumeDesktopFile(name: string, type: string, creator: string): boolean {
   return name === 'Desktop' && padOsType(type) === 'FNDR' && padOsType(creator) === 'ERIK';
@@ -218,6 +231,63 @@ function pickSystemIcon(candidates: string[]): string {
   return systemIconUrl(candidates[candidates.length - 1] ?? 'FILE32.png');
 }
 
+/** Filename suffix without a leading dot, lowercased. Empty when there is none. */
+export function fileExtension(name: string): string {
+  const base = name.split(/[/\\]/).pop() ?? name;
+  const dot = base.lastIndexOf('.');
+  if (dot <= 0 || dot === base.length - 1) return '';
+  return base.slice(dot + 1).toLowerCase();
+}
+
+/** Icons8 glyphs used when a file has no Mac type icon (generic FILE16/FILE32). */
+const DEFAULT_EXTENSION_ICONS: Record<string, string> = {
+  exe: 'icons8-application-window-96.png',
+  zip: 'icons8-archive-folder-96.png',
+  cab: 'icons8-archive-folder-96.png',
+  rar: 'icons8-archive-folder-96.png',
+  '7z': 'icons8-archive-folder-96.png',
+  arj: 'icons8-archive-folder-96.png',
+  dll: 'icons8-dll-96.png',
+  bmp: 'icons8-image-file-96.png',
+  jpg: 'icons8-image-file-96.png',
+  jpeg: 'icons8-image-file-96.png',
+  gif: 'icons8-image-file-96.png',
+  png: 'icons8-image-file-96.png',
+  com: 'icons8-command-line-96.png',
+  bat: 'icons8-command-line-96.png',
+  cmd: 'icons8-command-line-96.png',
+  sys: 'icons8-binary-file-96.png',
+  vxd: 'icons8-binary-file-96.png',
+  ocx: 'icons8-binary-file-96.png',
+  pdf: 'icons8-pdf-1-96.png',
+};
+
+function extensionIconUrl(file: string): string {
+  return `/icons/ui/${file}`;
+}
+
+/** Default Icons8 URLs for a filename suffix, or null when the suffix is unmapped. */
+export function defaultIconsForExtension(name: string): IconUrls | null {
+  const file = DEFAULT_EXTENSION_ICONS[fileExtension(name)];
+  if (!file) return null;
+  const url = extensionIconUrl(file);
+  return { small: url, large: url };
+}
+
+function isGenericFileIconUrl(src: string): boolean {
+  return /(?:^|\/)FILE(?:16|32)\.png(?:\?|$)/i.test(src);
+}
+
+/** True when the cache fell back to the classic FILE16/FILE32 PNGs. */
+export function isGenericFileIcon(urls: IconUrls): boolean {
+  return isGenericFileIconUrl(urls.small) || isGenericFileIconUrl(urls.large);
+}
+
+function withExtensionDefault(name: string | undefined, urls: IconUrls): IconUrls {
+  if (!name || !isGenericFileIcon(urls)) return urls;
+  return defaultIconsForExtension(name) ?? urls;
+}
+
 async function resolveSystemIcon(type: string, size: 16 | 32): Promise<string> {
   const t = padOsType(type).replace(/\s+$/g, '') || 'FILE';
   if (size === 16) {
@@ -265,6 +335,8 @@ export class IconCache {
   private typeInflight = new Map<string, Promise<IconUrls>>();
   private dirInflight = new Map<string, Promise<IconUrls>>();
   private desktopInflight = new Map<string, Promise<IconUrls | null>>();
+  private winMemory = new Map<string, IconUrls>();
+  private winInflight = new Map<string, Promise<IconUrls | null>>();
   /** Type/creator keys whose cached glyph came from an 8-bit/cicn family (not ICN# / AFP B&W). */
   private colorKeys = new Set<string>();
   /** Type/creator keys whose resource fork was already opened for icons. */
@@ -311,6 +383,7 @@ export class IconCache {
     this.bundleCache.clear();
     this.dirMemory.clear();
     this.desktopMemory.clear();
+    this.winMemory.clear();
     this.colorKeys.clear();
     this.iconForkTried.clear();
     this.defaultKeys.clear();
@@ -318,6 +391,7 @@ export class IconCache {
     this.typeInflight.clear();
     this.dirInflight.clear();
     this.desktopInflight.clear();
+    this.winInflight.clear();
     await this.init();
     if (!this.db) return;
     await this.clearStore('typeIcons');
@@ -372,25 +446,30 @@ export class IconCache {
   /** Resolve icons for a VirtualFS node (local share or remote AFP). */
   async getForNode(
     node: VNode,
-    findChild?: (parentId: number, name: string) => Promise<VNode | undefined>,
+    findChild?: (parent: NodeRef, name: string) => Promise<VNode | undefined>,
     loadIconFork?: (node: VNode) => Promise<ResourceFork | null>,
     extras?: IconLookupExtras,
   ): Promise<IconUrls> {
     await this.ensureDefaults();
     if (node.isDir) {
-      return this.getForDirectory(String(node.id), node, findChild, loadIconFork);
+      return this.getForDirectory(String(nodeRef(node)), node, findChild, loadIconFork);
+    }
+    const extDefault = (urls: IconUrls) => withExtensionDefault(node.name, urls);
+    if (isWinIconName(node.name)) {
+      const win = await this.getForWinFile(node, extras);
+      if (win) return extDefault(win);
     }
     const { type, creator } = readTypeCreator(node.finderInfo);
     if (isVolumeDesktopFile(node.name, type, creator)) {
-      return this.getForTypeCreator(type, creator);
+      return this.getForTypeCreator(type, creator, node.name);
     }
     const key = cacheKey(creator, type);
     const cached = this.memory.get(key) ?? (await this.loadPersisted(key));
     if (cached) this.memory.set(key, cached);
     const custom = (finderFlags(node.finderInfo) & HAS_CUSTOM_ICON) !== 0;
-    if (cached && !custom && this.colorKeys.has(key)) return cached;
-    if (cached && !custom && this.defaultKeys.has(key)) return cached;
-    if (cached && !custom && this.iconForkTried.has(key)) return cached;
+    if (cached && !custom && this.colorKeys.has(key)) return extDefault(cached);
+    if (cached && !custom && this.defaultKeys.has(key)) return extDefault(cached);
+    if (cached && !custom && this.iconForkTried.has(key)) return extDefault(cached);
 
     throwIfAborted(extras?.signal);
 
@@ -404,7 +483,7 @@ export class IconCache {
         try {
           const urls = await pending;
           throwIfAborted(extras?.signal);
-          return urls;
+          return extDefault(urls);
         } catch (err) {
           if (!(isAbortError(err) && extras?.signal && !extras.signal.aborted)) {
             throw err;
@@ -420,7 +499,7 @@ export class IconCache {
         if (this.typeInflight.get(key) === work) this.typeInflight.delete(key);
       });
     }
-    return work;
+    return extDefault(await work);
   }
 
   private async resolveFileNode(
@@ -578,29 +657,67 @@ export class IconCache {
     });
   }
 
+  private async getForWinFile(node: VNode, extras?: IconLookupExtras): Promise<IconUrls | null> {
+    const key = winCacheKey(node);
+    const hit = this.winMemory.get(key);
+    if (hit) return hit;
+    const pending = this.winInflight.get(key);
+    if (pending) return pending;
+
+    const work = (async (): Promise<IconUrls | null> => {
+      throwIfAborted(extras?.signal);
+      try {
+        const icons = extras?.loadDataRange
+          ? await extras.loadDataRange(node, (read) => extractWinIcons(read))
+          : node.data.length >= 6
+            ? await extractWinIcons(bufferRangeReader(node.data))
+            : [];
+        throwIfAborted(extras?.signal);
+        if (!icons.length) return null;
+        const smallIcon = pickIconNear(icons, 16);
+        const largeIcon = pickIconNear(icons, 32);
+        if (!smallIcon && !largeIcon) return null;
+        const small = smallIcon ? await decodedIconToDataUrl(smallIcon) : null;
+        const large = largeIcon ? await decodedIconToDataUrl(largeIcon) : null;
+        if (!small && !large) return null;
+        const urls: IconUrls = { small: small ?? large!, large: large ?? small! };
+        this.winMemory.set(key, urls);
+        return urls;
+      } catch (err) {
+        if (isAbortError(err)) throw err;
+        return null;
+      }
+    })();
+    this.winInflight.set(key, work);
+    void work.finally(() => {
+      if (this.winInflight.get(key) === work) this.winInflight.delete(key);
+    });
+    return work;
+  }
+
   /** Resolve icons when only Finder info is known (remote listings). */
-  async getForTypeCreator(type: string, creator: string): Promise<IconUrls> {
+  async getForTypeCreator(type: string, creator: string, name?: string): Promise<IconUrls> {
     await this.ensureDefaults();
     const key = cacheKey(creator, type);
     const pending = this.typeInflight.get(key);
-    if (pending) return pending;
+    if (pending) return withExtensionDefault(name, await pending);
     const cached = this.memory.get(key) ?? (await this.loadPersisted(key));
     if (cached) {
       this.memory.set(key, cached);
-      return cached;
+      return withExtensionDefault(name, cached);
     }
     const urls: IconUrls = {
       small: await resolveSystemIcon(type, 16),
       large: await resolveSystemIcon(type, 32),
     };
     this.memory.set(key, urls);
-    return urls;
+    return withExtensionDefault(name, urls);
   }
 
   private async getForDirectory(
     pathKey: string,
     node: VNode,
-    findChild?: (parentId: number, name: string) => Promise<VNode | undefined>,
+    findChild?: (parent: NodeRef, name: string) => Promise<VNode | undefined>,
     loadIconFork?: (node: VNode) => Promise<ResourceFork | null>,
   ): Promise<IconUrls> {
     const hit = this.dirMemory.get(pathKey);
@@ -630,7 +747,7 @@ export class IconCache {
   private async probeDirectory(
     pathKey: string,
     node: VNode,
-    findChild: (parentId: number, name: string) => Promise<VNode | undefined>,
+    findChild: (parent: NodeRef, name: string) => Promise<VNode | undefined>,
     loadIconFork?: (node: VNode) => Promise<ResourceFork | null>,
   ): Promise<IconUrls> {
     const hit = this.dirMemory.get(pathKey);
@@ -676,14 +793,14 @@ export class IconCache {
 
   private async tryCustomFolderIconFile(
     dir: VNode,
-    findChild?: (parentId: number, name: string) => Promise<VNode | undefined>,
+    findChild?: (parent: NodeRef, name: string) => Promise<VNode | undefined>,
     loadIconFork?: (node: VNode) => Promise<ResourceFork | null>,
   ): Promise<IconUrls | null> {
     if (!findChild) return null;
     try {
       const iconFile =
-        (await findChild(dir.id, CUSTOM_FOLDER_ICON_NAME)) ??
-        (await findChild(dir.id, CUSTOM_FOLDER_ICON_HOST_NAME));
+        (await findChild(nodeRef(dir), CUSTOM_FOLDER_ICON_NAME)) ??
+        (await findChild(nodeRef(dir), CUSTOM_FOLDER_ICON_HOST_NAME));
       if (!iconFile || iconFile.isDir) return null;
       const rsrcLen = iconFile.resourceBytes ?? iconFile.resource.length;
       if (iconFile.resource.length < 16 && rsrcLen < 16) return null;
diff --git a/src/fs/import-transfer.ts b/src/fs/import-transfer.ts
index 5b5144d..88f9dc2 100644
--- a/src/fs/import-transfer.ts
+++ b/src/fs/import-transfer.ts
@@ -1,776 +1,778 @@
-/** Shared DataTransfer import for local IndexedDB and remote AFP catalogs. */
-
-import { hfsTimeToAfp } from '../protocol/afp/constants';
-import { unescapeHostFilename } from '../protocol/host-filename';
-import { loadPrefs } from '../util/prefs';
-import { log } from '../util/logger';
-import { expandIncoming, isExpandableArchive, type ExpandedDir, type ExpandedFile, type ExpandedNode } from './expand-incoming';
-import type { Catalog, VNode } from './virtual-fs';
-import { throwIfAborted, isAbortError, abortError } from '../util/abort';
-import { iconCache } from './icon-cache';
-import {
-  planItemPlacement,
-  TransferCancelled,
-  type NameConflictChoice,
-  type PlacementPlan,
-} from './name-conflict';
-
-export type ExpandTrackFile = {
-  name: string;
-  /** Archive-relative path, unique among siblings of the same parent job. */
-  path: string;
-  bytesTotal: number;
-  finderInfo?: Uint8Array;
-};
-
-export type ImportItemTrack = {
-  onBytes?: (n: number) => void;
-  onDone?: (err?: Error) => void;
-  /** Parent job caption while cataloging an archive (before nested files exist). */
-  onStatus?: (detail: string) => void;
-  /** Reset the parent job and announce every extracted file (queued) before writes start. */
-  onExpandBegin?: (bytesTotal: number, files: ExpandTrackFile[]) => void;
-  /** Nested job while a dropped wrapper is decoded (BinHex / MacBinary / later StuffIt). */
-  onExpand?: (item: ExpandTrackFile) => ImportItemTrack | undefined;
-  signal?: AbortSignal;
-  /** Called just before a dest file is created (Finder overlay + cancel partial). */
-  onWrite?: (parentId: number, name: string) => void;
-  /** Called when an extracted folder is created (Finder overlay in that parent). */
-  onDir?: (parentId: number, name: string, dirId: number, path: string) => void;
-  /** Delete a dest file left behind if this write is cancelled mid-flight. */
-  removePartial?: (parentId: number, name: string) => Promise<void>;
-  /**
-   * Serialize this item behind other Finder copies (AFP Writes on LocalTalk).
-   * Re-enters for the same job when an archive expands inside the import.
-   */
-  runInCopySlot?: <T>(fn: () => Promise<T>) => Promise<T>;
-};
-
-async function runInCopySlot<T>(track: ImportItemTrack | undefined, fn: () => Promise<T>): Promise<T> {
-  return track?.runInCopySlot ? track.runInCopySlot(fn) : fn();
-}
-
-export type ImportProgress = {
-  onScan?: (total: number) => void;
-  onProgress?: (done: number, total: number) => void;
-  /** One callback per top-level drop item (a folder is a single item). */
-  onItem?: (item: { name: string; isDir: boolean; bytesTotal: number }) => ImportItemTrack | undefined;
-  resolveConflict?: (info: {
-    name: string;
-    isDir: boolean;
-    suggestedName: string;
-  }) => Promise<NameConflictChoice>;
-};
-
-type ImportBlob = (
-  parentId: number,
-  file: File,
-  onBytes?: (n: number) => void,
-  /** Host resource fork from `..namedfork/rsrc` (Chrome on macOS). */
-  resource?: Uint8Array,
-  signal?: AbortSignal,
-) => Promise<unknown>;
-type ImportFs = Pick<
-  Catalog,
-  'beginBatch' | 'endBatch' | 'ensureDir' | 'lookup' | 'remove' | 'createFile' | 'put'
->;
-
-/**
- * Import files and folders from a drag-and-drop DataTransfer.
- * Uses FileSystemEntry (directory trees) when available; falls back to FileList
- * + webkitRelativePath. Returns the number of top-level items imported.
- */
-export async function importDataTransferInto(
-  fs: ImportFs,
-  parentId: number,
-  dt: DataTransfer,
-  importBlob: ImportBlob,
-  opts?: ImportProgress,
-): Promise<number> {
-  const entries = collectDataTransferEntries(dt);
-  const total = entries.length > 0 ? await countFsEntries(entries) : dt.files.length;
-  opts?.onScan?.(total);
-
-  let done = 0;
-  const tick = (): void => {
-    done++;
-    opts?.onProgress?.(done, total);
-  };
-
-  if (entries.length > 0) {
-    const groups = groupTopLevelEntries(entries.sort(compareImportEntries));
-    const plans = await planIncoming(fs, parentId, groups, opts?.resolveConflict);
-    fs.beginBatch();
-    try {
-      let imported = 0;
-      let cancelled = false;
-      for (let i = 0; i < groups.length; i++) {
-        const group = groups[i]!;
-        const plan = plans[i]!;
-        await applyReplace(fs, plan);
-        const bytesTotal = await measureGroupBytes(group.entries);
-        const track = opts?.onItem?.({
-          name: plan.destName,
-          isDir: group.isDir,
-          bytesTotal,
-        });
-        try {
-          await runInCopySlot(track, async () => {
-            throwIfAborted(track?.signal);
-            for (const entry of group.entries) {
-              const asName = mappedIncomingName(unescapeHostFilename(entry.name), group.name, plan.destName);
-              await importFsEntry(fs, parentId, entry, importBlob, tick, track, asName);
-            }
-          });
-          track?.onDone?.();
-          imported++;
-        } catch (err) {
-          track?.onDone?.(err instanceof Error ? err : new Error(String(err)));
-          if (isAbortError(err)) {
-            cancelled = true;
-            continue;
-          }
-          throw err;
-        }
-      }
-      if (imported === 0 && cancelled) throw new TransferCancelled();
-      return imported;
-    } finally {
-      fs.endBatch();
-    }
-  }
-
-  const groups = groupFilesByTopLevel([...dt.files].sort(compareImportFiles));
-  const plans = await planIncoming(fs, parentId, groups, opts?.resolveConflict);
-  fs.beginBatch();
-  try {
-    let imported = 0;
-    let cancelled = false;
-    for (let i = 0; i < groups.length; i++) {
-      const group = groups[i]!;
-      const plan = plans[i]!;
-      await applyReplace(fs, plan);
-      const bytesTotal = group.files.reduce((n, f) => n + f.size, 0);
-      const track = opts?.onItem?.({
-        name: plan.destName,
-        isDir: group.isDir,
-        bytesTotal,
-      });
-        try {
-          await runInCopySlot(track, async () => {
-            throwIfAborted(track?.signal);
-            for (const file of group.files) {
-              const destTop = mappedIncomingName(
-                topFileName(file),
-                group.name,
-                plan.destName,
-              );
-              await importFileWithRelativePath(fs, parentId, file, importBlob, track, destTop);
-              tick();
-            }
-          });
-          track?.onDone?.();
-          imported++;
-        } catch (err) {
-        track?.onDone?.(err instanceof Error ? err : new Error(String(err)));
-        if (isAbortError(err)) {
-          cancelled = true;
-          continue;
-        }
-        throw err;
-      }
-    }
-    if (imported === 0 && cancelled) throw new TransferCancelled();
-    return imported;
-  } finally {
-    fs.endBatch();
-  }
-}
-
-async function planIncoming(
-  fs: ImportFs,
-  parentId: number,
-  groups: { name: string; isDir: boolean }[],
-  resolveConflict?: ImportProgress['resolveConflict'],
-): Promise<PlacementPlan[]> {
-  if (!resolveConflict) {
-    return groups.map((g) => ({ destName: g.name, replaceId: null }));
-  }
-  const reserved = new Set<string>();
-  const plans: PlacementPlan[] = [];
-  for (const g of groups) {
-    const plan = await planItemPlacement(fs, parentId, g.name, g.isDir, { reserved, resolveConflict });
-    if (!plan) throw new TransferCancelled();
-    reserved.add(plan.destName.toLowerCase());
-    plans.push(plan);
-  }
-  return plans;
-}
-
-async function applyReplace(fs: ImportFs, plan: PlacementPlan): Promise<void> {
-  if (plan.replaceId != null) await fs.remove(plan.replaceId);
-}
-
-function mappedIncomingName(rawName: string, original: string, destName: string): string {
-  if (destName === original) return rawName;
-  if (rawName === original) return destName;
-  if (isAppleDoubleSidecarName(rawName) && rawName.slice(2) === original) return `._${destName}`;
-  return rawName;
-}
-
-function topFileName(file: File): string {
-  const rel = file.webkitRelativePath;
-  if (rel && rel.includes('/')) return unescapeHostFilename(rel.split('/')[0]!);
-  return unescapeHostFilename(file.name);
-}
-
-async function importFsEntry(
-  fs: ImportFs,
-  parentId: number,
-  entry: FileSystemEntry,
-  importBlob: ImportBlob,
-  onItem?: () => void,
-  track?: ImportItemTrack,
-  destName?: string,
-  parentDir?: FileSystemDirectoryEntry,
-): Promise<void> {
-  if (isNamedForkDirName(entry.name)) return;
-  throwIfAborted(track?.signal);
-  const name = destName ?? unescapeHostFilename(entry.name);
-  if (entry.isDirectory) {
-    const dir = await fs.ensureDir(parentId, name);
-    onItem?.();
-    const folder = entry as FileSystemDirectoryEntry;
-    const kids = (await readDirectoryEntries(folder)).sort(compareImportEntries);
-    for (const kid of kids) {
-      await importFsEntry(fs, dir.id, kid, importBlob, onItem, track, undefined, folder);
-    }
-    return;
-  }
-  if (entry.isFile) {
-    const fileEntry = entry as FileSystemFileEntry;
-    const file = await readFileEntry(fileEntry);
-    const resource = await readNamedResourceForkForEntry(fileEntry, parentDir);
-    await importOneFile(fs, parentId, fileWithName(file, name), importBlob, track, resource);
-    onItem?.();
-  }
-}
-
-async function importFileWithRelativePath(
-  fs: ImportFs,
-  parentId: number,
-  file: File,
-  importBlob: ImportBlob,
-  track?: ImportItemTrack,
-  destTop?: string,
-): Promise<void> {
-  throwIfAborted(track?.signal);
-  const rel = file.webkitRelativePath;
-  if (!rel || !rel.includes('/')) {
-    const name = destTop ?? unescapeHostFilename(file.name);
-    await importOneFile(fs, parentId, fileWithName(file, name), importBlob, track);
-    return;
-  }
-  const parts = rel.split('/');
-  if (destTop) parts[0] = destTop;
-  let dirId = parentId;
-  for (let i = 0; i < parts.length - 1; i++) {
-    const part = parts[i]!;
-    if (!part || part === '.' || part === '..') continue;
-    dirId = (await fs.ensureDir(dirId, unescapeHostFilename(part))).id;
-  }
-  await importOneFile(fs, dirId, file, importBlob, track);
-}
-
-async function importOneFile(
-  fs: ImportFs,
-  parentId: number,
-  file: File,
-  importBlob: ImportBlob,
-  track?: ImportItemTrack,
-  resource?: Uint8Array | null,
-): Promise<void> {
-  const name = unescapeHostFilename(file.name);
-  const onBytes = track?.onBytes;
-  const hostResource = resource?.length ? resource : undefined;
-  throwIfAborted(track?.signal);
-  if (hostResource) {
-    log.info(`Imported resource fork for “${name}” (${hostResource.length} bytes)`, 'import');
-  }
-  if (!loadPrefs().autoExpandFiles || !shouldTryExpand(name)) {
-    await writeTrackedBlob(parentId, name, () => importBlob(parentId, file, onBytes, hostResource, track?.signal), track);
-    return;
-  }
-  const buf = await readBlobProgress(file, onBytes, track?.signal);
-  throwIfAborted(track?.signal);
-  let expanded: ExpandedNode[] | null = null;
-  try {
-    expanded = expandIncoming(name, buf);
-  } catch (err) {
-    log.warn(`Couldn’t auto-expand “${name}”: ${err instanceof Error ? err.message : err}`, 'expand');
-  }
-  if (!expanded) {
-    await writeTrackedBlob(
-      parentId,
-      name,
-      () =>
-        importBlob(
-          parentId,
-          new File([buf], name, { type: file.type, lastModified: file.lastModified }),
-          undefined,
-          hostResource,
-          track?.signal,
-        ),
-      track,
-    );
-    return;
-  }
-  const first = expanded[0];
-  log.info(
-    expanded.length === 1 && first?.kind === 'file'
-      ? `Expanded “${name}” → “${first.name}”`
-      : `Expanded “${name}” into ${expanded.length} item(s)`,
-    'expand',
-  );
-  await importExpandedTree(fs, parentId, expanded, track);
-}
-
-async function writeTrackedBlob(
-  parentId: number,
-  name: string,
-  write: () => Promise<unknown>,
-  track?: ImportItemTrack,
-): Promise<void> {
-  throwIfAborted(track?.signal);
-  try {
-    track?.onWrite?.(parentId, name);
-    await write();
-    throwIfAborted(track?.signal);
-  } catch (err) {
-    if (isAbortError(err)) await track?.removePartial?.(parentId, name);
-    throw err;
-  }
-}
-
-function shouldTryExpand(name: string): boolean {
-  return isExpandableArchive(name);
-}
-
-function expandedFiles(nodes: ExpandedNode[], prefix = ''): ExpandTrackFile[] {
-  const out: ExpandTrackFile[] = [];
-  for (const node of nodes) {
-    const path = prefix ? `${prefix}/${node.name}` : node.name;
-    if (node.kind === 'dir') out.push(...expandedFiles(node.children, path));
-    else {
-      out.push({
-        name: node.name,
-        path,
-        bytesTotal: node.data.length + node.resource.length,
-        finderInfo: node.finderInfo,
-      });
-    }
-  }
-  return out;
-}
-
-function expandedByteTotal(files: ExpandTrackFile[]): number {
-  return files.reduce((n, f) => n + f.bytesTotal, 0);
-}
-
-/** Write expanded Mac files/folders through Catalog.createFile / put (forks, Finder info, dates). */
-export async function importExpandedTree(
-  fs: Pick<Catalog, 'ensureDir' | 'createFile' | 'put'>,
-  parentId: number,
-  nodes: ExpandedNode[],
-  track?: ImportItemTrack,
-  opts?: { announce?: boolean; prefix?: string },
-): Promise<void> {
-  const prefix = opts?.prefix ?? '';
-  if (opts?.announce !== false) {
-    const files = expandedFiles(nodes, prefix);
-    track?.onExpandBegin?.(expandedByteTotal(files), files);
-  }
-  await runInCopySlot(track, () => writeExpandedNodes(fs, parentId, nodes, track, prefix));
-}
-
-async function writeExpandedNodes(
-  fs: Pick<Catalog, 'ensureDir' | 'createFile' | 'put'>,
-  parentId: number,
-  nodes: ExpandedNode[],
-  track?: ImportItemTrack,
-  prefix = '',
-): Promise<void> {
-  for (const node of nodes) {
-    throwIfAborted(track?.signal);
-    const path = prefix ? `${prefix}/${node.name}` : node.name;
-    if (node.kind === 'dir') {
-      const dir = await fs.ensureDir(parentId, node.name);
-      track?.onDir?.(parentId, node.name, dir.id, path);
-      await stampExpandedMeta(fs, dir, node, true);
-      await writeExpandedNodes(fs, dir.id, node.children, track, path);
-      continue;
-    }
-    await importExpandedFile(fs, parentId, node, track, path);
-  }
-}
-
-async function importExpandedFile(
-  fs: Pick<Catalog, 'createFile' | 'put'>,
-  parentId: number,
-  node: ExpandedFile,
-  track?: ImportItemTrack,
-  path = node.name,
-): Promise<void> {
-  const bytesTotal = node.data.length + node.resource.length;
-  const child = track?.onExpand?.({
-    name: node.name,
-    path,
-    bytesTotal,
-    finderInfo: node.finderInfo,
-  });
-  if (child?.signal?.aborted) {
-    child.onDone?.(abortError(child.signal));
-    return;
-  }
-  const credit = (n: number): void => {
-    child?.onBytes?.(n);
-    track?.onBytes?.(n);
-  };
-  let wrote = 0;
-  const signal = child?.signal ?? track?.signal;
-  const removePartial = child?.removePartial ?? track?.removePartial;
-  try {
-    throwIfAborted(signal);
-    child?.onWrite?.(parentId, node.name) ?? track?.onWrite?.(parentId, node.name);
-    const vnode = await fs.createFile(parentId, node.name, node.data, node.resource, node.finderInfo, (n) => {
-      throwIfAborted(signal);
-      wrote += n;
-      credit(n);
-    }, signal);
-    throwIfAborted(signal);
-    if (wrote === 0 && bytesTotal > 0) credit(bytesTotal);
-    await stampExpandedMeta(fs, vnode, node, false);
-    try {
-      await iconCache.ingestExtracted({
-        name: node.name,
-        finderInfo: node.finderInfo,
-        resource: node.resource,
-        data: node.data,
-      });
-    } catch {
-      /* listing can still fall back to AFP / system glyphs */
-    }
-    child?.onDone?.();
-  } catch (err) {
-    if (isAbortError(err)) await removePartial?.(parentId, node.name);
-    child?.onDone?.(err instanceof Error ? err : new Error(String(err)));
-    if (isAbortError(err) && track?.signal && !track.signal.aborted) return;
-    throw err;
-  }
-}
-
-async function stampExpandedMeta(
-  fs: Pick<Catalog, 'put'>,
-  vnode: VNode,
-  meta: ExpandedFile | ExpandedDir,
-  applyFinderInfo: boolean,
-): Promise<void> {
-  let dirty = false;
-  if (applyFinderInfo && meta.finderInfo && meta.finderInfo.some((b) => b !== 0)) {
-    vnode.finderInfo = meta.finderInfo;
-    dirty = true;
-  }
-  if (meta.createDate) {
-    vnode.createDate = hfsTimeToAfp(meta.createDate);
-    dirty = true;
-  }
-  if (meta.modDate) {
-    vnode.modDate = hfsTimeToAfp(meta.modDate);
-    dirty = true;
-  }
-  if (dirty) await fs.put(vnode);
-}
-
-function fileWithName(file: File, name: string): File {
-  if (file.name === name) return file;
-  return new File([file], name, { type: file.type, lastModified: file.lastModified });
-}
-
-function collectDataTransferEntries(dt: DataTransfer): FileSystemEntry[] {
-  const entries: FileSystemEntry[] = [];
-  for (let i = 0; i < dt.items.length; i++) {
-    const item = dt.items[i]!;
-    if (item.kind !== 'file') continue;
-    const entry = item.webkitGetAsEntry?.() ?? null;
-    if (entry) entries.push(entry);
-  }
-  return entries;
-}
-
-async function countFsEntries(entries: FileSystemEntry[]): Promise<number> {
-  let total = 0;
-  const walk = async (entry: FileSystemEntry): Promise<void> => {
-    if (isNamedForkDirName(entry.name)) return;
-    total++;
-    if (!entry.isDirectory) return;
-    const kids = await readDirectoryEntries(entry as FileSystemDirectoryEntry);
-    for (const kid of kids) await walk(kid);
-  };
-  for (const entry of entries) await walk(entry);
-  return total;
-}
-
-async function measureGroupBytes(entries: FileSystemEntry[]): Promise<number> {
-  let n = 0;
-  for (const entry of entries) n += await measureEntryBytes(entry);
-  return n;
-}
-
-async function measureEntryBytes(entry: FileSystemEntry, parentDir?: FileSystemDirectoryEntry): Promise<number> {
-  if (isNamedForkDirName(entry.name)) return 0;
-  if (entry.isFile) {
-    const fileEntry = entry as FileSystemFileEntry;
-    const file = await readFileEntry(fileEntry);
-    const resource = await readNamedResourceForkForEntry(fileEntry, parentDir);
-    return file.size + (resource?.length ?? 0);
-  }
-  if (!entry.isDirectory) return 0;
-  let n = 0;
-  const folder = entry as FileSystemDirectoryEntry;
-  const kids = await readDirectoryEntries(folder);
-  for (const kid of kids) n += await measureEntryBytes(kid, folder);
-  return n;
-}
-
-function groupTopLevelEntries(
-  entries: FileSystemEntry[],
-): { name: string; isDir: boolean; entries: FileSystemEntry[] }[] {
-  const map = new Map<string, { name: string; isDir: boolean; entries: FileSystemEntry[] }>();
-  const order: string[] = [];
-  for (const entry of entries) {
-    const raw = unescapeHostFilename(entry.name);
-    const logical = isAppleDoubleSidecarName(raw) ? raw.slice(2) : raw;
-    const key = logical.toLowerCase();
-    let g = map.get(key);
-    if (!g) {
-      g = { name: logical, isDir: false, entries: [] };
-      map.set(key, g);
-      order.push(key);
-    }
-    g.entries.push(entry);
-    if (entry.isDirectory && !isAppleDoubleSidecarName(raw)) g.isDir = true;
-  }
-  return order.map((k) => {
-    const g = map.get(k)!;
-    g.entries.sort(compareImportEntries);
-    return g;
-  });
-}
-
-function groupFilesByTopLevel(files: File[]): { name: string; isDir: boolean; files: File[] }[] {
-  const map = new Map<string, { name: string; isDir: boolean; files: File[] }>();
-  const order: string[] = [];
-  const bump = (logical: string, isDir: boolean, file: File) => {
-    const key = logical.toLowerCase();
-    let g = map.get(key);
-    if (!g) {
-      g = { name: logical, isDir, files: [] };
-      map.set(key, g);
-      order.push(key);
-    }
-    g.files.push(file);
-    if (isDir) g.isDir = true;
-  };
-  for (const file of files) {
-    const rel = file.webkitRelativePath;
-    if (rel && rel.includes('/')) {
-      bump(unescapeHostFilename(rel.split('/')[0]!), true, file);
-    } else {
-      const raw = unescapeHostFilename(file.name);
-      bump(isAppleDoubleSidecarName(raw) ? raw.slice(2) : raw, false, file);
-    }
-  }
-  return order.map((k) => {
-    const g = map.get(k)!;
-    g.files.sort(compareImportFiles);
-    return g;
-  });
-}
-
-function isAppleDoubleSidecarName(name: string): boolean {
-  return name.startsWith('._') && name.length > 2;
-}
-
-/** Chrome on macOS can expose a file's resource fork as this parallel path. */
-export const NAMED_RESOURCE_FORK_SUFFIX = '..namedfork/rsrc';
-
-export function namedResourceForkPath(fileName: string): string {
-  return `${fileName}/${NAMED_RESOURCE_FORK_SUFFIX}`;
-}
-
-function isNamedForkDirName(name: string): boolean {
-  return name === '..namedfork';
-}
-
-/** AppleDouble sidecars already carry the resource fork; don't probe them. */
-export function shouldProbeNamedResourceFork(name: string): boolean {
-  if (!name || name === '.' || name === '..' || isNamedForkDirName(name)) return false;
-  return !isAppleDoubleSidecarName(name);
-}
-
-/**
- * Read `file/..namedfork/rsrc` via the drag-and-drop File System API.
- * Works in Chrome on macOS; Safari often returns a File that fails to read,
- * Firefox typically errors. Empty forks and failures are ignored.
- */
-export async function readNamedResourceFork(
-  dir: FileSystemDirectoryEntry,
-  fileName: string,
-): Promise<Uint8Array | null> {
-  if (!shouldProbeNamedResourceFork(fileName)) return null;
-  const file = await getFileFromDirectory(dir, namedResourceForkPath(fileName));
-  return readResourceForkFile(file);
-}
-
-async function readNamedResourceForkForEntry(
-  fileEntry: FileSystemFileEntry,
-  parentDir?: FileSystemDirectoryEntry | null,
-): Promise<Uint8Array | null> {
-  if (!shouldProbeNamedResourceFork(fileEntry.name)) return null;
-  const dir = parentDir ?? (await getParentDirectory(fileEntry));
-  if (dir) {
-    const fromParent = await readNamedResourceFork(dir, fileEntry.name);
-    if (fromParent) return fromParent;
-  }
-  const root = fileEntry.filesystem?.root;
-  const fullPath = fileEntry.fullPath?.replace(/^\//, '');
-  if (!root || !fullPath) return null;
-  const file = await getFileFromDirectory(root, namedResourceForkPath(fullPath));
-  return readResourceForkFile(file);
-}
-
-async function readResourceForkFile(file: File | null): Promise<Uint8Array | null> {
-  if (!file?.size) return null;
-  try {
-    const buf = new Uint8Array(await file.arrayBuffer());
-    return buf.length ? buf : null;
-  } catch {
-    // Safari: getFile succeeds but reading the named fork throws.
-    return null;
-  }
-}
-
-function getFileFromDirectory(dir: FileSystemDirectoryEntry, relativePath: string): Promise<File | null> {
-  return new Promise((resolve) => {
-    if (typeof dir.getFile !== 'function') {
-      resolve(null);
-      return;
-    }
-    try {
-      dir.getFile(
-        relativePath,
-        { create: false },
-        (entry) => {
-          (entry as FileSystemFileEntry).file(
-            (file) => resolve(file),
-            () => resolve(null),
-          );
-        },
-        () => resolve(null),
-      );
-    } catch {
-      resolve(null);
-    }
-  });
-}
-
-function getParentDirectory(entry: FileSystemEntry): Promise<FileSystemDirectoryEntry | null> {
-  return new Promise((resolve) => {
-    if (typeof entry.getParent !== 'function') {
-      resolve(null);
-      return;
-    }
-    try {
-      entry.getParent(
-        (parent) => resolve(parent as FileSystemDirectoryEntry),
-        () => resolve(null),
-      );
-    } catch {
-      resolve(null);
-    }
-  });
-}
-
-function compareImportEntries(a: FileSystemEntry, b: FileSystemEntry): number {
-  const as = isAppleDoubleSidecarName(a.name) ? 1 : 0;
-  const bs = isAppleDoubleSidecarName(b.name) ? 1 : 0;
-  return as - bs || a.name.localeCompare(b.name);
-}
-
-function compareImportFiles(a: File, b: File): number {
-  const an = a.webkitRelativePath || a.name;
-  const bn = b.webkitRelativePath || b.name;
-  const as = isAppleDoubleSidecarName(a.name) ? 1 : 0;
-  const bs = isAppleDoubleSidecarName(b.name) ? 1 : 0;
-  return as - bs || an.localeCompare(bn);
-}
-
-function readDirectoryEntries(dir: FileSystemDirectoryEntry): Promise<FileSystemEntry[]> {
-  const reader = dir.createReader();
-  const all: FileSystemEntry[] = [];
-  return new Promise((resolve, reject) => {
-    const readBatch = (): void => {
-      reader.readEntries(
-        (batch) => {
-          if (batch.length === 0) {
-            resolve(all);
-            return;
-          }
-          all.push(...batch);
-          readBatch();
-        },
-        (err) => reject(err),
-      );
-    };
-    readBatch();
-  });
-}
-
-function readFileEntry(entry: FileSystemFileEntry): Promise<File> {
-  return new Promise((resolve, reject) => {
-    entry.file(resolve, reject);
-  });
-}
-
-/** Read a File, optionally reporting each stream chunk (not the full size up front). */
-export async function readBlobProgress(file: File, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<Uint8Array> {
-  throwIfAborted(signal);
-  if (!onBytes || typeof file.stream !== 'function') {
-    const buf = new Uint8Array(await file.arrayBuffer());
-    throwIfAborted(signal);
-    return buf;
-  }
-  const reader = file.stream().getReader();
-  const chunks: Uint8Array[] = [];
-  let total = 0;
-  try {
-    for (;;) {
-      throwIfAborted(signal);
-      const { done, value } = await reader.read();
-      if (done) break;
-      if (!value?.byteLength) continue;
-      chunks.push(value);
-      total += value.byteLength;
-      onBytes(value.byteLength);
-    }
-  } finally {
-    reader.releaseLock();
-  }
-  const out = new Uint8Array(total);
-  let o = 0;
-  for (const c of chunks) {
-    out.set(c, o);
-    o += c.length;
-  }
-  return out;
-}
+/** Shared DataTransfer import for local IndexedDB and remote AFP catalogs. */
+
+import { hfsTimeToAfp } from '../protocol/afp/constants';
+import { unescapeHostFilename } from '../protocol/host-filename';
+import { loadPrefs } from '../util/prefs';
+import { log } from '../util/logger';
+import { expandIncoming, isExpandableArchive, type ExpandedDir, type ExpandedFile, type ExpandedNode } from './expand-incoming';
+import type { Catalog, VNode } from './virtual-fs';
+import { nodeRef } from './virtual-fs';
+import type { NodeRef } from './catalog-caps';
+import { throwIfAborted, isAbortError, abortError } from '../util/abort';
+import { iconCache } from './icon-cache';
+import {
+  planItemPlacement,
+  TransferCancelled,
+  type NameConflictChoice,
+  type PlacementPlan,
+} from './name-conflict';
+
+export type ExpandTrackFile = {
+  name: string;
+  /** Archive-relative path, unique among siblings of the same parent job. */
+  path: string;
+  bytesTotal: number;
+  finderInfo?: Uint8Array;
+};
+
+export type ImportItemTrack = {
+  onBytes?: (n: number) => void;
+  onDone?: (err?: Error) => void;
+  /** Parent job caption while cataloging an archive (before nested files exist). */
+  onStatus?: (detail: string) => void;
+  /** Reset the parent job and announce every extracted file (queued) before writes start. */
+  onExpandBegin?: (bytesTotal: number, files: ExpandTrackFile[]) => void;
+  /** Nested job while a dropped wrapper is decoded (BinHex / MacBinary / later StuffIt). */
+  onExpand?: (item: ExpandTrackFile) => ImportItemTrack | undefined;
+  signal?: AbortSignal;
+  /** Called just before a dest file is created (Finder overlay + cancel partial). */
+  onWrite?: (parentId: NodeRef, name: string) => void;
+  /** Called when an extracted folder is created (Finder overlay in that parent). */
+  onDir?: (parentId: NodeRef, name: string, dirId: NodeRef, path: string) => void;
+  /** Delete a dest file left behind if this write is cancelled mid-flight. */
+  removePartial?: (parentId: NodeRef, name: string) => Promise<void>;
+  /**
+   * Serialize this item behind other Finder copies (AFP Writes on LocalTalk).
+   * Re-enters for the same job when an archive expands inside the import.
+   */
+  runInCopySlot?: <T>(fn: () => Promise<T>) => Promise<T>;
+};
+
+async function runInCopySlot<T>(track: ImportItemTrack | undefined, fn: () => Promise<T>): Promise<T> {
+  return track?.runInCopySlot ? track.runInCopySlot(fn) : fn();
+}
+
+export type ImportProgress = {
+  onScan?: (total: number) => void;
+  onProgress?: (done: number, total: number) => void;
+  /** One callback per top-level drop item (a folder is a single item). */
+  onItem?: (item: { name: string; isDir: boolean; bytesTotal: number }) => ImportItemTrack | undefined;
+  resolveConflict?: (info: {
+    name: string;
+    isDir: boolean;
+    suggestedName: string;
+  }) => Promise<NameConflictChoice>;
+};
+
+type ImportBlob = (
+  parentId: NodeRef,
+  file: File,
+  onBytes?: (n: number) => void,
+  /** Host resource fork from `..namedfork/rsrc` (Chrome on macOS). */
+  resource?: Uint8Array,
+  signal?: AbortSignal,
+) => Promise<unknown>;
+type ImportFs = Pick<
+  Catalog,
+  'beginBatch' | 'endBatch' | 'ensureDir' | 'lookup' | 'remove' | 'createFile' | 'put'
+>;
+
+/**
+ * Import files and folders from a drag-and-drop DataTransfer.
+ * Uses FileSystemEntry (directory trees) when available; falls back to FileList
+ * + webkitRelativePath. Returns the number of top-level items imported.
+ */
+export async function importDataTransferInto(
+  fs: ImportFs,
+  parentId: NodeRef,
+  dt: DataTransfer,
+  importBlob: ImportBlob,
+  opts?: ImportProgress,
+): Promise<number> {
+  const entries = collectDataTransferEntries(dt);
+  const total = entries.length > 0 ? await countFsEntries(entries) : dt.files.length;
+  opts?.onScan?.(total);
+
+  let done = 0;
+  const tick = (): void => {
+    done++;
+    opts?.onProgress?.(done, total);
+  };
+
+  if (entries.length > 0) {
+    const groups = groupTopLevelEntries(entries.sort(compareImportEntries));
+    const plans = await planIncoming(fs, parentId, groups, opts?.resolveConflict);
+    fs.beginBatch();
+    try {
+      let imported = 0;
+      let cancelled = false;
+      for (let i = 0; i < groups.length; i++) {
+        const group = groups[i]!;
+        const plan = plans[i]!;
+        await applyReplace(fs, plan);
+        const bytesTotal = await measureGroupBytes(group.entries);
+        const track = opts?.onItem?.({
+          name: plan.destName,
+          isDir: group.isDir,
+          bytesTotal,
+        });
+        try {
+          await runInCopySlot(track, async () => {
+            throwIfAborted(track?.signal);
+            for (const entry of group.entries) {
+              const asName = mappedIncomingName(unescapeHostFilename(entry.name), group.name, plan.destName);
+              await importFsEntry(fs, parentId, entry, importBlob, tick, track, asName);
+            }
+          });
+          track?.onDone?.();
+          imported++;
+        } catch (err) {
+          track?.onDone?.(err instanceof Error ? err : new Error(String(err)));
+          if (isAbortError(err)) {
+            cancelled = true;
+            continue;
+          }
+          throw err;
+        }
+      }
+      if (imported === 0 && cancelled) throw new TransferCancelled();
+      return imported;
+    } finally {
+      fs.endBatch();
+    }
+  }
+
+  const groups = groupFilesByTopLevel([...dt.files].sort(compareImportFiles));
+  const plans = await planIncoming(fs, parentId, groups, opts?.resolveConflict);
+  fs.beginBatch();
+  try {
+    let imported = 0;
+    let cancelled = false;
+    for (let i = 0; i < groups.length; i++) {
+      const group = groups[i]!;
+      const plan = plans[i]!;
+      await applyReplace(fs, plan);
+      const bytesTotal = group.files.reduce((n, f) => n + f.size, 0);
+      const track = opts?.onItem?.({
+        name: plan.destName,
+        isDir: group.isDir,
+        bytesTotal,
+      });
+        try {
+          await runInCopySlot(track, async () => {
+            throwIfAborted(track?.signal);
+            for (const file of group.files) {
+              const destTop = mappedIncomingName(
+                topFileName(file),
+                group.name,
+                plan.destName,
+              );
+              await importFileWithRelativePath(fs, parentId, file, importBlob, track, destTop);
+              tick();
+            }
+          });
+          track?.onDone?.();
+          imported++;
+        } catch (err) {
+        track?.onDone?.(err instanceof Error ? err : new Error(String(err)));
+        if (isAbortError(err)) {
+          cancelled = true;
+          continue;
+        }
+        throw err;
+      }
+    }
+    if (imported === 0 && cancelled) throw new TransferCancelled();
+    return imported;
+  } finally {
+    fs.endBatch();
+  }
+}
+
+async function planIncoming(
+  fs: ImportFs,
+  parentId: NodeRef,
+  groups: { name: string; isDir: boolean }[],
+  resolveConflict?: ImportProgress['resolveConflict'],
+): Promise<PlacementPlan[]> {
+  if (!resolveConflict) {
+    return groups.map((g) => ({ destName: g.name, replaceId: null }));
+  }
+  const reserved = new Set<string>();
+  const plans: PlacementPlan[] = [];
+  for (const g of groups) {
+    const plan = await planItemPlacement(fs, parentId, g.name, g.isDir, { reserved, resolveConflict });
+    if (!plan) throw new TransferCancelled();
+    reserved.add(plan.destName.toLowerCase());
+    plans.push(plan);
+  }
+  return plans;
+}
+
+async function applyReplace(fs: ImportFs, plan: PlacementPlan): Promise<void> {
+  if (plan.replaceId != null) await fs.remove(plan.replaceId);
+}
+
+function mappedIncomingName(rawName: string, original: string, destName: string): string {
+  if (destName === original) return rawName;
+  if (rawName === original) return destName;
+  if (isAppleDoubleSidecarName(rawName) && rawName.slice(2) === original) return `._${destName}`;
+  return rawName;
+}
+
+function topFileName(file: File): string {
+  const rel = file.webkitRelativePath;
+  if (rel && rel.includes('/')) return unescapeHostFilename(rel.split('/')[0]!);
+  return unescapeHostFilename(file.name);
+}
+
+async function importFsEntry(
+  fs: ImportFs,
+  parentId: NodeRef,
+  entry: FileSystemEntry,
+  importBlob: ImportBlob,
+  onItem?: () => void,
+  track?: ImportItemTrack,
+  destName?: string,
+  parentDir?: FileSystemDirectoryEntry,
+): Promise<void> {
+  if (isNamedForkDirName(entry.name)) return;
+  throwIfAborted(track?.signal);
+  const name = destName ?? unescapeHostFilename(entry.name);
+  if (entry.isDirectory) {
+    const dir = await fs.ensureDir(parentId, name);
+    onItem?.();
+    const folder = entry as FileSystemDirectoryEntry;
+    const kids = (await readDirectoryEntries(folder)).sort(compareImportEntries);
+    for (const kid of kids) {
+      await importFsEntry(fs, nodeRef(dir), kid, importBlob, onItem, track, undefined, folder);
+    }
+    return;
+  }
+  if (entry.isFile) {
+    const fileEntry = entry as FileSystemFileEntry;
+    const file = await readFileEntry(fileEntry);
+    const resource = await readNamedResourceForkForEntry(fileEntry, parentDir);
+    await importOneFile(fs, parentId, fileWithName(file, name), importBlob, track, resource);
+    onItem?.();
+  }
+}
+
+async function importFileWithRelativePath(
+  fs: ImportFs,
+  parentId: NodeRef,
+  file: File,
+  importBlob: ImportBlob,
+  track?: ImportItemTrack,
+  destTop?: string,
+): Promise<void> {
+  throwIfAborted(track?.signal);
+  const rel = file.webkitRelativePath;
+  if (!rel || !rel.includes('/')) {
+    const name = destTop ?? unescapeHostFilename(file.name);
+    await importOneFile(fs, parentId, fileWithName(file, name), importBlob, track);
+    return;
+  }
+  const parts = rel.split('/');
+  if (destTop) parts[0] = destTop;
+  let dirId = parentId;
+  for (let i = 0; i < parts.length - 1; i++) {
+    const part = parts[i]!;
+    if (!part || part === '.' || part === '..') continue;
+    dirId = nodeRef(await fs.ensureDir(dirId, unescapeHostFilename(part)));
+  }
+  await importOneFile(fs, dirId, file, importBlob, track);
+}
+
+async function importOneFile(
+  fs: ImportFs,
+  parentId: NodeRef,
+  file: File,
+  importBlob: ImportBlob,
+  track?: ImportItemTrack,
+  resource?: Uint8Array | null,
+): Promise<void> {
+  const name = unescapeHostFilename(file.name);
+  const onBytes = track?.onBytes;
+  const hostResource = resource?.length ? resource : undefined;
+  throwIfAborted(track?.signal);
+  if (hostResource) {
+    log.info(`Imported resource fork for “${name}” (${hostResource.length} bytes)`, 'import');
+  }
+  if (!loadPrefs().autoExpandFiles || !shouldTryExpand(name)) {
+    await writeTrackedBlob(parentId, name, () => importBlob(parentId, file, onBytes, hostResource, track?.signal), track);
+    return;
+  }
+  const buf = await readBlobProgress(file, onBytes, track?.signal);
+  throwIfAborted(track?.signal);
+  let expanded: ExpandedNode[] | null = null;
+  try {
+    expanded = expandIncoming(name, buf);
+  } catch (err) {
+    log.warn(`Couldn’t auto-expand “${name}”: ${err instanceof Error ? err.message : err}`, 'expand');
+  }
+  if (!expanded) {
+    await writeTrackedBlob(
+      parentId,
+      name,
+      () =>
+        importBlob(
+          parentId,
+          new File([buf], name, { type: file.type, lastModified: file.lastModified }),
+          undefined,
+          hostResource,
+          track?.signal,
+        ),
+      track,
+    );
+    return;
+  }
+  const first = expanded[0];
+  log.info(
+    expanded.length === 1 && first?.kind === 'file'
+      ? `Expanded “${name}” → “${first.name}”`
+      : `Expanded “${name}” into ${expanded.length} item(s)`,
+    'expand',
+  );
+  await importExpandedTree(fs, parentId, expanded, track);
+}
+
+async function writeTrackedBlob(
+  parentId: NodeRef,
+  name: string,
+  write: () => Promise<unknown>,
+  track?: ImportItemTrack,
+): Promise<void> {
+  throwIfAborted(track?.signal);
+  try {
+    track?.onWrite?.(parentId, name);
+    await write();
+    throwIfAborted(track?.signal);
+  } catch (err) {
+    if (isAbortError(err)) await track?.removePartial?.(parentId, name);
+    throw err;
+  }
+}
+
+function shouldTryExpand(name: string): boolean {
+  return isExpandableArchive(name);
+}
+
+function expandedFiles(nodes: ExpandedNode[], prefix = ''): ExpandTrackFile[] {
+  const out: ExpandTrackFile[] = [];
+  for (const node of nodes) {
+    const path = prefix ? `${prefix}/${node.name}` : node.name;
+    if (node.kind === 'dir') out.push(...expandedFiles(node.children, path));
+    else {
+      out.push({
+        name: node.name,
+        path,
+        bytesTotal: node.data.length + node.resource.length,
+        finderInfo: node.finderInfo,
+      });
+    }
+  }
+  return out;
+}
+
+function expandedByteTotal(files: ExpandTrackFile[]): number {
+  return files.reduce((n, f) => n + f.bytesTotal, 0);
+}
+
+/** Write expanded Mac files/folders through Catalog.createFile / put (forks, Finder info, dates). */
+export async function importExpandedTree(
+  fs: Pick<Catalog, 'ensureDir' | 'createFile' | 'put'>,
+  parentId: NodeRef,
+  nodes: ExpandedNode[],
+  track?: ImportItemTrack,
+  opts?: { announce?: boolean; prefix?: string },
+): Promise<void> {
+  const prefix = opts?.prefix ?? '';
+  if (opts?.announce !== false) {
+    const files = expandedFiles(nodes, prefix);
+    track?.onExpandBegin?.(expandedByteTotal(files), files);
+  }
+  await runInCopySlot(track, () => writeExpandedNodes(fs, parentId, nodes, track, prefix));
+}
+
+async function writeExpandedNodes(
+  fs: Pick<Catalog, 'ensureDir' | 'createFile' | 'put'>,
+  parentId: NodeRef,
+  nodes: ExpandedNode[],
+  track?: ImportItemTrack,
+  prefix = '',
+): Promise<void> {
+  for (const node of nodes) {
+    throwIfAborted(track?.signal);
+    const path = prefix ? `${prefix}/${node.name}` : node.name;
+    if (node.kind === 'dir') {
+      const dir = await fs.ensureDir(parentId, node.name);
+      track?.onDir?.(parentId, node.name, nodeRef(dir), path);
+      await stampExpandedMeta(fs, dir, node, true);
+      await writeExpandedNodes(fs, nodeRef(dir), node.children, track, path);
+      continue;
+    }
+    await importExpandedFile(fs, parentId, node, track, path);
+  }
+}
+
+async function importExpandedFile(
+  fs: Pick<Catalog, 'createFile' | 'put'>,
+  parentId: NodeRef,
+  node: ExpandedFile,
+  track?: ImportItemTrack,
+  path = node.name,
+): Promise<void> {
+  const bytesTotal = node.data.length + node.resource.length;
+  const child = track?.onExpand?.({
+    name: node.name,
+    path,
+    bytesTotal,
+    finderInfo: node.finderInfo,
+  });
+  if (child?.signal?.aborted) {
+    child.onDone?.(abortError(child.signal));
+    return;
+  }
+  const credit = (n: number): void => {
+    child?.onBytes?.(n);
+    track?.onBytes?.(n);
+  };
+  let wrote = 0;
+  const signal = child?.signal ?? track?.signal;
+  const removePartial = child?.removePartial ?? track?.removePartial;
+  try {
+    throwIfAborted(signal);
+    child?.onWrite?.(parentId, node.name) ?? track?.onWrite?.(parentId, node.name);
+    const vnode = await fs.createFile(parentId, node.name, node.data, node.resource, node.finderInfo, (n) => {
+      throwIfAborted(signal);
+      wrote += n;
+      credit(n);
+    }, signal);
+    throwIfAborted(signal);
+    if (wrote === 0 && bytesTotal > 0) credit(bytesTotal);
+    await stampExpandedMeta(fs, vnode, node, false);
+    try {
+      await iconCache.ingestExtracted({
+        name: node.name,
+        finderInfo: node.finderInfo,
+        resource: node.resource,
+        data: node.data,
+      });
+    } catch {
+      /* listing can still fall back to AFP / system glyphs */
+    }
+    child?.onDone?.();
+  } catch (err) {
+    if (isAbortError(err)) await removePartial?.(parentId, node.name);
+    child?.onDone?.(err instanceof Error ? err : new Error(String(err)));
+    if (isAbortError(err) && track?.signal && !track.signal.aborted) return;
+    throw err;
+  }
+}
+
+async function stampExpandedMeta(
+  fs: Pick<Catalog, 'put'>,
+  vnode: VNode,
+  meta: ExpandedFile | ExpandedDir,
+  applyFinderInfo: boolean,
+): Promise<void> {
+  let dirty = false;
+  if (applyFinderInfo && meta.finderInfo && meta.finderInfo.some((b) => b !== 0)) {
+    vnode.finderInfo = meta.finderInfo;
+    dirty = true;
+  }
+  if (meta.createDate) {
+    vnode.createDate = hfsTimeToAfp(meta.createDate);
+    dirty = true;
+  }
+  if (meta.modDate) {
+    vnode.modDate = hfsTimeToAfp(meta.modDate);
+    dirty = true;
+  }
+  if (dirty) await fs.put(vnode);
+}
+
+function fileWithName(file: File, name: string): File {
+  if (file.name === name) return file;
+  return new File([file], name, { type: file.type, lastModified: file.lastModified });
+}
+
+function collectDataTransferEntries(dt: DataTransfer): FileSystemEntry[] {
+  const entries: FileSystemEntry[] = [];
+  for (let i = 0; i < dt.items.length; i++) {
+    const item = dt.items[i]!;
+    if (item.kind !== 'file') continue;
+    const entry = item.webkitGetAsEntry?.() ?? null;
+    if (entry) entries.push(entry);
+  }
+  return entries;
+}
+
+async function countFsEntries(entries: FileSystemEntry[]): Promise<number> {
+  let total = 0;
+  const walk = async (entry: FileSystemEntry): Promise<void> => {
+    if (isNamedForkDirName(entry.name)) return;
+    total++;
+    if (!entry.isDirectory) return;
+    const kids = await readDirectoryEntries(entry as FileSystemDirectoryEntry);
+    for (const kid of kids) await walk(kid);
+  };
+  for (const entry of entries) await walk(entry);
+  return total;
+}
+
+async function measureGroupBytes(entries: FileSystemEntry[]): Promise<number> {
+  let n = 0;
+  for (const entry of entries) n += await measureEntryBytes(entry);
+  return n;
+}
+
+async function measureEntryBytes(entry: FileSystemEntry, parentDir?: FileSystemDirectoryEntry): Promise<number> {
+  if (isNamedForkDirName(entry.name)) return 0;
+  if (entry.isFile) {
+    const fileEntry = entry as FileSystemFileEntry;
+    const file = await readFileEntry(fileEntry);
+    const resource = await readNamedResourceForkForEntry(fileEntry, parentDir);
+    return file.size + (resource?.length ?? 0);
+  }
+  if (!entry.isDirectory) return 0;
+  let n = 0;
+  const folder = entry as FileSystemDirectoryEntry;
+  const kids = await readDirectoryEntries(folder);
+  for (const kid of kids) n += await measureEntryBytes(kid, folder);
+  return n;
+}
+
+function groupTopLevelEntries(
+  entries: FileSystemEntry[],
+): { name: string; isDir: boolean; entries: FileSystemEntry[] }[] {
+  const map = new Map<string, { name: string; isDir: boolean; entries: FileSystemEntry[] }>();
+  const order: string[] = [];
+  for (const entry of entries) {
+    const raw = unescapeHostFilename(entry.name);
+    const logical = isAppleDoubleSidecarName(raw) ? raw.slice(2) : raw;
+    const key = logical.toLowerCase();
+    let g = map.get(key);
+    if (!g) {
+      g = { name: logical, isDir: false, entries: [] };
+      map.set(key, g);
+      order.push(key);
+    }
+    g.entries.push(entry);
+    if (entry.isDirectory && !isAppleDoubleSidecarName(raw)) g.isDir = true;
+  }
+  return order.map((k) => {
+    const g = map.get(k)!;
+    g.entries.sort(compareImportEntries);
+    return g;
+  });
+}
+
+function groupFilesByTopLevel(files: File[]): { name: string; isDir: boolean; files: File[] }[] {
+  const map = new Map<string, { name: string; isDir: boolean; files: File[] }>();
+  const order: string[] = [];
+  const bump = (logical: string, isDir: boolean, file: File) => {
+    const key = logical.toLowerCase();
+    let g = map.get(key);
+    if (!g) {
+      g = { name: logical, isDir, files: [] };
+      map.set(key, g);
+      order.push(key);
+    }
+    g.files.push(file);
+    if (isDir) g.isDir = true;
+  };
+  for (const file of files) {
+    const rel = file.webkitRelativePath;
+    if (rel && rel.includes('/')) {
+      bump(unescapeHostFilename(rel.split('/')[0]!), true, file);
+    } else {
+      const raw = unescapeHostFilename(file.name);
+      bump(isAppleDoubleSidecarName(raw) ? raw.slice(2) : raw, false, file);
+    }
+  }
+  return order.map((k) => {
+    const g = map.get(k)!;
+    g.files.sort(compareImportFiles);
+    return g;
+  });
+}
+
+function isAppleDoubleSidecarName(name: string): boolean {
+  return name.startsWith('._') && name.length > 2;
+}
+
+/** Chrome on macOS can expose a file's resource fork as this parallel path. */
+export const NAMED_RESOURCE_FORK_SUFFIX = '..namedfork/rsrc';
+
+export function namedResourceForkPath(fileName: string): string {
+  return `${fileName}/${NAMED_RESOURCE_FORK_SUFFIX}`;
+}
+
+function isNamedForkDirName(name: string): boolean {
+  return name === '..namedfork';
+}
+
+/** AppleDouble sidecars already carry the resource fork; don't probe them. */
+export function shouldProbeNamedResourceFork(name: string): boolean {
+  if (!name || name === '.' || name === '..' || isNamedForkDirName(name)) return false;
+  return !isAppleDoubleSidecarName(name);
+}
+
+/**
+ * Read `file/..namedfork/rsrc` via the drag-and-drop File System API.
+ * Works in Chrome on macOS; Safari often returns a File that fails to read,
+ * Firefox typically errors. Empty forks and failures are ignored.
+ */
+export async function readNamedResourceFork(
+  dir: FileSystemDirectoryEntry,
+  fileName: string,
+): Promise<Uint8Array | null> {
+  if (!shouldProbeNamedResourceFork(fileName)) return null;
+  const file = await getFileFromDirectory(dir, namedResourceForkPath(fileName));
+  return readResourceForkFile(file);
+}
+
+async function readNamedResourceForkForEntry(
+  fileEntry: FileSystemFileEntry,
+  parentDir?: FileSystemDirectoryEntry | null,
+): Promise<Uint8Array | null> {
+  if (!shouldProbeNamedResourceFork(fileEntry.name)) return null;
+  const dir = parentDir ?? (await getParentDirectory(fileEntry));
+  if (dir) {
+    const fromParent = await readNamedResourceFork(dir, fileEntry.name);
+    if (fromParent) return fromParent;
+  }
+  const root = fileEntry.filesystem?.root;
+  const fullPath = fileEntry.fullPath?.replace(/^\//, '');
+  if (!root || !fullPath) return null;
+  const file = await getFileFromDirectory(root, namedResourceForkPath(fullPath));
+  return readResourceForkFile(file);
+}
+
+async function readResourceForkFile(file: File | null): Promise<Uint8Array | null> {
+  if (!file?.size) return null;
+  try {
+    const buf = new Uint8Array(await file.arrayBuffer());
+    return buf.length ? buf : null;
+  } catch {
+    // Safari: getFile succeeds but reading the named fork throws.
+    return null;
+  }
+}
+
+function getFileFromDirectory(dir: FileSystemDirectoryEntry, relativePath: string): Promise<File | null> {
+  return new Promise((resolve) => {
+    if (typeof dir.getFile !== 'function') {
+      resolve(null);
+      return;
+    }
+    try {
+      dir.getFile(
+        relativePath,
+        { create: false },
+        (entry) => {
+          (entry as FileSystemFileEntry).file(
+            (file) => resolve(file),
+            () => resolve(null),
+          );
+        },
+        () => resolve(null),
+      );
+    } catch {
+      resolve(null);
+    }
+  });
+}
+
+function getParentDirectory(entry: FileSystemEntry): Promise<FileSystemDirectoryEntry | null> {
+  return new Promise((resolve) => {
+    if (typeof entry.getParent !== 'function') {
+      resolve(null);
+      return;
+    }
+    try {
+      entry.getParent(
+        (parent) => resolve(parent as FileSystemDirectoryEntry),
+        () => resolve(null),
+      );
+    } catch {
+      resolve(null);
+    }
+  });
+}
+
+function compareImportEntries(a: FileSystemEntry, b: FileSystemEntry): number {
+  const as = isAppleDoubleSidecarName(a.name) ? 1 : 0;
+  const bs = isAppleDoubleSidecarName(b.name) ? 1 : 0;
+  return as - bs || a.name.localeCompare(b.name);
+}
+
+function compareImportFiles(a: File, b: File): number {
+  const an = a.webkitRelativePath || a.name;
+  const bn = b.webkitRelativePath || b.name;
+  const as = isAppleDoubleSidecarName(a.name) ? 1 : 0;
+  const bs = isAppleDoubleSidecarName(b.name) ? 1 : 0;
+  return as - bs || an.localeCompare(bn);
+}
+
+function readDirectoryEntries(dir: FileSystemDirectoryEntry): Promise<FileSystemEntry[]> {
+  const reader = dir.createReader();
+  const all: FileSystemEntry[] = [];
+  return new Promise((resolve, reject) => {
+    const readBatch = (): void => {
+      reader.readEntries(
+        (batch) => {
+          if (batch.length === 0) {
+            resolve(all);
+            return;
+          }
+          all.push(...batch);
+          readBatch();
+        },
+        (err) => reject(err),
+      );
+    };
+    readBatch();
+  });
+}
+
+function readFileEntry(entry: FileSystemFileEntry): Promise<File> {
+  return new Promise((resolve, reject) => {
+    entry.file(resolve, reject);
+  });
+}
+
+/** Read a File, optionally reporting each stream chunk (not the full size up front). */
+export async function readBlobProgress(file: File, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<Uint8Array> {
+  throwIfAborted(signal);
+  if (!onBytes || typeof file.stream !== 'function') {
+    const buf = new Uint8Array(await file.arrayBuffer());
+    throwIfAborted(signal);
+    return buf;
+  }
+  const reader = file.stream().getReader();
+  const chunks: Uint8Array[] = [];
+  let total = 0;
+  try {
+    for (;;) {
+      throwIfAborted(signal);
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (!value?.byteLength) continue;
+      chunks.push(value);
+      total += value.byteLength;
+      onBytes(value.byteLength);
+    }
+  } finally {
+    reader.releaseLock();
+  }
+  const out = new Uint8Array(total);
+  let o = 0;
+  for (const c of chunks) {
+    out.set(c, o);
+    o += c.length;
+  }
+  return out;
+}
diff --git a/src/fs/name-conflict.ts b/src/fs/name-conflict.ts
index 6dee4cd..36c43b5 100644
--- a/src/fs/name-conflict.ts
+++ b/src/fs/name-conflict.ts
@@ -1,6 +1,8 @@
 /** Name clashes when copying, moving, or importing into a folder. */
 
 import { isAbortError } from '../util/abort';
+import type { NodeRef } from './catalog-caps';
+import { nodeRef, type VNode } from './virtual-fs';
 
 export type NameConflictChoice = 'replace' | 'rename' | 'cancel';
 
@@ -33,12 +35,12 @@ export function copyItemName(base: string): string {
 }
 
 type LookupFs = {
-  lookup(parentId: number, name: string): Promise<{ id: number } | undefined>;
+  lookup(parent: NodeRef, name: string): Promise<VNode | undefined>;
 };
 
 export async function uniqueCopyName(
   fs: LookupFs,
-  parentId: number,
+  parentId: NodeRef,
   base: string,
   reserved: Set<string> = new Set(),
 ): Promise<string> {
@@ -56,15 +58,15 @@ export async function uniqueCopyName(
   }
 }
 
-export type PlacementPlan = { destName: string; replaceId: number | null };
+export type PlacementPlan = { destName: string; replaceId: NodeRef | null };
 
 export async function planItemPlacement(
   fs: LookupFs,
-  parentId: number,
+  parentId: NodeRef,
   name: string,
   isDir: boolean,
   opts: {
-    ignoreId?: number;
+    ignoreId?: NodeRef;
     reserved?: Set<string>;
     resolveConflict: (info: {
       name: string;
@@ -75,12 +77,12 @@ export async function planItemPlacement(
 ): Promise<PlacementPlan | null> {
   const reserved = opts.reserved ?? new Set();
   const existing = await fs.lookup(parentId, name);
-  if (!existing || existing.id === opts.ignoreId) {
+  if (!existing || nodeRef(existing) === opts.ignoreId) {
     return { destName: name, replaceId: null };
   }
   const suggestedName = await uniqueCopyName(fs, parentId, name, reserved);
   const choice = await opts.resolveConflict({ name, isDir, suggestedName });
   if (choice === 'cancel') return null;
-  if (choice === 'replace') return { destName: name, replaceId: existing.id };
+  if (choice === 'replace') return { destName: name, replaceId: nodeRef(existing) };
   return { destName: suggestedName, replaceId: null };
 }
diff --git a/src/fs/remote-vfs.ts b/src/fs/remote-vfs.ts
index 2b4a19e..6200be7 100644
--- a/src/fs/remote-vfs.ts
+++ b/src/fs/remote-vfs.ts
@@ -1,12 +1,15 @@
 /** AFP volume as a Finder Catalog (same API as IndexedDB VirtualFS). */
 
-import { CNIDRoot, macTime } from '../protocol/afp/constants';
+import { CNIDRoot } from '../protocol/afp/constants';
 import type { AfpClient } from '../services/afp-client/client';
 import type { DirEntry } from '../services/afp-client/commands';
 import { unescapeHostFilename } from '../protocol/host-filename';
 import { parseAppleDouble, parseAppleSingle, AS_MAGIC, AD_MAGIC } from './appledouble';
 import { be32 } from '../protocol/binary';
-import type { Catalog, VNode, VfsChangeListener, ChildrenBatchListener } from './virtual-fs';
+import type { Catalog, CnidVNode, VNode, VfsChangeListener, ChildrenBatchListener } from './virtual-fs';
+import { requireCnid, nodeRef } from './virtual-fs';
+import { afpVolumeCaps, asCnid, fromUnixMs, toUnixMs, type CatalogCapabilities, type NodeRef } from './catalog-caps';
+import { finderFlags, kIsInvisible, kNameLocked } from './finder-info';
 import { importDataTransferInto, type ImportProgress } from './import-transfer';
 import { finderInfoFromName } from './extension-map';
 import { bufferRangeReader, type ByteRangeReader } from './byte-range';
@@ -21,7 +24,7 @@ export class RemoteVfs implements Catalog {
   readonly client: AfpClient;
   readonly volumeName: string;
   readonly volId: number;
-  private nodes = new Map<number, VNode>();
+  private nodes = new Map<number, CnidVNode>();
   private forksLoaded = new Set<number>();
   private listeners = new Set<VfsChangeListener>();
   private batchDepth = 0;
@@ -31,10 +34,14 @@ export class RemoteVfs implements Catalog {
     this.client = client;
     this.volumeName = volumeName;
     this.volId = volId;
-    this.nodes.set(this.rootId(), this.makeRoot());
+    this.nodes.set(CNIDRoot, this.makeRoot());
   }
 
-  rootId(): number {
+  capabilities(): CatalogCapabilities {
+    return afpVolumeCaps;
+  }
+
+  rootId(): NodeRef {
     return CNIDRoot;
   }
 
@@ -57,11 +64,51 @@ export class RemoteVfs implements Catalog {
     }
   }
 
-  async get(id: number): Promise<VNode | undefined> {
-    return this.nodes.get(id) ?? (id === this.rootId() ? this.ensureRoot() : undefined);
+  async get(ref: NodeRef): Promise<VNode | undefined> {
+    if (typeof ref === 'string') return this.resolvePath(ref);
+    return this.nodes.get(ref) ?? (ref === CNIDRoot ? this.ensureRoot() : undefined);
+  }
+
+  async resolvePath(path: string): Promise<VNode | undefined> {
+    const parts = path.split('/').filter(Boolean);
+    let cur: VNode | undefined = await this.get(CNIDRoot);
+    for (const part of parts) {
+      if (!cur) return undefined;
+      cur = await this.lookup(nodeRef(cur), part);
+    }
+    return cur;
   }
 
-  async ensureContent(id: number, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
+  async pathOf(ref: NodeRef): Promise<string> {
+    if (typeof ref === 'string') return ref;
+    const names: string[] = [];
+    let cur = await this.get(ref);
+    while (cur && cur.addr === 'cnid' && cur.id !== CNIDRoot) {
+      if (cur.name) names.unshift(cur.name);
+      if (!cur.parentId || cur.parentId === cur.id) break;
+      cur = await this.get(cur.parentId);
+    }
+    return names.join('/');
+  }
+
+  async setAttrs(ref: NodeRef, patch: Record<string, boolean>): Promise<void> {
+    const node = await this.get(ref);
+    if (!node) throw new Error('not found');
+    node.attrs = { ...(node.attrs ?? {}), ...patch };
+    if (node.finderInfo.length >= 10) {
+      const fi = new Uint8Array(node.finderInfo);
+      let flags = finderFlags(fi);
+      if (patch.invisible != null) flags = patch.invisible ? flags | kIsInvisible : flags & ~kIsInvisible;
+      if (patch.locked != null) flags = patch.locked ? flags | kNameLocked : flags & ~kNameLocked;
+      fi[8] = (flags >> 8) & 0xff;
+      fi[9] = flags & 0xff;
+      node.finderInfo = fi;
+    }
+    await this.put(node);
+  }
+
+  async ensureContent(ref: NodeRef, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
+    const id = asCnid(ref);
     const node = await this.get(id);
     if (!node || node.isDir) return node;
     if (!this.forksLoaded.has(id)) await this.hydrateForks(node, onBytes, signal);
@@ -69,10 +116,11 @@ export class RemoteVfs implements Catalog {
   }
 
   async children(
-    parentId: number,
+    parent: NodeRef,
     onBatch?: ChildrenBatchListener,
     signal?: AbortSignal,
   ): Promise<VNode[]> {
+    const parentId = asCnid(parent);
     const kids: VNode[] = [];
     const seen = new Set<number>();
     const take = async (batch: DirEntry[]) => {
@@ -90,8 +138,9 @@ export class RemoteVfs implements Catalog {
     return kids;
   }
 
-  async lookup(parentId: number, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
+  async lookup(parent: NodeRef, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
     throwIfAborted(signal);
+    const parentId = asCnid(parent);
     const lower = name.toLowerCase();
     for (const n of this.nodes.values()) {
       if (n.parentId === parentId && n.name.toLowerCase() === lower) return n;
@@ -154,13 +203,13 @@ export class RemoteVfs implements Catalog {
     opts?: { resource?: boolean; signal?: AbortSignal; priority?: number },
   ): Promise<T> {
     throwIfAborted(opts?.signal);
-    if (this.forksLoaded.has(node.id)) {
+    if (this.forksLoaded.has(requireCnid(node).id)) {
       const bytes = opts?.resource ? node.resource : node.data;
       return fn(bufferRangeReader(bytes));
     }
     return this.client.withForkReader(
       node.name,
-      node.parentId,
+      requireCnid(node).parentId,
       opts?.resource === true,
       fn,
       this.volId,
@@ -168,7 +217,8 @@ export class RemoteVfs implements Catalog {
     );
   }
 
-  async mkdir(parentId: number, name: string): Promise<VNode> {
+  async mkdir(parent: NodeRef, name: string): Promise<VNode> {
+    const parentId = asCnid(parent);
     const existing = await this.lookup(parentId, name);
     if (existing) throw new Error('exists');
     await this.client.mkdir(name, parentId, this.volId);
@@ -177,7 +227,8 @@ export class RemoteVfs implements Catalog {
     return node;
   }
 
-  async ensureDir(parentId: number, name: string): Promise<VNode> {
+  async ensureDir(parent: NodeRef, name: string): Promise<VNode> {
+    const parentId = asCnid(parent);
     const existing = await this.lookup(parentId, name);
     if (existing?.isDir) return existing;
     if (existing) throw new Error('exists');
@@ -185,7 +236,7 @@ export class RemoteVfs implements Catalog {
   }
 
   async createFile(
-    parentId: number,
+    parent: NodeRef,
     name: string,
     data: Uint8Array,
     resource = new Uint8Array(),
@@ -194,6 +245,7 @@ export class RemoteVfs implements Catalog {
     signal?: AbortSignal,
   ): Promise<VNode> {
     throwIfAborted(signal);
+    const parentId = asCnid(parent);
     await this.client.writeFile(name, data, parentId, false, this.volId, onBytes, signal);
     throwIfAborted(signal);
     if (resource.length) await this.client.writeFile(name, resource, parentId, true, this.volId, onBytes, signal);
@@ -205,58 +257,64 @@ export class RemoteVfs implements Catalog {
       (await this.lookup(parentId, name)) ??
       this.placeholderFile(parentId, name, data, resource, finderInfo);
     if (node) {
+      const cnid = requireCnid(node);
       node.data = data;
       node.resource = resource;
       node.finderInfo = finderInfo;
       node.dataBytes = data.length;
       node.resourceBytes = resource.length;
-      this.forksLoaded.add(node.id);
-      this.nodes.set(node.id, node);
+      this.forksLoaded.add(cnid.id);
+      this.nodes.set(cnid.id, cnid);
     }
     this.notify(parentId);
     return node;
   }
 
   async put(node: VNode): Promise<void> {
-    this.nodes.set(node.id, node);
-    await this.client.setFinderInfo(node.name, node.finderInfo, node.parentId, this.volId, {
-      createDate: node.createDate || undefined,
-      modDate: node.modDate || undefined,
+    const n = requireCnid(node);
+    this.nodes.set(n.id, n);
+    await this.client.setFinderInfo(n.name, n.finderInfo, n.parentId, this.volId, {
+      createDate: n.createDate ? fromUnixMs(n.createDate) : undefined,
+      modDate: n.modDate ? fromUnixMs(n.modDate) : undefined,
     });
-    this.notify(node.parentId);
+    this.notify(n.parentId);
   }
 
-  async rename(id: number, newName: string): Promise<void> {
-    const n = this.nodes.get(id) ?? (await this.get(id));
+  async rename(ref: NodeRef, newName: string): Promise<void> {
+    const id = asCnid(ref);
+    const n = this.nodes.get(id) ?? requireCnid((await this.get(id))!);
     if (!n) throw new Error('not found');
     if (n.id === this.rootId()) throw new Error('cannot rename volume root');
     await this.client.rename(n.name, newName, n.parentId, this.volId);
     n.name = newName;
-    n.modDate = macTime();
+    n.modDate = Date.now();
     this.nodes.set(id, n);
     this.notify(n.parentId);
   }
 
-  async move(id: number, newParent: number): Promise<void> {
-    const n = this.nodes.get(id) ?? (await this.get(id));
+  async move(ref: NodeRef, newParent: NodeRef): Promise<void> {
+    const id = asCnid(ref);
+    const parentId = asCnid(newParent);
+    const n = this.nodes.get(id) ?? requireCnid((await this.get(id))!);
     if (!n) throw new Error('not found');
     if (n.id === this.rootId()) throw new Error('cannot move volume root');
-    if (n.parentId === newParent) return;
-    await this.client.moveAndRename(n.parentId, n.name, newParent, '', this.volId);
+    if (n.parentId === parentId) return;
+    await this.client.moveAndRename(n.parentId, n.name, parentId, '', this.volId);
     const oldParent = n.parentId;
-    n.parentId = newParent;
-    n.modDate = macTime();
+    n.parentId = parentId;
+    n.modDate = Date.now();
     this.nodes.set(id, n);
-    this.notify(oldParent, newParent);
+    this.notify(oldParent, parentId);
   }
 
-  async remove(id: number): Promise<void> {
+  async remove(ref: NodeRef): Promise<void> {
+    const id = asCnid(ref);
     const n = this.nodes.get(id);
     if (!n) return;
     if (n.id === this.rootId()) throw new Error('cannot delete volume root');
     if (n.isDir) {
       const kids = await this.children(id);
-      for (const k of kids) await this.remove(k.id);
+      for (const k of kids) await this.remove(nodeRef(k));
     }
     await this.client.remove(n.name, n.parentId, this.volId);
     this.nodes.delete(id);
@@ -264,17 +322,19 @@ export class RemoteVfs implements Catalog {
     this.notify(n.parentId);
   }
 
-  async importDataTransfer(parentId: number, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+  async importDataTransfer(parent: NodeRef, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+    const parentId = asCnid(parent);
     return importDataTransferInto(this, parentId, dt, (p, file, onBytes, resource, signal) => this.importBlob(p, file, onBytes, resource, signal), opts);
   }
 
   private async importBlob(
-    parentId: number,
+    parent: NodeRef,
     file: File,
     onBytes?: (n: number) => void,
     resource?: Uint8Array,
     signal?: AbortSignal,
   ): Promise<VNode> {
+    const parentId = asCnid(parent);
     throwIfAborted(signal);
     const buf = new Uint8Array(await file.arrayBuffer());
     throwIfAborted(signal);
@@ -285,7 +345,8 @@ export class RemoteVfs implements Catalog {
         const target = name.slice(2);
         const existing = await this.lookup(parentId, target);
         if (existing && !existing.isDir) {
-          const data = this.forksLoaded.has(existing.id)
+          const cnid = requireCnid(existing);
+          const data = this.forksLoaded.has(cnid.id)
             ? existing.data
             : await this.client.readFile(existing.name, parentId, false, this.volId);
           return this.createFile(parentId, target, data, ad.resource, ad.finderInfo, onBytes, signal);
@@ -306,22 +367,23 @@ export class RemoteVfs implements Catalog {
 
   private async hydrateForks(node: VNode, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<void> {
     throwIfAborted(signal);
+    const n = requireCnid(node);
     try {
-      node.data = await this.client.readFile(node.name, node.parentId, false, this.volId, onBytes, signal);
+      node.data = await this.client.readFile(n.name, n.parentId, false, this.volId, onBytes, signal);
     } catch (err) {
       if (isAbortError(err)) throw err;
       node.data = EMPTY;
     }
     try {
-      node.resource = await this.client.readFile(node.name, node.parentId, true, this.volId, onBytes, signal);
+      node.resource = await this.client.readFile(n.name, n.parentId, true, this.volId, onBytes, signal);
     } catch (err) {
       if (isAbortError(err)) throw err;
       node.resource = EMPTY;
     }
     node.dataBytes = node.data.length;
     node.resourceBytes = node.resource.length;
-    this.forksLoaded.add(node.id);
-    this.nodes.set(node.id, node);
+    this.forksLoaded.add(n.id);
+    this.nodes.set(n.id, n);
   }
 
   private adopt(
@@ -340,7 +402,8 @@ export class RemoteVfs implements Catalog {
     parentId: number,
   ): VNode {
     const prev = this.nodes.get(e.cnid);
-    const node: VNode = {
+    const node: CnidVNode = {
+      addr: 'cnid',
       id: e.cnid,
       parentId: e.parentId || parentId,
       name: e.name,
@@ -348,8 +411,8 @@ export class RemoteVfs implements Catalog {
       data: prev && this.forksLoaded.has(e.cnid) ? prev.data : EMPTY,
       resource: prev && this.forksLoaded.has(e.cnid) ? prev.resource : EMPTY,
       finderInfo: e.finderInfo?.length ? e.finderInfo.slice() : new Uint8Array(32),
-      createDate: e.createDate,
-      modDate: e.modDate,
+      createDate: toUnixMs(e.createDate),
+      modDate: toUnixMs(e.modDate),
       dataBytes: e.isDir ? 0 : e.dataLen,
       resourceBytes: e.isDir ? 0 : e.rsrcLen,
       ...(e.attributes ? { attributes: e.attributes } : {}),
@@ -364,9 +427,10 @@ export class RemoteVfs implements Catalog {
     return node;
   }
 
-  private makeRoot(): VNode {
+  private makeRoot(): CnidVNode {
     return {
-      id: this.rootId(),
+      addr: 'cnid',
+      id: CNIDRoot,
       parentId: 1,
       name: this.volumeName,
       isDir: true,
@@ -379,7 +443,7 @@ export class RemoteVfs implements Catalog {
   }
 
   private ensureRoot(): VNode {
-    let n = this.nodes.get(this.rootId());
+    let n = this.nodes.get(CNIDRoot);
     if (!n) {
       n = this.makeRoot();
       this.nodes.set(n.id, n);
@@ -387,8 +451,9 @@ export class RemoteVfs implements Catalog {
     return n;
   }
 
-  private placeholderDir(parentId: number, name: string): VNode {
-    const node: VNode = {
+  private placeholderDir(parentId: number, name: string): CnidVNode {
+    const node: CnidVNode = {
+      addr: 'cnid',
       id: Date.now() & 0x7fffffff,
       parentId,
       name,
@@ -396,8 +461,8 @@ export class RemoteVfs implements Catalog {
       data: EMPTY,
       resource: EMPTY,
       finderInfo: new Uint8Array(32),
-      createDate: macTime(),
-      modDate: macTime(),
+      createDate: Date.now(),
+      modDate: Date.now(),
     };
     this.nodes.set(node.id, node);
     return node;
@@ -410,7 +475,8 @@ export class RemoteVfs implements Catalog {
     resource: Uint8Array,
     finderInfo: Uint8Array,
   ): VNode {
-    const node: VNode = {
+    const node: CnidVNode = {
+      addr: 'cnid',
       id: Date.now() & 0x7fffffff,
       parentId,
       name,
@@ -418,8 +484,8 @@ export class RemoteVfs implements Catalog {
       data,
       resource,
       finderInfo,
-      createDate: macTime(),
-      modDate: macTime(),
+      createDate: Date.now(),
+      modDate: Date.now(),
       dataBytes: data.length,
       resourceBytes: resource.length,
     };
diff --git a/src/fs/resource-types/vers.ts b/src/fs/resource-types/vers.ts
index 9c4d930..c4e8278 100644
--- a/src/fs/resource-types/vers.ts
+++ b/src/fs/resource-types/vers.ts
@@ -29,6 +29,10 @@ export interface VersRec {
 export interface VersGetInfo {
   version: string;
   copyright: string;
+  product?: string;
+  productVersion?: string;
+  description?: string;
+  company?: string;
 }
 
 const COPYRIGHT_RE = /(?:©|\(c\)|copyright)/i;
diff --git a/src/fs/virtual-fs.ts b/src/fs/virtual-fs.ts
index d905322..06b9683 100644
--- a/src/fs/virtual-fs.ts
+++ b/src/fs/virtual-fs.ts
@@ -1,75 +1,105 @@
 /** IndexedDB-backed virtual AFP volume. */
 
 import { openDB, type IDBPDatabase } from './idb-shim';
-import { macTime } from '../protocol/afp/constants';
 import { escapeHostFilename, unescapeHostFilename } from '../protocol/host-filename';
+import {
+  afpVolumeCaps,
+  toUnixMs,
+  type CatalogCapabilities,
+  type NodeRef,
+} from './catalog-caps';
 import { parseAppleDouble, parseAppleSingle, AS_MAGIC, AD_MAGIC } from './appledouble';
 import { be32 } from '../protocol/binary';
 import { importDataTransferInto, readBlobProgress, type ImportProgress } from './import-transfer';
+import { finderFlags, kIsInvisible, kNameLocked } from './finder-info';
 import { finderInfoFromName } from './extension-map';
 import { throwIfAborted } from '../util/abort';
 import { bufferRangeReader, type ByteRangeReader } from './byte-range';
 import { loadFinderIconFork, ResourceFork, type ResourceForkLoadOpts } from './resource-fork';
 import { iconForkLoadOptions } from './icon-cache';
 
-export type VfsChange = { parentIds: number[] };
+export type VfsChange = { parentIds: NodeRef[] };
 export type VfsChangeListener = (change: VfsChange) => void;
 /** Invoked with children gathered so far after each remote enumerate page. */
 export type ChildrenBatchListener = (nodes: VNode[]) => void | Promise<void>;
 
-export interface VNode {
-  id: number;
-  parentId: number;
+export type VNodeBase = {
   name: string;
   isDir: boolean;
   data: Uint8Array;
   resource: Uint8Array;
   finderInfo: Uint8Array;
+  /** Unix milliseconds. */
   createDate: number;
+  /** Unix milliseconds. */
   modDate: number;
-  /** Enumerated fork sizes when `data`/`resource` are not loaded (remote AFP). */
   dataBytes?: number;
   resourceBytes?: number;
-  /** AFP file/dir attribute bits (locked / inhibit flags), when known. */
   attributes?: number;
+  shortName?: string;
+  mediumName?: string;
+  accessDate?: number;
+  backupDate?: number;
+  attrs?: Record<string, boolean>;
+};
+
+export type CnidVNode = VNodeBase & { addr: 'cnid'; id: number; parentId: number };
+export type PathVNode = VNodeBase & { addr: 'path'; path: string; parentPath: string };
+export type VNode = CnidVNode | PathVNode;
+
+export function nodeRef(n: VNode): NodeRef {
+  return n.addr === 'path' ? n.path : n.id;
 }
 
-/** Finder catalog: local IndexedDB share and remote AFP volumes both implement this. */
+export function parentRef(n: VNode): NodeRef {
+  return n.addr === 'path' ? n.parentPath : n.parentId;
+}
+
+export function cnidOf(n: VNode): number {
+  if (n.addr !== 'cnid') throw new Error('cnid node required');
+  return n.id;
+}
+
+export function requireCnid(n: VNode): CnidVNode {
+  if (n.addr !== 'cnid') throw new Error('cnid node required');
+  return n;
+}
+
+export function pathOfNode(n: VNode): string {
+  if (n.addr === 'path') return n.path;
+  throw new Error('path node required');
+}
+
+/** Finder catalog: CNID volumes (AFP) and path volumes (SMB/NCP/EtherDFS). */
 export interface Catalog {
-  rootId(): number;
+  capabilities(): CatalogCapabilities;
+  rootId(): NodeRef;
   subscribe(fn: VfsChangeListener): () => void;
   beginBatch(): void;
   endBatch(): void;
-  get(id: number): Promise<VNode | undefined>;
-  /** Load data/resource forks if the catalog stores them separately (remote AFP). */
-  ensureContent(id: number, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined>;
-  children(parentId: number, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]>;
-  lookup(parentId: number, name: string, signal?: AbortSignal): Promise<VNode | undefined>;
-  /** Parse a resource fork via ranged reads (header and map; payloads on demand). */
+  get(ref: NodeRef): Promise<VNode | undefined>;
+  ensureContent(ref: NodeRef, onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined>;
+  children(parent: NodeRef, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]>;
+  lookup(parent: NodeRef, name: string, signal?: AbortSignal): Promise<VNode | undefined>;
+  resolvePath(path: string): Promise<VNode | undefined>;
+  pathOf(ref: NodeRef): Promise<string>;
+  setAttrs?(ref: NodeRef, patch: Record<string, boolean>): Promise<void>;
   loadResourceFork(node: VNode, opts?: ResourceForkLoadOpts): Promise<import('./resource-fork').ResourceFork | null>;
-  /** Enough of the resource fork to decode Finder icons. */
   loadIconResources(node: VNode, signal?: AbortSignal): Promise<import('./resource-fork').ResourceFork | null>;
-  /**
-   * AFP Desktop DB bitmaps for a type/creator (often B&W ICN#). Local catalogs omit this.
-   */
   loadDesktopIcons?(
     type: string,
     creator: string,
     signal?: AbortSignal,
   ): Promise<{ iconType: number; data: Uint8Array }[] | null>;
-  /**
-   * Ranged reads of a file’s data or resource bytes. The catalog may keep a
-   * backend handle open until `fn` returns.
-   */
   withRangeReader<T>(
     node: VNode,
     fn: (read: ByteRangeReader) => Promise<T>,
     opts?: { resource?: boolean; signal?: AbortSignal; priority?: number },
   ): Promise<T>;
-  mkdir(parentId: number, name: string): Promise<VNode>;
-  ensureDir(parentId: number, name: string): Promise<VNode>;
+  mkdir(parent: NodeRef, name: string): Promise<VNode>;
+  ensureDir(parent: NodeRef, name: string): Promise<VNode>;
   createFile(
-    parentId: number,
+    parent: NodeRef,
     name: string,
     data: Uint8Array,
     resource?: Uint8Array,
@@ -78,14 +108,10 @@ export interface Catalog {
     signal?: AbortSignal,
   ): Promise<VNode>;
   put(node: VNode): Promise<void>;
-  rename(id: number, newName: string): Promise<void>;
-  move(id: number, newParent: number): Promise<void>;
-  remove(id: number): Promise<void>;
-  importDataTransfer(parentId: number, dt: DataTransfer, opts?: ImportProgress): Promise<number>;
-  /**
-   * True when createFile/ensureContent invoke onBytes per transferred chunk
-   * (AFP). Local IndexedDB catalogs write the whole buffer at once.
-   */
+  rename(ref: NodeRef, newName: string): Promise<void>;
+  move(ref: NodeRef, newParent: NodeRef): Promise<void>;
+  remove(ref: NodeRef): Promise<void>;
+  importDataTransfer(parent: NodeRef, dt: DataTransfer, opts?: ImportProgress): Promise<number>;
   readonly reportsChunkedBytes?: boolean;
 }
 
@@ -169,6 +195,7 @@ export class VirtualFS implements Catalog {
     const root = await this.get(ROOT_ID);
     if (!root) {
       await this.put({
+        addr: 'cnid',
         id: ROOT_ID,
         parentId: 1,
         name: '',
@@ -176,8 +203,8 @@ export class VirtualFS implements Catalog {
         data: new Uint8Array(),
         resource: new Uint8Array(),
         finderInfo: new Uint8Array(32),
-        createDate: macTime(),
-        modDate: macTime(),
+        createDate: Date.now(),
+        modDate: Date.now(),
       });
     }
     const meta = await this.db.get('meta', 'nextId');
@@ -193,7 +220,7 @@ export class VirtualFS implements Catalog {
     const kids = await this.children(ROOT_ID);
     this.beginBatch();
     try {
-      for (const k of kids) await this.remove(k.id);
+      for (const k of kids) await this.remove(nodeRef(k));
     } finally {
       this.endBatch();
     }
@@ -208,26 +235,77 @@ export class VirtualFS implements Catalog {
     await this.db.put('meta', { key, value });
   }
 
-  rootId(): number {
+  capabilities(): CatalogCapabilities {
+    return afpVolumeCaps;
+  }
+
+  rootId(): NodeRef {
     return ROOT_ID;
   }
 
-  async get(id: number): Promise<VNode | undefined> {
-    const n = await this.db.get('nodes', id);
+  async get(ref: NodeRef): Promise<VNode | undefined> {
+    if (typeof ref === 'string') return this.resolvePath(ref);
+    const n = await this.db.get('nodes', ref);
     return n ? revive(n) : undefined;
   }
 
   async put(node: VNode): Promise<void> {
-    await this.db.put('nodes', serialize(node));
-    this.rememberName(node.parentId, node.name, node.id);
-    this.notifyChange(node.parentId);
+    const n = requireCnid(node);
+    await this.db.put('nodes', serialize(n));
+    this.rememberName(n.parentId, n.name, n.id);
+    this.notifyChange(n.parentId);
   }
 
-  async remove(id: number): Promise<void> {
+  private async requireNode(ref: NodeRef): Promise<VNode> {
+    const n = await this.get(ref);
+    if (!n) throw new Error('not found');
+    return n;
+  }
+
+  async resolvePath(path: string): Promise<VNode | undefined> {
+    const parts = path.split('/').filter(Boolean);
+    let cur: VNode | undefined = await this.get(ROOT_ID);
+    for (const part of parts) {
+      if (!cur) return undefined;
+      cur = await this.lookup(nodeRef(cur), part);
+    }
+    return cur;
+  }
+
+  async pathOf(ref: NodeRef): Promise<string> {
+    const id = requireCnidRef(ref);
+    const names: string[] = [];
+    let cur = await this.get(id);
+    while (cur && cur.addr === 'cnid' && cur.id !== ROOT_ID) {
+      if (cur.name) names.unshift(cur.name);
+      if (!cur.parentId || cur.parentId === cur.id) break;
+      cur = await this.get(cur.parentId);
+    }
+    return names.join('/');
+  }
+
+  async setAttrs(ref: NodeRef, patch: Record<string, boolean>): Promise<void> {
+    const node = await this.get(ref);
+    if (!node) throw new Error('not found');
+    node.attrs = { ...(node.attrs ?? {}), ...patch };
+    if (node.finderInfo.length >= 10) {
+      const fi = new Uint8Array(node.finderInfo);
+      let flags = finderFlags(fi);
+      if (patch.invisible != null) flags = patch.invisible ? flags | kIsInvisible : flags & ~kIsInvisible;
+      if (patch.locked != null) flags = patch.locked ? flags | kNameLocked : flags & ~kNameLocked;
+      fi[8] = (flags >> 8) & 0xff;
+      fi[9] = flags & 0xff;
+      node.finderInfo = fi;
+    }
+    await this.put(node);
+  }
+
+  async remove(ref: NodeRef): Promise<void> {
+    const id = requireCnidRef(ref);
     const node = await this.get(id);
-    const parentId = node?.parentId;
+    const parentId = node && node.addr === 'cnid' ? node.parentId : undefined;
     const kids = await this.children(id);
-    for (const k of kids) await this.removeQuiet(k.id);
+    for (const k of kids) await this.removeQuiet(requireCnid(k).id);
     await this.db.delete('nodes', id);
     if (node && parentId != null) this.forgetName(parentId, node.name);
     if (parentId != null) this.notifyChange(parentId);
@@ -236,20 +314,22 @@ export class VirtualFS implements Catalog {
   /** Recursive delete without per-node notifications (parent remove notifies once). */
   private async removeQuiet(id: number): Promise<void> {
     const kids = await this.children(id);
-    for (const k of kids) await this.removeQuiet(k.id);
+    for (const k of kids) await this.removeQuiet(requireCnid(k).id);
     await this.db.delete('nodes', id);
   }
 
-  async children(parentId: number, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]> {
+  async children(parent: NodeRef, onBatch?: ChildrenBatchListener, signal?: AbortSignal): Promise<VNode[]> {
     throwIfAborted(signal);
+    const parentId = requireCnidRef(parent);
     const all = await this.db.getAllFromIndex('nodes', 'parentId', parentId);
     const kids = all.map(revive);
     await onBatch?.(kids);
     return kids;
   }
 
-  async lookup(parentId: number, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
+  async lookup(parent: NodeRef, name: string, signal?: AbortSignal): Promise<VNode | undefined> {
     throwIfAborted(signal);
+    const parentId = requireCnidRef(parent);
     const lower = name.toLowerCase();
     if (this.nameCache) {
       await this.ensureParentNameCache(parentId);
@@ -280,10 +360,12 @@ export class VirtualFS implements Catalog {
     this.nameCacheLoadedParents.add(parentId);
   }
 
-  async mkdir(parentId: number, name: string): Promise<VNode> {
+  async mkdir(parent: NodeRef, name: string): Promise<VNode> {
+    const parentId = requireCnidRef(parent);
     const existing = await this.lookup(parentId, name);
     if (existing) throw new Error('exists');
     const node: VNode = {
+      addr: 'cnid',
       id: await this.allocId(),
       parentId,
       name,
@@ -291,15 +373,16 @@ export class VirtualFS implements Catalog {
       data: new Uint8Array(),
       resource: new Uint8Array(),
       finderInfo: new Uint8Array(32),
-      createDate: macTime(),
-      modDate: macTime(),
+      createDate: Date.now(),
+      modDate: Date.now(),
     };
     await this.put(node);
     return node;
   }
 
   /** Get or create a directory under parent (merge into existing dirs). */
-  async ensureDir(parentId: number, name: string): Promise<VNode> {
+  async ensureDir(parent: NodeRef, name: string): Promise<VNode> {
+    const parentId = requireCnidRef(parent);
     const existing = await this.lookup(parentId, name);
     if (existing?.isDir) return existing;
     if (existing) throw new Error('exists');
@@ -307,7 +390,7 @@ export class VirtualFS implements Catalog {
   }
 
   async createFile(
-    parentId: number,
+    parent: NodeRef,
     name: string,
     data: Uint8Array,
     resource = new Uint8Array(),
@@ -316,16 +399,18 @@ export class VirtualFS implements Catalog {
     signal?: AbortSignal,
   ): Promise<VNode> {
     throwIfAborted(signal);
+    const parentId = requireCnidRef(parent);
     const existing = await this.lookup(parentId, name);
     if (existing) {
       existing.data = data;
       existing.resource = resource;
       existing.finderInfo = finderInfo;
-      existing.modDate = macTime();
+      existing.modDate = Date.now();
       await this.put(existing);
       return existing;
     }
     const node: VNode = {
+      addr: 'cnid',
       id: await this.allocId(),
       parentId,
       name,
@@ -333,20 +418,21 @@ export class VirtualFS implements Catalog {
       data,
       resource,
       finderInfo,
-      createDate: macTime(),
-      modDate: macTime(),
+      createDate: Date.now(),
+      modDate: Date.now(),
     };
     await this.put(node);
     return node;
   }
 
   async importBlob(
-    parentId: number,
+    parent: NodeRef,
     file: File,
     onBytes?: (n: number) => void,
     resource?: Uint8Array,
     signal?: AbortSignal,
   ): Promise<VNode> {
+    const parentId = requireCnidRef(parent);
     const buf = await readBlobProgress(file, onBytes, signal);
     throwIfAborted(signal);
     // Host FS may store reserved Mac chars as ClassicStack "0xNN" tokens (Icon\r → Icon0x0D).
@@ -360,7 +446,7 @@ export class VirtualFS implements Catalog {
         const leftover =
           (await this.lookup(parentId, name)) ?? (await this.lookup(parentId, file.name));
         const node = await this.applyAppleDoubleSidecar(parentId, target, ad);
-        if (leftover && leftover.id !== node.id) await this.remove(leftover.id);
+        if (leftover && nodeRef(leftover) !== nodeRef(node)) await this.remove(nodeRef(leftover));
         return node;
       }
     }
@@ -385,7 +471,7 @@ export class VirtualFS implements Catalog {
     if (existing && !existing.isDir) {
       existing.data = buf;
       if (hostResource && existing.resource.length === 0) existing.resource = hostResource;
-      existing.modDate = macTime();
+      existing.modDate = Date.now();
       await this.put(existing);
       await this.consumeNamedSidecar(parentId, name, existing);
       return existing;
@@ -407,7 +493,7 @@ export class VirtualFS implements Catalog {
     if (existing) {
       existing.resource = ad.resource;
       existing.finderInfo = ad.finderInfo;
-      existing.modDate = macTime();
+      existing.modDate = Date.now();
       await this.put(existing);
       return existing;
     }
@@ -425,15 +511,15 @@ export class VirtualFS implements Catalog {
     if (ad) {
       into.resource = ad.resource;
       into.finderInfo = ad.finderInfo;
-      into.modDate = macTime();
+      into.modDate = Date.now();
       await this.put(into);
     }
-    await this.remove(sidecar.id);
+    await this.remove(nodeRef(sidecar));
   }
 
-  async ensureContent(id: number, _onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
+  async ensureContent(ref: NodeRef, _onBytes?: (n: number) => void, signal?: AbortSignal): Promise<VNode | undefined> {
     throwIfAborted(signal);
-    return this.get(id);
+    return this.get(requireCnidRef(ref));
   }
 
   async withRangeReader<T>(
@@ -442,7 +528,7 @@ export class VirtualFS implements Catalog {
     opts?: { resource?: boolean; signal?: AbortSignal },
   ): Promise<T> {
     throwIfAborted(opts?.signal);
-    const full = (await this.ensureContent(node.id, undefined, opts?.signal)) ?? node;
+    const full = (await this.ensureContent(nodeRef(node), undefined, opts?.signal)) ?? node;
     const bytes = opts?.resource ? full.resource : full.data;
     return fn(bufferRangeReader(bytes));
   }
@@ -476,32 +562,32 @@ export class VirtualFS implements Catalog {
    * + webkitRelativePath. Returns the number of top-level items imported.
    * Notifications are batched for the whole import.
    */
-  async importDataTransfer(parentId: number, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+  async importDataTransfer(parent: NodeRef, dt: DataTransfer, opts?: ImportProgress): Promise<number> {
+    const parentId = requireCnidRef(parent);
     return importDataTransferInto(this, parentId, dt, (p, file, onBytes, resource, signal) => this.importBlob(p, file, onBytes, resource, signal), opts);
   }
 
-  async rename(id: number, newName: string): Promise<void> {
-    const n = await this.get(id);
-    if (!n) throw new Error('not found');
+  async rename(ref: NodeRef, newName: string): Promise<void> {
+    const n = requireCnid(await this.requireNode(ref));
     const oldName = n.name;
     n.name = newName;
-    n.modDate = macTime();
+    n.modDate = Date.now();
     if (oldName.toLowerCase() !== newName.toLowerCase()) {
       this.forgetName(n.parentId, oldName);
     }
     await this.put(n);
   }
 
-  async move(id: number, newParent: number): Promise<void> {
-    const n = await this.get(id);
-    if (!n) throw new Error('not found');
+  async move(ref: NodeRef, newParent: NodeRef): Promise<void> {
+    const n = requireCnid(await this.requireNode(ref));
+    const dest = requireCnidRef(newParent);
     const oldParent = n.parentId;
-    n.parentId = newParent;
-    n.modDate = macTime();
+    n.parentId = dest;
+    n.modDate = Date.now();
     await this.db.put('nodes', serialize(n));
     this.forgetName(oldParent, n.name);
-    this.rememberName(newParent, n.name, n.id);
-    this.notifyChange(oldParent, newParent);
+    this.rememberName(dest, n.name, n.id);
+    this.notifyChange(oldParent, dest);
   }
 
   private async allocId(): Promise<number> {
@@ -525,10 +611,16 @@ function nameCacheKey(parentId: number, lowerName: string): string {
   return `${parentId}\0${lowerName}`;
 }
 
-function serialize(n: VNode): Record<string, unknown> {
+function requireCnidRef(ref: NodeRef): number {
+  if (typeof ref === 'string') throw new Error('virtual-fs: cnid catalog requires numeric id');
+  return ref;
+}
+
+function serialize(n: CnidVNode): Record<string, unknown> {
   // Store forks as binary (Uint8Array). IndexedDB structured-clone handles this
   // without the huge cost of Array.from → number[] → revive.
   return {
+    addr: 'cnid',
     id: n.id,
     parentId: n.parentId,
     name: n.name,
@@ -539,6 +631,7 @@ function serialize(n: VNode): Record<string, unknown> {
     createDate: n.createDate,
     modDate: n.modDate,
     ...(n.attributes ? { attributes: n.attributes } : {}),
+    ...(n.attrs ? { attrs: n.attrs } : {}),
   };
 }
 
@@ -569,8 +662,10 @@ function padUint8(src: Uint8Array, len: number): Uint8Array {
   return out;
 }
 
-function revive(raw: Record<string, unknown>): VNode {
+function revive(raw: Record<string, unknown>): CnidVNode {
+  const attrs = raw.attrs && typeof raw.attrs === 'object' ? (raw.attrs as Record<string, boolean>) : undefined;
   return {
+    addr: 'cnid',
     id: raw.id as number,
     parentId: raw.parentId as number,
     name: raw.name as string,
@@ -578,8 +673,9 @@ function revive(raw: Record<string, unknown>): VNode {
     data: toUint8(raw.data),
     resource: toUint8(raw.resource),
     finderInfo: toUint8(raw.finderInfo, 32),
-    createDate: raw.createDate as number,
-    modDate: raw.modDate as number,
+    createDate: toUnixMs(Number(raw.createDate) || 0),
+    modDate: toUnixMs(Number(raw.modDate) || 0),
     ...(typeof raw.attributes === 'number' ? { attributes: raw.attributes } : {}),
+    ...(attrs ? { attrs } : {}),
   };
 }
diff --git a/src/fs/volume-chrome.ts b/src/fs/volume-chrome.ts
new file mode 100644
index 0000000..94ceccb
--- /dev/null
+++ b/src/fs/volume-chrome.ts
@@ -0,0 +1,73 @@
+/** Finder chrome from volume identity — decoration only, not catalog I/O. */
+
+import type { ShareKind } from '../ui/finder-host';
+import type { CatalogCapabilities, PathFormat } from './catalog-caps';
+
+export type VolumeChrome = {
+  volumeIcon: string;
+  kindLabel: string;
+  pathFormat: PathFormat;
+};
+
+const CHROME: Record<string, VolumeChrome> = {
+  afp: { volumeIcon: 'appleshare', kindLabel: 'AppleShare', pathFormat: 'mac' },
+  smb: { volumeIcon: 'windows', kindLabel: 'Windows share', pathFormat: 'dos' },
+  ncp: { volumeIcon: 'novell', kindLabel: 'NetWare volume', pathFormat: 'ncp' },
+  etherdfs: { volumeIcon: 'dos', kindLabel: 'DOS drive', pathFormat: 'dos' },
+  local: { volumeIcon: 'disk', kindLabel: 'Local volume', pathFormat: 'posix' },
+};
+
+const GENERIC: VolumeChrome = { volumeIcon: 'disk', kindLabel: 'Volume', pathFormat: 'posix' };
+
+/** Chrome for a volume: local shares use protocol so local+smb still looks Windows. */
+export function volumeChrome(caps: CatalogCapabilities): VolumeChrome {
+  const kind: ShareKind | string = caps.identity.shareKind === 'local'
+    ? (caps.identity.protocol ?? 'local')
+    : caps.identity.shareKind;
+  const base = CHROME[kind] ?? CHROME[caps.identity.shareKind] ?? GENERIC;
+  return {
+    ...base,
+    pathFormat: caps.pathFormat || base.pathFormat,
+    kindLabel: caps.identity.shareKind === 'local' && caps.identity.protocol
+      ? `Local ${base.kindLabel}`
+      : base.kindLabel,
+  };
+}
+
+/** True when s is a ClassicStack client URI (`scheme://…`), not an NBP object name. */
+export function isClientURI(s: string): boolean {
+  return /^[a-z][a-z0-9+.-]*:\/\//i.test(s);
+}
+
+/**
+ * Join a discovered server with a volume per the client URI grammar:
+ *   scheme://[user[:pass]@]server[,transport]/volume
+ * NBP names (in-browser AFP) stay `server:volume`.
+ */
+export function clientVolumeURI(server: string, volume = ''): string {
+  const vol = volume.trim();
+  if (isClientURI(server)) {
+    const base = server.replace(/\/+$/, '');
+    if (!vol) return base;
+    const suffix = '/' + vol;
+    if (base.toLowerCase().endsWith(suffix.toLowerCase())) return base;
+    return base + suffix;
+  }
+  if (!vol) return server;
+  return `${server}:${vol}`;
+}
+
+/** Format a store-relative `'/'` path for the status bar / Get Info. */
+export function formatStorePath(path: string, fmt: PathFormat, volume = ''): string {
+  const parts = path.split('/').filter(Boolean);
+  switch (fmt) {
+    case 'mac':
+      return [volume || 'Volume', ...parts].join(':');
+    case 'dos':
+      return (volume ? `${volume}\\` : '\\') + parts.join('\\');
+    case 'ncp':
+      return `${volume || 'VOL'}:${parts.join('/')}`;
+    default:
+      return '/' + parts.join('/');
+  }
+}
diff --git a/src/fs/welcome-pack.ts b/src/fs/welcome-pack.ts
index 5d4e871..eb13bb1 100644
--- a/src/fs/welcome-pack.ts
+++ b/src/fs/welcome-pack.ts
@@ -7,6 +7,8 @@ import { AS_MAGIC, AD_MAGIC, buildAppleSingle } from './appledouble';
 import { expandIncoming, isExpandableArchive, type ExpandedNode } from './expand-incoming';
 import { importExpandedTree, type ImportItemTrack } from './import-transfer';
 import type { Catalog } from './virtual-fs';
+import { nodeRef } from './virtual-fs';
+import type { NodeRef } from './catalog-caps';
 import { log } from '../util/logger';
 
 export const WELCOME_PACK_BASE = '/welcome';
@@ -38,10 +40,9 @@ export type WelcomePackProgress = {
 
 export type WelcomePackFs = Pick<
   Catalog,
-  'rootId' | 'ensureDir' | 'beginBatch' | 'endBatch' | 'createFile' | 'put' | 'remove'
+  'rootId' | 'ensureDir' | 'beginBatch' | 'endBatch' | 'createFile' | 'put' | 'remove' | 'lookup'
 > & {
-  lookup(parentId: number, name: string): Promise<{ id: number; isDir: boolean } | undefined>;
-  importBlob(parentId: number, file: File): Promise<unknown>;
+  importBlob(parentId: NodeRef, file: File): Promise<unknown>;
 };
 
 export type WelcomePackStore = WelcomePackFs & {
@@ -191,13 +192,13 @@ function tryExpandWelcome(name: string, data: Uint8Array): ExpandedNode[] | null
 /** Drop the wrapper once inner items are in the catalog (unless expand kept that name). */
 async function discardWelcomeArchive(
   fs: WelcomePackFs,
-  parentId: number,
+  parentId: NodeRef,
   archiveName: string,
   expanded: ExpandedNode[],
 ): Promise<void> {
   if (expanded.some((n) => namesMatch(n.name, archiveName))) return;
   const leftover = await fs.lookup(parentId, archiveName);
-  if (leftover && !leftover.isDir) await fs.remove(leftover.id);
+  if (leftover && !leftover.isDir) await fs.remove(nodeRef(leftover));
 }
 
 function yieldForUi(): Promise<void> {
@@ -218,7 +219,7 @@ async function importOneWelcomeFile(
     let parentId = fs.rootId();
     for (const dir of item.dirs) {
       try {
-        parentId = (await fs.ensureDir(parentId, dir)).id;
+        parentId = nodeRef(await fs.ensureDir(parentId, dir));
       } catch {
         result.skipped++;
         return result;
diff --git a/src/fs/winicon/bmp.test.ts b/src/fs/winicon/bmp.test.ts
new file mode 100644
index 0000000..aa58777
--- /dev/null
+++ b/src/fs/winicon/bmp.test.ts
@@ -0,0 +1,47 @@
+import { describe, expect, it } from 'vitest';
+import { writeLe16, writeLe32 } from '../../protocol/binary';
+import { decodeBmp, sniffBmp } from './bmp';
+
+function rgbBmp(width: number, height: number, r: number, g: number, b: number): Uint8Array {
+  const stride = (width * 3 + 3) & ~3;
+  const pixels = stride * height;
+  const off = 54;
+  const out = new Uint8Array(off + pixels);
+  out[0] = 0x42;
+  out[1] = 0x4d;
+  writeLe32(out, 2, out.length);
+  writeLe32(out, 10, off);
+  writeLe32(out, 14, 40);
+  writeLe32(out, 18, width);
+  writeLe32(out, 22, height);
+  writeLe16(out, 26, 1);
+  writeLe16(out, 28, 24);
+  writeLe32(out, 34, pixels);
+  for (let y = 0; y < height; y++) {
+    for (let x = 0; x < width; x++) {
+      const p = off + y * stride + x * 3;
+      out[p] = b;
+      out[p + 1] = g;
+      out[p + 2] = r;
+    }
+  }
+  return out;
+}
+
+describe('BMP files', () => {
+  it('sniffs BITMAPFILEHEADER', () => {
+    expect(sniffBmp(rgbBmp(2, 2, 1, 2, 3))).toBe(true);
+    expect(sniffBmp(new Uint8Array([0x4d, 0x5a]))).toBe(false);
+  });
+
+  it('decodes a 24-bpp BMP to RGBA', () => {
+    const icon = decodeBmp(rgbBmp(2, 2, 255, 0, 128));
+    expect(icon).not.toBeNull();
+    expect(icon!.width).toBe(2);
+    expect(icon!.height).toBe(2);
+    expect(icon!.pixels[0]).toBe(255);
+    expect(icon!.pixels[1]).toBe(0);
+    expect(icon!.pixels[2]).toBe(128);
+    expect(icon!.pixels[3]).toBe(255);
+  });
+});
diff --git a/src/fs/winicon/bmp.ts b/src/fs/winicon/bmp.ts
new file mode 100644
index 0000000..f223ebf
--- /dev/null
+++ b/src/fs/winicon/bmp.ts
@@ -0,0 +1,167 @@
+/**
+ * Windows DIB (BITMAPINFOHEADER) used as the image payload inside ICO/CUR.
+ * Height in the header is XOR+AND (2× icon height) for icons.
+ */
+
+import { le16, le32 } from '../../protocol/binary';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+const BI_RGB = 0;
+const BI_BITFIELDS = 3;
+
+export function dibRowBytes(width: number, bitCount: number): number {
+  return ((width * bitCount + 31) >> 5) << 2;
+}
+
+function paletteCount(bitCount: number, biClrUsed: number): number {
+  if (biClrUsed > 0) return biClrUsed;
+  if (bitCount === 1) return 2;
+  if (bitCount === 4) return 16;
+  if (bitCount === 8) return 256;
+  return 0;
+}
+
+function sampleAnd(mask: Uint8Array, width: number, height: number, x: number, y: number): boolean {
+  const rowBytes = dibRowBytes(width, 1);
+  const row = (height - 1 - y) * rowBytes;
+  const byte = mask[row + (x >> 3)];
+  if (byte == null) return false;
+  return (byte & (0x80 >> (x & 7))) !== 0;
+}
+
+/**
+ * Decode a Windows DIB to RGBA. Icon DIBs (`icon: true`) store XOR then AND
+ * so BITMAPINFOHEADER height is 2×. RT_BITMAP uses the raw height.
+ */
+export function decodeIcoDib(
+  data: Uint8Array,
+  typeCode = 'ICO',
+  opts?: { icon?: boolean; maxDim?: number },
+): DecodedIcon | null {
+  if (data.length < 40) return null;
+  const icon = opts?.icon !== false;
+  const maxDim = opts?.maxDim ?? (icon ? 256 : 2048);
+  const biSize = le32(data, 0);
+  if (biSize < 40) return null;
+  const width = le32(data, 4) | 0;
+  const rawHeight = le32(data, 8) | 0;
+  if (width <= 0 || width > maxDim || rawHeight === 0) return null;
+  const absH = Math.abs(rawHeight);
+  const height = icon ? (absH === width * 2 || absH > width ? Math.floor(absH / 2) : absH) : absH;
+  if (height <= 0 || height > maxDim) return null;
+  const planes = le16(data, 12);
+  const bitCount = le16(data, 14);
+  const compression = le32(data, 16);
+  const clrUsed = le32(data, 32);
+  if (planes !== 1) return null;
+  if (compression !== BI_RGB && compression !== BI_BITFIELDS) return null;
+  if (![1, 4, 8, 24, 32].includes(bitCount)) return null;
+
+  let off = biSize;
+  if (compression === BI_BITFIELDS) {
+    off += 12;
+  }
+  const nPal = paletteCount(bitCount, clrUsed);
+  const palette: [number, number, number][] = [];
+  for (let i = 0; i < nPal; i++) {
+    if (off + 4 > data.length) return null;
+    palette.push([data[off]!, data[off + 1]!, data[off + 2]!]); // B,G,R
+    off += 4;
+  }
+
+  const xorStride = dibRowBytes(width, bitCount);
+  const xorLen = xorStride * height;
+  if (off + xorLen > data.length) return null;
+  const xorOff = off;
+  off += xorLen;
+  const andStride = dibRowBytes(width, 1);
+  const andLen = andStride * height;
+  const and = off + andLen <= data.length ? data.subarray(off, off + andLen) : new Uint8Array(andLen);
+
+  const pixels = new Uint8ClampedArray(width * height * 4);
+  let hasXorAlpha = false;
+
+  for (let y = 0; y < height; y++) {
+    const srcY = height - 1 - y;
+    const row = xorOff + srcY * xorStride;
+    for (let x = 0; x < width; x++) {
+      const dst = (y * width + x) * 4;
+      let r = 0;
+      let g = 0;
+      let b = 0;
+      let a = 255;
+      if (bitCount === 32) {
+        const p = row + x * 4;
+        b = data[p]!;
+        g = data[p + 1]!;
+        r = data[p + 2]!;
+        a = data[p + 3]!;
+        if (a) hasXorAlpha = true;
+      } else if (bitCount === 24) {
+        const p = row + x * 3;
+        b = data[p]!;
+        g = data[p + 1]!;
+        r = data[p + 2]!;
+      } else if (bitCount === 8) {
+        const idx = data[row + x]!;
+        const c = palette[idx] ?? [0, 0, 0];
+        b = c[0];
+        g = c[1];
+        r = c[2];
+      } else if (bitCount === 4) {
+        const byte = data[row + (x >> 1)]!;
+        const idx = x & 1 ? byte & 0xf : (byte >> 4) & 0xf;
+        const c = palette[idx] ?? [0, 0, 0];
+        b = c[0];
+        g = c[1];
+        r = c[2];
+      } else {
+        const byte = data[row + (x >> 3)]!;
+        const on = (byte & (0x80 >> (x & 7))) !== 0;
+        const c = palette[on ? 1 : 0] ?? (on ? [255, 255, 255] : [0, 0, 0]);
+        b = c[0];
+        g = c[1];
+        r = c[2];
+      }
+      pixels[dst] = r;
+      pixels[dst + 1] = g;
+      pixels[dst + 2] = b;
+      pixels[dst + 3] = a;
+    }
+  }
+
+  if (icon && (bitCount !== 32 || !hasXorAlpha)) {
+    for (let y = 0; y < height; y++) {
+      for (let x = 0; x < width; x++) {
+        if (sampleAnd(and, width, height, x, y)) {
+          pixels[(y * width + x) * 4 + 3] = 0;
+        }
+      }
+    }
+  }
+
+  return {
+    typeCode,
+    isColor: bitCount > 1,
+    width,
+    height,
+    pixels,
+  };
+}
+
+const BMP_MAGIC = 0x4d42; // 'BM'
+
+export function sniffBmp(data: Uint8Array): boolean {
+  return data.length >= 14 && le16(data, 0) === BMP_MAGIC;
+}
+
+/**
+ * Decode a Windows BMP file (BITMAPFILEHEADER + DIB). OS/2 COREHEADER
+ * and RLE-compressed files are not supported.
+ */
+export function decodeBmp(data: Uint8Array): DecodedIcon | null {
+  if (!sniffBmp(data)) return null;
+  const offBits = le32(data, 10);
+  if (offBits < 14 || offBits > data.length) return null;
+  return decodeIcoDib(data.subarray(14), 'BMP', { icon: false });
+}
diff --git a/src/fs/winicon/decode-res.test.ts b/src/fs/winicon/decode-res.test.ts
new file mode 100644
index 0000000..623da43
--- /dev/null
+++ b/src/fs/winicon/decode-res.test.ts
@@ -0,0 +1,65 @@
+import { describe, expect, it } from 'vitest';
+import { writeLe16, writeLe32 } from '../../protocol/binary';
+import { decodeStringTable, decodeVersionInfo } from './decode-res';
+
+function utf16z(s: string): number[] {
+  const out: number[] = [];
+  for (let i = 0; i < s.length; i++) {
+    const c = s.charCodeAt(i);
+    out.push(c & 0xff, (c >> 8) & 0xff);
+  }
+  out.push(0, 0);
+  return out;
+}
+
+describe('Win resource decoders', () => {
+  it('reads FileVersion from VS_FIXEDFILEINFO', () => {
+    const hdr: number[] = [0, 0, 52, 0, 0, 0, ...utf16z('VS_VERSION_INFO')];
+    while (hdr.length % 4) hdr.push(0);
+    const ffi = new Uint8Array(52);
+    writeLe32(ffi, 0, 0xfeef04bd);
+    writeLe32(ffi, 8, (1 << 16) | 2);
+    writeLe32(ffi, 12, (3 << 16) | 4);
+    writeLe32(ffi, 16, (5 << 16) | 6);
+    writeLe32(ffi, 20, (7 << 16) | 8);
+    const buf = new Uint8Array(hdr.length + ffi.length);
+    buf.set(hdr);
+    buf.set(ffi, hdr.length);
+    writeLe16(buf, 0, buf.length);
+    const fields = decodeVersionInfo(buf);
+    expect(fields.some((f) => f.key === 'FileVersion' && f.value === '1.2.3.4')).toBe(true);
+    expect(fields.some((f) => f.key === 'ProductVersion' && f.value === '5.6.7.8')).toBe(true);
+  });
+
+  it('lets StringFileInfo values replace the binary FileVersion', () => {
+    const hdr: number[] = [0, 0, 52, 0, 0, 0, ...utf16z('VS_VERSION_INFO')];
+    while (hdr.length % 4) hdr.push(0);
+    const ffi = new Uint8Array(52);
+    writeLe32(ffi, 0, 0xfeef04bd);
+    writeLe32(ffi, 8, (1 << 16) | 0);
+    writeLe32(ffi, 12, 0);
+    const strKey = utf16z('FileVersion');
+    const strVal = utf16z('1.00');
+    const str: number[] = [0, 0, strVal.length / 2, 0, 1, 0, ...strKey];
+    while (str.length % 4) str.push(0);
+    str.push(...strVal);
+    while (str.length % 4) str.push(0);
+    str[0] = str.length & 0xff;
+    str[1] = (str.length >> 8) & 0xff;
+    const buf = new Uint8Array(hdr.length + ffi.length + str.length);
+    buf.set(hdr);
+    buf.set(ffi, hdr.length);
+    buf.set(str, hdr.length + ffi.length);
+    writeLe16(buf, 0, buf.length);
+    const fields = decodeVersionInfo(buf);
+    expect(fields.find((f) => f.key === 'FileVersion')?.value).toBe('1.00');
+  });
+
+  it('reads a string-table block', () => {
+    const bytes = new Uint8Array(2 + 5 * 2 + 15 * 2);
+    writeLe16(bytes, 0, 5);
+    const hello = 'Hello';
+    for (let i = 0; i < hello.length; i++) writeLe16(bytes, 2 + i * 2, hello.charCodeAt(i));
+    expect(decodeStringTable(bytes, 1)).toEqual([{ index: 0, text: 'Hello' }]);
+  });
+});
diff --git a/src/fs/winicon/decode-res.ts b/src/fs/winicon/decode-res.ts
new file mode 100644
index 0000000..2428ab1
--- /dev/null
+++ b/src/fs/winicon/decode-res.ts
@@ -0,0 +1,197 @@
+import { le16, le32 } from '../../protocol/binary';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+import { decodeIcoDib } from './bmp';
+import { assembleIcoFromGroup, decodeIco, wrapSingleIcoImage } from './ico';
+import {
+  RT_BITMAP,
+  RT_CURSOR,
+  RT_GROUP_CURSOR,
+  RT_GROUP_ICON,
+  RT_HTML,
+  RT_ICON,
+  RT_MANIFEST,
+  RT_RCDATA,
+  RT_STRING,
+  RT_VERSION,
+} from './rt';
+
+export type WinResPreview =
+  | { kind: 'icon'; icons: DecodedIcon[] }
+  | { kind: 'bitmap'; icon: DecodedIcon }
+  | { kind: 'version'; fields: { key: string; value: string }[] }
+  | { kind: 'strings'; lines: { index: number; text: string }[] }
+  | { kind: 'text'; text: string; encoding: string }
+  | { kind: 'hex' };
+
+function u16le(b: Uint8Array, o: number): number {
+  return o + 2 <= b.length ? le16(b, o) : 0;
+}
+
+function readUtf16z(b: Uint8Array, o: number): { s: string; next: number } {
+  let s = '';
+  let p = o;
+  while (p + 1 < b.length) {
+    const c = le16(b, p);
+    p += 2;
+    if (c === 0) break;
+    s += String.fromCharCode(c);
+  }
+  return { s, next: p };
+}
+
+function align4(n: number): number {
+  return (n + 3) & ~3;
+}
+
+function formatVersionQuad(ms: number, ls: number): string {
+  return `${(ms >>> 16) & 0xffff}.${ms & 0xffff}.${(ls >>> 16) & 0xffff}.${ls & 0xffff}`;
+}
+
+/** VS_VERSION_INFO tree (StringFileInfo / VarFileInfo). */
+export function decodeVersionInfo(bytes: Uint8Array): { key: string; value: string }[] {
+  const map = new Map<string, string>();
+  if (bytes.length < 6) return [];
+
+  const put = (key: string, value: string) => {
+    const v = value.trim();
+    if (key && v) map.set(key, v);
+  };
+
+  const walk = (off: number, end: number, depth: number): void => {
+    if (depth > 12 || off + 6 > end) return;
+    const wLength = u16le(bytes, off);
+    const wValueLength = u16le(bytes, off + 2);
+    const wType = u16le(bytes, off + 4);
+    if (wLength < 6 || off + wLength > bytes.length) return;
+    const { s: key, next } = readUtf16z(bytes, off + 6);
+    let p = align4(next);
+    const nodeEnd = Math.min(off + wLength, end);
+
+    if (wValueLength > 0 && p < nodeEnd) {
+      if (wType === 1) {
+        const { s } = readUtf16z(bytes, p);
+        put(key, s);
+        p = align4(p + wValueLength * 2);
+      } else if (key === 'VS_VERSION_INFO' && wValueLength >= 52 && p + 52 <= bytes.length) {
+        put('FileVersion', formatVersionQuad(le32(bytes, p + 8), le32(bytes, p + 12)));
+        put('ProductVersion', formatVersionQuad(le32(bytes, p + 16), le32(bytes, p + 20)));
+        p = align4(p + wValueLength);
+      } else {
+        p = align4(p + wValueLength);
+      }
+    }
+    while (p + 6 <= nodeEnd) {
+      const childLen = u16le(bytes, p);
+      if (childLen < 6) break;
+      walk(p, Math.min(p + childLen, nodeEnd), depth + 1);
+      p = align4(p + childLen);
+    }
+  };
+
+  walk(0, bytes.length, 0);
+  return [...map].map(([key, value]) => ({ key, value }));
+}
+
+/** RT_STRING: 16 Pascal UTF-16 strings per block. */
+export function decodeStringTable(bytes: Uint8Array, blockId: number): { index: number; text: string }[] {
+  const lines: { index: number; text: string }[] = [];
+  let p = 0;
+  for (let i = 0; i < 16 && p + 2 <= bytes.length; i++) {
+    const n = le16(bytes, p);
+    p += 2;
+    let text = '';
+    for (let j = 0; j < n && p + 1 < bytes.length; j++) {
+      text += String.fromCharCode(le16(bytes, p));
+      p += 2;
+    }
+    if (text) lines.push({ index: (blockId - 1) * 16 + i, text });
+  }
+  return lines;
+}
+
+function looksUtf16Le(b: Uint8Array): boolean {
+  if (b.length >= 2 && b[0] === 0xff && b[1] === 0xfe) return true;
+  if (b.length < 8) return false;
+  let zeros = 0;
+  for (let i = 1; i < Math.min(64, b.length); i += 2) if (b[i] === 0) zeros++;
+  return zeros >= 8;
+}
+
+function decodeTextish(bytes: Uint8Array): { text: string; encoding: string } | null {
+  if (!bytes.length) return null;
+  if (looksUtf16Le(bytes)) {
+    const start = bytes[0] === 0xff && bytes[1] === 0xfe ? 2 : 0;
+    const n = Math.min(32_000, Math.floor((bytes.length - start) / 2));
+    let text = '';
+    for (let i = 0; i < n; i++) text += String.fromCharCode(le16(bytes, start + i * 2));
+    return { text, encoding: 'UTF-16LE' };
+  }
+  try {
+    const text = new TextDecoder('utf-8', { fatal: false }).decode(bytes.subarray(0, 64_000));
+    const printable = text.replace(/[\t\n\r]/g, '');
+    let bad = 0;
+    for (let i = 0; i < Math.min(printable.length, 400); i++) {
+      const c = printable.charCodeAt(i);
+      if (c < 32 && c !== 9) bad++;
+    }
+    if (bad > 8) return null;
+    return { text, encoding: 'UTF-8' };
+  } catch {
+    return null;
+  }
+}
+
+export async function previewWinResource(opts: {
+  typeId: number | null;
+  id: number | null;
+  bytes: Uint8Array;
+  iconBlobs: Map<number, Uint8Array>;
+  cursorBlobs: Map<number, Uint8Array>;
+}): Promise<WinResPreview> {
+  const { typeId, id, bytes, iconBlobs, cursorBlobs } = opts;
+  if (typeId === RT_GROUP_ICON) {
+    const ico = assembleIcoFromGroup(bytes, iconBlobs);
+    if (ico) {
+      const icons = await decodeIco(ico);
+      if (icons.length) return { kind: 'icon', icons };
+    }
+  }
+  if (typeId === RT_GROUP_CURSOR) {
+    const ico = assembleIcoFromGroup(bytes, cursorBlobs);
+    if (ico) {
+      const icons = await decodeIco(ico);
+      if (icons.length) return { kind: 'icon', icons };
+    }
+  }
+  if (typeId === RT_ICON) {
+    if (bytes.length >= 8 && bytes[0] === 0x89 && bytes[1] === 0x50) {
+      const icons = await decodeIco(wrapSingleIcoImage(bytes));
+      if (icons.length) return { kind: 'icon', icons };
+    }
+    const dib = decodeIcoDib(bytes, 'ICO');
+    if (dib) return { kind: 'icon', icons: [dib] };
+  }
+  if (typeId === RT_CURSOR) {
+    const dib = decodeIcoDib(bytes.length >= 4 ? bytes.subarray(4) : bytes, 'CUR');
+    if (dib) return { kind: 'icon', icons: [dib] };
+  }
+  if (typeId === RT_BITMAP) {
+    const bmp = decodeIcoDib(bytes, 'BMP', { icon: false });
+    if (bmp) return { kind: 'bitmap', icon: bmp };
+  }
+  if (typeId === RT_VERSION) {
+    const fields = decodeVersionInfo(bytes);
+    if (fields.length) return { kind: 'version', fields };
+  }
+  if (typeId === RT_STRING && id != null) {
+    const lines = decodeStringTable(bytes, id);
+    if (lines.length) return { kind: 'strings', lines };
+  }
+  if (typeId === RT_MANIFEST || typeId === RT_HTML || typeId === RT_RCDATA) {
+    const t = decodeTextish(bytes);
+    if (t) return { kind: 'text', ...t };
+  }
+  const t = decodeTextish(bytes);
+  if (t && t.text.length > 8 && !t.text.includes('\0')) return { kind: 'text', ...t };
+  return { kind: 'hex' };
+}
diff --git a/src/fs/winicon/exe-fixtures.ts b/src/fs/winicon/exe-fixtures.ts
new file mode 100644
index 0000000..abdd7d5
--- /dev/null
+++ b/src/fs/winicon/exe-fixtures.ts
@@ -0,0 +1,166 @@
+/** Test-only PE/NE builders wrapping an ICO in a resource section. */
+
+import { le16, le32, writeLe16, writeLe32 } from '../../protocol/binary';
+
+function align(n: number, a: number): number {
+  return (n + a - 1) & ~(a - 1);
+}
+
+function icoImages(ico: Uint8Array): Uint8Array[] {
+  const count = le16(ico, 4);
+  const images: Uint8Array[] = [];
+  for (let i = 0; i < count; i++) {
+    const o = 6 + i * 16;
+    images.push(ico.subarray(le32(ico, o + 12), le32(ico, o + 12) + le32(ico, o + 8)));
+  }
+  return images;
+}
+
+function icoGroup(ico: Uint8Array): Uint8Array {
+  const count = le16(ico, 4);
+  const group = new Uint8Array(6 + count * 14);
+  writeLe16(group, 2, 1);
+  writeLe16(group, 4, count);
+  for (let i = 0; i < count; i++) {
+    group.set(ico.subarray(6 + i * 16, 6 + i * 16 + 12), 6 + i * 14);
+    writeLe16(group, 6 + i * 14 + 12, i + 1);
+  }
+  return group;
+}
+
+/** Minimal PE32 with .rsrc holding RT_GROUP_ICON + RT_ICON from an ICO. */
+export function buildPeWithIco(ico: Uint8Array): Uint8Array {
+  const images = icoImages(ico);
+  const group = icoGroup(ico);
+  const n = images.length;
+  let o = 0;
+  const root = o;
+  o += 32;
+  const typeIcon = o;
+  o += 16 + 8 * n;
+  const typeGroup = o;
+  o += 24;
+  const nameIcons: number[] = [];
+  for (let i = 0; i < n; i++) {
+    nameIcons.push(o);
+    o += 24;
+  }
+  const nameGroup = o;
+  o += 24;
+  const dataIcons: number[] = [];
+  for (let i = 0; i < n; i++) {
+    dataIcons.push(o);
+    o += 16;
+  }
+  const dataGroup = o;
+  o += 16;
+  const payIcons: number[] = [];
+  for (const im of images) {
+    payIcons.push(o);
+    o += im.length;
+  }
+  const payGroup = o;
+  o += group.length;
+  const rsrc = new Uint8Array(o);
+  const RES_RVA = 0x1000;
+  const DIR = 0x80000000;
+  const writeDir = (off: number, nId: number) => writeLe16(rsrc, off + 14, nId);
+  const writeId = (off: number, idx: number, id: number, child: number, isDir: boolean) => {
+    const p = off + 16 + idx * 8;
+    writeLe32(rsrc, p, id);
+    writeLe32(rsrc, p + 4, child | (isDir ? DIR : 0));
+  };
+
+  writeDir(root, 2);
+  writeId(root, 0, 3, typeIcon, true);
+  writeId(root, 1, 14, typeGroup, true);
+  writeDir(typeIcon, n);
+  for (let i = 0; i < n; i++) writeId(typeIcon, i, i + 1, nameIcons[i]!, true);
+  writeDir(typeGroup, 1);
+  writeId(typeGroup, 0, 1, nameGroup, true);
+  for (let i = 0; i < n; i++) {
+    writeDir(nameIcons[i]!, 1);
+    writeId(nameIcons[i]!, 0, 0x0409, dataIcons[i]!, false);
+    writeLe32(rsrc, dataIcons[i]!, RES_RVA + payIcons[i]!);
+    writeLe32(rsrc, dataIcons[i]! + 4, images[i]!.length);
+    rsrc.set(images[i]!, payIcons[i]!);
+  }
+  writeDir(nameGroup, 1);
+  writeId(nameGroup, 0, 0x0409, dataGroup, false);
+  writeLe32(rsrc, dataGroup, RES_RVA + payGroup);
+  writeLe32(rsrc, dataGroup + 4, group.length);
+  rsrc.set(group, payGroup);
+
+  const rawOff = 0x200;
+  const rawSize = align(rsrc.length, 0x200);
+  const file = new Uint8Array(rawOff + rawSize);
+  writeLe16(file, 0, 0x5a4d);
+  writeLe32(file, 0x3c, 0x40);
+  writeLe32(file, 0x40, 0x4550);
+  writeLe16(file, 0x44, 0x14c);
+  writeLe16(file, 0x46, 1);
+  writeLe16(file, 0x54, 224);
+  writeLe16(file, 0x56, 0x0102);
+  writeLe16(file, 0x58, 0x10b);
+  writeLe32(file, 0x58 + 32, 0x1000);
+  writeLe32(file, 0x58 + 36, 0x200);
+  writeLe32(file, 0x58 + 56, 0x2000);
+  writeLe32(file, 0x58 + 60, 0x200);
+  writeLe16(file, 0x58 + 68, 2);
+  writeLe32(file, 0x58 + 92, 16);
+  writeLe32(file, 0x58 + 96 + 16, RES_RVA);
+  writeLe32(file, 0x58 + 96 + 20, rsrc.length);
+  const sec = 0x58 + 224;
+  file.set([0x2e, 0x72, 0x73, 0x72, 0x63], sec);
+  writeLe32(file, sec + 8, rsrc.length);
+  writeLe32(file, sec + 12, RES_RVA);
+  writeLe32(file, sec + 16, rawSize);
+  writeLe32(file, sec + 20, rawOff);
+  file.set(rsrc, rawOff);
+  return file;
+}
+
+/** Minimal NE with a resource table holding group + icon images from an ICO. */
+export function buildNeWithIco(ico: Uint8Array): Uint8Array {
+  const images = icoImages(ico);
+  const group = icoGroup(ico);
+  const shift = 1;
+  const unit = 1 << shift;
+  const tableOff = 0x80;
+  const tableSize = 2 + 8 + 12 + 8 + 12 * images.length + 2;
+  let dataOff = Math.ceil((tableOff + tableSize) / unit) * unit;
+  const payloads: { off: number; bytes: Uint8Array; type: number; id: number }[] = [];
+  const place = (bytes: Uint8Array, type: number, id: number) => {
+    const off = dataOff;
+    payloads.push({ off, bytes, type, id });
+    dataOff += Math.ceil(bytes.length / unit) * unit;
+  };
+  place(group, 14, 1);
+  for (let i = 0; i < images.length; i++) place(images[i]!, 3, i + 1);
+
+  const file = new Uint8Array(dataOff);
+  writeLe16(file, 0, 0x5a4d);
+  writeLe32(file, 0x3c, 0x40);
+  writeLe16(file, 0x40, 0x454e);
+  writeLe16(file, 0x40 + 0x24, 0x40);
+  let p = tableOff;
+  writeLe16(file, p, shift);
+  p += 2;
+  const writeType = (type: number, items: { off: number; bytes: Uint8Array; id: number }[]) => {
+    writeLe16(file, p, type | 0x8000);
+    writeLe16(file, p + 2, items.length);
+    p += 8;
+    for (const it of items) {
+      writeLe16(file, p, it.off / unit);
+      writeLe16(file, p + 2, Math.ceil(it.bytes.length / unit));
+      writeLe16(file, p + 4, 0x1c30);
+      writeLe16(file, p + 6, it.id | 0x8000);
+      p += 12;
+    }
+  };
+  writeType(14, payloads.filter((x) => x.type === 14));
+  writeType(3, payloads.filter((x) => x.type === 3));
+  writeLe16(file, p, 0);
+  for (const it of payloads) file.set(it.bytes, it.off);
+  return file;
+}
diff --git a/src/fs/winicon/extract.test.ts b/src/fs/winicon/extract.test.ts
new file mode 100644
index 0000000..79ec2e2
--- /dev/null
+++ b/src/fs/winicon/extract.test.ts
@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest';
+import { bufferRangeReader } from '../byte-range';
+import { encodeIco, extractWinIcons, inspectWinResources, isWinExeName, isWinIconName, isWinVersionName, sniffWinIcon } from './index';
+import { buildNeWithIco, buildPeWithIco } from './exe-fixtures';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+function solid(width: number, r: number, g: number, b: number): DecodedIcon {
+  const pixels = new Uint8ClampedArray(width * width * 4);
+  for (let i = 0; i < width * width; i++) {
+    pixels[i * 4] = r;
+    pixels[i * 4 + 1] = g;
+    pixels[i * 4 + 2] = b;
+    pixels[i * 4 + 3] = 255;
+  }
+  return { typeCode: 'ICO', isColor: true, width, height: width, pixels };
+}
+
+describe('extractWinIcons', () => {
+  it('matches Windows icon / executable names', () => {
+    expect(isWinIconName('NOTEPAD.EXE')).toBe(true);
+    expect(isWinIconName('ssstars.scr')).toBe(true);
+    expect(isWinIconName('app.ico')).toBe(true);
+    expect(isWinIconName('shell32.dll')).toBe(false);
+    expect(isWinIconName('README.TXT')).toBe(false);
+    expect(isWinExeName('NOTEPAD.EXE')).toBe(true);
+    expect(isWinExeName('shell32.dll')).toBe(true);
+    expect(isWinExeName('app.ico')).toBe(false);
+    expect(isWinVersionName('NOTEPAD.EXE')).toBe(true);
+    expect(isWinVersionName('app.ico')).toBe(false);
+  });
+
+  it('sniffs ICO vs PE vs NE', () => {
+    const ico = encodeIco([solid(16, 1, 2, 3)]);
+    expect(sniffWinIcon(ico)).toBe('ico');
+    expect(sniffWinIcon(buildPeWithIco(ico))).toBe('pe');
+    expect(sniffWinIcon(buildNeWithIco(ico).subarray(0, 80))).toBe('ne');
+  });
+
+  it('decodes a standalone ICO through the range reader', async () => {
+    const ico = encodeIco([solid(16, 9, 8, 7)]);
+    const icons = await extractWinIcons(bufferRangeReader(ico));
+    expect(icons[0]!.pixels[0]).toBe(9);
+  });
+
+  it('decodes icons from a PE .exe', async () => {
+    const ico = encodeIco([solid(16, 11, 0, 0)]);
+    const icons = await extractWinIcons(bufferRangeReader(buildPeWithIco(ico)));
+    expect(icons.some((i) => i.pixels[0] === 11)).toBe(true);
+  });
+
+  it('decodes icons from an NE .exe', async () => {
+    const ico = encodeIco([solid(16, 0, 12, 0)]);
+    const icons = await extractWinIcons(bufferRangeReader(buildNeWithIco(ico)));
+    expect(icons.some((i) => i.pixels[1] === 12)).toBe(true);
+  });
+
+  it('enumerates RT_GROUP_ICON and RT_ICON in a PE image', async () => {
+    const ico = encodeIco([solid(16, 1, 0, 0)]);
+    const table = await inspectWinResources(bufferRangeReader(buildPeWithIco(ico)));
+    expect(table.kind).toBe('pe');
+    expect(table.types.map((t) => t.code).sort()).toEqual(['RT_GROUP_ICON', 'RT_ICON']);
+    expect(table.entries).toHaveLength(2);
+  });
+
+  it('enumerates RT_GROUP_ICON and RT_ICON in an NE image', async () => {
+    const ico = encodeIco([solid(16, 0, 1, 0)]);
+    const table = await inspectWinResources(bufferRangeReader(buildNeWithIco(ico)));
+    expect(table.kind).toBe('ne');
+    expect(table.types.map((t) => t.code).sort()).toEqual(['RT_GROUP_ICON', 'RT_ICON']);
+  });
+
+  it('lists frames of a standalone ICO', async () => {
+    const ico = encodeIco([solid(16, 9, 8, 7), solid(32, 1, 2, 3)]);
+    const table = await inspectWinResources(bufferRangeReader(ico));
+    expect(table.kind).toBe('ico');
+    expect(table.entries).toHaveLength(2);
+    expect(table.entries[0]!.name).toBe('16×16');
+  });
+});
diff --git a/src/fs/winicon/extract.ts b/src/fs/winicon/extract.ts
new file mode 100644
index 0000000..c002089
--- /dev/null
+++ b/src/fs/winicon/extract.ts
@@ -0,0 +1,103 @@
+/**
+ * Windows icon extraction: standalone .ico and icons embedded in PE/NE .exe/.scr.
+ */
+
+import type { ByteRangeReader } from '../byte-range';
+import { bufferRangeReader } from '../byte-range';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+import { decodeIcoFromReader, sniffIcoHeader } from './ico';
+import { extractNeIcons } from './ne';
+import { extractPeIcons } from './pe';
+import { readExact } from './read';
+import { le16, le32 } from '../../protocol/binary';
+
+const WIN_ICON_EXT = /\.(exe|scr|cpl|ocx|ico|icl|cur)$/i;
+const WIN_EXE_EXT = /\.(exe|scr|dll|cpl|ocx|icl)$/i;
+const WIN_VERSION_EXT = /\.(exe|dll|scr|ocx)$/i;
+const MZ = 0x5a4d;
+const PE_SIG = 0x4550;
+const NE_SIG = 0x454e;
+
+export type WinIconKind = 'ico' | 'pe' | 'ne';
+
+function winBaseName(name: string): string {
+  return name.split(/[/\\]/).pop() ?? name;
+}
+
+/** True when the filename is a Windows icon or executable that may contain one. */
+export function isWinIconName(name: string): boolean {
+  return WIN_ICON_EXT.test(winBaseName(name));
+}
+
+/** True when the filename is a PE/NE module (not a standalone .ico/.cur). */
+export function isWinExeName(name: string): boolean {
+  return WIN_EXE_EXT.test(winBaseName(name));
+}
+
+/** True when Get Info should look for RT_VERSION / VERSIONINFO. */
+export function isWinVersionName(name: string): boolean {
+  return WIN_VERSION_EXT.test(winBaseName(name));
+}
+
+/** True when the Windows resource explorer applies (PE/NE/ICO, including .dll). */
+export function isWinResourceName(name: string): boolean {
+  return isWinIconName(name) || isWinExeName(name);
+}
+
+export function sniffWinIcon(header: Uint8Array): WinIconKind | null {
+  if (sniffIcoHeader(header)) return 'ico';
+  if (header.length >= 2 && le16(header, 0) === MZ) {
+    if (header.length < 64) return 'pe';
+    const lfanew = le32(header, 0x3c);
+    if (lfanew + 4 <= header.length) {
+      const sig = le16(header, lfanew);
+      if (sig === NE_SIG) return 'ne';
+      if (le32(header, lfanew) === PE_SIG) return 'pe';
+    }
+    return 'pe';
+  }
+  return null;
+}
+
+/** Closest frame to `target` px (prefer exact, then smallest ≥ target, then largest). */
+export function pickIconNear(icons: DecodedIcon[], target: number): DecodedIcon | undefined {
+  if (!icons.length) return undefined;
+  const score = (i: DecodedIcon): number => {
+    const d = Math.max(i.width, i.height);
+    const depth = i.isColor ? 1 : 0;
+    if (d === target) return 1000 + depth;
+    if (d > target) return 500 - (d - target) + depth;
+    return d + depth;
+  };
+  return [...icons].sort((a, b) => score(b) - score(a))[0];
+}
+
+export async function extractWinIcons(read: ByteRangeReader): Promise<DecodedIcon[]> {
+  const header = await readExact(read, 0, 64);
+  if (!header) return [];
+  const kind = sniffWinIcon(header);
+  if (kind === 'ico') return decodeIcoFromReader(read);
+  if (kind === 'ne') {
+    const lfanew = le32(header, 0x3c);
+    const ne = await readExact(read, lfanew, 2);
+    if (ne && le16(ne, 0) === NE_SIG) return extractNeIcons(read);
+    return extractPeIcons(read);
+  }
+  if (kind === 'pe') {
+    const lfanew = header.length >= 64 ? le32(header, 0x3c) : 0;
+    if (lfanew) {
+      const sig = await readExact(read, lfanew, 4);
+      if (sig && le16(sig, 0) === NE_SIG) return extractNeIcons(read);
+    }
+    return extractPeIcons(read);
+  }
+  return [];
+}
+
+export async function extractWinIconsFromBuffer(data: Uint8Array): Promise<DecodedIcon[]> {
+  return extractWinIcons(bufferRangeReader(data));
+}
+
+export { decodeIco, decodeIcoFromReader, encodeIco } from './ico';
+export { extractPeIcons, extractPeIconsFromBuffer } from './pe';
+export { extractNeIcons, extractNeIconsFromBuffer } from './ne';
diff --git a/src/fs/winicon/ico.test.ts b/src/fs/winicon/ico.test.ts
new file mode 100644
index 0000000..23d6ffc
--- /dev/null
+++ b/src/fs/winicon/ico.test.ts
@@ -0,0 +1,52 @@
+import { describe, expect, it } from 'vitest';
+import { encodeIco, decodeIco, sniffIcoHeader, pickIconNear } from './index';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+function solid(width: number, height: number, r: number, g: number, b: number, a = 255): DecodedIcon {
+  const pixels = new Uint8ClampedArray(width * height * 4);
+  for (let i = 0; i < width * height; i++) {
+    pixels[i * 4] = r;
+    pixels[i * 4 + 1] = g;
+    pixels[i * 4 + 2] = b;
+    pixels[i * 4 + 3] = a;
+  }
+  return { typeCode: 'ICO', isColor: true, width, height, pixels };
+}
+
+describe('ICO', () => {
+  it('sniffs ICONDIR', () => {
+    const ico = encodeIco([solid(16, 16, 255, 0, 0)]);
+    expect(sniffIcoHeader(ico)).toBe('ico');
+    expect(sniffIcoHeader(new Uint8Array([0x4d, 0x5a]))).toBeNull();
+  });
+
+  it('round-trips 16 and 32 px 32-bpp frames', async () => {
+    const src = [solid(16, 16, 255, 0, 0), solid(32, 32, 0, 0, 255)];
+    const ico = encodeIco(src);
+    const got = await decodeIco(ico);
+    expect(got).toHaveLength(2);
+    const small = got.find((i) => i.width === 16)!;
+    const large = got.find((i) => i.width === 32)!;
+    expect(small.pixels[0]).toBe(255);
+    expect(small.pixels[1]).toBe(0);
+    expect(small.pixels[2]).toBe(0);
+    expect(small.pixels[3]).toBe(255);
+    expect(large.pixels[0]).toBe(0);
+    expect(large.pixels[2]).toBe(255);
+  });
+
+  it('applies the AND mask when 32-bpp alpha is zero', async () => {
+    const src = solid(16, 16, 0, 255, 0, 0);
+    const ico = encodeIco([src]);
+    // AND mask at end of DIB: set pixel 0 transparent already (alpha 0).
+    const got = await decodeIco(ico);
+    expect(got[0]!.pixels[3]).toBe(0);
+  });
+
+  it('picks the nearest size', () => {
+    const icons = [solid(16, 16, 1, 0, 0), solid(48, 48, 2, 0, 0), solid(32, 32, 3, 0, 0)];
+    expect(pickIconNear(icons, 16)?.width).toBe(16);
+    expect(pickIconNear(icons, 32)?.width).toBe(32);
+    expect(pickIconNear(icons, 24)?.width).toBe(32);
+  });
+});
diff --git a/src/fs/winicon/ico.ts b/src/fs/winicon/ico.ts
new file mode 100644
index 0000000..6966be2
--- /dev/null
+++ b/src/fs/winicon/ico.ts
@@ -0,0 +1,253 @@
+/**
+ * Windows ICO / CUR decoder (ICONDIR + BMP DIB or PNG images).
+ * PNG frames need createImageBitmap (skipped in environments without it).
+ */
+
+import { le16, le32, writeLe16, writeLe32 } from '../../protocol/binary';
+import type { ByteRangeReader } from '../byte-range';
+import { bufferRangeReader } from '../byte-range';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+import { decodeIcoDib, dibRowBytes } from './bmp';
+import { readExact, readSlice } from './read';
+
+const PNG_SIG = [0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a];
+const MAX_IMAGES = 64;
+const MAX_IMAGE = 2 * 1024 * 1024;
+
+export type IcoKind = 'ico' | 'cur';
+
+export function sniffIcoHeader(data: Uint8Array): IcoKind | null {
+  if (data.length < 6) return null;
+  if (le16(data, 0) !== 0) return null;
+  const type = le16(data, 2);
+  const count = le16(data, 4);
+  if (count === 0 || count > MAX_IMAGES) return null;
+  if (type === 1) return 'ico';
+  if (type === 2) return 'cur';
+  return null;
+}
+
+function isPng(data: Uint8Array): boolean {
+  if (data.length < 8) return false;
+  for (let i = 0; i < 8; i++) if (data[i] !== PNG_SIG[i]) return false;
+  return true;
+}
+
+async function decodePngIcon(data: Uint8Array, typeCode: string): Promise<DecodedIcon | null> {
+  if (typeof createImageBitmap !== 'function' || typeof OffscreenCanvas === 'undefined') return null;
+  try {
+    const blob = new Blob([data], { type: 'image/png' });
+    const bmp = await createImageBitmap(blob);
+    const canvas = new OffscreenCanvas(bmp.width, bmp.height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+      bmp.close();
+      return null;
+    }
+    ctx.drawImage(bmp, 0, 0);
+    const img = ctx.getImageData(0, 0, bmp.width, bmp.height);
+    bmp.close();
+    return {
+      typeCode,
+      isColor: true,
+      width: img.width,
+      height: img.height,
+      pixels: img.data,
+    };
+  } catch {
+    return null;
+  }
+}
+
+type IcoEntry = { width: number; height: number; bytesInRes: number; imageOffset: number };
+
+function parseEntries(dir: Uint8Array, count: number): IcoEntry[] | null {
+  const entries: IcoEntry[] = [];
+  for (let i = 0; i < count; i++) {
+    const o = 6 + i * 16;
+    if (o + 16 > dir.length) return null;
+    const w = dir[o] || 256;
+    const h = dir[o + 1] || 256;
+    const bytesInRes = le32(dir, o + 8);
+    const imageOffset = le32(dir, o + 12);
+    if (bytesInRes <= 0 || bytesInRes > MAX_IMAGE) return null;
+    entries.push({ width: w, height: h, bytesInRes, imageOffset });
+  }
+  return entries;
+}
+
+/** Decode a whole ICO/CUR buffer. */
+export async function decodeIco(data: Uint8Array): Promise<DecodedIcon[]> {
+  return decodeIcoFromReader(bufferRangeReader(data));
+}
+
+export type IcoFrame = {
+  index: number;
+  width: number;
+  height: number;
+  bytes: Uint8Array;
+};
+
+/** Directory + raw image payloads for each ICO/CUR frame. */
+export async function enumerateIcoFrames(
+  read: ByteRangeReader,
+): Promise<{ kind: IcoKind; frames: IcoFrame[] } | null> {
+  const header = await readExact(read, 0, 6);
+  if (!header) return null;
+  const kind = sniffIcoHeader(header);
+  if (!kind) return null;
+  const count = le16(header, 4);
+  const dir = await readExact(read, 0, 6 + count * 16);
+  if (!dir) return null;
+  const entries = parseEntries(dir, count);
+  if (!entries) return null;
+  const frames: IcoFrame[] = [];
+  for (let i = 0; i < entries.length; i++) {
+    const e = entries[i]!;
+    const bytes = await readSlice(read, e.imageOffset, e.bytesInRes);
+    if (!bytes.length) continue;
+    frames.push({ index: i, width: e.width, height: e.height, bytes });
+  }
+  return { kind, frames };
+}
+
+/** Decode ICO/CUR via ranged reads (directory then each image). */
+export async function decodeIcoFromReader(read: ByteRangeReader): Promise<DecodedIcon[]> {
+  const header = await readExact(read, 0, 6);
+  if (!header) return [];
+  const kind = sniffIcoHeader(header);
+  if (!kind) return [];
+  const count = le16(header, 4);
+  const dir = await readExact(read, 0, 6 + count * 16);
+  if (!dir) return [];
+  const entries = parseEntries(dir, count);
+  if (!entries) return [];
+  const typeCode = kind === 'cur' ? 'CUR' : 'ICO';
+  const icons: DecodedIcon[] = [];
+  for (const e of entries) {
+    const raw = await readSlice(read, e.imageOffset, e.bytesInRes);
+    if (raw.length < 16) continue;
+    if (isPng(raw)) {
+      const png = await decodePngIcon(raw, typeCode);
+      if (png) icons.push(png);
+      continue;
+    }
+    const dib = decodeIcoDib(raw, typeCode);
+    if (dib) icons.push(dib);
+  }
+  return icons;
+}
+
+/** Build a 32-bpp ICO from top-down RGBA frames (tests + PE/NE round-trip). */
+export function encodeIco(frames: DecodedIcon[]): Uint8Array {
+  const n = frames.length;
+  const dirSize = 6 + n * 16;
+  const images: Uint8Array[] = frames.map(encodeIcoDib32);
+  let off = dirSize;
+  const out = new Uint8Array(dirSize + images.reduce((s, im) => s + im.length, 0));
+  writeLe16(out, 0, 0);
+  writeLe16(out, 2, 1);
+  writeLe16(out, 4, n);
+  for (let i = 0; i < n; i++) {
+    const fr = frames[i]!;
+    const im = images[i]!;
+    const e = 6 + i * 16;
+    out[e] = fr.width >= 256 ? 0 : fr.width;
+    out[e + 1] = fr.height >= 256 ? 0 : fr.height;
+    out[e + 2] = 0;
+    out[e + 3] = 0;
+    writeLe16(out, e + 4, 1);
+    writeLe16(out, e + 6, 32);
+    writeLe32(out, e + 8, im.length);
+    writeLe32(out, e + 12, off);
+    out.set(im, off);
+    off += im.length;
+  }
+  return out;
+}
+
+function encodeIcoDib32(icon: DecodedIcon): Uint8Array {
+  const w = icon.width;
+  const h = icon.height;
+  const xorStride = dibRowBytes(w, 32);
+  const andStride = dibRowBytes(w, 1);
+  const xorLen = xorStride * h;
+  const andLen = andStride * h;
+  const out = new Uint8Array(40 + xorLen + andLen);
+  writeLe32(out, 0, 40);
+  writeLe32(out, 4, w);
+  writeLe32(out, 8, h * 2);
+  writeLe16(out, 12, 1);
+  writeLe16(out, 14, 32);
+  const xorOff = 40;
+  for (let y = 0; y < h; y++) {
+    const srcY = h - 1 - y;
+    const row = xorOff + y * xorStride;
+    for (let x = 0; x < w; x++) {
+      const s = (srcY * w + x) * 4;
+      const d = row + x * 4;
+      out[d] = icon.pixels[s + 2]!;
+      out[d + 1] = icon.pixels[s + 1]!;
+      out[d + 2] = icon.pixels[s]!;
+      out[d + 3] = icon.pixels[s + 3]!;
+    }
+  }
+  return out;
+}
+
+/** ICONDIR wrapping a single PNG or DIB image (PE RT_ICON PNG frames). */
+export function wrapSingleIcoImage(image: Uint8Array, type = 1): Uint8Array {
+  const out = new Uint8Array(22 + image.length);
+  writeLe16(out, 2, type === 2 ? 2 : 1);
+  writeLe16(out, 4, 1);
+  out[6] = 32;
+  out[7] = 32;
+  writeLe16(out, 10, 1);
+  writeLe16(out, 12, 32);
+  writeLe32(out, 14, image.length);
+  writeLe32(out, 18, 22);
+  out.set(image, 22);
+  return out;
+}
+
+/** GRPICONDIR (PE/NE RT_GROUP_ICON) → ICONDIR with image payloads from RT_ICON ids. */
+export function assembleIcoFromGroup(
+  group: Uint8Array,
+  iconsById: Map<number, Uint8Array>,
+): Uint8Array | null {
+  if (group.length < 6) return null;
+  if (le16(group, 0) !== 0) return null;
+  const type = le16(group, 2);
+  if (type !== 1 && type !== 2) return null;
+  const count = le16(group, 4);
+  if (count === 0 || count > MAX_IMAGES) return null;
+  const entries: { dir: Uint8Array; data: Uint8Array }[] = [];
+  let payload = 0;
+  for (let i = 0; i < count; i++) {
+    const o = 6 + i * 14;
+    if (o + 14 > group.length) return null;
+    const id = le16(group, o + 12);
+    const data = iconsById.get(id);
+    if (!data?.length) continue;
+    const ent = new Uint8Array(16);
+    ent.set(group.subarray(o, o + 12));
+    writeLe32(ent, 8, data.length);
+    entries.push({ dir: ent, data });
+    payload += data.length;
+  }
+  if (!entries.length) return null;
+  const dirSize = 6 + entries.length * 16;
+  const out = new Uint8Array(dirSize + payload);
+  writeLe16(out, 0, 0);
+  writeLe16(out, 2, type);
+  writeLe16(out, 4, entries.length);
+  let off = 6 + entries.length * 16;
+  for (let i = 0; i < entries.length; i++) {
+    const e = entries[i]!;
+    writeLe32(e.dir, 12, off);
+    out.set(e.dir, 6 + i * 16);
+    out.set(e.data, off);
+    off += e.data.length;
+  }
+  return out;
+}
diff --git a/src/fs/winicon/index.ts b/src/fs/winicon/index.ts
new file mode 100644
index 0000000..61d4802
--- /dev/null
+++ b/src/fs/winicon/index.ts
@@ -0,0 +1,50 @@
+/** Windows ICO decoding and PE/NE executable icon extraction. */
+
+export {
+  decodeIco,
+  decodeIcoFromReader,
+  encodeIco,
+  extractNeIcons,
+  extractNeIconsFromBuffer,
+  extractPeIcons,
+  extractPeIconsFromBuffer,
+  extractWinIcons,
+  extractWinIconsFromBuffer,
+  isWinExeName,
+  isWinIconName,
+  isWinResourceName,
+  isWinVersionName,
+  pickIconNear,
+  sniffWinIcon,
+  type WinIconKind,
+} from './extract';
+export { sniffIcoHeader, enumerateIcoFrames } from './ico';
+export { sniffBmp, decodeBmp } from './bmp';
+export { enumeratePeResources, type PeResourceLeaf, type PeResourceTable } from './pe';
+export { enumerateNeResources, type NeResourceLeaf, type NeResourceTable } from './ne';
+export {
+  inspectWinResources,
+  preferredWinType,
+  type WinResEntry,
+  type WinResInspect,
+  type WinResKind,
+  type WinResTypeGroup,
+} from './table';
+export { decodeVersionInfo, decodeStringTable, previewWinResource, type WinResPreview } from './decode-res';
+export {
+  extractWinVersion,
+  winVersionForGetInfo,
+  type WinVersionGetInfo,
+} from './version-info';
+export {
+  RT_BITMAP,
+  RT_CURSOR,
+  RT_GROUP_ICON,
+  RT_ICON,
+  RT_MANIFEST,
+  RT_STRING,
+  RT_VERSION,
+  RT_VERSIONINFO,
+  rtTypeCode,
+  rtTypeLabel,
+} from './rt';
diff --git a/src/fs/winicon/ne.test.ts b/src/fs/winicon/ne.test.ts
new file mode 100644
index 0000000..8ae67cb
--- /dev/null
+++ b/src/fs/winicon/ne.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+import { encodeIco, extractNeIconsFromBuffer, sniffWinIcon } from './index';
+import { buildNeWithIco } from './exe-fixtures';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+function solid(width: number, height: number, r: number, g: number, b: number): DecodedIcon {
+  const pixels = new Uint8ClampedArray(width * height * 4);
+  for (let i = 0; i < width * height; i++) {
+    pixels[i * 4] = r;
+    pixels[i * 4 + 1] = g;
+    pixels[i * 4 + 2] = b;
+    pixels[i * 4 + 3] = 255;
+  }
+  return { typeCode: 'ICO', isColor: true, width, height, pixels };
+}
+
+describe('NE icons', () => {
+  it('extracts a 32 px icon from the NE resource table', async () => {
+    const ico = encodeIco([solid(32, 32, 0, 0, 255)]);
+    const ne = buildNeWithIco(ico);
+    expect(sniffWinIcon(ne.subarray(0, 80))).toBe('ne');
+    const icons = await extractNeIconsFromBuffer(ne);
+    expect(icons.some((i) => i.width === 32 && i.pixels[2] === 255)).toBe(true);
+  });
+});
diff --git a/src/fs/winicon/ne.ts b/src/fs/winicon/ne.ts
new file mode 100644
index 0000000..3e61409
--- /dev/null
+++ b/src/fs/winicon/ne.ts
@@ -0,0 +1,136 @@
+/**
+ * NE (New Executable, 16-bit Windows) resource table.
+ */
+
+import { le16, le32 } from '../../protocol/binary';
+import type { ByteRangeReader } from '../byte-range';
+import { bufferRangeReader } from '../byte-range';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+import { assembleIcoFromGroup, decodeIco } from './ico';
+import { RT_GROUP_ICON, RT_ICON } from './rt';
+import { readExact, readSlice } from './read';
+
+const MZ = 0x5a4d;
+const NE_SIG = 0x454e; // 'NE'
+const INTEGER_TYPE = 0x8000;
+const MAX_ALIGN = 16;
+const MAX_RES = 2 * 1024 * 1024;
+
+export function sniffNeAfterMz(header: Uint8Array, neBytes: Uint8Array): boolean {
+  if (header.length < 64 || le16(header, 0) !== MZ) return false;
+  return neBytes.length >= 2 && le16(neBytes, 0) === NE_SIG;
+}
+
+type NeRes = {
+  typeId: number | null;
+  typeName: string | null;
+  id: number | null;
+  name: string | null;
+  offset: number;
+  length: number;
+};
+
+function nePascal(table: Uint8Array, off: number): string | null {
+  if (off < 0 || off >= table.length) return null;
+  const n = table[off]!;
+  if (off + 1 + n > table.length) return null;
+  let s = '';
+  for (let i = 0; i < n; i++) s += String.fromCharCode(table[off + 1 + i]!);
+  return s;
+}
+
+function parseResourceTable(table: Uint8Array, fileBase: number, alignShift: number): NeRes[] {
+  const out: NeRes[] = [];
+  let p = 2;
+  const unit = 1 << alignShift;
+  while (p + 8 <= table.length) {
+    const typeRaw = le16(table, p);
+    if (typeRaw === 0) break;
+    const count = le16(table, p + 2);
+    p += 8;
+    const typeId = typeRaw & INTEGER_TYPE ? typeRaw & ~INTEGER_TYPE : null;
+    const typeName = typeId == null ? nePascal(table, typeRaw) : null;
+    for (let i = 0; i < count; i++) {
+      if (p + 12 > table.length) return out;
+      const offsetUnits = le16(table, p);
+      const lengthUnits = le16(table, p + 2);
+      const idRaw = le16(table, p + 6);
+      p += 12;
+      const id = idRaw & INTEGER_TYPE ? idRaw & ~INTEGER_TYPE : null;
+      const name = id == null ? nePascal(table, idRaw) : null;
+      out.push({
+        typeId,
+        typeName,
+        id,
+        name,
+        offset: fileBase + offsetUnits * unit,
+        length: Math.min(MAX_RES, lengthUnits * unit),
+      });
+    }
+  }
+  return out;
+}
+
+async function loadNeTable(read: ByteRangeReader): Promise<{ table: Uint8Array; fileOff: number; shift: number } | null> {
+  const dos = await readExact(read, 0, 64);
+  if (!dos || le16(dos, 0) !== MZ) return null;
+  const lfanew = le32(dos, 0x3c);
+  if (lfanew < 64 || lfanew > 0x100000) return null;
+  const ne = await readExact(read, lfanew, 0x40);
+  if (!ne || le16(ne, 0) !== NE_SIG) return null;
+  const resOff = le16(ne, 0x24);
+  if (resOff < 0x40) return null;
+  const tableOff = lfanew + resOff;
+  const head = await readExact(read, tableOff, 2);
+  if (!head) return null;
+  const shift = le16(head, 0);
+  if (shift > MAX_ALIGN) return null;
+  // Type-info list is small; 64KiB covers any realistic NE resource table.
+  const table = await readSlice(read, tableOff, 64 * 1024);
+  if (table.length < 4) return null;
+  return { table, fileOff: 0, shift };
+}
+
+export type NeResourceLeaf = NeRes & { bytes: Uint8Array };
+
+export type NeResourceTable = {
+  shift: number;
+  leaves: NeResourceLeaf[];
+};
+
+/** Every NE resource with payload bytes. */
+export async function enumerateNeResources(read: ByteRangeReader): Promise<NeResourceTable | null> {
+  const loaded = await loadNeTable(read);
+  if (!loaded) return null;
+  const entries = parseResourceTable(loaded.table, loaded.fileOff, loaded.shift);
+  const leaves: NeResourceLeaf[] = [];
+  for (const e of entries) {
+    const bytes = await readSlice(read, e.offset, e.length);
+    if (!bytes.length) continue;
+    leaves.push({ ...e, bytes });
+  }
+  return { shift: loaded.shift, leaves };
+}
+
+/** Extract decoded icons from a 16-bit NE executable. */
+export async function extractNeIcons(read: ByteRangeReader): Promise<DecodedIcon[]> {
+  const table = await enumerateNeResources(read);
+  if (!table) return [];
+  const iconBlobs = new Map<number, Uint8Array>();
+  const groups: Uint8Array[] = [];
+  for (const e of table.leaves) {
+    if (e.typeId === RT_ICON && e.id != null) iconBlobs.set(e.id, e.bytes);
+    else if (e.typeId === RT_GROUP_ICON) groups.push(e.bytes);
+  }
+  const icons: DecodedIcon[] = [];
+  for (const g of groups) {
+    const ico = assembleIcoFromGroup(g, iconBlobs);
+    if (!ico) continue;
+    icons.push(...(await decodeIco(ico)));
+  }
+  return icons;
+}
+
+export async function extractNeIconsFromBuffer(data: Uint8Array): Promise<DecodedIcon[]> {
+  return extractNeIcons(bufferRangeReader(data));
+}
diff --git a/src/fs/winicon/pe.test.ts b/src/fs/winicon/pe.test.ts
new file mode 100644
index 0000000..832464e
--- /dev/null
+++ b/src/fs/winicon/pe.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, it } from 'vitest';
+import { writeLe16, writeLe32 } from '../../protocol/binary';
+import { encodeIco, extractPeIconsFromBuffer, sniffWinIcon } from './index';
+import { buildPeWithIco } from './exe-fixtures';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+function solid(width: number, height: number, r: number, g: number, b: number): DecodedIcon {
+  const pixels = new Uint8ClampedArray(width * height * 4);
+  for (let i = 0; i < width * height; i++) {
+    pixels[i * 4] = r;
+    pixels[i * 4 + 1] = g;
+    pixels[i * 4 + 2] = b;
+    pixels[i * 4 + 3] = 255;
+  }
+  return { typeCode: 'ICO', isColor: true, width, height, pixels };
+}
+
+describe('PE icons', () => {
+  it('extracts 16/32 frames from RT_GROUP_ICON', async () => {
+    const ico = encodeIco([solid(16, 16, 255, 0, 0), solid(32, 32, 0, 128, 0)]);
+    const pe = buildPeWithIco(ico);
+    expect(sniffWinIcon(pe)).toBe('pe');
+    const icons = await extractPeIconsFromBuffer(pe);
+    expect(icons.some((i) => i.width === 16 && i.pixels[0] === 255)).toBe(true);
+    expect(icons.some((i) => i.width === 32 && i.pixels[1] === 128)).toBe(true);
+  });
+
+  it('returns nothing for MZ without a resource directory', async () => {
+    const stub = new Uint8Array(128);
+    writeLe16(stub, 0, 0x5a4d);
+    writeLe32(stub, 0x3c, 0x40);
+    writeLe32(stub, 0x40, 0x4550);
+    writeLe16(stub, 0x44, 0x14c);
+    writeLe16(stub, 0x54, 96);
+    writeLe16(stub, 0x58, 0x10b);
+    const icons = await extractPeIconsFromBuffer(stub);
+    expect(icons).toEqual([]);
+  });
+});
diff --git a/src/fs/winicon/pe.ts b/src/fs/winicon/pe.ts
new file mode 100644
index 0000000..3b139b4
--- /dev/null
+++ b/src/fs/winicon/pe.ts
@@ -0,0 +1,237 @@
+/**
+ * PE (Portable Executable) resource directory.
+ * Reads only the COFF headers and .rsrc section (range-friendly).
+ */
+
+import { le16, le32 } from '../../protocol/binary';
+import type { ByteRangeReader } from '../byte-range';
+import { bufferRangeReader } from '../byte-range';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+import { assembleIcoFromGroup, decodeIco, wrapSingleIcoImage } from './ico';
+import { decodeIcoDib } from './bmp';
+import { readExact, readSlice } from './read';
+import { RT_GROUP_ICON, RT_ICON } from './rt';
+
+export { RT_GROUP_ICON, RT_ICON } from './rt';
+
+const MZ = 0x5a4d;
+const PE_MAGIC32 = 0x10b;
+const PE_MAGIC64 = 0x20b;
+const MAX_SECTIONS = 96;
+const MAX_RSRC = 8 * 1024 * 1024;
+const DIR_HIGH = 0x80000000;
+
+type Section = { va: number; vs: number; raw: number; rawSize: number };
+
+function rvaToOff(sections: Section[], rva: number): number | null {
+  for (const s of sections) {
+    const span = Math.max(s.vs, s.rawSize);
+    if (rva >= s.va && rva < s.va + span) return s.raw + (rva - s.va);
+  }
+  return null;
+}
+
+export function sniffPe(header: Uint8Array): boolean {
+  if (header.length < 64) return false;
+  if (le16(header, 0) !== MZ) return false;
+  const lfanew = le32(header, 0x3c);
+  if (lfanew < 64 || lfanew > 0x100000) return false;
+  return true;
+}
+
+type ResData = { rva: number; size: number };
+
+class ResDir {
+  constructor(
+    readonly named: { nameRva: number; child: number; isDir: boolean }[],
+    readonly ids: { id: number; child: number; isDir: boolean }[],
+  ) {}
+}
+
+function parseDir(buf: Uint8Array, off: number): ResDir | null {
+  if (off + 16 > buf.length) return null;
+  const nNamed = le16(buf, off + 12);
+  const nId = le16(buf, off + 14);
+  const total = nNamed + nId;
+  if (total > 4096 || off + 16 + total * 8 > buf.length) return null;
+  const named: ResDir['named'] = [];
+  const ids: ResDir['ids'] = [];
+  let p = off + 16;
+  for (let i = 0; i < nNamed; i++, p += 8) {
+    const name = le32(buf, p);
+    const child = le32(buf, p + 4);
+    named.push({ nameRva: name & ~DIR_HIGH, child: child & ~DIR_HIGH, isDir: (child & DIR_HIGH) !== 0 });
+  }
+  for (let i = 0; i < nId; i++, p += 8) {
+    const id = le32(buf, p);
+    const child = le32(buf, p + 4);
+    ids.push({ id, child: child & ~DIR_HIGH, isDir: (child & DIR_HIGH) !== 0 });
+  }
+  return new ResDir(named, ids);
+}
+
+function parseData(buf: Uint8Array, off: number): ResData | null {
+  if (off + 16 > buf.length) return null;
+  return { rva: le32(buf, off), size: le32(buf, off + 4) };
+}
+
+type Seg = { id: number | null; name: string | null };
+type LeafPath = { path: Seg[]; data: ResData };
+
+function readUName(buf: Uint8Array, off: number): string | null {
+  if (off + 2 > buf.length) return null;
+  const n = le16(buf, off);
+  if (n > 256 || off + 2 + n * 2 > buf.length) return null;
+  let s = '';
+  for (let i = 0; i < n; i++) s += String.fromCharCode(le16(buf, off + 2 + i * 2));
+  return s;
+}
+
+function collectLeaves(buf: Uint8Array, dirOff: number, depth: number, out: LeafPath[], path: Seg[]): void {
+  if (depth > 4) return;
+  const dir = parseDir(buf, dirOff);
+  if (!dir) return;
+  const walk = (seg: Seg, child: number, isDir: boolean) => {
+    const next = [...path, seg];
+    if (isDir) collectLeaves(buf, child, depth + 1, out, next);
+    else {
+      const data = parseData(buf, child);
+      if (data) out.push({ path: next, data });
+    }
+  };
+  for (const e of dir.ids) walk({ id: e.id, name: null }, e.child, e.isDir);
+  for (const e of dir.named) walk({ id: null, name: readUName(buf, e.nameRva) }, e.child, e.isDir);
+}
+
+async function loadHeaders(read: ByteRangeReader): Promise<{
+  sections: Section[];
+  resRva: number;
+  resSize: number;
+  machine: number;
+  magic: 'pe32' | 'pe32+';
+} | null> {
+  const dos = await readExact(read, 0, 64);
+  if (!dos || le16(dos, 0) !== MZ) return null;
+  const lfanew = le32(dos, 0x3c);
+  const sigCoff = await readExact(read, lfanew, 24);
+  if (!sigCoff) return null;
+  if (le32(sigCoff, 0) !== 0x4550) return null;
+  const machine = le16(sigCoff, 4);
+  const nSections = le16(sigCoff, 6);
+  const optSize = le16(sigCoff, 20);
+  if (nSections === 0 || nSections > MAX_SECTIONS || optSize < 96) return null;
+  const opt = await readExact(read, lfanew + 24, optSize);
+  if (!opt) return null;
+  const magicRaw = le16(opt, 0);
+  if (magicRaw !== PE_MAGIC32 && magicRaw !== PE_MAGIC64) return null;
+  const magic = magicRaw === PE_MAGIC64 ? 'pe32+' : 'pe32';
+  const ddOff = magic === 'pe32+' ? 112 : 96;
+  if (ddOff + 24 > opt.length) return null;
+  const nRva = le32(opt, magic === 'pe32+' ? 108 : 92);
+  if (nRva < 3) return null;
+  const resRva = le32(opt, ddOff + 16);
+  const resSize = le32(opt, ddOff + 20);
+  if (!resRva || !resSize || resSize > MAX_RSRC) return null;
+
+  const secOff = lfanew + 24 + optSize;
+  const secBuf = await readExact(read, secOff, nSections * 40);
+  if (!secBuf) return null;
+  const sections: Section[] = [];
+  for (let i = 0; i < nSections; i++) {
+    const o = i * 40;
+    sections.push({
+      vs: le32(secBuf, o + 8),
+      va: le32(secBuf, o + 12),
+      rawSize: le32(secBuf, o + 16),
+      raw: le32(secBuf, o + 20),
+    });
+  }
+  return { sections, resRva, resSize, machine, magic };
+}
+
+function sliceRva(rsrc: Uint8Array, resRva: number, rva: number, size: number): Uint8Array | null {
+  const local = rva - resRva;
+  if (local < 0 || local + size > rsrc.length) return null;
+  return rsrc.subarray(local, local + size);
+}
+
+export type PeResourceLeaf = {
+  typeId: number | null;
+  typeName: string | null;
+  id: number | null;
+  name: string | null;
+  language: number;
+  bytes: Uint8Array;
+};
+
+export type PeResourceTable = {
+  magic: 'pe32' | 'pe32+';
+  machine: number;
+  resRva: number;
+  resSize: number;
+  leaves: PeResourceLeaf[];
+};
+
+/** Every PE resource leaf (type / name / language) with payload bytes. */
+export async function enumeratePeResources(read: ByteRangeReader): Promise<PeResourceTable | null> {
+  const hdr = await loadHeaders(read);
+  if (!hdr) return null;
+  const fileOff = rvaToOff(hdr.sections, hdr.resRva);
+  if (fileOff == null) return null;
+  const rsrc = await readSlice(read, fileOff, hdr.resSize);
+  if (rsrc.length < 16) return null;
+  const raw: LeafPath[] = [];
+  collectLeaves(rsrc, 0, 0, raw, []);
+  const leaves: PeResourceLeaf[] = [];
+  for (const leaf of raw) {
+    const type = leaf.path[0];
+    const name = leaf.path[1];
+    const lang = leaf.path[2];
+    const bytes = sliceRva(rsrc, hdr.resRva, leaf.data.rva, leaf.data.size);
+    if (!bytes) continue;
+    leaves.push({
+      typeId: type?.id ?? null,
+      typeName: type?.name ?? null,
+      id: name?.id ?? null,
+      name: name?.name ?? null,
+      language: lang?.id ?? 0,
+      bytes,
+    });
+  }
+  return { magic: hdr.magic, machine: hdr.machine, resRva: hdr.resRva, resSize: hdr.resSize, leaves };
+}
+
+/** Extract decoded icons from a PE image. */
+export async function extractPeIcons(read: ByteRangeReader): Promise<DecodedIcon[]> {
+  const table = await enumeratePeResources(read);
+  if (!table) return [];
+
+  const iconBlobs = new Map<number, Uint8Array>();
+  const groups: Uint8Array[] = [];
+  for (const leaf of table.leaves) {
+    if (leaf.typeId === RT_ICON && leaf.id != null) iconBlobs.set(leaf.id, leaf.bytes);
+    else if (leaf.typeId === RT_GROUP_ICON) groups.push(leaf.bytes);
+  }
+
+  const icons: DecodedIcon[] = [];
+  for (const g of groups) {
+    const ico = assembleIcoFromGroup(g, iconBlobs);
+    if (!ico) continue;
+    icons.push(...(await decodeIco(ico)));
+  }
+  if (icons.length) return icons;
+
+  for (const e of iconBlobs.values()) {
+    if (e.length >= 8 && e[0] === 0x89 && e[1] === 0x50) {
+      icons.push(...(await decodeIco(wrapSingleIcoImage(e))));
+      continue;
+    }
+    const dib = decodeIcoDib(e);
+    if (dib) icons.push(dib);
+  }
+  return icons;
+}
+
+export async function extractPeIconsFromBuffer(data: Uint8Array): Promise<DecodedIcon[]> {
+  return extractPeIcons(bufferRangeReader(data));
+}
diff --git a/src/fs/winicon/read.ts b/src/fs/winicon/read.ts
new file mode 100644
index 0000000..0bb4524
--- /dev/null
+++ b/src/fs/winicon/read.ts
@@ -0,0 +1,25 @@
+/** Range-read helpers for PE / NE / ICO parsers. */
+
+import type { ByteRangeReader } from '../byte-range';
+
+const MAX_SLICE = 8 * 1024 * 1024;
+
+export async function readSlice(
+  read: ByteRangeReader,
+  offset: number,
+  count: number,
+): Promise<Uint8Array> {
+  if (count <= 0 || offset < 0) return new Uint8Array();
+  const n = Math.min(count, MAX_SLICE);
+  const got = await read(offset, n);
+  return got.length <= n ? got : got.subarray(0, n);
+}
+
+export async function readExact(
+  read: ByteRangeReader,
+  offset: number,
+  count: number,
+): Promise<Uint8Array | null> {
+  const got = await readSlice(read, offset, count);
+  return got.length >= count ? got.subarray(0, count) : null;
+}
diff --git a/src/fs/winicon/rt.ts b/src/fs/winicon/rt.ts
new file mode 100644
index 0000000..e88fedd
--- /dev/null
+++ b/src/fs/winicon/rt.ts
@@ -0,0 +1,93 @@
+/** Windows PE/NE predefined resource type ids (RT_*). */
+
+export const RT_CURSOR = 1;
+export const RT_BITMAP = 2;
+export const RT_ICON = 3;
+export const RT_MENU = 4;
+export const RT_DIALOG = 5;
+export const RT_STRING = 6;
+export const RT_FONTDIR = 7;
+export const RT_FONT = 8;
+export const RT_ACCELERATOR = 9;
+export const RT_RCDATA = 10;
+export const RT_MESSAGETABLE = 11;
+export const RT_GROUP_CURSOR = 12;
+export const RT_GROUP_ICON = 14;
+export const RT_VERSION = 16;
+/** Same as RT_VERSION; VERSIONINFO / VS_VERSION_INFO in .rc files. */
+export const RT_VERSIONINFO = RT_VERSION;
+export const RT_DLGINCLUDE = 17;
+export const RT_PLUGPLAY = 19;
+export const RT_VXD = 20;
+export const RT_ANICURSOR = 21;
+export const RT_ANIICON = 22;
+export const RT_HTML = 23;
+export const RT_MANIFEST = 24;
+
+export const RT_LABELS: Record<number, string> = {
+  [RT_CURSOR]: 'Cursor',
+  [RT_BITMAP]: 'Bitmap',
+  [RT_ICON]: 'Icon',
+  [RT_MENU]: 'Menu',
+  [RT_DIALOG]: 'Dialog',
+  [RT_STRING]: 'String table',
+  [RT_FONTDIR]: 'Font directory',
+  [RT_FONT]: 'Font',
+  [RT_ACCELERATOR]: 'Accelerator',
+  [RT_RCDATA]: 'Raw data',
+  [RT_MESSAGETABLE]: 'Message table',
+  [RT_GROUP_CURSOR]: 'Cursor group',
+  [RT_GROUP_ICON]: 'Icon group',
+  [RT_VERSION]: 'Version',
+  [RT_DLGINCLUDE]: 'Dialog include',
+  [RT_PLUGPLAY]: 'Plug and Play',
+  [RT_VXD]: 'VxD',
+  [RT_ANICURSOR]: 'Animated cursor',
+  [RT_ANIICON]: 'Animated icon',
+  [RT_HTML]: 'HTML',
+  [RT_MANIFEST]: 'Manifest',
+};
+
+export const RT_ICON_TYPES = new Set([RT_ICON, RT_GROUP_ICON, RT_CURSOR, RT_GROUP_CURSOR, RT_BITMAP]);
+
+export function rtTypeKey(id: number | null, name: string | null): string {
+  if (name) return `n:${name}`;
+  if (id != null) return `id:${id}`;
+  return 'unknown';
+}
+
+export function rtTypeLabel(id: number | null, name: string | null): string {
+  if (name) return name;
+  if (id != null) return RT_LABELS[id] ?? `RT_${id}`;
+  return 'Unknown';
+}
+
+export const RT_NAMES: Record<number, string> = {
+  [RT_CURSOR]: 'RT_CURSOR',
+  [RT_BITMAP]: 'RT_BITMAP',
+  [RT_ICON]: 'RT_ICON',
+  [RT_MENU]: 'RT_MENU',
+  [RT_DIALOG]: 'RT_DIALOG',
+  [RT_STRING]: 'RT_STRING',
+  [RT_FONTDIR]: 'RT_FONTDIR',
+  [RT_FONT]: 'RT_FONT',
+  [RT_ACCELERATOR]: 'RT_ACCELERATOR',
+  [RT_RCDATA]: 'RT_RCDATA',
+  [RT_MESSAGETABLE]: 'RT_MESSAGETABLE',
+  [RT_GROUP_CURSOR]: 'RT_GROUP_CURSOR',
+  [RT_GROUP_ICON]: 'RT_GROUP_ICON',
+  [RT_VERSION]: 'RT_VERSION',
+  [RT_DLGINCLUDE]: 'RT_DLGINCLUDE',
+  [RT_PLUGPLAY]: 'RT_PLUGPLAY',
+  [RT_VXD]: 'RT_VXD',
+  [RT_ANICURSOR]: 'RT_ANICURSOR',
+  [RT_ANIICON]: 'RT_ANIICON',
+  [RT_HTML]: 'RT_HTML',
+  [RT_MANIFEST]: 'RT_MANIFEST',
+};
+
+export function rtTypeCode(id: number | null, name: string | null): string {
+  if (name) return name;
+  if (id != null) return RT_NAMES[id] ?? `RT_${id}`;
+  return '?';
+}
diff --git a/src/fs/winicon/table.ts b/src/fs/winicon/table.ts
new file mode 100644
index 0000000..5009ddf
--- /dev/null
+++ b/src/fs/winicon/table.ts
@@ -0,0 +1,215 @@
+/**
+ * Grouped PE / NE / ICO resource table for the Windows resource explorer.
+ */
+
+import { le16, le32 } from '../../protocol/binary';
+import type { ByteRangeReader } from '../byte-range';
+import { enumerateIcoFrames } from './ico';
+import { enumerateNeResources, type NeResourceLeaf } from './ne';
+import { enumeratePeResources, type PeResourceLeaf } from './pe';
+import { readExact } from './read';
+import {
+  RT_BITMAP,
+  RT_CURSOR,
+  RT_GROUP_CURSOR,
+  RT_GROUP_ICON,
+  RT_ICON,
+  RT_ICON_TYPES,
+  RT_MANIFEST,
+  RT_STRING,
+  RT_VERSION,
+  rtTypeCode,
+  rtTypeKey,
+  rtTypeLabel,
+} from './rt';
+import { sniffWinIcon } from './extract';
+
+const NE_SIG = 0x454e;
+
+const TYPE_ORDER = [
+  RT_VERSION,
+  RT_GROUP_ICON,
+  RT_MANIFEST,
+  RT_ICON,
+  RT_BITMAP,
+  RT_STRING,
+  RT_GROUP_CURSOR,
+];
+
+const MACHINE: Record<number, string> = {
+  0x14c: 'i386',
+  0x8664: 'amd64',
+  0x1c0: 'ARM',
+  0xaa64: 'ARM64',
+  0x1c4: 'ARMv7',
+  0x200: 'IA64',
+};
+
+export type WinResKind = 'pe' | 'ne' | 'ico' | 'cur';
+
+export type WinResEntry = {
+  typeKey: string;
+  typeId: number | null;
+  typeName: string | null;
+  id: number | null;
+  name: string | null;
+  language: number;
+  length: number;
+  bytes: Uint8Array;
+};
+
+export type WinResTypeGroup = {
+  key: string;
+  typeId: number | null;
+  typeName: string | null;
+  label: string;
+  code: string;
+  count: number;
+  icon: boolean;
+  entries: WinResEntry[];
+};
+
+export type WinResInspect = {
+  kind: WinResKind | null;
+  magic?: string;
+  machine?: number;
+  machineName?: string;
+  shift?: number;
+  types: WinResTypeGroup[];
+  entries: WinResEntry[];
+};
+
+function emptyInspect(): WinResInspect {
+  return { kind: null, types: [], entries: [] };
+}
+
+function typeRank(id: number | null): number {
+  if (id == null) return 2000;
+  const i = TYPE_ORDER.indexOf(id);
+  return i >= 0 ? i : 1000 + id;
+}
+
+function sortGroups(groups: WinResTypeGroup[]): WinResTypeGroup[] {
+  return [...groups].sort((a, b) => {
+    const d = typeRank(a.typeId) - typeRank(b.typeId);
+    if (d) return d;
+    return a.label.localeCompare(b.label);
+  });
+}
+
+function groupEntries(entries: WinResEntry[]): WinResTypeGroup[] {
+  const map = new Map<string, WinResTypeGroup>();
+  for (const e of entries) {
+    let g = map.get(e.typeKey);
+    if (!g) {
+      g = {
+        key: e.typeKey,
+        typeId: e.typeId,
+        typeName: e.typeName,
+        label: rtTypeLabel(e.typeId, e.typeName),
+        code: rtTypeCode(e.typeId, e.typeName),
+        count: 0,
+        icon: e.typeId != null && RT_ICON_TYPES.has(e.typeId),
+        entries: [],
+      };
+      map.set(e.typeKey, g);
+    }
+    g.entries.push(e);
+    g.count = g.entries.length;
+  }
+  return sortGroups([...map.values()]);
+}
+
+function fromPeLeaves(leaves: PeResourceLeaf[], magic: string, machine: number): WinResInspect {
+  const entries: WinResEntry[] = leaves.map((leaf) => ({
+    typeKey: rtTypeKey(leaf.typeId, leaf.typeName),
+    typeId: leaf.typeId,
+    typeName: leaf.typeName,
+    id: leaf.id,
+    name: leaf.name,
+    language: leaf.language,
+    length: leaf.bytes.length,
+    bytes: leaf.bytes,
+  }));
+  return {
+    kind: 'pe',
+    magic,
+    machine,
+    machineName: MACHINE[machine] ?? `0x${machine.toString(16)}`,
+    types: groupEntries(entries),
+    entries,
+  };
+}
+
+function fromNeLeaves(leaves: NeResourceLeaf[], shift: number): WinResInspect {
+  const entries: WinResEntry[] = leaves.map((leaf) => ({
+    typeKey: rtTypeKey(leaf.typeId, leaf.typeName),
+    typeId: leaf.typeId,
+    typeName: leaf.typeName,
+    id: leaf.id,
+    name: leaf.name,
+    language: 0,
+    length: leaf.bytes.length,
+    bytes: leaf.bytes,
+  }));
+  return { kind: 'ne', magic: 'NE', shift, types: groupEntries(entries), entries };
+}
+
+/** First type to show: version / icon group when present. */
+export function preferredWinType(types: WinResTypeGroup[]): string | null {
+  if (!types.length) return null;
+  return sortGroups(types)[0]?.key ?? null;
+}
+
+/** Parse PE, NE, or standalone ICO/CUR into grouped resource types. */
+export async function inspectWinResources(read: ByteRangeReader): Promise<WinResInspect> {
+  const header = await readExact(read, 0, 64);
+  if (!header) return emptyInspect();
+  const kind = sniffWinIcon(header);
+  if (kind === 'ico') {
+    const listed = await enumerateIcoFrames(read);
+    if (!listed) return emptyInspect();
+    const typeId = listed.kind === 'cur' ? RT_CURSOR : RT_ICON;
+    const typeKey = rtTypeKey(typeId, null);
+    const entries: WinResEntry[] = listed.frames.map((f) => ({
+      typeKey,
+      typeId,
+      typeName: null,
+      id: f.index + 1,
+      name: `${f.width}×${f.height}`,
+      language: 0,
+      length: f.bytes.length,
+      bytes: f.bytes,
+    }));
+    return {
+      kind: listed.kind,
+      magic: listed.kind.toUpperCase(),
+      types: groupEntries(entries),
+      entries,
+    };
+  }
+  if (kind === 'ne') {
+    const lfanew = le32(header, 0x3c);
+    const ne = await readExact(read, lfanew, 2);
+    if (ne && le16(ne, 0) === NE_SIG) {
+      const table = await enumerateNeResources(read);
+      if (!table) return emptyInspect();
+      return fromNeLeaves(table.leaves, table.shift);
+    }
+  }
+  if (kind === 'pe' || kind === 'ne') {
+    const lfanew = header.length >= 64 ? le32(header, 0x3c) : 0;
+    if (lfanew) {
+      const sig = await readExact(read, lfanew, 2);
+      if (sig && le16(sig, 0) === NE_SIG) {
+        const table = await enumerateNeResources(read);
+        if (!table) return emptyInspect();
+        return fromNeLeaves(table.leaves, table.shift);
+      }
+    }
+    const table = await enumeratePeResources(read);
+    if (!table) return emptyInspect();
+    return fromPeLeaves(table.leaves, table.magic, table.machine);
+  }
+  return emptyInspect();
+}
diff --git a/src/fs/winicon/version-info.test.ts b/src/fs/winicon/version-info.test.ts
new file mode 100644
index 0000000..633adf7
--- /dev/null
+++ b/src/fs/winicon/version-info.test.ts
@@ -0,0 +1,69 @@
+import { describe, expect, it } from 'vitest';
+import { bufferRangeReader } from '../byte-range';
+import { encodeIco, extractWinVersion, isWinVersionName, winVersionForGetInfo } from './index';
+import { buildPeWithIco } from './exe-fixtures';
+import type { DecodedIcon } from '../resource-types/icon-decoder';
+
+function solid(width: number, r: number, g: number, b: number): DecodedIcon {
+  const pixels = new Uint8ClampedArray(width * width * 4);
+  for (let i = 0; i < width * width; i++) {
+    pixels[i * 4] = r;
+    pixels[i * 4 + 1] = g;
+    pixels[i * 4 + 2] = b;
+    pixels[i * 4 + 3] = 255;
+  }
+  return { typeCode: 'ICO', isColor: true, width, height: width, pixels };
+}
+
+describe('Win VERSIONINFO Get Info', () => {
+  it('matches .exe / .dll / .scr / .ocx names', () => {
+    expect(isWinVersionName('NOTEPAD.EXE')).toBe(true);
+    expect(isWinVersionName('foo.DLL')).toBe(true);
+    expect(isWinVersionName('ssstars.scr')).toBe(true);
+    expect(isWinVersionName('ctrl.ocx')).toBe(true);
+    expect(isWinVersionName('app.ico')).toBe(false);
+    expect(isWinVersionName('shell32.cpl')).toBe(false);
+  });
+
+  it('maps VERSIONINFO strings to Get Info rows', () => {
+    expect(
+      winVersionForGetInfo([
+        { key: 'FileVersion', value: '4.0.0.0' },
+        { key: 'ProductVersion', value: '4.0' },
+        { key: 'ProductName', value: 'Windows NT' },
+        { key: 'FileDescription', value: 'Notepad' },
+        { key: 'LegalCopyright', value: '© Microsoft Corp.' },
+        { key: 'CompanyName', value: 'Microsoft Corporation' },
+      ]),
+    ).toEqual({
+      version: '4.0.0.0',
+      productVersion: '4.0',
+      product: 'Windows NT',
+      description: 'Notepad',
+      copyright: '© Microsoft Corp.',
+      company: 'Microsoft Corporation',
+    });
+  });
+
+  it('ignores 0.0.0.0 binary versions', () => {
+    expect(winVersionForGetInfo([{ key: 'FileVersion', value: '0.0.0.0' }])).toBeNull();
+    expect(
+      winVersionForGetInfo([
+        { key: 'FileVersion', value: '0.0.0.0' },
+        { key: 'FileDescription', value: 'Setup' },
+      ]),
+    ).toEqual({
+      version: '',
+      productVersion: '',
+      product: '',
+      description: 'Setup',
+      copyright: '',
+      company: '',
+    });
+  });
+
+  it('returns null when a PE has no RT_VERSION', async () => {
+    const ico = encodeIco([solid(16, 1, 0, 0)]);
+    expect(await extractWinVersion(bufferRangeReader(buildPeWithIco(ico)))).toBeNull();
+  });
+});
diff --git a/src/fs/winicon/version-info.ts b/src/fs/winicon/version-info.ts
new file mode 100644
index 0000000..0676da5
--- /dev/null
+++ b/src/fs/winicon/version-info.ts
@@ -0,0 +1,95 @@
+/**
+ * RT_VERSION / VERSIONINFO (VS_VERSION_INFO) for Finder Get Info.
+ */
+
+import { le16, le32 } from '../../protocol/binary';
+import type { ByteRangeReader } from '../byte-range';
+import { decodeVersionInfo } from './decode-res';
+import { sniffWinIcon } from './extract';
+import { enumerateNeResources } from './ne';
+import { enumeratePeResources } from './pe';
+import { readExact } from './read';
+import { RT_VERSION } from './rt';
+
+const NE_SIG = 0x454e;
+const LANG_NEUTRAL = 0;
+const LANG_US_ENGLISH = 0x0409;
+
+export interface WinVersionGetInfo {
+  version: string;
+  productVersion: string;
+  product: string;
+  description: string;
+  copyright: string;
+  company: string;
+}
+
+function field(map: Map<string, string>, key: string): string {
+  return (map.get(key) ?? '').trim();
+}
+
+function isBlankVersion(s: string): boolean {
+  return !s || /^[0.]+$/.test(s);
+}
+
+/** Map VERSIONINFO strings to Get Info rows. */
+export function winVersionForGetInfo(fields: { key: string; value: string }[]): WinVersionGetInfo | null {
+  const map = new Map(fields.map((f) => [f.key, f.value]));
+  const fileVer = field(map, 'FileVersion');
+  const prodVer = field(map, 'ProductVersion');
+  const version = !isBlankVersion(fileVer) ? fileVer : prodVer;
+  const productVersion = !isBlankVersion(prodVer) && prodVer !== version ? prodVer : '';
+  const info: WinVersionGetInfo = {
+    version: isBlankVersion(version) ? '' : version,
+    productVersion,
+    product: field(map, 'ProductName'),
+    description: field(map, 'FileDescription'),
+    copyright: field(map, 'LegalCopyright'),
+    company: field(map, 'CompanyName'),
+  };
+  if (!info.version && !info.product && !info.description && !info.copyright && !info.company) return null;
+  return info;
+}
+
+function pickVersionBytes(
+  leaves: { typeId: number | null; language?: number; bytes: Uint8Array }[],
+): Uint8Array | null {
+  const vers = leaves.filter((l) => l.typeId === RT_VERSION && l.bytes.length);
+  if (!vers.length) return null;
+  const prefer =
+    vers.find((l) => l.language === LANG_US_ENGLISH) ??
+    vers.find((l) => (l.language ?? 0) === LANG_NEUTRAL) ??
+    vers[0];
+  return prefer?.bytes ?? null;
+}
+
+/** RT_VERSION payload from a PE or NE image, or null. */
+export async function extractWinVersion(read: ByteRangeReader): Promise<WinVersionGetInfo | null> {
+  const header = await readExact(read, 0, 64);
+  if (!header) return null;
+  const kind = sniffWinIcon(header);
+  if (kind === 'ne') {
+    const lfanew = le32(header, 0x3c);
+    const ne = await readExact(read, lfanew, 2);
+    if (ne && le16(ne, 0) === NE_SIG) {
+      const table = await enumerateNeResources(read);
+      const bytes = table ? pickVersionBytes(table.leaves) : null;
+      return bytes ? winVersionForGetInfo(decodeVersionInfo(bytes)) : null;
+    }
+  }
+  if (kind === 'pe' || kind === 'ne') {
+    const lfanew = header.length >= 64 ? le32(header, 0x3c) : 0;
+    if (lfanew) {
+      const sig = await readExact(read, lfanew, 4);
+      if (sig && le16(sig, 0) === NE_SIG) {
+        const table = await enumerateNeResources(read);
+        const bytes = table ? pickVersionBytes(table.leaves) : null;
+        return bytes ? winVersionForGetInfo(decodeVersionInfo(bytes)) : null;
+      }
+    }
+    const table = await enumeratePeResources(read);
+    const bytes = table ? pickVersionBytes(table.leaves) : null;
+    return bytes ? winVersionForGetInfo(decodeVersionInfo(bytes)) : null;
+  }
+  return null;
+}
diff --git a/src/fs/zip-export.test.ts b/src/fs/zip-export.test.ts
new file mode 100644
index 0000000..b66c42f
--- /dev/null
+++ b/src/fs/zip-export.test.ts
@@ -0,0 +1,93 @@
+import { describe, expect, it } from 'vitest';
+import { CapabilityCatalog } from './capability-catalog';
+import { afpVolumeCaps } from './catalog-caps';
+import { parseAppleDouble } from './appledouble';
+import { collectZipEntries, enumerateZipFiles, type ZipSearchProgress } from './zip-export';
+import { nodeRef, type VNode } from './virtual-fs';
+
+function ascii(s: string): Uint8Array {
+  return new TextEncoder().encode(s);
+}
+
+describe('enumerateZipFiles', () => {
+  it('counts folders and files and reports growing totals without reading forks', async () => {
+    const cat = new CapabilityCatalog(afpVolumeCaps);
+    const docs = await cat.mkdir(2, 'Docs');
+    await cat.createFile(nodeRef(docs), 'Read Me', ascii('hello'), ascii('rsrc'));
+    const nested = await cat.mkdir(nodeRef(docs), 'Nested');
+    await cat.createFile(nodeRef(nested), 'Notes', ascii('xy'));
+
+    const reads: ReturnType<typeof nodeRef>[] = [];
+    const origEnsure = cat.ensureContent.bind(cat);
+    cat.ensureContent = async (ref, onBytes, signal) => {
+      reads.push(ref);
+      return origEnsure(ref, onBytes, signal);
+    };
+
+    const ticks: ZipSearchProgress[] = [];
+    const listed = await enumerateZipFiles(cat, docs, '', (p) => ticks.push({ ...p }));
+
+    expect(reads).toEqual([]);
+    expect(listed.items).toBe(4);
+    expect(listed.bytes).toBe(5 + 4 + 2);
+    expect(listed.files.map((f) => f.path)).toEqual(['Docs/Read Me', 'Docs/Nested/Notes']);
+    expect(ticks[0]).toEqual({ items: 1, bytes: 0 });
+    expect(ticks.at(-1)).toEqual({ items: 4, bytes: 11 });
+    expect(ticks.map((t) => t.items)).toEqual([1, 2, 3, 4]);
+  });
+
+  it('walks new children as listing pages arrive', async () => {
+    const cat = new CapabilityCatalog(afpVolumeCaps);
+    const docs = await cat.mkdir(2, 'Docs');
+    await cat.createFile(nodeRef(docs), 'A', ascii('a'));
+    await cat.createFile(nodeRef(docs), 'B', ascii('bb'));
+
+    const origChildren = cat.children.bind(cat);
+    cat.children = async (parent, onBatch, signal) => {
+      const kids = await origChildren(parent, undefined, signal);
+      const acc: VNode[] = [];
+      for (const kid of kids) {
+        acc.push(kid);
+        await onBatch?.(acc);
+      }
+      return kids;
+    };
+
+    const ticks: ZipSearchProgress[] = [];
+    const listed = await enumerateZipFiles(cat, docs, '', (p) => ticks.push({ ...p }));
+    expect(listed.items).toBe(3);
+    expect(listed.bytes).toBe(1 + 2);
+    expect(ticks.map((t) => t.items)).toEqual([1, 2, 3]);
+  });
+});
+
+describe('collectZipEntries', () => {
+  it('downloads planned files after enumerate and writes AppleDouble pairs', async () => {
+    const cat = new CapabilityCatalog(afpVolumeCaps);
+    const docs = await cat.mkdir(2, 'Docs');
+    const fi = new Uint8Array(32);
+    fi.set(ascii('TEXT'), 0);
+    fi.set(ascii('ttxt'), 4);
+    await cat.createFile(nodeRef(docs), 'Read Me', ascii('hello'), ascii('rsrc'), fi);
+
+    const listed = await enumerateZipFiles(cat, docs);
+    const reads: ReturnType<typeof nodeRef>[] = [];
+    const origEnsure = cat.ensureContent.bind(cat);
+    cat.ensureContent = async (ref, onBytes, signal) => {
+      reads.push(ref);
+      return origEnsure(ref, onBytes, signal);
+    };
+
+    let downloaded = 0;
+    const entries = await collectZipEntries(cat, listed.files, 'appledouble', (n) => {
+      downloaded += n;
+    });
+    expect(reads).toHaveLength(1);
+    expect(downloaded).toBe(5 + 4);
+    expect(entries.map((e) => e.name)).toEqual(['Docs/Read Me', 'Docs/._Read Me']);
+    expect([...entries[0]!.data]).toEqual([...ascii('hello')]);
+    const ad = parseAppleDouble(entries[1]!.data);
+    expect(ad).not.toBeNull();
+    expect([...ad!.resource]).toEqual([...ascii('rsrc')]);
+  });
+});
diff --git a/src/fs/zip-export.ts b/src/fs/zip-export.ts
new file mode 100644
index 0000000..b2ed144
--- /dev/null
+++ b/src/fs/zip-export.ts
@@ -0,0 +1,106 @@
+/** Enumerate a Finder catalog tree, then stream files into an AppleDouble zip. */
+
+import { buildAppleDouble, zipSidecarPath, type ZipExportStyle } from './appledouble';
+import { refKey, type NodeRef } from './catalog-caps';
+import { throwIfAborted } from '../util/abort';
+import { nodeRef, type Catalog, type VNode } from './virtual-fs';
+
+/** One catalog file to fetch when building the zip. Directories are not members. */
+export type ZipFilePlan = {
+  node: VNode;
+  /** Data-fork path inside the zip (`Docs/Read Me`). */
+  path: string;
+  bytes: number;
+};
+
+export type ZipSearchProgress = {
+  items: number;
+  bytes: number;
+};
+
+/** On-disk size from a listing row (no fork download). */
+export function zipListingBytes(node: VNode): number {
+  if (node.isDir) return 0;
+  return (node.dataBytes ?? node.data.length) + (node.resourceBytes ?? node.resource.length);
+}
+
+/**
+ * Walk directories (and paged listings) to count items and bytes before any
+ * fork download. `onProgress` fires as each file or folder is found.
+ */
+export async function enumerateZipFiles(
+  vfs: Catalog,
+  node: VNode,
+  prefix = '',
+  onProgress?: (p: ZipSearchProgress) => void,
+  signal?: AbortSignal,
+): Promise<{ files: ZipFilePlan[]; items: number; bytes: number }> {
+  const files: ZipFilePlan[] = [];
+  let items = 0;
+  let bytes = 0;
+
+  const note = (): void => {
+    onProgress?.({ items, bytes });
+  };
+
+  const walk = async (n: VNode, pre: string): Promise<void> => {
+    throwIfAborted(signal);
+    items++;
+    if (!n.isDir) {
+      const size = zipListingBytes(n);
+      bytes += size;
+      files.push({ node: n, path: pre ? `${pre}${n.name}` : n.name, bytes: size });
+      note();
+      return;
+    }
+    note();
+    const dirPrefix = pre ? `${pre}${n.name}/` : `${n.name}/`;
+    const seen = new Set<string>();
+    const consider = async (kid: VNode): Promise<void> => {
+      const key = childKey(kid);
+      if (seen.has(key)) return;
+      seen.add(key);
+      await walk(kid, dirPrefix);
+    };
+    const kids = await vfs.children(
+      nodeRef(n),
+      async (batch) => {
+        for (const kid of batch) await consider(kid);
+      },
+      signal,
+    );
+    for (const kid of kids) await consider(kid);
+  };
+
+  await walk(node, prefix);
+  return { files, items, bytes };
+}
+
+function childKey(node: VNode): string {
+  const ref: NodeRef = nodeRef(node);
+  return refKey(ref);
+}
+
+/** Download planned files and emit AppleDouble pairs for zipStore. */
+export async function collectZipEntries(
+  vfs: Catalog,
+  files: ZipFilePlan[],
+  style: ZipExportStyle = 'appledouble',
+  onBytes?: (n: number) => void,
+  signal?: AbortSignal,
+): Promise<{ name: string; data: Uint8Array }[]> {
+  const out: { name: string; data: Uint8Array }[] = [];
+  const creditRead = vfs.reportsChunkedBytes ? onBytes : undefined;
+  const creditLoaded = !vfs.reportsChunkedBytes ? onBytes : undefined;
+  for (const f of files) {
+    throwIfAborted(signal);
+    const full = (await vfs.ensureContent(nodeRef(f.node), creditRead, signal)) ?? f.node;
+    creditLoaded?.(full.data.length + full.resource.length);
+    out.push({ name: f.path, data: full.data });
+    out.push({
+      name: zipSidecarPath(f.path, style),
+      data: buildAppleDouble(full.finderInfo, full.resource),
+    });
+  }
+  return out;
+}
diff --git a/src/main.ts b/src/main.ts
index 600e6a4..29d632c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,7 @@ import { LoginDialog } from './ui/login-dialog';
 import { NameConflictDialog } from './ui/name-conflict-dialog';
 import { ExtensionEditorDialog } from './ui/extension-editor-dialog';
 import { ResourceForkExplorer } from './ui/resource-fork-explorer';
+import { WinResourceExplorer } from './ui/win-resource-explorer';
 import { GetInfoWindow } from './ui/get-info-window';
 import {
   NetbootDialog,
@@ -72,12 +73,14 @@ async function main(): Promise<void> {
   const extensionEditor = new ExtensionEditorDialog();
   const resourceExplorer = new ResourceForkExplorer();
   resourceExplorer.hidden = true;
+  const winResourceExplorer = new WinResourceExplorer();
+  winResourceExplorer.hidden = true;
   const getInfoWindow = new GetInfoWindow();
   getInfoWindow.hidden = true;
   const settings = new SettingsWindow();
 
   stage.appendChild(finder);
-  app.append(menubar, stage, logPanel, activityWindow, fileActivityWindow, netboot, about, alertDialog, afpSessions, loginDialog, nameConflictDialog, extensionEditor, resourceExplorer, getInfoWindow, settings);
+  app.append(menubar, stage, logPanel, activityWindow, fileActivityWindow, netboot, about, alertDialog, afpSessions, loginDialog, nameConflictDialog, extensionEditor, resourceExplorer, winResourceExplorer, getInfoWindow, settings);
 
   const serial = new WebSerialPort();
   const pcap = new PcapCapture();
@@ -201,11 +204,13 @@ async function main(): Promise<void> {
     activityWindow,
     afpSessions,
     resourceExplorer,
+    winResourceExplorer,
     getInfoWindow,
     about,
     alertDialog,
     settings,
     finder,
+    extensionEditor,
     onCaptureChanged() {
       menubar.refreshCaptureStatus();
     },
@@ -226,9 +231,11 @@ async function main(): Promise<void> {
   if (savedWindows.log?.open) logPanel.show();
   if (savedWindows.activity?.open) activityWindow.show();
   if (savedWindows.resource?.open) resourceExplorer.show();
+  if (savedWindows.winresource?.open) winResourceExplorer.show();
 
   finder.bind(vfs, host);
   finder.bindResourceExplorer(resourceExplorer);
+  finder.bindWinResourceExplorer(winResourceExplorer);
   finder.bindGetInfoWindow(getInfoWindow);
 
   if (!WebSerialPort.supported()) {
diff --git a/src/protocol/binary.ts b/src/protocol/binary.ts
index 48c3c99..93d49ac 100644
--- a/src/protocol/binary.ts
+++ b/src/protocol/binary.ts
@@ -4,6 +4,36 @@ export function be16(b: Uint8Array, o = 0): number {
   return ((b[o]! << 8) | b[o + 1]!) >>> 0;
 }
 
+/** Little-endian uint16 (PE / NE / ICO / ZIP). */
+export function le16(b: Uint8Array, o = 0): number {
+  return (b[o]! | (b[o + 1]! << 8)) >>> 0;
+}
+
+/** Little-endian uint32 (PE / NE / ICO / ZIP). */
+export function le32(b: Uint8Array, o = 0): number {
+  return (b[o]! | (b[o + 1]! << 8) | (b[o + 2]! << 16) | (b[o + 3]! << 24)) >>> 0;
+}
+
+export function writeLe16(dst: Uint8Array, o: number, v: number): void {
+  dst[o] = v & 0xff;
+  dst[o + 1] = (v >>> 8) & 0xff;
+}
+
+export function writeLe32(dst: Uint8Array, o: number, v: number): void {
+  dst[o] = v & 0xff;
+  dst[o + 1] = (v >>> 8) & 0xff;
+  dst[o + 2] = (v >>> 16) & 0xff;
+  dst[o + 3] = (v >>> 24) & 0xff;
+}
+
+export function appendLe16(dst: number[], v: number): void {
+  dst.push(v & 0xff, (v >>> 8) & 0xff);
+}
+
+export function appendLe32(dst: number[], v: number): void {
+  dst.push(v & 0xff, (v >>> 8) & 0xff, (v >>> 16) & 0xff, (v >>> 24) & 0xff);
+}
+
 export function be32(b: Uint8Array, o = 0): number {
   return (
     ((b[o]! << 24) | (b[o + 1]! << 16) | (b[o + 2]! << 8) | b[o + 3]!) >>> 0
diff --git a/src/services/afp-server/server.ts b/src/services/afp-server/server.ts
index 807f62d..c741548 100644
--- a/src/services/afp-server/server.ts
+++ b/src/services/afp-server/server.ts
@@ -1,1222 +1,1224 @@
-/** AFP server over ASP/ATP — one volume backed by VirtualFS. */
-
-import * as asp from '../../protocol/asp';
-import * as C from '../../protocol/afp/constants';
-import { appendBe16, appendBe32, be16, be32, writeBe16, writeBe32 } from '../../protocol/binary';
-import { encodeMacRoman, decodeMacRoman } from '../../protocol/macroman';
-import { AtpServer, type AtpIncoming, type AtpResponse } from '../atp-server';
-import type { LocalTalkStack } from '../../net/stack';
-import type { VirtualFS, VNode } from '../../fs/virtual-fs';
-import { log } from '../../util/logger';
-import * as atp from '../../protocol/atp';
-
-function afpCmdName(cmd: number): string {
-  return C.afpCmdName(cmd);
-}
-
-function afpResultName(result: number): string {
-  const s = result | 0;
-  if (s === C.NoErr) return 'NoErr';
-  if (s === C.ErrObjectNotFnd) return 'ObjectNotFound';
-  if (s === C.ErrItemNotFound) return 'ItemNotFound';
-  if (s === C.ErrParamErr) return 'ParamErr';
-  if (s === C.ErrCallNotSuppt) return 'CallNotSupported';
-  if (s === C.ErrAccessDenied) return 'AccessDenied';
-  if (s === C.ErrEOFErr) return 'EOFErr';
-  if (s === C.ErrBitmapErr) return 'BitmapErr';
-  return String(s);
-}
-
-interface OpenFork {
-  nodeId: number;
-  resource: boolean;
-  offset: number;
-  name: string;
-  /** Fork bytes at open (and after our writes); avoids reloading the node on every FPRead. */
-  bytes: Uint8Array;
-}
-
-interface Session {
-  id: number;
-  wss: number;
-  sss: number;
-  peerNet: number;
-  peerNode: number;
-  loggedIn: boolean;
-  userName: string;
-  volId: number;
-  forks: Map<number, OpenFork>;
-  nextFork: number;
-  dtRef: number;
-  atp: AtpServer;
-  serverMsg: string;
-  lastRx: number;
-  closed: boolean;
-  disconnectTimer: ReturnType<typeof setTimeout> | null;
-}
-
-export interface AfpSessionInfo {
-  id: number;
-  network: number;
-  node: number;
-  loggedIn: boolean;
-  userName: string;
-  lastSeen: number;
-}
-
-export interface AfpOpenFileInfo {
-  sessionId: number;
-  userName: string;
-  forkRef: number;
-  name: string;
-  resource: boolean;
-}
-
-const MESSAGE_FETCH_GRACE_MS = 1500;
-
-/** In-flight ASP two-phase write (ClassicStack pendingWrite). */
-interface PendingWrite {
-  reply: (userData: number, data: Uint8Array) => Promise<void>;
-  sess: Session;
-  cmdBlk: Uint8Array;
-  hdrLen: number;
-  want: number;
-  seq: number;
-  data: Uint8Array;
-  attempts: number;
-  timer: ReturnType<typeof setInterval> | null;
-}
-
-export class AfpServer {
-  private stack: LocalTalkStack;
-  private fs: VirtualFS;
-  private sls = asp.DefaultSLS;
-  private sessionTable = new Map<number, Session>();
-  private nextSession = 1;
-  private nextSss = 200;
-  private volumeName: string;
-  private serverName: string;
-  private pendingWrites = new Map<number, PendingWrite>();
-  private nextWriteTid = 1;
-
-  constructor(stack: LocalTalkStack, fs: VirtualFS, opts?: { volumeName?: string; serverName?: string }) {
-    this.stack = stack;
-    this.fs = fs;
-    this.volumeName = opts?.volumeName ?? 'Browser Share';
-    this.serverName = opts?.serverName ?? 'ClassicStack';
-    new AtpServer(stack, this.sls, (req) => this.onSls(req));
-  }
-
-  socket(): number {
-    return this.sls;
-  }
-
-  listSessions(): AfpSessionInfo[] {
-    return [...this.sessionTable.values()]
-      .filter((s) => !s.closed)
-      .sort((a, b) => a.id - b.id)
-      .map((s) => ({
-        id: s.id,
-        network: s.peerNet,
-        node: s.peerNode,
-        loggedIn: s.loggedIn,
-        userName: s.userName,
-        lastSeen: s.lastRx,
-      }));
-  }
-
-  listOpenFiles(): AfpOpenFileInfo[] {
-    const out: AfpOpenFileInfo[] = [];
-    for (const s of this.sessionTable.values()) {
-      if (s.closed) continue;
-      for (const [forkRef, fork] of s.forks) {
-        out.push({
-          sessionId: s.id,
-          userName: s.userName,
-          forkRef,
-          name: fork.name,
-          resource: fork.resource,
-        });
-      }
-    }
-    out.sort((a, b) => a.sessionId - b.sessionId || a.forkRef - b.forkRef);
-    return out;
-  }
-
-  /** Push a server message (id 0 = every live session). Macintosh clients fetch via FPGetSrvrMsg. */
-  async sendMessage(sessionId: number, text: string): Promise<void> {
-    const targets = this.targetSessions(sessionId);
-    for (const sess of targets) {
-      sess.serverMsg = text;
-      await this.sendAttention(sess, asp.AttnMsg);
-    }
-  }
-
-  /**
-   * Disconnect with optional warning text (AppleShare two-phase attention).
-   * minutes 0 = disconnect after the fetch grace.
-   */
-  async disconnectSession(sessionId: number, text: string, minutes: number): Promise<void> {
-    const targets = this.targetSessions(sessionId);
-    const mins = Math.max(0, minutes | 0);
-    let code = asp.AttnServerGoingDown | asp.AttnNoReconnect | asp.attnTime(mins);
-    if (text) code |= asp.AttnMsg;
-    for (const sess of targets) {
-      if (text) sess.serverMsg = text;
-      await this.sendAttention(sess, code);
-      this.scheduleDisconnect(sess, !!text, mins * 60_000);
-    }
-  }
-
-  private targetSessions(sessionId: number): Session[] {
-    if (sessionId !== 0) {
-      const sess = this.sessionTable.get(sessionId);
-      if (!sess || sess.closed) throw new Error('AFP: no such session');
-      return [sess];
-    }
-    return [...this.sessionTable.values()].filter((s) => !s.closed);
-  }
-
-  private scheduleDisconnect(sess: Session, hasMsg: boolean, waitMs: number): void {
-    if (sess.disconnectTimer) clearTimeout(sess.disconnectTimer);
-    const finish = () => {
-      void this.finishDisconnect(sess, hasMsg, waitMs > 0);
-    };
-    if (waitMs > 0) {
-      sess.disconnectTimer = setTimeout(finish, waitMs);
-    } else {
-      finish();
-    }
-  }
-
-  private async finishDisconnect(sess: Session, hasMsg: boolean, sendFinal: boolean): Promise<void> {
-    sess.disconnectTimer = null;
-    if (sess.closed) return;
-    if (sendFinal) {
-      let code = asp.AttnServerGoingDown | asp.AttnNoReconnect;
-      if (hasMsg) code |= asp.AttnMsg;
-      await this.sendAttention(sess, code);
-    }
-    if (hasMsg) {
-      await new Promise((r) => setTimeout(r, MESSAGE_FETCH_GRACE_MS));
-      if (sess.closed) return;
-    }
-    await this.sendCloseSession(sess);
-    this.teardownSession(sess);
-  }
-
-  private teardownSession(sess: Session): void {
-    if (sess.closed) return;
-    sess.closed = true;
-    if (sess.disconnectTimer) {
-      clearTimeout(sess.disconnectTimer);
-      sess.disconnectTimer = null;
-    }
-    this.sessionTable.delete(sess.id);
-    log.info(`AFP session ${sess.id} closed (${sess.peerNet}.${sess.peerNode})`, 'afp');
-  }
-
-  private allocTid(): number {
-    let tid = this.nextWriteTid++ & 0xffff;
-    if (tid === 0) tid = this.nextWriteTid++ & 0xffff;
-    while (this.pendingWrites.has(tid)) {
-      tid = this.nextWriteTid++ & 0xffff;
-      if (tid === 0) tid = this.nextWriteTid++ & 0xffff;
-    }
-    return tid;
-  }
-
-  private async sendAttention(sess: Session, code: number): Promise<void> {
-    if (sess.closed || !code) return;
-    const pkt = atp.encodePacket(
-      {
-        control: atp.TREQ,
-        bitmap: 0x01,
-        transId: this.allocTid(),
-        userData: asp.packAttention(sess.id, code),
-      },
-      new Uint8Array(),
-    );
-    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
-  }
-
-  private async sendCloseSession(sess: Session): Promise<void> {
-    if (sess.closed) return;
-    const pkt = atp.encodePacket(
-      {
-        control: atp.TREQ,
-        bitmap: 0x01,
-        transId: this.allocTid(),
-        userData: asp.packClose(sess.id),
-      },
-      new Uint8Array(),
-    );
-    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
-  }
-
-  private async onSls(req: AtpIncoming): Promise<void> {
-    const { spFunc, b1, word } = asp.unpackUserData(req.header.userData);
-    if (spFunc === asp.SPFuncTickle) {
-      const sess = this.sessionTable.get(b1);
-      if (sess && !sess.closed) sess.lastRx = Date.now();
-      await req.reply(0, new Uint8Array());
-      return;
-    }
-    if (spFunc === asp.SPFuncGetStatus) {
-      await req.reply(0, this.serverInfoBlock());
-      return;
-    }
-    if (spFunc === asp.SPFuncOpenSess) {
-      if (word !== asp.Version) {
-        await req.reply(asp.packOpenReply(0, 0, asp.SPErrorBadVersNum), new Uint8Array());
-        return;
-      }
-      const sid = this.nextSession++ & 0xff;
-      if (sid === 0) this.nextSession = 1;
-      const sss = this.nextSss++ & 0xff;
-      if (sss < 200) this.nextSss = 200;
-      let sess!: Session;
-      const atpServer = new AtpServer(this.stack, sss, (r) => this.onSession(sess, r));
-      sess = {
-        id: sid,
-        wss: b1,
-        sss,
-        peerNet: req.dg.srcNetwork,
-        peerNode: req.dg.srcNode,
-        loggedIn: false,
-        userName: '',
-        volId: 0,
-        forks: new Map(),
-        nextFork: 1,
-        dtRef: 0,
-        atp: atpServer,
-        serverMsg: '',
-        lastRx: Date.now(),
-        closed: false,
-        disconnectTimer: null,
-      };
-      atpServer.setResponseHandler((resp) => this.onWriteDataResponse(resp));
-      this.sessionTable.set(sid, sess);
-      await req.reply(asp.packOpenReply(sss, sid, 0), new Uint8Array());
-      return;
-    }
-  }
-
-  private async onSession(sess: Session, req: AtpIncoming): Promise<void> {
-    sess.lastRx = Date.now();
-    const { spFunc, b1, word } = asp.unpackUserData(req.header.userData);
-    if (b1 !== sess.id && spFunc !== asp.SPFuncTickle) {
-      // still process tickles / close
-    }
-    if (spFunc === asp.SPFuncTickle) {
-      await req.reply(0, new Uint8Array());
-      return;
-    }
-    if (spFunc === asp.SPFuncCloseSess) {
-      this.teardownSession(sess);
-      await req.reply(0, new Uint8Array());
-      return;
-    }
-    if (spFunc === asp.SPFuncWrite) {
-      await this.handleAspWrite(sess, req, word);
-      return;
-    }
-    if (spFunc === asp.SPFuncCommand) {
-      const block = req.data;
-      if (block.length < 1) {
-        await req.reply(C.ErrParamErr >>> 0, new Uint8Array());
-        return;
-      }
-      const [body, result] = await this.dispatch(sess, block, false);
-      await req.reply(result >>> 0, body);
-      return;
-    }
-    void word;
-  }
-
-  /**
-   * ASP two-phase write (ClassicStack handleWrite):
-   * phase 1 — client sends FPWrite/FPAddIcon header only
-   * phase 2 — we TReq WriteContinue to WSS; client TResp's the data
-   * phase 3 — we reply to the original aspWrite with the AFP result
-   */
-  private async handleAspWrite(sess: Session, req: AtpIncoming, seq: number): Promise<void> {
-    const block = req.data;
-    if (block.length > asp.ATPMaxData) {
-      await req.reply(asp.SPErrorSizeErr >>> 0, new Uint8Array());
-      return;
-    }
-    let { want, hdrLen } = writeDataCount(block);
-    if (want <= 0) {
-      const [body, result] = await this.dispatch(sess, block, true);
-      await req.reply(result >>> 0, body);
-      return;
-    }
-    if (want > asp.QuantumSize) want = asp.QuantumSize;
-
-    const tid = this.allocTid();
-    const pw: PendingWrite = {
-      reply: req.reply,
-      sess,
-      cmdBlk: block.slice(),
-      hdrLen,
-      want,
-      seq,
-      data: new Uint8Array(),
-      attempts: 0,
-      timer: null,
-    };
-    this.pendingWrites.set(tid, pw);
-    await this.sendWriteContinue(sess, seq, tid, want);
-    pw.timer = setInterval(() => {
-      void this.retryWriteContinue(tid);
-    }, 2000);
-  }
-
-  private async sendWriteContinue(sess: Session, seq: number, tid: number, want: number): Promise<void> {
-    const nPackets = Math.min(Math.max(Math.ceil(want / atp.MaxATPData), 1), atp.MaxResponsePackets);
-    const bitmap = (1 << nPackets) - 1;
-    // TREQ|XO with TRel timeout indicator 0 (30s) in low bits.
-    const pkt = atp.encodePacket(
-      {
-        control: atp.TREQ | atp.XO,
-        bitmap,
-        transId: tid,
-        userData: asp.packWriteContinue(sess.id, seq),
-      },
-      asp.writeContinuePayload(want),
-    );
-    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
-  }
-
-  private async retryWriteContinue(tid: number): Promise<void> {
-    const pw = this.pendingWrites.get(tid);
-    if (!pw) return;
-    pw.attempts++;
-    if (pw.attempts >= 8) {
-      this.clearPendingWrite(tid);
-      await pw.reply(asp.SPErrorParamErr >>> 0, new Uint8Array());
-      return;
-    }
-    await this.sendWriteContinue(pw.sess, pw.seq, tid, pw.want);
-  }
-
-  private clearPendingWrite(tid: number): void {
-    const pw = this.pendingWrites.get(tid);
-    if (!pw) return;
-    if (pw.timer) clearInterval(pw.timer);
-    this.pendingWrites.delete(tid);
-  }
-
-  private async onWriteDataResponse(resp: AtpResponse): Promise<void> {
-    const tid = resp.header.transId;
-    const pw = this.pendingWrites.get(tid);
-    if (!pw) return;
-
-    const merged = new Uint8Array(pw.data.length + resp.data.length);
-    merged.set(pw.data);
-    merged.set(resp.data, pw.data.length);
-    pw.data = merged.length > pw.want ? merged.subarray(0, pw.want) : merged;
-
-    if (!resp.eom && pw.data.length < pw.want) return;
-
-    this.clearPendingWrite(tid);
-    // Release the XO WriteContinue transaction.
-    const trel = atp.encodePacket({ control: atp.TREL, bitmap: 0, transId: tid, userData: 0 });
-    await pw.sess.atp.sendTo(pw.sess.peerNet, pw.sess.peerNode, pw.sess.wss, trel);
-
-    const block = appendWriteData(pw.cmdBlk, pw.hdrLen, pw.data);
-    const [body, result] = await this.dispatch(pw.sess, block, true);
-    await pw.reply(result >>> 0, body);
-  }
-
-  private async dispatch(sess: Session, block: Uint8Array, isWrite: boolean): Promise<[Uint8Array, number]> {
-    const cmd = block[0]!;
-    const detail = this.traceDetail(sess, cmd, block);
-    try {
-      let reply: [Uint8Array, number];
-      switch (cmd) {
-        case C.CmdLogin:
-          reply = this.login(sess, block);
-          break;
-        case C.CmdLogout:
-          sess.loggedIn = false;
-          reply = [new Uint8Array(), C.NoErr];
-          break;
-        case C.CmdGetSrvrParms:
-          reply = this.getSrvrParms();
-          break;
-        case C.CmdGetSrvrMsg:
-          reply = this.getSrvrMsg(sess, block);
-          break;
-        case C.CmdOpenVol:
-          reply = this.openVol(sess, block);
-          break;
-        case C.CmdCloseVol:
-          sess.volId = 0;
-          reply = [new Uint8Array(), C.NoErr];
-          break;
-        case C.CmdEnumerate:
-          reply = await this.enumerate(block);
-          break;
-        case C.CmdCreateDir:
-          reply = await this.createDir(block);
-          break;
-        case C.CmdCreateFile:
-          reply = await this.createFile(block);
-          break;
-        case C.CmdDelete:
-          reply = await this.deletePath(block);
-          break;
-        case C.CmdRename:
-          reply = await this.rename(block);
-          break;
-        case C.CmdOpenFork:
-          reply = await this.openFork(sess, block);
-          break;
-        case C.CmdRead:
-          reply = await this.readFork(sess, block);
-          break;
-        case C.CmdWrite:
-          reply = await this.writeFork(sess, block, isWrite);
-          break;
-        case C.CmdCloseFork:
-          reply = this.closeFork(sess, block);
-          break;
-        case C.CmdSetForkParms:
-          reply = await this.setForkParms(sess, block);
-          break;
-        case C.CmdGetForkParms:
-          reply = await this.getForkParms(sess, block);
-          break;
-        case C.CmdFlush:
-        case C.CmdFlushFork:
-          reply = [new Uint8Array(), C.NoErr];
-          break;
-        case C.CmdSetFileDirParms:
-        case C.CmdSetFileParms:
-        case C.CmdSetDirParms:
-          reply = await this.setParms(block);
-          break;
-        case C.CmdGetFileDirParms:
-          reply = await this.getParms(block);
-          break;
-        case C.CmdGetVolParms:
-          reply = this.getVolParms(sess, block);
-          break;
-        case C.CmdOpenDT: {
-          const vol = block.length >= 4 ? be16(block, 2) : 1;
-          sess.dtRef = vol || 1;
-          {
-            const out = new Uint8Array(2);
-            writeBe16(out, 0, sess.dtRef);
-            reply = [out, C.NoErr];
-          }
-          break;
-        }
-        case C.CmdCloseDT:
-          sess.dtRef = 0;
-          reply = [new Uint8Array(), C.NoErr];
-          break;
-        case C.CmdAddIcon:
-          reply = await this.addIcon(block, isWrite);
-          break;
-        case C.CmdGetIcon:
-          reply = await this.getIcon(block);
-          break;
-        case C.CmdGetIconInfo:
-          reply = await this.getIconInfo(block);
-          break;
-        case C.CmdAddAPPL:
-        case C.CmdRemoveAPPL:
-        case C.CmdGetAPPL:
-          reply = [new Uint8Array(), C.ErrObjectNotFnd];
-          break;
-        default:
-          reply = [new Uint8Array(), C.ErrCallNotSuppt];
-          break;
-      }
-      const [body, result] = reply;
-      log.info(
-        `${afpCmdName(cmd)}${detail} → ${afpResultName(result)} (${body.length}b)`,
-        'afp',
-      );
-      return reply;
-    } catch (e) {
-      log.error(`${afpCmdName(cmd)}${detail} threw: ${e instanceof Error ? e.message : String(e)}`, 'afp');
-      console.error('AFP dispatch', cmd, e);
-      return [new Uint8Array(), C.ErrParamErr];
-    }
-  }
-
-  private forkFile(sess: Session, ref: number): string {
-    const fork = sess.forks.get(ref);
-    if (!fork) return '';
-    return ` “${fork.name}”${fork.resource ? ' rsrc' : ' data'}`;
-  }
-
-  private traceDetail(sess: Session, cmd: number, block: Uint8Array): string {
-    try {
-      if (cmd === C.CmdOpenVol && block.length >= 5) {
-        const nameLen = block[4]!;
-        const name = decodeMacRoman(block.subarray(5, 5 + nameLen));
-        return ` "${name}" bm=0x${be16(block, 2).toString(16)}`;
-      }
-      if (cmd === C.CmdCreateFile && block.length >= 9) {
-        return ` did=${be32(block, 4)} name=${JSON.stringify(this.readPathName(block, 8))}`;
-      }
-      if (cmd === C.CmdOpenFork && block.length >= 13) {
-        return ` did=${be32(block, 4)} name=${JSON.stringify(this.readPathName(block, 12))} bm=0x${be16(block, 8).toString(16)}`;
-      }
-      if (cmd === C.CmdRead && block.length >= 12) {
-        const ref = be16(block, 2);
-        return ` ref=${ref} off=${be32(block, 4)} count=${be32(block, 8)}${this.forkFile(sess, ref)}`;
-      }
-      if (cmd === C.CmdWrite && block.length >= 12) {
-        const ref = be16(block, 2);
-        return ` ref=${ref} off=${be32(block, 4)} count=${be32(block, 8)} data=${Math.max(0, block.length - 12)}b${this.forkFile(sess, ref)}`;
-      }
-      if (cmd === C.CmdCloseFork && block.length >= 4) {
-        const ref = be16(block, 2);
-        return ` ref=${ref}${this.forkFile(sess, ref)}`;
-      }
-      if (cmd === C.CmdGetFileDirParms && block.length >= 12) {
-        return ` vol=${be16(block, 2)} did=${be32(block, 4)} fbm=0x${be16(block, 8).toString(16)} dbm=0x${be16(block, 10).toString(16)}`;
-      }
-      if (cmd === C.CmdGetVolParms && block.length >= 6) {
-        return ` vol=${be16(block, 2)} bm=0x${be16(block, 4).toString(16)}`;
-      }
-      if (cmd === C.CmdEnumerate && block.length >= 16) {
-        return ` did=${be32(block, 4)} idx=${be16(block, 14)}`;
-      }
-    } catch {
-      /* ignore */
-    }
-    return '';
-  }
-
-  private login(sess: Session, block: Uint8Array): [Uint8Array, number] {
-    // FPLogin: cmd + AFPVersion pstring + UAM pstring + optional userName pstring
-    sess.userName = parseLoginUserName(block);
-    sess.loggedIn = true;
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private getSrvrMsg(sess: Session, block: Uint8Array): [Uint8Array, number] {
-    const msgType = block.length >= 4 ? be16(block, 2) : 0;
-    let text = '';
-    if (msgType === C.SrvrMsgTypeLogin) text = '';
-    else if (msgType === C.SrvrMsgTypeServer) text = sess.serverMsg;
-    let bytes = encodeMacRoman(text);
-    if (bytes.length > C.MaxSrvrMsgLen) bytes = bytes.subarray(0, C.MaxSrvrMsgLen);
-    const out: number[] = [];
-    appendBe16(out, msgType);
-    appendBe16(out, C.SrvrMsgBitmapText);
-    out.push(bytes.length, ...bytes);
-    return [new Uint8Array(out), C.NoErr];
-  }
-
-  private getSrvrParms(): [Uint8Array, number] {
-    const name = encodeMacRoman(this.volumeName);
-    const out: number[] = [];
-    appendBe32(out, C.macTime());
-    out.push(1); // vol count
-    out.push(0); // flags
-    out.push(name.length, ...name);
-    return [new Uint8Array(out), C.NoErr];
-  }
-
-  private openVol(sess: Session, block: Uint8Array): [Uint8Array, number] {
-    const reqBitmap = be16(block, 2);
-    sess.volId = 1;
-    // Always include VolumeID so the client has a usable handle (ClassicStack).
-    const bitmap = reqBitmap | C.VolBitmapID;
-    return [this.packVolReply(bitmap), C.NoErr];
-  }
-
-  /** FPGetVolParms — Finder's first post-mount call; missing → mount stalls. */
-  private getVolParms(sess: Session, block: Uint8Array): [Uint8Array, number] {
-    if (block.length < 6) return [new Uint8Array(), C.ErrParamErr];
-    const volId = be16(block, 2);
-    const reqBitmap = be16(block, 4);
-    if (volId !== sess.volId || sess.volId === 0) return [new Uint8Array(), C.ErrParamErr];
-    // Echo exactly the requested bitmap (do not force VolumeID — unlike OpenVol).
-    return [this.packVolReply(reqBitmap), C.NoErr];
-  }
-
-  private packVolReply(bitmap: number): Uint8Array {
-    const out: number[] = [];
-    appendBe16(out, bitmap);
-    if (bitmap & C.VolBitmapAttributes) appendBe16(out, 0);
-    if (bitmap & C.VolBitmapSignature) appendBe16(out, 2); // Fixed Directory ID
-    if (bitmap & C.VolBitmapCreateDate) appendBe32(out, C.macTime());
-    if (bitmap & C.VolBitmapModDate) appendBe32(out, C.macTime());
-    if (bitmap & (1 << 4)) appendBe32(out, C.NoBackupDate);
-    if (bitmap & C.VolBitmapID) appendBe16(out, 1);
-    if (bitmap & C.VolBitmapBytesFree) appendBe32(out, 64 * 1024 * 1024);
-    if (bitmap & C.VolBitmapBytesTotal) appendBe32(out, 128 * 1024 * 1024);
-    if (bitmap & C.VolBitmapName) {
-      const name = encodeMacRoman(this.volumeName);
-      const fixedAfterPtr = 2; // name field is a 2-byte offset into params
-      // Offset is from start of params (after reply bitmap). Compute fixed size.
-      let fixed = 0;
-      if (bitmap & C.VolBitmapAttributes) fixed += 2;
-      if (bitmap & C.VolBitmapSignature) fixed += 2;
-      if (bitmap & C.VolBitmapCreateDate) fixed += 4;
-      if (bitmap & C.VolBitmapModDate) fixed += 4;
-      if (bitmap & (1 << 4)) fixed += 4;
-      if (bitmap & C.VolBitmapID) fixed += 2;
-      if (bitmap & C.VolBitmapBytesFree) fixed += 4;
-      if (bitmap & C.VolBitmapBytesTotal) fixed += 4;
-      fixed += fixedAfterPtr;
-      appendBe16(out, fixed);
-      out.push(name.length, ...name);
-    }
-    return new Uint8Array(out);
-  }
-
-  private async enumerate(block: Uint8Array): Promise<[Uint8Array, number]> {
-    // cmd pad volID(2) dirID(4) fileBitmap(2) dirBitmap(2) reqCount(2) startIndex(2) maxReply(2) …
-    const dirId = be32(block, 4);
-    const fileBitmap = be16(block, 8);
-    const dirBitmap = be16(block, 10);
-    const reqCount = be16(block, 12);
-    const startIndex = be16(block, 14);
-    const kids = await this.fs.children(dirId || C.CNIDRoot);
-    const slice = kids.slice(Math.max(0, startIndex - 1), Math.max(0, startIndex - 1) + reqCount);
-    if (slice.length === 0) return [new Uint8Array(), C.ErrObjectNotFnd];
-
-    const records: Uint8Array[] = [];
-    for (const n of slice) {
-      const bm = n.isDir ? dirBitmap : fileBitmap;
-      const offspring = n.isDir ? (await this.fs.children(n.id)).length : 0;
-      records.push(this.buildEnumRecord(n, bm, n.name, offspring));
-    }
-    const body: number[] = [];
-    appendBe16(body, fileBitmap);
-    appendBe16(body, dirBitmap);
-    appendBe16(body, records.length);
-    const recBytes = concat(...records);
-    const out = new Uint8Array(body.length + recBytes.length);
-    out.set(new Uint8Array(body));
-    out.set(recBytes, body.length);
-    return [out, C.NoErr];
-  }
-
-  /**
-   * ClassicStack enumEntry: [len:1][type:1][params…] padded to even length.
-   * Params start at entry offset 2 — name offsets are relative to params[0], NOT
-   * including a pad byte between type and params.
-   */
-  private buildEnumRecord(n: VNode, bitmap: number, displayName: string, offspring = 0): Uint8Array {
-    const params = this.packParms(n, bitmap, displayName, offspring);
-    const type = n.isDir ? 0x80 : 0x00;
-    let len = 2 + params.length;
-    if (len % 2) len++;
-    const out = new Uint8Array(len);
-    out[0] = len;
-    out[1] = type;
-    out.set(params, 2);
-    return out;
-  }
-
-  /**
-   * Pack file/dir params in ascending bitmap-bit order (ClassicStack parms.go).
-   * Long/Short name fields are 2-byte offsets into a trailing Pascal-string area;
-   * offsets are measured from the start of this parameter block.
-   */
-  private packParms(n: VNode, bitmap: number, displayName: string, offspring = 0): Uint8Array {
-    const longName = encodeMacRoman(displayName.slice(0, 31));
-    const shortName = encodeMacRoman(shortenMacName(displayName));
-
-    const fixedSize = this.parmsFixedSize(n.isDir, bitmap);
-    const fixed: number[] = [];
-    const variable: number[] = [];
-
-    const appendName = (bytes: Uint8Array) => {
-      appendBe16(fixed, fixedSize + variable.length);
-      variable.push(bytes.length, ...bytes);
-    };
-
-    if (bitmap & C.FDBitmapAttributes) appendBe16(fixed, 0);
-    if (bitmap & C.FDBitmapParentDID) appendBe32(fixed, n.parentId);
-    if (bitmap & C.FDBitmapCreateDate) appendBe32(fixed, n.createDate);
-    if (bitmap & C.FDBitmapModDate) appendBe32(fixed, n.modDate);
-    if (bitmap & C.FDBitmapBackupDate) appendBe32(fixed, C.NoBackupDate);
-    if (bitmap & C.FDBitmapFinderInfo) fixed.push(...n.finderInfo.subarray(0, 32));
-    if (bitmap & C.FDBitmapLongName) appendName(longName);
-    if (bitmap & C.FDBitmapShortName) appendName(shortName);
-    if (!n.isDir) {
-      if (bitmap & C.FileBitmapFileNum) appendBe32(fixed, n.id);
-      if (bitmap & C.FileBitmapDataForkLen) appendBe32(fixed, n.data.length);
-      if (bitmap & C.FileBitmapRsrcForkLen) appendBe32(fixed, n.resource.length);
-    } else {
-      if (bitmap & C.DirBitmapDirID) appendBe32(fixed, n.id);
-      if (bitmap & C.DirBitmapOffspring) appendBe16(fixed, offspring);
-      if (bitmap & C.DirBitmapOwnerID) appendBe32(fixed, 0);
-      if (bitmap & C.DirBitmapGroupID) appendBe32(fixed, 0);
-      if (bitmap & C.DirBitmapAccessRights) appendBe32(fixed, C.DirAccessRights);
-    }
-
-    if (fixed.length !== fixedSize) {
-      // Defensive: keep wire self-consistent even if bit sizing drifts.
-      while (fixed.length < fixedSize) fixed.push(0);
-    }
-    return new Uint8Array([...fixed, ...variable]);
-  }
-
-  private parmsFixedSize(isDir: boolean, bitmap: number): number {
-    let size = 0;
-    if (bitmap & C.FDBitmapAttributes) size += 2;
-    if (bitmap & C.FDBitmapParentDID) size += 4;
-    if (bitmap & C.FDBitmapCreateDate) size += 4;
-    if (bitmap & C.FDBitmapModDate) size += 4;
-    if (bitmap & C.FDBitmapBackupDate) size += 4;
-    if (bitmap & C.FDBitmapFinderInfo) size += 32;
-    if (bitmap & C.FDBitmapLongName) size += 2;
-    if (bitmap & C.FDBitmapShortName) size += 2;
-    if (!isDir) {
-      if (bitmap & C.FileBitmapFileNum) size += 4;
-      if (bitmap & C.FileBitmapDataForkLen) size += 4;
-      if (bitmap & C.FileBitmapRsrcForkLen) size += 4;
-    } else {
-      if (bitmap & C.DirBitmapDirID) size += 4;
-      if (bitmap & C.DirBitmapOffspring) size += 2;
-      if (bitmap & C.DirBitmapOwnerID) size += 4;
-      if (bitmap & C.DirBitmapGroupID) size += 4;
-      if (bitmap & C.DirBitmapAccessRights) size += 4;
-    }
-    return size;
-  }
-
-  /** Catalog display name: root uses the share/volume name (Finder window title). */
-  private displayNameFor(n: VNode): string {
-    if (n.id === C.CNIDRoot || n.parentId === 1) return this.volumeName;
-    return n.name;
-  }
-
-  private async createDir(block: Uint8Array): Promise<[Uint8Array, number]> {
-    const dirId = be32(block, 4);
-    const name = this.readPathName(block, 8);
-    const n = await this.fs.mkdir(dirId || C.CNIDRoot, name);
-    const out = new Uint8Array(4);
-    writeBe32(out, 0, n.id);
-    return [out, C.NoErr];
-  }
-
-  private async createFile(block: Uint8Array): Promise<[Uint8Array, number]> {
-    const dirId = be32(block, 4);
-    const name = this.readPathName(block, 8);
-    await this.fs.createFile(dirId || C.CNIDRoot, name, new Uint8Array());
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private async deletePath(block: Uint8Array): Promise<[Uint8Array, number]> {
-    const dirId = be32(block, 4);
-    const name = this.readPathName(block, 8);
-    const n = await this.fs.lookup(dirId || C.CNIDRoot, name);
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-    await this.fs.remove(n.id);
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private async rename(block: Uint8Array): Promise<[Uint8Array, number]> {
-    const dirId = be32(block, 4);
-    // path then new name — simplified: find first path, then second
-    let o = 8;
-    if (block[o] === C.PathTypeLongNames) o++;
-    const oldName = this.readPathAt(block, o);
-    o = oldName.next;
-    if (o % 2) o++;
-    if (block[o] === C.PathTypeLongNames) o++;
-    const newName = this.readPathAt(block, o);
-    const n = await this.fs.lookup(dirId || C.CNIDRoot, oldName.name);
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-    await this.fs.rename(n.id, newName.name);
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private async openFork(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
-    // cmd(1) flag(1) volID(2) dirID(4) bitmap(2) accessMode(2) pathType(1) pathname…
-    if (block.length < 13) return [new Uint8Array(), C.ErrParamErr];
-    const forkFlag = block[1]!;
-    const dirId = be32(block, 4);
-    const bitmap = be16(block, 8);
-    const name = this.readPathName(block, 12);
-    const n = await this.fs.lookup(dirId || C.CNIDRoot, name);
-    if (!n || n.isDir) {
-      log.info(`FPOpenFork lookup miss did=${dirId || C.CNIDRoot} name=${JSON.stringify(name)}`, 'afp');
-      return [new Uint8Array(), C.ErrObjectNotFnd];
-    }
-    const ref = sess.nextFork++ & 0xffff;
-    if (ref === 0) sess.nextFork = 1;
-    const resource = (forkFlag & C.ForkFlagResource) !== 0;
-    sess.forks.set(ref, {
-      nodeId: n.id,
-      resource,
-      offset: 0,
-      name: n.name,
-      bytes: resource ? n.resource : n.data,
-    });
-    const params = this.packParms(n, bitmap, n.name);
-    const out = new Uint8Array(4 + params.length);
-    writeBe16(out, 0, bitmap);
-    writeBe16(out, 2, ref);
-    out.set(params, 4);
-    return [out, C.NoErr];
-  }
-
-  private async readFork(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
-    const ref = be16(block, 2);
-    const offset = be32(block, 4);
-    const count = be32(block, 8);
-    const fork = sess.forks.get(ref);
-    if (!fork) return [new Uint8Array(), C.ErrParamErr];
-    const src = fork.bytes;
-    if (offset >= src.length) return [new Uint8Array(), C.ErrEOFErr];
-    const want = Math.min(count, asp.QuantumSize);
-    const end = Math.min(offset + want, src.length);
-    const slice = src.subarray(offset, end);
-    const result = end >= src.length && slice.length < count ? C.ErrEOFErr : C.NoErr;
-    return [slice.slice(), result];
-  }
-
-  private async writeFork(sess: Session, block: Uint8Array, _isWrite: boolean): Promise<[Uint8Array, number]> {
-    // cmd(1) flag(1) forkRef(2) offset(4) reqCount(4) data…  (ClassicStack afpWrite)
-    // Reply: lastWritten(4) — fork offset one past the last byte written.
-    if (block.length < 12) return [new Uint8Array(), C.ErrParamErr];
-    const fromEnd = (block[1]! & 0x80) !== 0;
-    const ref = be16(block, 2);
-    let offset = be32(block, 4);
-    const reqCount = be32(block, 8);
-    const fork = sess.forks.get(ref);
-    if (!fork) return [new Uint8Array(), C.ErrParamErr];
-    const n = await this.fs.get(fork.nodeId);
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-    let data = block.length > 12 ? block.subarray(12) : new Uint8Array();
-    if (data.length > reqCount) data = data.subarray(0, reqCount);
-    const cur = fork.bytes;
-    if (fromEnd) offset = cur.length + offset;
-    const need = offset + data.length;
-    const next = new Uint8Array(Math.max(cur.length, need));
-    next.set(cur);
-    next.set(data, offset);
-    fork.bytes = next;
-    if (fork.resource) n.resource = next;
-    else n.data = next;
-    n.modDate = C.macTime();
-    await this.fs.put(n);
-    const out = new Uint8Array(4);
-    writeBe32(out, 0, offset + data.length); // lastWritten
-    return [out, C.NoErr];
-  }
-
-  private closeFork(sess: Session, block: Uint8Array): [Uint8Array, number] {
-    const ref = be16(block, 2);
-    sess.forks.delete(ref);
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  /** FPSetForkParms: cmd pad forkRef(2) bitmap(2) forkLen(4). Reply empty. */
-  private async setForkParms(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
-    if (block.length < 10) return [new Uint8Array(), C.ErrParamErr];
-    const ref = be16(block, 2);
-    const bitmap = be16(block, 4);
-    const forkLen = be32(block, 6);
-    const fork = sess.forks.get(ref);
-    if (!fork) return [new Uint8Array(), C.ErrParamErr];
-    if (!(bitmap & (C.FileBitmapDataForkLen | C.FileBitmapRsrcForkLen))) {
-      return [new Uint8Array(), C.ErrBitmapErr];
-    }
-    const n = await this.fs.get(fork.nodeId);
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-    // Truncate the fork that was opened; bitmap only names which length field is set.
-    const cur = fork.bytes;
-    const next = new Uint8Array(forkLen);
-    next.set(cur.subarray(0, Math.min(cur.length, forkLen)));
-    fork.bytes = next;
-    if (fork.resource) n.resource = next;
-    else n.data = next;
-    n.modDate = C.macTime();
-    await this.fs.put(n);
-    log.info(`FPSetForkParms ref=${ref} len=${forkLen} ${fork.resource ? 'rsrc' : 'data'}`, 'afp');
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  /** FPGetForkParms: cmd pad forkRef(2) bitmap(2). Reply: bitmap(2) <file params>. */
-  private async getForkParms(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
-    if (block.length < 6) return [new Uint8Array(), C.ErrParamErr];
-    const ref = be16(block, 2);
-    const bitmap = be16(block, 4);
-    const fork = sess.forks.get(ref);
-    if (!fork) return [new Uint8Array(), C.ErrParamErr];
-    const n = await this.fs.get(fork.nodeId);
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-    const params = this.packParms(n, bitmap, n.name);
-    const out = new Uint8Array(2 + params.length);
-    writeBe16(out, 0, bitmap);
-    out.set(params, 2);
-    return [out, C.NoErr];
-  }
-
-  private async setParms(block: Uint8Array): Promise<[Uint8Array, number]> {
-    // cmd pad volID(2) dirID(4) bitmap(2) pathType(1) pathname [pad even] <params in bit order>
-    // ClassicStack afpSetFileDirParms / setParamsFinderInfo — FinderInfo is NOT always first.
-    if (block.length < 11) return [new Uint8Array(), C.ErrParamErr];
-    const dirId = be32(block, 4);
-    const bitmap = be16(block, 8);
-    const pathType = block[10]!;
-    const nameOff = pathType >= 1 && pathType <= 3 ? 11 : 10;
-    const path = this.readPathAt(block, nameOff);
-    let o = path.next;
-    if (o % 2) o++; // word-align params to even offset from start of command block
-
-    let n: VNode | undefined;
-    if (path.name) {
-      n = await this.fs.lookup(dirId || C.CNIDRoot, path.name);
-    } else {
-      // Empty path → the dirID object itself (often a folder stamp during mount).
-      n = await this.fs.get(dirId || C.CNIDRoot);
-    }
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-
-    // Skip fixed fields that precede FinderInfo (bit 5) in ascending bit order.
-    if (bitmap & C.FDBitmapAttributes) o += 2;
-    if (bitmap & C.FDBitmapParentDID) o += 4;
-    if (bitmap & C.FDBitmapCreateDate) {
-      if (o + 4 <= block.length) n.createDate = be32(block, o);
-      o += 4;
-    }
-    if (bitmap & C.FDBitmapModDate) {
-      if (o + 4 <= block.length) n.modDate = be32(block, o);
-      o += 4;
-    }
-    if (bitmap & C.FDBitmapBackupDate) o += 4;
-    if (bitmap & C.FDBitmapFinderInfo) {
-      if (o + 32 > block.length) return [new Uint8Array(), C.ErrParamErr];
-      n.finderInfo = block.subarray(o, o + 32).slice();
-      const tc = decodeMacRoman(n.finderInfo.subarray(0, 8));
-      log.info(
-        `FPSet*Parms did=${dirId} name=${JSON.stringify(path.name)} type/creator=${JSON.stringify(tc)} bm=0x${bitmap.toString(16)}`,
-        'afp',
-      );
-    }
-    n.modDate = C.macTime();
-    await this.fs.put(n);
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private async getParms(block: Uint8Array): Promise<[Uint8Array, number]> {
-    // Request: cmd pad volID(2) dirID(4) fileBitmap(2) dirBitmap(2) pathType(1) pathname…
-    // Reply (ClassicStack FPGetFileDirParmsRes): fileBitmap(2) dirBitmap(2) type(1) pad(1) params
-    const dirId = be32(block, 4);
-    const fileBitmap = be16(block, 8);
-    const dirBitmap = be16(block, 10);
-    const name = this.readPathName(block, 12);
-
-    let n: VNode | undefined;
-    // Parent-of-root (DID 1): Finder names the volume; only the share root is valid.
-    if (dirId === 1) {
-      const want = name.trim() || this.volumeName;
-      if (want.toLowerCase() === this.volumeName.toLowerCase() || name === '') {
-        n = await this.fs.get(C.CNIDRoot);
-      }
-    } else if (name) {
-      n = await this.fs.lookup(dirId || C.CNIDRoot, name);
-    } else {
-      n = await this.fs.get(dirId || C.CNIDRoot);
-    }
-    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
-
-    const bm = n.isDir ? dirBitmap : fileBitmap;
-    const offspring = n.isDir ? (await this.fs.children(n.id)).length : 0;
-    const params = this.packParms(n, bm, this.displayNameFor(n), offspring);
-    const out = new Uint8Array(6 + params.length);
-    writeBe16(out, 0, fileBitmap);
-    writeBe16(out, 2, dirBitmap);
-    out[4] = n.isDir ? 0x80 : 0;
-    out[5] = 0;
-    out.set(params, 6);
-    return [out, C.NoErr];
-  }
-
-  private async addIcon(block: Uint8Array, isWrite: boolean): Promise<[Uint8Array, number]> {
-    // cmd(1) pad(1) DTRef(2) creator(4) type(4) iconType(1) pad(1) tag(4) size(4) + data
-    if (block.length < 20) return [new Uint8Array(), C.ErrParamErr];
-    const creator = decodeMacRoman(block.subarray(4, 8));
-    const type = decodeMacRoman(block.subarray(8, 12));
-    const iconType = block[12]!;
-    const tag = be32(block, 14);
-    const size = be32(block, 18);
-    let data = new Uint8Array();
-    if (isWrite && block.length > 22) {
-      data = block.subarray(22, 22 + size).slice();
-    }
-    const key = `icon:${creator}:${type}:${iconType}:${tag}`;
-    await this.fs.desktopSet(key, data.length ? data : new Uint8Array(size));
-    return [new Uint8Array(), C.NoErr];
-  }
-
-  private async getIcon(block: Uint8Array): Promise<[Uint8Array, number]> {
-    if (block.length < 16) return [new Uint8Array(), C.ErrParamErr];
-    const creator = decodeMacRoman(block.subarray(4, 8));
-    const type = decodeMacRoman(block.subarray(8, 12));
-    const iconType = block[12]!;
-    const length = be16(block, 14);
-    const key = `icon:${creator}:${type}:${iconType}:`;
-    // try exact tag 0 first — scan keys is hard; store canonical without tag lookup
-    const data = (await this.fs.desktopGet(`${key}0`)) ?? (await this.fs.desktopGet(key + '0'));
-    if (!data) return [new Uint8Array(), C.ErrItemNotFound];
-    return [data.subarray(0, length || data.length), C.NoErr];
-  }
-
-  private async getIconInfo(block: Uint8Array): Promise<[Uint8Array, number]> {
-    void block;
-    return [new Uint8Array(), C.ErrItemNotFound];
-  }
-
-  private readPathName(block: Uint8Array, start: number): string {
-    // ClassicStack: pathType(1) at `start`, then a Pascal string (length byte + bytes).
-    if (start >= block.length) return '';
-    const pathType = block[start]!;
-    // pathType 1/2/3 are short/long/UTF8; anything else treat `start` as the Pascal length.
-    const o = pathType >= 1 && pathType <= 3 ? start + 1 : start;
-    return this.readPascalName(block, o);
-  }
-
-  /** Pascal pathname at `o`: length byte then that many MacRoman bytes (ClassicStack pascalPathAt). */
-  private readPascalName(block: Uint8Array, o: number): string {
-    if (o >= block.length) return '';
-    const n = block[o]!;
-    if (o + 1 + n > block.length) return '';
-    if (n === 0) return '';
-    return this.normalizeWirePathName(block.subarray(o + 1, o + 1 + n));
-  }
-
-  /**
-   * AFP long-name path bodies are often leading-NUL + elements joined by NUL
-   * (ClassicStack afpWirePath). Strip edge NULs; for multi-level under a dirID that
-   * already names the parent, use the leaf element.
-   */
-  private normalizeWirePathName(raw: Uint8Array): string {
-    let start = 0;
-    let end = raw.length;
-    while (start < end && raw[start] === 0) start++;
-    while (end > start && raw[end - 1] === 0) end--;
-    if (start >= end) return '';
-    let leafStart = start;
-    for (let i = start; i < end; i++) {
-      if (raw[i] === 0) leafStart = i + 1;
-    }
-    return decodeMacRoman(raw.subarray(leafStart, end));
-  }
-
-  private readPathAt(block: Uint8Array, o: number): { name: string; next: number } {
-    if (o >= block.length) return { name: '', next: o };
-    const n = block[o]!;
-    if (o + 1 + n > block.length) return { name: '', next: o };
-    const name = n === 0 ? '' : this.normalizeWirePathName(block.subarray(o + 1, o + 1 + n));
-    return { name, next: o + 1 + n };
-  }
-
-  private serverInfoBlock(): Uint8Array {
-    const serverName = encodeMacRoman(this.serverName);
-    const machine = encodeMacRoman('ClassicStackWeb');
-    const versions = [encodeMacRoman('AFPVersion 2.1'), encodeMacRoman('AFPVersion 2.0')];
-    const uams = [encodeMacRoman('No User Authent'), encodeMacRoman('Cleartxt Passwrd')];
-
-    const headerLen = 10;
-    let base = headerLen + 1 + serverName.length;
-    if (base % 2) base++;
-    const machineOff = base;
-    const versionsOff = machineOff + 1 + machine.length;
-    let versionsLen = 1;
-    for (const v of versions) versionsLen += 1 + v.length;
-    const uamOff = versionsOff + versionsLen;
-    let uamLen = 1;
-    for (const u of uams) uamLen += 1 + u.length;
-    const total = uamOff + uamLen;
-    const out = new Uint8Array(total);
-    writeBe16(out, 0, machineOff);
-    writeBe16(out, 2, versionsOff);
-    writeBe16(out, 4, uamOff);
-    writeBe16(out, 6, 0);
-    writeBe16(out, 8, C.SrvrInfoSupportsSrvrMsg);
-    out[headerLen] = serverName.length;
-    out.set(serverName, headerLen + 1);
-    out[machineOff] = machine.length;
-    out.set(machine, machineOff + 1);
-    out[versionsOff] = versions.length;
-    let o = versionsOff + 1;
-    for (const v of versions) {
-      out[o++] = v.length;
-      out.set(v, o);
-      o += v.length;
-    }
-    out[uamOff] = uams.length;
-    o = uamOff + 1;
-    for (const u of uams) {
-      out[o++] = u.length;
-      out.set(u, o);
-      o += u.length;
-    }
-    return out;
-  }
-}
-
-function concat(...parts: Uint8Array[]): Uint8Array {
-  const len = parts.reduce((n, p) => n + p.length, 0);
-  const out = new Uint8Array(len);
-  let o = 0;
-  for (const p of parts) {
-    out.set(p, o);
-    o += p.length;
-  }
-  return out;
-}
-
-/** Rough Mac Roman short name (≤12 chars); enough for AFP ShortName field. */
-function shortenMacName(name: string): string {
-  if (name.length <= 12) return name;
-  const dot = name.lastIndexOf('.');
-  if (dot > 0 && name.length - dot <= 4) {
-    const ext = name.slice(dot, dot + 4);
-    return name.slice(0, Math.max(1, 12 - ext.length)) + ext;
-  }
-  return name.slice(0, 12);
-}
-
-/** Bytes to pull in ASP WriteContinue + fixed header length (ClassicStack writeDataCount). */
-function writeDataCount(block: Uint8Array): { want: number; hdrLen: number } {
-  if (block.length >= 12 && block[0] === C.CmdWrite) {
-    const n = be32(block, 8) | 0;
-    if (n < 0) return { want: 0, hdrLen: 0 };
-    return { want: n, hdrLen: 12 };
-  }
-  if (block.length >= 20 && block[0] === C.CmdAddIcon) {
-    return { want: be16(block, 18), hdrLen: 20 };
-  }
-  return { want: 0, hdrLen: 0 };
-}
-
-/** AFPVersion + UAM Pascal strings; leftover is typically the user name. */
-function parseLoginUserName(block: Uint8Array): string {
-  let o = 1;
-  for (let i = 0; i < 2; i++) {
-    if (o >= block.length) return '';
-    const n = block[o]!;
-    o += 1 + n;
-  }
-  if (o >= block.length) return '';
-  const n = block[o]!;
-  if (!n || o + 1 + n > block.length) return '';
-  return decodeMacRoman(block.subarray(o + 1, o + 1 + n));
-}
-
-function appendWriteData(header: Uint8Array, headerLen: number, data: Uint8Array): Uint8Array {
-  const h = header.length > headerLen ? header.subarray(0, headerLen) : header;
-  const out = new Uint8Array(h.length + data.length);
-  out.set(h);
-  out.set(data, h.length);
-  return out;
-}
+/** AFP server over ASP/ATP — one volume backed by VirtualFS. */
+
+import * as asp from '../../protocol/asp';
+import * as C from '../../protocol/afp/constants';
+import { appendBe16, appendBe32, be16, be32, writeBe16, writeBe32 } from '../../protocol/binary';
+import { encodeMacRoman, decodeMacRoman } from '../../protocol/macroman';
+import { AtpServer, type AtpIncoming, type AtpResponse } from '../atp-server';
+import type { LocalTalkStack } from '../../net/stack';
+import type { VirtualFS, VNode } from '../../fs/virtual-fs';
+import { cnidOf, requireCnid } from '../../fs/virtual-fs';
+import { fromUnixMs } from '../../fs/catalog-caps';
+import { log } from '../../util/logger';
+import * as atp from '../../protocol/atp';
+
+function afpCmdName(cmd: number): string {
+  return C.afpCmdName(cmd);
+}
+
+function afpResultName(result: number): string {
+  const s = result | 0;
+  if (s === C.NoErr) return 'NoErr';
+  if (s === C.ErrObjectNotFnd) return 'ObjectNotFound';
+  if (s === C.ErrItemNotFound) return 'ItemNotFound';
+  if (s === C.ErrParamErr) return 'ParamErr';
+  if (s === C.ErrCallNotSuppt) return 'CallNotSupported';
+  if (s === C.ErrAccessDenied) return 'AccessDenied';
+  if (s === C.ErrEOFErr) return 'EOFErr';
+  if (s === C.ErrBitmapErr) return 'BitmapErr';
+  return String(s);
+}
+
+interface OpenFork {
+  nodeId: number;
+  resource: boolean;
+  offset: number;
+  name: string;
+  /** Fork bytes at open (and after our writes); avoids reloading the node on every FPRead. */
+  bytes: Uint8Array;
+}
+
+interface Session {
+  id: number;
+  wss: number;
+  sss: number;
+  peerNet: number;
+  peerNode: number;
+  loggedIn: boolean;
+  userName: string;
+  volId: number;
+  forks: Map<number, OpenFork>;
+  nextFork: number;
+  dtRef: number;
+  atp: AtpServer;
+  serverMsg: string;
+  lastRx: number;
+  closed: boolean;
+  disconnectTimer: ReturnType<typeof setTimeout> | null;
+}
+
+export interface AfpSessionInfo {
+  id: number;
+  network: number;
+  node: number;
+  loggedIn: boolean;
+  userName: string;
+  lastSeen: number;
+}
+
+export interface AfpOpenFileInfo {
+  sessionId: number;
+  userName: string;
+  forkRef: number;
+  name: string;
+  resource: boolean;
+}
+
+const MESSAGE_FETCH_GRACE_MS = 1500;
+
+/** In-flight ASP two-phase write (ClassicStack pendingWrite). */
+interface PendingWrite {
+  reply: (userData: number, data: Uint8Array) => Promise<void>;
+  sess: Session;
+  cmdBlk: Uint8Array;
+  hdrLen: number;
+  want: number;
+  seq: number;
+  data: Uint8Array;
+  attempts: number;
+  timer: ReturnType<typeof setInterval> | null;
+}
+
+export class AfpServer {
+  private stack: LocalTalkStack;
+  private fs: VirtualFS;
+  private sls = asp.DefaultSLS;
+  private sessionTable = new Map<number, Session>();
+  private nextSession = 1;
+  private nextSss = 200;
+  private volumeName: string;
+  private serverName: string;
+  private pendingWrites = new Map<number, PendingWrite>();
+  private nextWriteTid = 1;
+
+  constructor(stack: LocalTalkStack, fs: VirtualFS, opts?: { volumeName?: string; serverName?: string }) {
+    this.stack = stack;
+    this.fs = fs;
+    this.volumeName = opts?.volumeName ?? 'Browser Share';
+    this.serverName = opts?.serverName ?? 'ClassicStack';
+    new AtpServer(stack, this.sls, (req) => this.onSls(req));
+  }
+
+  socket(): number {
+    return this.sls;
+  }
+
+  listSessions(): AfpSessionInfo[] {
+    return [...this.sessionTable.values()]
+      .filter((s) => !s.closed)
+      .sort((a, b) => a.id - b.id)
+      .map((s) => ({
+        id: s.id,
+        network: s.peerNet,
+        node: s.peerNode,
+        loggedIn: s.loggedIn,
+        userName: s.userName,
+        lastSeen: s.lastRx,
+      }));
+  }
+
+  listOpenFiles(): AfpOpenFileInfo[] {
+    const out: AfpOpenFileInfo[] = [];
+    for (const s of this.sessionTable.values()) {
+      if (s.closed) continue;
+      for (const [forkRef, fork] of s.forks) {
+        out.push({
+          sessionId: s.id,
+          userName: s.userName,
+          forkRef,
+          name: fork.name,
+          resource: fork.resource,
+        });
+      }
+    }
+    out.sort((a, b) => a.sessionId - b.sessionId || a.forkRef - b.forkRef);
+    return out;
+  }
+
+  /** Push a server message (id 0 = every live session). Macintosh clients fetch via FPGetSrvrMsg. */
+  async sendMessage(sessionId: number, text: string): Promise<void> {
+    const targets = this.targetSessions(sessionId);
+    for (const sess of targets) {
+      sess.serverMsg = text;
+      await this.sendAttention(sess, asp.AttnMsg);
+    }
+  }
+
+  /**
+   * Disconnect with optional warning text (AppleShare two-phase attention).
+   * minutes 0 = disconnect after the fetch grace.
+   */
+  async disconnectSession(sessionId: number, text: string, minutes: number): Promise<void> {
+    const targets = this.targetSessions(sessionId);
+    const mins = Math.max(0, minutes | 0);
+    let code = asp.AttnServerGoingDown | asp.AttnNoReconnect | asp.attnTime(mins);
+    if (text) code |= asp.AttnMsg;
+    for (const sess of targets) {
+      if (text) sess.serverMsg = text;
+      await this.sendAttention(sess, code);
+      this.scheduleDisconnect(sess, !!text, mins * 60_000);
+    }
+  }
+
+  private targetSessions(sessionId: number): Session[] {
+    if (sessionId !== 0) {
+      const sess = this.sessionTable.get(sessionId);
+      if (!sess || sess.closed) throw new Error('AFP: no such session');
+      return [sess];
+    }
+    return [...this.sessionTable.values()].filter((s) => !s.closed);
+  }
+
+  private scheduleDisconnect(sess: Session, hasMsg: boolean, waitMs: number): void {
+    if (sess.disconnectTimer) clearTimeout(sess.disconnectTimer);
+    const finish = () => {
+      void this.finishDisconnect(sess, hasMsg, waitMs > 0);
+    };
+    if (waitMs > 0) {
+      sess.disconnectTimer = setTimeout(finish, waitMs);
+    } else {
+      finish();
+    }
+  }
+
+  private async finishDisconnect(sess: Session, hasMsg: boolean, sendFinal: boolean): Promise<void> {
+    sess.disconnectTimer = null;
+    if (sess.closed) return;
+    if (sendFinal) {
+      let code = asp.AttnServerGoingDown | asp.AttnNoReconnect;
+      if (hasMsg) code |= asp.AttnMsg;
+      await this.sendAttention(sess, code);
+    }
+    if (hasMsg) {
+      await new Promise((r) => setTimeout(r, MESSAGE_FETCH_GRACE_MS));
+      if (sess.closed) return;
+    }
+    await this.sendCloseSession(sess);
+    this.teardownSession(sess);
+  }
+
+  private teardownSession(sess: Session): void {
+    if (sess.closed) return;
+    sess.closed = true;
+    if (sess.disconnectTimer) {
+      clearTimeout(sess.disconnectTimer);
+      sess.disconnectTimer = null;
+    }
+    this.sessionTable.delete(sess.id);
+    log.info(`AFP session ${sess.id} closed (${sess.peerNet}.${sess.peerNode})`, 'afp');
+  }
+
+  private allocTid(): number {
+    let tid = this.nextWriteTid++ & 0xffff;
+    if (tid === 0) tid = this.nextWriteTid++ & 0xffff;
+    while (this.pendingWrites.has(tid)) {
+      tid = this.nextWriteTid++ & 0xffff;
+      if (tid === 0) tid = this.nextWriteTid++ & 0xffff;
+    }
+    return tid;
+  }
+
+  private async sendAttention(sess: Session, code: number): Promise<void> {
+    if (sess.closed || !code) return;
+    const pkt = atp.encodePacket(
+      {
+        control: atp.TREQ,
+        bitmap: 0x01,
+        transId: this.allocTid(),
+        userData: asp.packAttention(sess.id, code),
+      },
+      new Uint8Array(),
+    );
+    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
+  }
+
+  private async sendCloseSession(sess: Session): Promise<void> {
+    if (sess.closed) return;
+    const pkt = atp.encodePacket(
+      {
+        control: atp.TREQ,
+        bitmap: 0x01,
+        transId: this.allocTid(),
+        userData: asp.packClose(sess.id),
+      },
+      new Uint8Array(),
+    );
+    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
+  }
+
+  private async onSls(req: AtpIncoming): Promise<void> {
+    const { spFunc, b1, word } = asp.unpackUserData(req.header.userData);
+    if (spFunc === asp.SPFuncTickle) {
+      const sess = this.sessionTable.get(b1);
+      if (sess && !sess.closed) sess.lastRx = Date.now();
+      await req.reply(0, new Uint8Array());
+      return;
+    }
+    if (spFunc === asp.SPFuncGetStatus) {
+      await req.reply(0, this.serverInfoBlock());
+      return;
+    }
+    if (spFunc === asp.SPFuncOpenSess) {
+      if (word !== asp.Version) {
+        await req.reply(asp.packOpenReply(0, 0, asp.SPErrorBadVersNum), new Uint8Array());
+        return;
+      }
+      const sid = this.nextSession++ & 0xff;
+      if (sid === 0) this.nextSession = 1;
+      const sss = this.nextSss++ & 0xff;
+      if (sss < 200) this.nextSss = 200;
+      let sess!: Session;
+      const atpServer = new AtpServer(this.stack, sss, (r) => this.onSession(sess, r));
+      sess = {
+        id: sid,
+        wss: b1,
+        sss,
+        peerNet: req.dg.srcNetwork,
+        peerNode: req.dg.srcNode,
+        loggedIn: false,
+        userName: '',
+        volId: 0,
+        forks: new Map(),
+        nextFork: 1,
+        dtRef: 0,
+        atp: atpServer,
+        serverMsg: '',
+        lastRx: Date.now(),
+        closed: false,
+        disconnectTimer: null,
+      };
+      atpServer.setResponseHandler((resp) => this.onWriteDataResponse(resp));
+      this.sessionTable.set(sid, sess);
+      await req.reply(asp.packOpenReply(sss, sid, 0), new Uint8Array());
+      return;
+    }
+  }
+
+  private async onSession(sess: Session, req: AtpIncoming): Promise<void> {
+    sess.lastRx = Date.now();
+    const { spFunc, b1, word } = asp.unpackUserData(req.header.userData);
+    if (b1 !== sess.id && spFunc !== asp.SPFuncTickle) {
+      // still process tickles / close
+    }
+    if (spFunc === asp.SPFuncTickle) {
+      await req.reply(0, new Uint8Array());
+      return;
+    }
+    if (spFunc === asp.SPFuncCloseSess) {
+      this.teardownSession(sess);
+      await req.reply(0, new Uint8Array());
+      return;
+    }
+    if (spFunc === asp.SPFuncWrite) {
+      await this.handleAspWrite(sess, req, word);
+      return;
+    }
+    if (spFunc === asp.SPFuncCommand) {
+      const block = req.data;
+      if (block.length < 1) {
+        await req.reply(C.ErrParamErr >>> 0, new Uint8Array());
+        return;
+      }
+      const [body, result] = await this.dispatch(sess, block, false);
+      await req.reply(result >>> 0, body);
+      return;
+    }
+    void word;
+  }
+
+  /**
+   * ASP two-phase write (ClassicStack handleWrite):
+   * phase 1 — client sends FPWrite/FPAddIcon header only
+   * phase 2 — we TReq WriteContinue to WSS; client TResp's the data
+   * phase 3 — we reply to the original aspWrite with the AFP result
+   */
+  private async handleAspWrite(sess: Session, req: AtpIncoming, seq: number): Promise<void> {
+    const block = req.data;
+    if (block.length > asp.ATPMaxData) {
+      await req.reply(asp.SPErrorSizeErr >>> 0, new Uint8Array());
+      return;
+    }
+    let { want, hdrLen } = writeDataCount(block);
+    if (want <= 0) {
+      const [body, result] = await this.dispatch(sess, block, true);
+      await req.reply(result >>> 0, body);
+      return;
+    }
+    if (want > asp.QuantumSize) want = asp.QuantumSize;
+
+    const tid = this.allocTid();
+    const pw: PendingWrite = {
+      reply: req.reply,
+      sess,
+      cmdBlk: block.slice(),
+      hdrLen,
+      want,
+      seq,
+      data: new Uint8Array(),
+      attempts: 0,
+      timer: null,
+    };
+    this.pendingWrites.set(tid, pw);
+    await this.sendWriteContinue(sess, seq, tid, want);
+    pw.timer = setInterval(() => {
+      void this.retryWriteContinue(tid);
+    }, 2000);
+  }
+
+  private async sendWriteContinue(sess: Session, seq: number, tid: number, want: number): Promise<void> {
+    const nPackets = Math.min(Math.max(Math.ceil(want / atp.MaxATPData), 1), atp.MaxResponsePackets);
+    const bitmap = (1 << nPackets) - 1;
+    // TREQ|XO with TRel timeout indicator 0 (30s) in low bits.
+    const pkt = atp.encodePacket(
+      {
+        control: atp.TREQ | atp.XO,
+        bitmap,
+        transId: tid,
+        userData: asp.packWriteContinue(sess.id, seq),
+      },
+      asp.writeContinuePayload(want),
+    );
+    await sess.atp.sendTo(sess.peerNet, sess.peerNode, sess.wss, pkt);
+  }
+
+  private async retryWriteContinue(tid: number): Promise<void> {
+    const pw = this.pendingWrites.get(tid);
+    if (!pw) return;
+    pw.attempts++;
+    if (pw.attempts >= 8) {
+      this.clearPendingWrite(tid);
+      await pw.reply(asp.SPErrorParamErr >>> 0, new Uint8Array());
+      return;
+    }
+    await this.sendWriteContinue(pw.sess, pw.seq, tid, pw.want);
+  }
+
+  private clearPendingWrite(tid: number): void {
+    const pw = this.pendingWrites.get(tid);
+    if (!pw) return;
+    if (pw.timer) clearInterval(pw.timer);
+    this.pendingWrites.delete(tid);
+  }
+
+  private async onWriteDataResponse(resp: AtpResponse): Promise<void> {
+    const tid = resp.header.transId;
+    const pw = this.pendingWrites.get(tid);
+    if (!pw) return;
+
+    const merged = new Uint8Array(pw.data.length + resp.data.length);
+    merged.set(pw.data);
+    merged.set(resp.data, pw.data.length);
+    pw.data = merged.length > pw.want ? merged.subarray(0, pw.want) : merged;
+
+    if (!resp.eom && pw.data.length < pw.want) return;
+
+    this.clearPendingWrite(tid);
+    // Release the XO WriteContinue transaction.
+    const trel = atp.encodePacket({ control: atp.TREL, bitmap: 0, transId: tid, userData: 0 });
+    await pw.sess.atp.sendTo(pw.sess.peerNet, pw.sess.peerNode, pw.sess.wss, trel);
+
+    const block = appendWriteData(pw.cmdBlk, pw.hdrLen, pw.data);
+    const [body, result] = await this.dispatch(pw.sess, block, true);
+    await pw.reply(result >>> 0, body);
+  }
+
+  private async dispatch(sess: Session, block: Uint8Array, isWrite: boolean): Promise<[Uint8Array, number]> {
+    const cmd = block[0]!;
+    const detail = this.traceDetail(sess, cmd, block);
+    try {
+      let reply: [Uint8Array, number];
+      switch (cmd) {
+        case C.CmdLogin:
+          reply = this.login(sess, block);
+          break;
+        case C.CmdLogout:
+          sess.loggedIn = false;
+          reply = [new Uint8Array(), C.NoErr];
+          break;
+        case C.CmdGetSrvrParms:
+          reply = this.getSrvrParms();
+          break;
+        case C.CmdGetSrvrMsg:
+          reply = this.getSrvrMsg(sess, block);
+          break;
+        case C.CmdOpenVol:
+          reply = this.openVol(sess, block);
+          break;
+        case C.CmdCloseVol:
+          sess.volId = 0;
+          reply = [new Uint8Array(), C.NoErr];
+          break;
+        case C.CmdEnumerate:
+          reply = await this.enumerate(block);
+          break;
+        case C.CmdCreateDir:
+          reply = await this.createDir(block);
+          break;
+        case C.CmdCreateFile:
+          reply = await this.createFile(block);
+          break;
+        case C.CmdDelete:
+          reply = await this.deletePath(block);
+          break;
+        case C.CmdRename:
+          reply = await this.rename(block);
+          break;
+        case C.CmdOpenFork:
+          reply = await this.openFork(sess, block);
+          break;
+        case C.CmdRead:
+          reply = await this.readFork(sess, block);
+          break;
+        case C.CmdWrite:
+          reply = await this.writeFork(sess, block, isWrite);
+          break;
+        case C.CmdCloseFork:
+          reply = this.closeFork(sess, block);
+          break;
+        case C.CmdSetForkParms:
+          reply = await this.setForkParms(sess, block);
+          break;
+        case C.CmdGetForkParms:
+          reply = await this.getForkParms(sess, block);
+          break;
+        case C.CmdFlush:
+        case C.CmdFlushFork:
+          reply = [new Uint8Array(), C.NoErr];
+          break;
+        case C.CmdSetFileDirParms:
+        case C.CmdSetFileParms:
+        case C.CmdSetDirParms:
+          reply = await this.setParms(block);
+          break;
+        case C.CmdGetFileDirParms:
+          reply = await this.getParms(block);
+          break;
+        case C.CmdGetVolParms:
+          reply = this.getVolParms(sess, block);
+          break;
+        case C.CmdOpenDT: {
+          const vol = block.length >= 4 ? be16(block, 2) : 1;
+          sess.dtRef = vol || 1;
+          {
+            const out = new Uint8Array(2);
+            writeBe16(out, 0, sess.dtRef);
+            reply = [out, C.NoErr];
+          }
+          break;
+        }
+        case C.CmdCloseDT:
+          sess.dtRef = 0;
+          reply = [new Uint8Array(), C.NoErr];
+          break;
+        case C.CmdAddIcon:
+          reply = await this.addIcon(block, isWrite);
+          break;
+        case C.CmdGetIcon:
+          reply = await this.getIcon(block);
+          break;
+        case C.CmdGetIconInfo:
+          reply = await this.getIconInfo(block);
+          break;
+        case C.CmdAddAPPL:
+        case C.CmdRemoveAPPL:
+        case C.CmdGetAPPL:
+          reply = [new Uint8Array(), C.ErrObjectNotFnd];
+          break;
+        default:
+          reply = [new Uint8Array(), C.ErrCallNotSuppt];
+          break;
+      }
+      const [body, result] = reply;
+      log.info(
+        `${afpCmdName(cmd)}${detail} → ${afpResultName(result)} (${body.length}b)`,
+        'afp',
+      );
+      return reply;
+    } catch (e) {
+      log.error(`${afpCmdName(cmd)}${detail} threw: ${e instanceof Error ? e.message : String(e)}`, 'afp');
+      console.error('AFP dispatch', cmd, e);
+      return [new Uint8Array(), C.ErrParamErr];
+    }
+  }
+
+  private forkFile(sess: Session, ref: number): string {
+    const fork = sess.forks.get(ref);
+    if (!fork) return '';
+    return ` “${fork.name}”${fork.resource ? ' rsrc' : ' data'}`;
+  }
+
+  private traceDetail(sess: Session, cmd: number, block: Uint8Array): string {
+    try {
+      if (cmd === C.CmdOpenVol && block.length >= 5) {
+        const nameLen = block[4]!;
+        const name = decodeMacRoman(block.subarray(5, 5 + nameLen));
+        return ` "${name}" bm=0x${be16(block, 2).toString(16)}`;
+      }
+      if (cmd === C.CmdCreateFile && block.length >= 9) {
+        return ` did=${be32(block, 4)} name=${JSON.stringify(this.readPathName(block, 8))}`;
+      }
+      if (cmd === C.CmdOpenFork && block.length >= 13) {
+        return ` did=${be32(block, 4)} name=${JSON.stringify(this.readPathName(block, 12))} bm=0x${be16(block, 8).toString(16)}`;
+      }
+      if (cmd === C.CmdRead && block.length >= 12) {
+        const ref = be16(block, 2);
+        return ` ref=${ref} off=${be32(block, 4)} count=${be32(block, 8)}${this.forkFile(sess, ref)}`;
+      }
+      if (cmd === C.CmdWrite && block.length >= 12) {
+        const ref = be16(block, 2);
+        return ` ref=${ref} off=${be32(block, 4)} count=${be32(block, 8)} data=${Math.max(0, block.length - 12)}b${this.forkFile(sess, ref)}`;
+      }
+      if (cmd === C.CmdCloseFork && block.length >= 4) {
+        const ref = be16(block, 2);
+        return ` ref=${ref}${this.forkFile(sess, ref)}`;
+      }
+      if (cmd === C.CmdGetFileDirParms && block.length >= 12) {
+        return ` vol=${be16(block, 2)} did=${be32(block, 4)} fbm=0x${be16(block, 8).toString(16)} dbm=0x${be16(block, 10).toString(16)}`;
+      }
+      if (cmd === C.CmdGetVolParms && block.length >= 6) {
+        return ` vol=${be16(block, 2)} bm=0x${be16(block, 4).toString(16)}`;
+      }
+      if (cmd === C.CmdEnumerate && block.length >= 16) {
+        return ` did=${be32(block, 4)} idx=${be16(block, 14)}`;
+      }
+    } catch {
+      /* ignore */
+    }
+    return '';
+  }
+
+  private login(sess: Session, block: Uint8Array): [Uint8Array, number] {
+    // FPLogin: cmd + AFPVersion pstring + UAM pstring + optional userName pstring
+    sess.userName = parseLoginUserName(block);
+    sess.loggedIn = true;
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private getSrvrMsg(sess: Session, block: Uint8Array): [Uint8Array, number] {
+    const msgType = block.length >= 4 ? be16(block, 2) : 0;
+    let text = '';
+    if (msgType === C.SrvrMsgTypeLogin) text = '';
+    else if (msgType === C.SrvrMsgTypeServer) text = sess.serverMsg;
+    let bytes = encodeMacRoman(text);
+    if (bytes.length > C.MaxSrvrMsgLen) bytes = bytes.subarray(0, C.MaxSrvrMsgLen);
+    const out: number[] = [];
+    appendBe16(out, msgType);
+    appendBe16(out, C.SrvrMsgBitmapText);
+    out.push(bytes.length, ...bytes);
+    return [new Uint8Array(out), C.NoErr];
+  }
+
+  private getSrvrParms(): [Uint8Array, number] {
+    const name = encodeMacRoman(this.volumeName);
+    const out: number[] = [];
+    appendBe32(out, C.macTime());
+    out.push(1); // vol count
+    out.push(0); // flags
+    out.push(name.length, ...name);
+    return [new Uint8Array(out), C.NoErr];
+  }
+
+  private openVol(sess: Session, block: Uint8Array): [Uint8Array, number] {
+    const reqBitmap = be16(block, 2);
+    sess.volId = 1;
+    // Always include VolumeID so the client has a usable handle (ClassicStack).
+    const bitmap = reqBitmap | C.VolBitmapID;
+    return [this.packVolReply(bitmap), C.NoErr];
+  }
+
+  /** FPGetVolParms — Finder's first post-mount call; missing → mount stalls. */
+  private getVolParms(sess: Session, block: Uint8Array): [Uint8Array, number] {
+    if (block.length < 6) return [new Uint8Array(), C.ErrParamErr];
+    const volId = be16(block, 2);
+    const reqBitmap = be16(block, 4);
+    if (volId !== sess.volId || sess.volId === 0) return [new Uint8Array(), C.ErrParamErr];
+    // Echo exactly the requested bitmap (do not force VolumeID — unlike OpenVol).
+    return [this.packVolReply(reqBitmap), C.NoErr];
+  }
+
+  private packVolReply(bitmap: number): Uint8Array {
+    const out: number[] = [];
+    appendBe16(out, bitmap);
+    if (bitmap & C.VolBitmapAttributes) appendBe16(out, 0);
+    if (bitmap & C.VolBitmapSignature) appendBe16(out, 2); // Fixed Directory ID
+    if (bitmap & C.VolBitmapCreateDate) appendBe32(out, C.macTime());
+    if (bitmap & C.VolBitmapModDate) appendBe32(out, C.macTime());
+    if (bitmap & (1 << 4)) appendBe32(out, C.NoBackupDate);
+    if (bitmap & C.VolBitmapID) appendBe16(out, 1);
+    if (bitmap & C.VolBitmapBytesFree) appendBe32(out, 64 * 1024 * 1024);
+    if (bitmap & C.VolBitmapBytesTotal) appendBe32(out, 128 * 1024 * 1024);
+    if (bitmap & C.VolBitmapName) {
+      const name = encodeMacRoman(this.volumeName);
+      const fixedAfterPtr = 2; // name field is a 2-byte offset into params
+      // Offset is from start of params (after reply bitmap). Compute fixed size.
+      let fixed = 0;
+      if (bitmap & C.VolBitmapAttributes) fixed += 2;
+      if (bitmap & C.VolBitmapSignature) fixed += 2;
+      if (bitmap & C.VolBitmapCreateDate) fixed += 4;
+      if (bitmap & C.VolBitmapModDate) fixed += 4;
+      if (bitmap & (1 << 4)) fixed += 4;
+      if (bitmap & C.VolBitmapID) fixed += 2;
+      if (bitmap & C.VolBitmapBytesFree) fixed += 4;
+      if (bitmap & C.VolBitmapBytesTotal) fixed += 4;
+      fixed += fixedAfterPtr;
+      appendBe16(out, fixed);
+      out.push(name.length, ...name);
+    }
+    return new Uint8Array(out);
+  }
+
+  private async enumerate(block: Uint8Array): Promise<[Uint8Array, number]> {
+    // cmd pad volID(2) dirID(4) fileBitmap(2) dirBitmap(2) reqCount(2) startIndex(2) maxReply(2) …
+    const dirId = be32(block, 4);
+    const fileBitmap = be16(block, 8);
+    const dirBitmap = be16(block, 10);
+    const reqCount = be16(block, 12);
+    const startIndex = be16(block, 14);
+    const kids = await this.fs.children(dirId || C.CNIDRoot);
+    const slice = kids.slice(Math.max(0, startIndex - 1), Math.max(0, startIndex - 1) + reqCount);
+    if (slice.length === 0) return [new Uint8Array(), C.ErrObjectNotFnd];
+
+    const records: Uint8Array[] = [];
+    for (const n of slice) {
+      const bm = n.isDir ? dirBitmap : fileBitmap;
+      const offspring = n.isDir ? (await this.fs.children(cnidOf(n))).length : 0;
+      records.push(this.buildEnumRecord(n, bm, n.name, offspring));
+    }
+    const body: number[] = [];
+    appendBe16(body, fileBitmap);
+    appendBe16(body, dirBitmap);
+    appendBe16(body, records.length);
+    const recBytes = concat(...records);
+    const out = new Uint8Array(body.length + recBytes.length);
+    out.set(new Uint8Array(body));
+    out.set(recBytes, body.length);
+    return [out, C.NoErr];
+  }
+
+  /**
+   * ClassicStack enumEntry: [len:1][type:1][params…] padded to even length.
+   * Params start at entry offset 2 — name offsets are relative to params[0], NOT
+   * including a pad byte between type and params.
+   */
+  private buildEnumRecord(n: VNode, bitmap: number, displayName: string, offspring = 0): Uint8Array {
+    const params = this.packParms(n, bitmap, displayName, offspring);
+    const type = n.isDir ? 0x80 : 0x00;
+    let len = 2 + params.length;
+    if (len % 2) len++;
+    const out = new Uint8Array(len);
+    out[0] = len;
+    out[1] = type;
+    out.set(params, 2);
+    return out;
+  }
+
+  /**
+   * Pack file/dir params in ascending bitmap-bit order (ClassicStack parms.go).
+   * Long/Short name fields are 2-byte offsets into a trailing Pascal-string area;
+   * offsets are measured from the start of this parameter block.
+   */
+  private packParms(n: VNode, bitmap: number, displayName: string, offspring = 0): Uint8Array {
+    const longName = encodeMacRoman(displayName.slice(0, 31));
+    const shortName = encodeMacRoman(shortenMacName(displayName));
+
+    const fixedSize = this.parmsFixedSize(n.isDir, bitmap);
+    const fixed: number[] = [];
+    const variable: number[] = [];
+
+    const appendName = (bytes: Uint8Array) => {
+      appendBe16(fixed, fixedSize + variable.length);
+      variable.push(bytes.length, ...bytes);
+    };
+
+    if (bitmap & C.FDBitmapAttributes) appendBe16(fixed, 0);
+    if (bitmap & C.FDBitmapParentDID) appendBe32(fixed, requireCnid(n).parentId);
+    if (bitmap & C.FDBitmapCreateDate) appendBe32(fixed, fromUnixMs(n.createDate));
+    if (bitmap & C.FDBitmapModDate) appendBe32(fixed, fromUnixMs(n.modDate));
+    if (bitmap & C.FDBitmapBackupDate) appendBe32(fixed, C.NoBackupDate);
+    if (bitmap & C.FDBitmapFinderInfo) fixed.push(...n.finderInfo.subarray(0, 32));
+    if (bitmap & C.FDBitmapLongName) appendName(longName);
+    if (bitmap & C.FDBitmapShortName) appendName(shortName);
+    if (!n.isDir) {
+      if (bitmap & C.FileBitmapFileNum) appendBe32(fixed, cnidOf(n));
+      if (bitmap & C.FileBitmapDataForkLen) appendBe32(fixed, n.data.length);
+      if (bitmap & C.FileBitmapRsrcForkLen) appendBe32(fixed, n.resource.length);
+    } else {
+      if (bitmap & C.DirBitmapDirID) appendBe32(fixed, cnidOf(n));
+      if (bitmap & C.DirBitmapOffspring) appendBe16(fixed, offspring);
+      if (bitmap & C.DirBitmapOwnerID) appendBe32(fixed, 0);
+      if (bitmap & C.DirBitmapGroupID) appendBe32(fixed, 0);
+      if (bitmap & C.DirBitmapAccessRights) appendBe32(fixed, C.DirAccessRights);
+    }
+
+    if (fixed.length !== fixedSize) {
+      // Defensive: keep wire self-consistent even if bit sizing drifts.
+      while (fixed.length < fixedSize) fixed.push(0);
+    }
+    return new Uint8Array([...fixed, ...variable]);
+  }
+
+  private parmsFixedSize(isDir: boolean, bitmap: number): number {
+    let size = 0;
+    if (bitmap & C.FDBitmapAttributes) size += 2;
+    if (bitmap & C.FDBitmapParentDID) size += 4;
+    if (bitmap & C.FDBitmapCreateDate) size += 4;
+    if (bitmap & C.FDBitmapModDate) size += 4;
+    if (bitmap & C.FDBitmapBackupDate) size += 4;
+    if (bitmap & C.FDBitmapFinderInfo) size += 32;
+    if (bitmap & C.FDBitmapLongName) size += 2;
+    if (bitmap & C.FDBitmapShortName) size += 2;
+    if (!isDir) {
+      if (bitmap & C.FileBitmapFileNum) size += 4;
+      if (bitmap & C.FileBitmapDataForkLen) size += 4;
+      if (bitmap & C.FileBitmapRsrcForkLen) size += 4;
+    } else {
+      if (bitmap & C.DirBitmapDirID) size += 4;
+      if (bitmap & C.DirBitmapOffspring) size += 2;
+      if (bitmap & C.DirBitmapOwnerID) size += 4;
+      if (bitmap & C.DirBitmapGroupID) size += 4;
+      if (bitmap & C.DirBitmapAccessRights) size += 4;
+    }
+    return size;
+  }
+
+  /** Catalog display name: root uses the share/volume name (Finder window title). */
+  private displayNameFor(n: VNode): string {
+    if (cnidOf(n) === C.CNIDRoot || requireCnid(n).parentId === 1) return this.volumeName;
+    return n.name;
+  }
+
+  private async createDir(block: Uint8Array): Promise<[Uint8Array, number]> {
+    const dirId = be32(block, 4);
+    const name = this.readPathName(block, 8);
+    const n = await this.fs.mkdir(dirId || C.CNIDRoot, name);
+    const out = new Uint8Array(4);
+    writeBe32(out, 0, cnidOf(n));
+    return [out, C.NoErr];
+  }
+
+  private async createFile(block: Uint8Array): Promise<[Uint8Array, number]> {
+    const dirId = be32(block, 4);
+    const name = this.readPathName(block, 8);
+    await this.fs.createFile(dirId || C.CNIDRoot, name, new Uint8Array());
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private async deletePath(block: Uint8Array): Promise<[Uint8Array, number]> {
+    const dirId = be32(block, 4);
+    const name = this.readPathName(block, 8);
+    const n = await this.fs.lookup(dirId || C.CNIDRoot, name);
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+    await this.fs.remove(cnidOf(n));
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private async rename(block: Uint8Array): Promise<[Uint8Array, number]> {
+    const dirId = be32(block, 4);
+    // path then new name — simplified: find first path, then second
+    let o = 8;
+    if (block[o] === C.PathTypeLongNames) o++;
+    const oldName = this.readPathAt(block, o);
+    o = oldName.next;
+    if (o % 2) o++;
+    if (block[o] === C.PathTypeLongNames) o++;
+    const newName = this.readPathAt(block, o);
+    const n = await this.fs.lookup(dirId || C.CNIDRoot, oldName.name);
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+    await this.fs.rename(cnidOf(n), newName.name);
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private async openFork(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
+    // cmd(1) flag(1) volID(2) dirID(4) bitmap(2) accessMode(2) pathType(1) pathname…
+    if (block.length < 13) return [new Uint8Array(), C.ErrParamErr];
+    const forkFlag = block[1]!;
+    const dirId = be32(block, 4);
+    const bitmap = be16(block, 8);
+    const name = this.readPathName(block, 12);
+    const n = await this.fs.lookup(dirId || C.CNIDRoot, name);
+    if (!n || n.isDir) {
+      log.info(`FPOpenFork lookup miss did=${dirId || C.CNIDRoot} name=${JSON.stringify(name)}`, 'afp');
+      return [new Uint8Array(), C.ErrObjectNotFnd];
+    }
+    const ref = sess.nextFork++ & 0xffff;
+    if (ref === 0) sess.nextFork = 1;
+    const resource = (forkFlag & C.ForkFlagResource) !== 0;
+    sess.forks.set(ref, {
+      nodeId: cnidOf(n),
+      resource,
+      offset: 0,
+      name: n.name,
+      bytes: resource ? n.resource : n.data,
+    });
+    const params = this.packParms(n, bitmap, n.name);
+    const out = new Uint8Array(4 + params.length);
+    writeBe16(out, 0, bitmap);
+    writeBe16(out, 2, ref);
+    out.set(params, 4);
+    return [out, C.NoErr];
+  }
+
+  private async readFork(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
+    const ref = be16(block, 2);
+    const offset = be32(block, 4);
+    const count = be32(block, 8);
+    const fork = sess.forks.get(ref);
+    if (!fork) return [new Uint8Array(), C.ErrParamErr];
+    const src = fork.bytes;
+    if (offset >= src.length) return [new Uint8Array(), C.ErrEOFErr];
+    const want = Math.min(count, asp.QuantumSize);
+    const end = Math.min(offset + want, src.length);
+    const slice = src.subarray(offset, end);
+    const result = end >= src.length && slice.length < count ? C.ErrEOFErr : C.NoErr;
+    return [slice.slice(), result];
+  }
+
+  private async writeFork(sess: Session, block: Uint8Array, _isWrite: boolean): Promise<[Uint8Array, number]> {
+    // cmd(1) flag(1) forkRef(2) offset(4) reqCount(4) data…  (ClassicStack afpWrite)
+    // Reply: lastWritten(4) — fork offset one past the last byte written.
+    if (block.length < 12) return [new Uint8Array(), C.ErrParamErr];
+    const fromEnd = (block[1]! & 0x80) !== 0;
+    const ref = be16(block, 2);
+    let offset = be32(block, 4);
+    const reqCount = be32(block, 8);
+    const fork = sess.forks.get(ref);
+    if (!fork) return [new Uint8Array(), C.ErrParamErr];
+    const n = await this.fs.get(fork.nodeId);
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+    let data = block.length > 12 ? block.subarray(12) : new Uint8Array();
+    if (data.length > reqCount) data = data.subarray(0, reqCount);
+    const cur = fork.bytes;
+    if (fromEnd) offset = cur.length + offset;
+    const need = offset + data.length;
+    const next = new Uint8Array(Math.max(cur.length, need));
+    next.set(cur);
+    next.set(data, offset);
+    fork.bytes = next;
+    if (fork.resource) n.resource = next;
+    else n.data = next;
+    n.modDate = C.macTime();
+    await this.fs.put(n);
+    const out = new Uint8Array(4);
+    writeBe32(out, 0, offset + data.length); // lastWritten
+    return [out, C.NoErr];
+  }
+
+  private closeFork(sess: Session, block: Uint8Array): [Uint8Array, number] {
+    const ref = be16(block, 2);
+    sess.forks.delete(ref);
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  /** FPSetForkParms: cmd pad forkRef(2) bitmap(2) forkLen(4). Reply empty. */
+  private async setForkParms(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
+    if (block.length < 10) return [new Uint8Array(), C.ErrParamErr];
+    const ref = be16(block, 2);
+    const bitmap = be16(block, 4);
+    const forkLen = be32(block, 6);
+    const fork = sess.forks.get(ref);
+    if (!fork) return [new Uint8Array(), C.ErrParamErr];
+    if (!(bitmap & (C.FileBitmapDataForkLen | C.FileBitmapRsrcForkLen))) {
+      return [new Uint8Array(), C.ErrBitmapErr];
+    }
+    const n = await this.fs.get(fork.nodeId);
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+    // Truncate the fork that was opened; bitmap only names which length field is set.
+    const cur = fork.bytes;
+    const next = new Uint8Array(forkLen);
+    next.set(cur.subarray(0, Math.min(cur.length, forkLen)));
+    fork.bytes = next;
+    if (fork.resource) n.resource = next;
+    else n.data = next;
+    n.modDate = C.macTime();
+    await this.fs.put(n);
+    log.info(`FPSetForkParms ref=${ref} len=${forkLen} ${fork.resource ? 'rsrc' : 'data'}`, 'afp');
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  /** FPGetForkParms: cmd pad forkRef(2) bitmap(2). Reply: bitmap(2) <file params>. */
+  private async getForkParms(sess: Session, block: Uint8Array): Promise<[Uint8Array, number]> {
+    if (block.length < 6) return [new Uint8Array(), C.ErrParamErr];
+    const ref = be16(block, 2);
+    const bitmap = be16(block, 4);
+    const fork = sess.forks.get(ref);
+    if (!fork) return [new Uint8Array(), C.ErrParamErr];
+    const n = await this.fs.get(fork.nodeId);
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+    const params = this.packParms(n, bitmap, n.name);
+    const out = new Uint8Array(2 + params.length);
+    writeBe16(out, 0, bitmap);
+    out.set(params, 2);
+    return [out, C.NoErr];
+  }
+
+  private async setParms(block: Uint8Array): Promise<[Uint8Array, number]> {
+    // cmd pad volID(2) dirID(4) bitmap(2) pathType(1) pathname [pad even] <params in bit order>
+    // ClassicStack afpSetFileDirParms / setParamsFinderInfo — FinderInfo is NOT always first.
+    if (block.length < 11) return [new Uint8Array(), C.ErrParamErr];
+    const dirId = be32(block, 4);
+    const bitmap = be16(block, 8);
+    const pathType = block[10]!;
+    const nameOff = pathType >= 1 && pathType <= 3 ? 11 : 10;
+    const path = this.readPathAt(block, nameOff);
+    let o = path.next;
+    if (o % 2) o++; // word-align params to even offset from start of command block
+
+    let n: VNode | undefined;
+    if (path.name) {
+      n = await this.fs.lookup(dirId || C.CNIDRoot, path.name);
+    } else {
+      // Empty path → the dirID object itself (often a folder stamp during mount).
+      n = await this.fs.get(dirId || C.CNIDRoot);
+    }
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+
+    // Skip fixed fields that precede FinderInfo (bit 5) in ascending bit order.
+    if (bitmap & C.FDBitmapAttributes) o += 2;
+    if (bitmap & C.FDBitmapParentDID) o += 4;
+    if (bitmap & C.FDBitmapCreateDate) {
+      if (o + 4 <= block.length) n.createDate = be32(block, o);
+      o += 4;
+    }
+    if (bitmap & C.FDBitmapModDate) {
+      if (o + 4 <= block.length) n.modDate = be32(block, o);
+      o += 4;
+    }
+    if (bitmap & C.FDBitmapBackupDate) o += 4;
+    if (bitmap & C.FDBitmapFinderInfo) {
+      if (o + 32 > block.length) return [new Uint8Array(), C.ErrParamErr];
+      n.finderInfo = block.subarray(o, o + 32).slice();
+      const tc = decodeMacRoman(n.finderInfo.subarray(0, 8));
+      log.info(
+        `FPSet*Parms did=${dirId} name=${JSON.stringify(path.name)} type/creator=${JSON.stringify(tc)} bm=0x${bitmap.toString(16)}`,
+        'afp',
+      );
+    }
+    n.modDate = C.macTime();
+    await this.fs.put(n);
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private async getParms(block: Uint8Array): Promise<[Uint8Array, number]> {
+    // Request: cmd pad volID(2) dirID(4) fileBitmap(2) dirBitmap(2) pathType(1) pathname…
+    // Reply (ClassicStack FPGetFileDirParmsRes): fileBitmap(2) dirBitmap(2) type(1) pad(1) params
+    const dirId = be32(block, 4);
+    const fileBitmap = be16(block, 8);
+    const dirBitmap = be16(block, 10);
+    const name = this.readPathName(block, 12);
+
+    let n: VNode | undefined;
+    // Parent-of-root (DID 1): Finder names the volume; only the share root is valid.
+    if (dirId === 1) {
+      const want = name.trim() || this.volumeName;
+      if (want.toLowerCase() === this.volumeName.toLowerCase() || name === '') {
+        n = await this.fs.get(C.CNIDRoot);
+      }
+    } else if (name) {
+      n = await this.fs.lookup(dirId || C.CNIDRoot, name);
+    } else {
+      n = await this.fs.get(dirId || C.CNIDRoot);
+    }
+    if (!n) return [new Uint8Array(), C.ErrObjectNotFnd];
+
+    const bm = n.isDir ? dirBitmap : fileBitmap;
+    const offspring = n.isDir ? (await this.fs.children(cnidOf(n))).length : 0;
+    const params = this.packParms(n, bm, this.displayNameFor(n), offspring);
+    const out = new Uint8Array(6 + params.length);
+    writeBe16(out, 0, fileBitmap);
+    writeBe16(out, 2, dirBitmap);
+    out[4] = n.isDir ? 0x80 : 0;
+    out[5] = 0;
+    out.set(params, 6);
+    return [out, C.NoErr];
+  }
+
+  private async addIcon(block: Uint8Array, isWrite: boolean): Promise<[Uint8Array, number]> {
+    // cmd(1) pad(1) DTRef(2) creator(4) type(4) iconType(1) pad(1) tag(4) size(4) + data
+    if (block.length < 20) return [new Uint8Array(), C.ErrParamErr];
+    const creator = decodeMacRoman(block.subarray(4, 8));
+    const type = decodeMacRoman(block.subarray(8, 12));
+    const iconType = block[12]!;
+    const tag = be32(block, 14);
+    const size = be32(block, 18);
+    let data = new Uint8Array();
+    if (isWrite && block.length > 22) {
+      data = block.subarray(22, 22 + size).slice();
+    }
+    const key = `icon:${creator}:${type}:${iconType}:${tag}`;
+    await this.fs.desktopSet(key, data.length ? data : new Uint8Array(size));
+    return [new Uint8Array(), C.NoErr];
+  }
+
+  private async getIcon(block: Uint8Array): Promise<[Uint8Array, number]> {
+    if (block.length < 16) return [new Uint8Array(), C.ErrParamErr];
+    const creator = decodeMacRoman(block.subarray(4, 8));
+    const type = decodeMacRoman(block.subarray(8, 12));
+    const iconType = block[12]!;
+    const length = be16(block, 14);
+    const key = `icon:${creator}:${type}:${iconType}:`;
+    // try exact tag 0 first — scan keys is hard; store canonical without tag lookup
+    const data = (await this.fs.desktopGet(`${key}0`)) ?? (await this.fs.desktopGet(key + '0'));
+    if (!data) return [new Uint8Array(), C.ErrItemNotFound];
+    return [data.subarray(0, length || data.length), C.NoErr];
+  }
+
+  private async getIconInfo(block: Uint8Array): Promise<[Uint8Array, number]> {
+    void block;
+    return [new Uint8Array(), C.ErrItemNotFound];
+  }
+
+  private readPathName(block: Uint8Array, start: number): string {
+    // ClassicStack: pathType(1) at `start`, then a Pascal string (length byte + bytes).
+    if (start >= block.length) return '';
+    const pathType = block[start]!;
+    // pathType 1/2/3 are short/long/UTF8; anything else treat `start` as the Pascal length.
+    const o = pathType >= 1 && pathType <= 3 ? start + 1 : start;
+    return this.readPascalName(block, o);
+  }
+
+  /** Pascal pathname at `o`: length byte then that many MacRoman bytes (ClassicStack pascalPathAt). */
+  private readPascalName(block: Uint8Array, o: number): string {
+    if (o >= block.length) return '';
+    const n = block[o]!;
+    if (o + 1 + n > block.length) return '';
+    if (n === 0) return '';
+    return this.normalizeWirePathName(block.subarray(o + 1, o + 1 + n));
+  }
+
+  /**
+   * AFP long-name path bodies are often leading-NUL + elements joined by NUL
+   * (ClassicStack afpWirePath). Strip edge NULs; for multi-level under a dirID that
+   * already names the parent, use the leaf element.
+   */
+  private normalizeWirePathName(raw: Uint8Array): string {
+    let start = 0;
+    let end = raw.length;
+    while (start < end && raw[start] === 0) start++;
+    while (end > start && raw[end - 1] === 0) end--;
+    if (start >= end) return '';
+    let leafStart = start;
+    for (let i = start; i < end; i++) {
+      if (raw[i] === 0) leafStart = i + 1;
+    }
+    return decodeMacRoman(raw.subarray(leafStart, end));
+  }
+
+  private readPathAt(block: Uint8Array, o: number): { name: string; next: number } {
+    if (o >= block.length) return { name: '', next: o };
+    const n = block[o]!;
+    if (o + 1 + n > block.length) return { name: '', next: o };
+    const name = n === 0 ? '' : this.normalizeWirePathName(block.subarray(o + 1, o + 1 + n));
+    return { name, next: o + 1 + n };
+  }
+
+  private serverInfoBlock(): Uint8Array {
+    const serverName = encodeMacRoman(this.serverName);
+    const machine = encodeMacRoman('ClassicStackWeb');
+    const versions = [encodeMacRoman('AFPVersion 2.1'), encodeMacRoman('AFPVersion 2.0')];
+    const uams = [encodeMacRoman('No User Authent'), encodeMacRoman('Cleartxt Passwrd')];
+
+    const headerLen = 10;
+    let base = headerLen + 1 + serverName.length;
+    if (base % 2) base++;
+    const machineOff = base;
+    const versionsOff = machineOff + 1 + machine.length;
+    let versionsLen = 1;
+    for (const v of versions) versionsLen += 1 + v.length;
+    const uamOff = versionsOff + versionsLen;
+    let uamLen = 1;
+    for (const u of uams) uamLen += 1 + u.length;
+    const total = uamOff + uamLen;
+    const out = new Uint8Array(total);
+    writeBe16(out, 0, machineOff);
+    writeBe16(out, 2, versionsOff);
+    writeBe16(out, 4, uamOff);
+    writeBe16(out, 6, 0);
+    writeBe16(out, 8, C.SrvrInfoSupportsSrvrMsg);
+    out[headerLen] = serverName.length;
+    out.set(serverName, headerLen + 1);
+    out[machineOff] = machine.length;
+    out.set(machine, machineOff + 1);
+    out[versionsOff] = versions.length;
+    let o = versionsOff + 1;
+    for (const v of versions) {
+      out[o++] = v.length;
+      out.set(v, o);
+      o += v.length;
+    }
+    out[uamOff] = uams.length;
+    o = uamOff + 1;
+    for (const u of uams) {
+      out[o++] = u.length;
+      out.set(u, o);
+      o += u.length;
+    }
+    return out;
+  }
+}
+
+function concat(...parts: Uint8Array[]): Uint8Array {
+  const len = parts.reduce((n, p) => n + p.length, 0);
+  const out = new Uint8Array(len);
+  let o = 0;
+  for (const p of parts) {
+    out.set(p, o);
+    o += p.length;
+  }
+  return out;
+}
+
+/** Rough Mac Roman short name (≤12 chars); enough for AFP ShortName field. */
+function shortenMacName(name: string): string {
+  if (name.length <= 12) return name;
+  const dot = name.lastIndexOf('.');
+  if (dot > 0 && name.length - dot <= 4) {
+    const ext = name.slice(dot, dot + 4);
+    return name.slice(0, Math.max(1, 12 - ext.length)) + ext;
+  }
+  return name.slice(0, 12);
+}
+
+/** Bytes to pull in ASP WriteContinue + fixed header length (ClassicStack writeDataCount). */
+function writeDataCount(block: Uint8Array): { want: number; hdrLen: number } {
+  if (block.length >= 12 && block[0] === C.CmdWrite) {
+    const n = be32(block, 8) | 0;
+    if (n < 0) return { want: 0, hdrLen: 0 };
+    return { want: n, hdrLen: 12 };
+  }
+  if (block.length >= 20 && block[0] === C.CmdAddIcon) {
+    return { want: be16(block, 18), hdrLen: 20 };
+  }
+  return { want: 0, hdrLen: 0 };
+}
+
+/** AFPVersion + UAM Pascal strings; leftover is typically the user name. */
+function parseLoginUserName(block: Uint8Array): string {
+  let o = 1;
+  for (let i = 0; i < 2; i++) {
+    if (o >= block.length) return '';
+    const n = block[o]!;
+    o += 1 + n;
+  }
+  if (o >= block.length) return '';
+  const n = block[o]!;
+  if (!n || o + 1 + n > block.length) return '';
+  return decodeMacRoman(block.subarray(o + 1, o + 1 + n));
+}
+
+function appendWriteData(header: Uint8Array, headerLen: number, data: Uint8Array): Uint8Array {
+  const h = header.length > headerLen ? header.subarray(0, headerLen) : header;
+  const out = new Uint8Array(h.length + data.length);
+  out.set(h);
+  out.set(data, h.length);
+  return out;
+}
diff --git a/src/ui/about-dialog.ts b/src/ui/about-dialog.ts
index 3d8649a..8dc2e04 100644
--- a/src/ui/about-dialog.ts
+++ b/src/ui/about-dialog.ts
@@ -18,6 +18,7 @@ const HARALD_KUHR = 'https://github.com/haraldk';
 const TWELVE_MONKEYS = 'https://github.com/haraldk/TwelveMonkeys';
 const TWELVE_MONKEYS_PICT =
   'https://github.com/haraldk/TwelveMonkeys/tree/master/imageio/imageio-pict';
+const ICONS8 = 'https://icons8.com/';
 const GPL = 'https://www.gnu.org/licenses/gpl-3.0.html';
 
 function extLink(href: string, label: string): string {
@@ -106,6 +107,9 @@ export class AboutDialog extends HTMLElement {
               ${extLink(TWELVE_MONKEYS_PICT, 'imageio-pict')}
               (PICT bitmap packing; BSD-3-Clause)
             </li>
+            <li>
+              Icons by ${extLink(ICONS8, 'Icons8')}
+            </li>
           </ul>
         </div>
         <footer class="netboot-dialog__footer">
diff --git a/src/ui/app-menubar.ts b/src/ui/app-menubar.ts
index 58aa49d..f1052f6 100644
--- a/src/ui/app-menubar.ts
+++ b/src/ui/app-menubar.ts
@@ -1,288 +1,316 @@
-import { downloadBytes, type PcapCapture } from '../util/pcap';
-import { log } from '../util/logger';
-import { applyPrefsBundle, parsePrefsBundle, stringifyPrefsBundle } from '../util/prefs-bundle';
-import type { LogPanel } from './log-panel';
-import type { ActivityWindow } from './activity-window';
-import type { AfpSessionsDialog } from './afp-sessions-dialog';
-import type { ResourceForkExplorer } from './resource-fork-explorer';
-import type { GetInfoWindow } from './get-info-window';
-import type { FinderWindow } from './finder-window';
-import type { AboutDialog } from './about-dialog';
-import type { AlertDialog } from './alert-dialog';
-import type { SettingsWindow } from './settings-window';
-import { iconCache } from '../fs/icon-cache';
-import { persistWindow } from './window-layout';
-import { isCompactUi } from './layout-mode';
-import { bindMenuBarTracking, MENUBAR_CHANGE, menubarOpenKey, setMenubarOpen } from './menu-bar-track';
-
-export interface AdvancedMenuHost {
-  pcap: PcapCapture;
-  logPanel: LogPanel;
-  activityWindow: ActivityWindow;
-  afpSessions: AfpSessionsDialog;
-  resourceExplorer: ResourceForkExplorer;
-  getInfoWindow: GetInfoWindow;
-  about: AboutDialog;
-  alertDialog?: AlertDialog;
-  settings?: SettingsWindow;
-  finder?: FinderWindow;
-  onCaptureChanged?(capturing: boolean): void;
-}
-
-/** Screen-top menu bar with ClassicStack / Advanced menus. */
-export class AppMenuBar extends HTMLElement {
-  private host: AdvancedMenuHost | null = null;
-  private unbindTracking: (() => void) | null = null;
-
-  connectedCallback(): void {
-    this.classList.add('app-menubar');
-    this.render();
-    this.addEventListener('click', (e) => this.onClick(e));
-    this.addEventListener(MENUBAR_CHANGE, this.onMenubarChange);
-    this.unbindTracking = bindMenuBarTracking(this);
-  }
-
-  disconnectedCallback(): void {
-    this.removeEventListener(MENUBAR_CHANGE, this.onMenubarChange);
-    this.unbindTracking?.();
-    this.unbindTracking = null;
-  }
-
-  bind(host: AdvancedMenuHost): void {
-    this.host = host;
-    this.render();
-  }
-
-  refresh(): void {
-    this.render();
-  }
-
-  /** Lightweight badge / menu-item update while capturing (avoids closing the menu). */
-  refreshCaptureStatus(): void {
-    if (!this.host) return;
-    const capturing = this.host.pcap.capturing;
-    const count = this.host.pcap.packetCount;
-    const status = this.querySelector('.app-menubar__status');
-    if (status) {
-      status.innerHTML = capturing
-        ? `<span class="pcap-live" title="${count} frames buffered">● Capturing · ${count}</span>`
-        : '';
-    }
-    const dl = this.querySelector('[data-act="download-pcap"]') as HTMLButtonElement | null;
-    if (dl) {
-      dl.disabled = count === 0;
-      dl.innerHTML = `<span class="app-menu__check"></span>Download pcap${count ? ` (${count})` : ''}`;
-    }
-  }
-
-  private render(): void {
-    const capturing = this.host?.pcap.capturing ?? false;
-    const count = this.host?.pcap.packetCount ?? 0;
-    const logOpen = this.host ? !this.host.logPanel.hidden : false;
-    const activityOpen = this.host ? !this.host.activityWindow.hidden : false;
-    const appOpen = menubarOpenKey(this) === 'app';
-    const advancedOpen = menubarOpenKey(this) === 'advanced';
-    this.innerHTML = `
-      <div class="app-menubar__inner">
-        <div class="app-menubar__menus">
-          <div class="app-menu${appOpen ? ' open' : ''}" data-menu="app">
-            <button type="button" class="app-menu__trigger app-menubar__brand" data-act="toggle-app" aria-haspopup="true" aria-expanded="${appOpen}">
-              ClassicStack
-            </button>
-            <div class="app-menu__dropdown" role="menu" ${appOpen ? '' : 'hidden'}>
-              <button type="button" role="menuitem" data-act="about" class="app-menu__item">
-                About ClassicStack…
-              </button>
-              <button type="button" role="menuitem" data-act="settings" class="app-menu__item">
-                Settings…
-              </button>
-            </div>
-          </div>
-          <div class="app-menu${advancedOpen ? ' open' : ''}" data-menu="advanced">
-            <button type="button" class="app-menu__trigger" data-act="toggle-advanced" aria-haspopup="true" aria-expanded="${advancedOpen}">
-              Advanced
-            </button>
-            <div class="app-menu__dropdown" role="menu" ${advancedOpen ? '' : 'hidden'}>
-              <button type="button" role="menuitemcheckbox" aria-checked="${capturing}" data-act="capture-pcap" class="app-menu__item">
-                <span class="app-menu__check">${capturing ? '✓' : ''}</span>
-                Capture pcap
-              </button>
-              <button type="button" role="menuitem" data-act="download-pcap" class="app-menu__item" ${count === 0 ? 'disabled' : ''}>
-                <span class="app-menu__check"></span>
-                Download pcap${count ? ` (${count})` : ''}
-              </button>
-              <hr />
-              <button type="button" role="menuitem" data-act="mac-clients" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Message Macintosh clients…
-              </button>
-              <button type="button" role="menuitemcheckbox" aria-checked="${logOpen}" data-act="show-log" class="app-menu__item">
-                <span class="app-menu__check">${logOpen ? '✓' : ''}</span>
-                Show Log
-              </button>
-              <button type="button" role="menuitemcheckbox" aria-checked="${activityOpen}" data-act="show-activity" class="app-menu__item">
-                <span class="app-menu__check">${activityOpen ? '✓' : ''}</span>
-                Activity
-              </button>
-              <hr />
-              <button type="button" role="menuitem" data-act="resource-fork" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Resource Fork…
-              </button>
-              <button type="button" role="menuitem" data-act="clear-icon-cache" class="app-menu__item">
-                <span class="app-menu__check"></span>
-                Clear icon cache
-              </button>
-            </div>
-          </div>
-        </div>
-        <div class="app-menubar__status">
-          ${capturing ? `<span class="pcap-live" title="${count} frames buffered">● Capturing · ${count}</span>` : ''}
-        </div>
-      </div>
-    `;
-  }
-
-  private onMenubarChange = (): void => {
-    this.render();
-  };
-
-  private closeMenus(): void {
-    setMenubarOpen(this, null);
-  }
-
-  private onClick(e: MouseEvent): void {
-    const t = (e.target as HTMLElement).closest('[data-act]') as HTMLElement | null;
-    if (!t || !this.host) return;
-    e.stopPropagation();
-    const act = t.dataset.act;
-    if (act === 'toggle-app' || act === 'toggle-advanced') return;
-
-    if (act === 'about') {
-      this.closeMenus();
-      this.host.about.open();
-      return;
-    }
-
-    if (act === 'settings') {
-      this.closeMenus();
-      this.host.settings?.open('general');
-      return;
-    }
-
-    if (act === 'capture-pcap') {
-      if (this.host.pcap.capturing) {
-        this.host.pcap.stop();
-        log.info(`Stopped pcap capture (${this.host.pcap.packetCount} frames)`, 'pcap');
-      } else {
-        this.host.pcap.start();
-        log.info('Started pcap capture', 'pcap');
-      }
-      this.host.onCaptureChanged?.(this.host.pcap.capturing);
-      this.closeMenus();
-      return;
-    }
-
-    if (act === 'download-pcap') {
-      const data = this.host.pcap.build();
-      const stamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
-      downloadBytes(data, `localtalk-${stamp}.pcap`, 'application/vnd.tcpdump.pcap');
-      log.info(`Downloaded pcap (${this.host.pcap.packetCount} frames, ${data.length} bytes)`, 'pcap');
-      this.closeMenus();
-      return;
-    }
-
-    if (act === 'mac-clients') {
-      this.closeMenus();
-      this.host.afpSessions.open();
-      return;
-    }
-
-    if (act === 'show-log') {
-      this.closeMenus();
-      this.host.logPanel.toggle();
-      return;
-    }
-
-    if (act === 'show-activity') {
-      this.closeMenus();
-      this.host.activityWindow.toggle();
-      return;
-    }
-
-    if (act === 'resource-fork') {
-      this.closeMenus();
-      this.host.finder?.openResourceExplorer();
-      return;
-    }
-
-    if (act === 'clear-icon-cache') {
-      this.closeMenus();
-      void (async () => {
-        await iconCache.clear();
-        this.host?.finder?.invalidateIcons?.();
-        log.info('Cleared application icon cache', 'icons');
-      })();
-      return;
-    }
-  }
-
-  private snapshotWindows(): void {
-    const host = this.host;
-    if (!host) return;
-    if (host.finder && !isCompactUi()) persistWindow('finder', host.finder);
-    persistWindow('log', host.logPanel);
-    persistWindow('activity', host.activityWindow);
-    persistWindow('resource', host.resourceExplorer);
-    persistWindow('info', host.getInfoWindow);
-  }
-
-  exportPreferences(): void {
-    this.snapshotWindows();
-    const json = stringifyPrefsBundle();
-    const stamp = new Date().toISOString().slice(0, 10);
-    downloadBytes(new TextEncoder().encode(json), `classicstack-prefs-${stamp}.json`, 'application/json');
-    log.info('Exported preferences', 'app');
-  }
-
-  async importPreferences(): Promise<void> {
-    const host = this.host;
-    if (!host) return;
-    const file = await pickJsonFile();
-    if (!file) return;
-    let parsed;
-    try {
-      parsed = parsePrefsBundle(JSON.parse(await file.text()) as unknown);
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      host.alertDialog?.show('Could not import preferences', msg);
-      return;
-    }
-    const confirm = host.alertDialog
-      ? await host.alertDialog.confirm({
-          title: 'Import preferences',
-          text: 'Replace current preferences, window layout, and extension mappings with this file? ClassicStack will reload.',
-          confirmLabel: 'Import',
-        })
-      : { confirmed: true, checked: false };
-    if (!confirm.confirmed) return;
-    applyPrefsBundle(parsed);
-    log.info(`Imported preferences from “${file.name}”`, 'app');
-    location.reload();
-  }
-}
-
-function pickJsonFile(): Promise<File | null> {
-  return new Promise((resolve) => {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = 'application/json,.json';
-    input.addEventListener('change', () => {
-      resolve(input.files?.[0] ?? null);
-    });
-    input.addEventListener('cancel', () => resolve(null));
-    input.click();
-  });
-}
-
-customElements.define('app-menubar', AppMenuBar);
+import { downloadBytes, type PcapCapture } from '../util/pcap';
+import { log } from '../util/logger';
+import { applyPrefsBundle, parsePrefsBundle, stringifyPrefsBundle } from '../util/prefs-bundle';
+import type { LogPanel } from './log-panel';
+import type { ActivityWindow } from './activity-window';
+import type { AfpSessionsDialog } from './afp-sessions-dialog';
+import type { ResourceForkExplorer } from './resource-fork-explorer';
+import type { WinResourceExplorer } from './win-resource-explorer';
+import type { GetInfoWindow } from './get-info-window';
+import type { FinderWindow } from './finder-window';
+import type { AboutDialog } from './about-dialog';
+import type { AlertDialog } from './alert-dialog';
+import type { SettingsWindow } from './settings-window';
+import { persistWindow } from './window-layout';
+import { isCompactUi } from './layout-mode';
+import { bindMenuBarTracking, MENUBAR_CHANGE, menubarOpenKey, setMenubarOpen } from './menu-bar-track';
+import {
+  FILE_MENU_KEY,
+  applyFileMenuAction,
+  fileMenuInnerHTML,
+} from './finder-file-menu';
+import {
+  VIEW_MENU_KEY,
+  applyViewMenuAction,
+  viewMenuInnerHTML,
+} from './finder-view-menu';
+import type { ExtensionEditorDialog } from './extension-editor-dialog';
+
+export interface AdvancedMenuHost {
+  pcap: PcapCapture;
+  logPanel: LogPanel;
+  activityWindow: ActivityWindow;
+  afpSessions: AfpSessionsDialog;
+  resourceExplorer: ResourceForkExplorer;
+  winResourceExplorer?: WinResourceExplorer;
+  getInfoWindow: GetInfoWindow;
+  about: AboutDialog;
+  alertDialog?: AlertDialog;
+  settings?: SettingsWindow;
+  finder?: FinderWindow;
+  extensionEditor?: ExtensionEditorDialog;
+  onCaptureChanged?(capturing: boolean): void;
+}
+
+/** Screen-top menu bar with ClassicStack / File / View / Advanced menus. */
+export class AppMenuBar extends HTMLElement {
+  private host: AdvancedMenuHost | null = null;
+  private unbindTracking: (() => void) | null = null;
+
+  connectedCallback(): void {
+    this.classList.add('app-menubar');
+    this.render();
+    this.addEventListener('click', (e) => this.onClick(e));
+    this.addEventListener(MENUBAR_CHANGE, this.onMenubarChange);
+    this.unbindTracking = bindMenuBarTracking(this);
+  }
+
+  disconnectedCallback(): void {
+    this.removeEventListener(MENUBAR_CHANGE, this.onMenubarChange);
+    this.unbindTracking?.();
+    this.unbindTracking = null;
+  }
+
+  bind(host: AdvancedMenuHost): void {
+    this.host = host;
+    this.render();
+  }
+
+  refresh(): void {
+    this.render();
+  }
+
+  /** Lightweight badge / menu-item update while capturing (avoids closing the menu). */
+  refreshCaptureStatus(): void {
+    if (!this.host) return;
+    const capturing = this.host.pcap.capturing;
+    const count = this.host.pcap.packetCount;
+    const status = this.querySelector('.app-menubar__status');
+    if (status) {
+      status.innerHTML = capturing
+        ? `<span class="pcap-live" title="${count} frames buffered">● Capturing · ${count}</span>`
+        : '';
+    }
+    const dl = this.querySelector('[data-act="download-pcap"]') as HTMLButtonElement | null;
+    if (dl) {
+      dl.disabled = count === 0;
+      dl.innerHTML = `<span class="app-menu__check"></span>Download pcap${count ? ` (${count})` : ''}`;
+    }
+  }
+
+  private render(): void {
+    const capturing = this.host?.pcap.capturing ?? false;
+    const count = this.host?.pcap.packetCount ?? 0;
+    const logOpen = this.host ? !this.host.logPanel.hidden : false;
+    const activityOpen = this.host ? !this.host.activityWindow.hidden : false;
+    const appOpen = menubarOpenKey(this) === 'app';
+    const fileOpen = menubarOpenKey(this) === FILE_MENU_KEY;
+    const viewOpen = menubarOpenKey(this) === VIEW_MENU_KEY;
+    const advancedOpen = menubarOpenKey(this) === 'advanced';
+    const finderHost = this.host?.finder ? { finder: this.host.finder } : null;
+    this.innerHTML = `
+      <div class="app-menubar__inner">
+        <div class="app-menubar__menus">
+          <div class="app-menu${appOpen ? ' open' : ''}" data-menu="app">
+            <button type="button" class="app-menu__trigger app-menubar__brand" data-act="toggle-app" aria-haspopup="true" aria-expanded="${appOpen}">
+              ClassicStack
+            </button>
+            <div class="app-menu__dropdown" role="menu" ${appOpen ? '' : 'hidden'}>
+              <button type="button" role="menuitem" data-act="about" class="app-menu__item">
+                About ClassicStack…
+              </button>
+              <button type="button" role="menuitem" data-act="settings" class="app-menu__item">
+                Settings…
+              </button>
+            </div>
+          </div>
+          ${
+            finderHost
+              ? `<div class="app-menu${fileOpen ? ' open' : ''} finder-file-menu" data-menu="${FILE_MENU_KEY}">
+            ${fileMenuInnerHTML(finderHost, fileOpen)}
+          </div>`
+              : ''
+          }
+          ${
+            finderHost
+              ? `<div class="app-menu${viewOpen ? ' open' : ''} finder-view-menu" data-menu="${VIEW_MENU_KEY}">
+            ${viewMenuInnerHTML(finderHost, viewOpen)}
+          </div>`
+              : ''
+          }
+          <div class="app-menu${advancedOpen ? ' open' : ''}" data-menu="advanced">
+            <button type="button" class="app-menu__trigger" data-act="toggle-advanced" aria-haspopup="true" aria-expanded="${advancedOpen}">
+              Advanced
+            </button>
+            <div class="app-menu__dropdown" role="menu" ${advancedOpen ? '' : 'hidden'}>
+              <button type="button" role="menuitemcheckbox" aria-checked="${capturing}" data-act="capture-pcap" class="app-menu__item">
+                <span class="app-menu__check">${capturing ? '✓' : ''}</span>
+                Capture pcap
+              </button>
+              <button type="button" role="menuitem" data-act="download-pcap" class="app-menu__item" ${count === 0 ? 'disabled' : ''}>
+                <span class="app-menu__check"></span>
+                Download pcap${count ? ` (${count})` : ''}
+              </button>
+              <hr />
+              <button type="button" role="menuitem" data-act="mac-clients" class="app-menu__item">
+                <span class="app-menu__check"></span>
+                Message Macintosh clients…
+              </button>
+              <button type="button" role="menuitemcheckbox" aria-checked="${logOpen}" data-act="show-log" class="app-menu__item">
+                <span class="app-menu__check">${logOpen ? '✓' : ''}</span>
+                Show Log
+              </button>
+              <button type="button" role="menuitemcheckbox" aria-checked="${activityOpen}" data-act="show-activity" class="app-menu__item">
+                <span class="app-menu__check">${activityOpen ? '✓' : ''}</span>
+                Activity
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="app-menubar__status">
+          ${capturing ? `<span class="pcap-live" title="${count} frames buffered">● Capturing · ${count}</span>` : ''}
+        </div>
+      </div>
+    `;
+  }
+
+  private onMenubarChange = (): void => {
+    this.render();
+  };
+
+  private closeMenus(): void {
+    setMenubarOpen(this, null);
+  }
+
+  private onClick(e: MouseEvent): void {
+    const el = e.target instanceof Element ? e.target : e.target instanceof Node ? e.target.parentElement : null;
+    const t = el?.closest('[data-act]') as HTMLElement | null;
+    if (!t || !this.host) return;
+    e.stopPropagation();
+    const act = t.dataset.act;
+    if (act === 'toggle-app' || act === 'toggle-file' || act === 'toggle-view' || act === 'toggle-advanced') return;
+
+    void (async () => {
+      if (this.host?.finder) {
+        const host = { finder: this.host.finder };
+        if (await applyFileMenuAction(act, host)) {
+          this.closeMenus();
+          this.render();
+          return;
+        }
+        if (await applyViewMenuAction(act, host)) {
+          this.closeMenus();
+          this.render();
+          return;
+        }
+      }
+      this.handleAppMenuAction(act);
+    })();
+  }
+
+  private handleAppMenuAction(act: string | undefined): void {
+    if (!this.host || !act) return;
+
+    if (act === 'about') {
+      this.closeMenus();
+      this.host.about.open();
+      return;
+    }
+
+    if (act === 'settings') {
+      this.closeMenus();
+      this.host.settings?.open('general');
+      return;
+    }
+
+    if (act === 'capture-pcap') {
+      if (this.host.pcap.capturing) {
+        this.host.pcap.stop();
+        log.info(`Stopped pcap capture (${this.host.pcap.packetCount} frames)`, 'pcap');
+      } else {
+        this.host.pcap.start();
+        log.info('Started pcap capture', 'pcap');
+      }
+      this.host.onCaptureChanged?.(this.host.pcap.capturing);
+      this.closeMenus();
+      return;
+    }
+
+    if (act === 'download-pcap') {
+      const data = this.host.pcap.build();
+      const stamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
+      downloadBytes(data, `localtalk-${stamp}.pcap`, 'application/vnd.tcpdump.pcap');
+      log.info(`Downloaded pcap (${this.host.pcap.packetCount} frames, ${data.length} bytes)`, 'pcap');
+      this.closeMenus();
+      return;
+    }
+
+    if (act === 'mac-clients') {
+      this.closeMenus();
+      this.host.afpSessions.open();
+      return;
+    }
+
+    if (act === 'show-log') {
+      this.closeMenus();
+      this.host.logPanel.toggle();
+      return;
+    }
+
+    if (act === 'show-activity') {
+      this.closeMenus();
+      this.host.activityWindow.toggle();
+      return;
+    }
+  }
+
+  private snapshotWindows(): void {
+    const host = this.host;
+    if (!host) return;
+    if (host.finder && !isCompactUi()) persistWindow('finder', host.finder);
+    persistWindow('log', host.logPanel);
+    persistWindow('activity', host.activityWindow);
+    persistWindow('resource', host.resourceExplorer);
+    if (host.winResourceExplorer) persistWindow('winresource', host.winResourceExplorer);
+    persistWindow('info', host.getInfoWindow);
+  }
+
+  exportPreferences(): void {
+    this.snapshotWindows();
+    const json = stringifyPrefsBundle();
+    const stamp = new Date().toISOString().slice(0, 10);
+    downloadBytes(new TextEncoder().encode(json), `classicstack-prefs-${stamp}.json`, 'application/json');
+    log.info('Exported preferences', 'app');
+  }
+
+  async importPreferences(): Promise<void> {
+    const host = this.host;
+    if (!host) return;
+    const file = await pickJsonFile();
+    if (!file) return;
+    let parsed;
+    try {
+      parsed = parsePrefsBundle(JSON.parse(await file.text()) as unknown);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      host.alertDialog?.show('Could not import preferences', msg);
+      return;
+    }
+    const confirm = host.alertDialog
+      ? await host.alertDialog.confirm({
+          title: 'Import preferences',
+          text: 'Replace current preferences, window layout, and extension mappings with this file? ClassicStack will reload.',
+          confirmLabel: 'Import',
+        })
+      : { confirmed: true, checked: false };
+    if (!confirm.confirmed) return;
+    applyPrefsBundle(parsed);
+    log.info(`Imported preferences from “${file.name}”`, 'app');
+    location.reload();
+  }
+}
+
+function pickJsonFile(): Promise<File | null> {
+  return new Promise((resolve) => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = 'application/json,.json';
+    input.addEventListener('change', () => {
+      resolve(input.files?.[0] ?? null);
+    });
+    input.addEventListener('cancel', () => resolve(null));
+    input.click();
+  });
+}
+
+customElements.define('app-menubar', AppMenuBar);
diff --git a/src/ui/file-preview.test.ts b/src/ui/file-preview.test.ts
index dbed28e..4c4a5ad 100644
--- a/src/ui/file-preview.test.ts
+++ b/src/ui/file-preview.test.ts
@@ -11,6 +11,7 @@ describe('file preview kinds', () => {
     expect(previewKindFor(node('shot.jpg'))).toBe('image');
     expect(previewKindFor(node('shot.png'))).toBe('image');
     expect(previewKindFor(node('shot.gif'))).toBe('image');
+    expect(previewKindFor(node('shot.bmp'))).toBe('image');
     expect(previewKindFor(node('clip.pict'))).toBe('pict');
     expect(previewKindFor(node('song.mp3'))).toBe('audio');
     expect(previewKindFor(node('loop.aiff'))).toBe('audio');
@@ -22,6 +23,7 @@ describe('file preview kinds', () => {
 
   it('picks MIME types for the browser elements', () => {
     expect(previewMime('image', 'x.png', 'PNG ')).toBe('image/png');
+    expect(previewMime('image', 'x.bmp', 'BMPp')).toBe('image/bmp');
     expect(previewMime('audio', 'x.mp3', 'MPG3')).toBe('audio/mpeg');
     expect(previewMime('audio', 'x.aif', 'AIFF')).toBe('audio/aiff');
   });
diff --git a/src/ui/file-preview.ts b/src/ui/file-preview.ts
index 65e33b8..1da327a 100644
--- a/src/ui/file-preview.ts
+++ b/src/ui/file-preview.ts
@@ -4,11 +4,11 @@ import { readTypeCreator } from '../fs/icon-cache';
 export type FilePreviewKind = 'text' | 'image' | 'audio' | 'pict';
 
 const TEXT_TYPES = new Set(['TEXT', 'ttro']);
-const IMAGE_TYPES = new Set(['JPEG', 'GIFf', 'PNG ']);
+const IMAGE_TYPES = new Set(['JPEG', 'GIFf', 'PNG ', 'BMPp', 'BMP ']);
 const AUDIO_TYPES = new Set(['WAVE', 'MPG3', 'AIFF', 'AIFC']);
 const PICT_TYPES = new Set(['PICT']);
 
-const IMAGE_EXTS = new Set(['jpg', 'jpeg', 'png', 'gif']);
+const IMAGE_EXTS = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp']);
 const AUDIO_EXTS = new Set(['wav', 'mp3', 'aiff', 'aif']);
 const PICT_EXTS = new Set(['pict', 'pic', 'pct']);
 const TEXT_EXTS = new Set(['ttro']);
@@ -24,11 +24,16 @@ export function previewKindFor(node: { name: string; finderInfo: Uint8Array; isD
   return null;
 }
 
+export function isBmpPreview(name: string, type: string): boolean {
+  return type === 'BMPp' || type === 'BMP ' || filenameExtension(name) === 'bmp';
+}
+
 export function previewMime(kind: FilePreviewKind, name: string, type: string): string {
   const ext = filenameExtension(name);
   if (kind === 'image') {
     if (type === 'GIFf' || ext === 'gif') return 'image/gif';
     if (type === 'PNG ' || ext === 'png') return 'image/png';
+    if (type === 'BMPp' || type === 'BMP ' || ext === 'bmp') return 'image/bmp';
     return 'image/jpeg';
   }
   if (kind === 'audio') {
diff --git a/src/ui/finder-file-menu.test.ts b/src/ui/finder-file-menu.test.ts
new file mode 100644
index 0000000..47db2b4
--- /dev/null
+++ b/src/ui/finder-file-menu.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it, vi } from 'vitest';
+import { applyFileMenuAction, fileMenuInnerHTML } from './finder-file-menu';
+
+function host() {
+  return {
+    finder: {
+      selectionSupportsPreview: () => true,
+      canCloseMountedShare: () => false,
+      menuNewFolder: vi.fn(),
+      menuOpenPreview: vi.fn(),
+      menuDownloadZip: vi.fn(),
+      menuGetInfo: vi.fn(),
+      menuRename: vi.fn(),
+      menuDelete: vi.fn(),
+      menuCloseShare: vi.fn(),
+    },
+  } as const;
+}
+
+describe('File menu', () => {
+  it('creates a new folder', async () => {
+    const h = host();
+    expect(await applyFileMenuAction('new-folder', h)).toBe(true);
+    expect(h.finder.menuNewFolder).toHaveBeenCalled();
+  });
+
+  it('disables preview when unsupported', () => {
+    const html = fileMenuInnerHTML({ finder: { ...host().finder, selectionSupportsPreview: () => false } as never }, false);
+    expect(html).toContain('Open Preview');
+    expect(html).toContain('disabled');
+  });
+
+  it('shows close share for mounted volumes', () => {
+    const html = fileMenuInnerHTML({ finder: { ...host().finder, canCloseMountedShare: () => true } as never }, false);
+    expect(html).toContain('Close Share');
+  });
+});
diff --git a/src/ui/finder-file-menu.ts b/src/ui/finder-file-menu.ts
new file mode 100644
index 0000000..6fc2361
--- /dev/null
+++ b/src/ui/finder-file-menu.ts
@@ -0,0 +1,91 @@
+/** Finder File menu: new folder, preview, zip download, info, rename, delete, close share. */
+
+import type { FinderWindow } from './finder-window';
+import { shortcutHtml } from './menu-shortcut';
+
+export const FILE_MENU_KEY = 'file';
+
+export interface FileMenuHost {
+  finder: FinderWindow;
+}
+
+const TOGGLE_ACTS = new Set(['toggle', 'toggle-file']);
+
+export function isFileMenuToggle(act: string | undefined): boolean {
+  return !!act && TOGGLE_ACTS.has(act);
+}
+
+function menuItem(opts: {
+  act: string;
+  label: string;
+  disabled?: boolean;
+  shortcut?: string[];
+  checked?: boolean;
+  radio?: boolean;
+}): string {
+  const role = opts.radio ? 'menuitemradio' : 'menuitem';
+  const check =
+    opts.checked != null
+      ? `<span class="app-menu__check">${opts.checked ? '✓' : ''}</span>`
+      : `<span class="app-menu__check"></span>`;
+  const shortcut = opts.shortcut ? shortcutHtml(opts.shortcut) : '';
+  return `<button type="button" role="${role}"${opts.checked != null ? ` aria-checked="${opts.checked}"` : ''} data-act="${opts.act}" class="app-menu__item"${opts.disabled ? ' disabled' : ''}>
+          ${check}<span class="app-menu__label">${opts.label}</span>${shortcut}
+        </button>`;
+}
+
+/** Trigger + dropdown markup for the File menu. */
+export function fileMenuInnerHTML(host: FileMenuHost, open: boolean): string {
+  const finder = host.finder;
+  const previewOk = finder.selectionSupportsPreview();
+  const closeShare = finder.canCloseMountedShare();
+  return `
+      <button type="button" class="app-menu__trigger" data-act="toggle-file" aria-haspopup="true" aria-expanded="${open}">
+        File
+      </button>
+      <div class="app-menu__dropdown" role="menu" ${open ? '' : 'hidden'}>
+        ${menuItem({ act: 'new-folder', label: 'New Folder', shortcut: ['mod', 'shift', 'N'] })}
+        ${menuItem({ act: 'open-preview', label: 'Open Preview', disabled: !previewOk, shortcut: ['Space'] })}
+        ${menuItem({ act: 'download-zip', label: 'Download Zip' })}
+        <hr />
+        ${menuItem({ act: 'get-info', label: 'Get Info', shortcut: ['mod', 'I'] })}
+        ${menuItem({ act: 'rename', label: 'Rename', shortcut: ['Enter'] })}
+        ${menuItem({ act: 'delete', label: 'Delete', shortcut: ['mod', 'Backspace'] })}
+        ${closeShare ? `<hr />${menuItem({ act: 'close-share', label: 'Close Share' })}` : ''}
+      </div>
+    `;
+}
+
+/**
+ * Apply a File menu item. Returns true when `act` was handled (not the title toggle).
+ */
+export async function applyFileMenuAction(act: string | undefined, host: FileMenuHost): Promise<boolean> {
+  if (!act || isFileMenuToggle(act)) return false;
+  const finder = host.finder;
+  switch (act) {
+    case 'new-folder':
+      await finder.menuNewFolder();
+      return true;
+    case 'open-preview':
+      if (!finder.selectionSupportsPreview()) return true;
+      await finder.menuOpenPreview();
+      return true;
+    case 'download-zip':
+      await finder.menuDownloadZip();
+      return true;
+    case 'get-info':
+      finder.menuGetInfo();
+      return true;
+    case 'rename':
+      finder.menuRename();
+      return true;
+    case 'delete':
+      await finder.menuDelete();
+      return true;
+    case 'close-share':
+      await finder.menuCloseShare();
+      return true;
+    default:
+      return false;
+  }
+}
diff --git a/src/ui/finder-host.ts b/src/ui/finder-host.ts
index 173bd1e..7c380c9 100644
--- a/src/ui/finder-host.ts
+++ b/src/ui/finder-host.ts
@@ -55,6 +55,8 @@ export interface RemoteEndpoint {
    * volumes as children after login and shows Disconnect on this row.
    */
   role?: 'server' | 'volume';
+  /** Copyable connect URI (no volume, no trailing slash). */
+  uri?: string;
 }
 
 /** Result of contacting a remote (or local) endpoint before / after login. */
diff --git a/src/ui/finder-sidebar.test.ts b/src/ui/finder-sidebar.test.ts
index bd6b6a6..80969c2 100644
--- a/src/ui/finder-sidebar.test.ts
+++ b/src/ui/finder-sidebar.test.ts
@@ -8,6 +8,7 @@ import {
   shareKeyForEndpoint,
   viewingCatalogEndpoint,
   visibleSidebarGroups,
+  volumesForEndpoint,
 } from './finder-sidebar';
 
 function ep(partial: Partial<RemoteEndpoint> & Pick<RemoteEndpoint, 'id' | 'title'>): RemoteEndpoint {
@@ -85,3 +86,17 @@ describe('share keys and drop targets', () => {
     expect(viewingCatalogEndpoint(server, share.id, 'remote', true)).toBe(false);
   });
 });
+
+describe('volumesForEndpoint', () => {
+  it('keeps an empty share list instead of leaking another endpoint’s volumes', () => {
+    const win98 = ep({ id: 'smb://WIN98-1,nbipx/', title: 'WIN98-1', kind: 'smb' });
+    const known = new Map<string, string[]>([[win98.id, []]]);
+    expect(volumesForEndpoint(win98, known, win98.id, true, ['Test Volume'])).toEqual([]);
+  });
+
+  it('uses the live list only when this server has no cache yet', () => {
+    const win98 = ep({ id: 'smb://WIN98-1,nbipx/', title: 'WIN98-1', kind: 'smb' });
+    expect(volumesForEndpoint(win98, new Map(), win98.id, true, ['C'])).toEqual(['C']);
+    expect(volumesForEndpoint(win98, new Map(), 'other', true, ['C'])).toEqual([]);
+  });
+});
diff --git a/src/ui/finder-sidebar.ts b/src/ui/finder-sidebar.ts
index 563f4dc..076ac20 100644
--- a/src/ui/finder-sidebar.ts
+++ b/src/ui/finder-sidebar.ts
@@ -101,6 +101,24 @@ export function viewingCatalogEndpoint(
   return isCatalogEndpoint(ep) && source === 'remote' && remoteOpen && currentId === ep.id;
 }
 
+/**
+ * Volumes listed under a sidebar server. An empty cache entry is authoritative
+ * (the server enumerated zero shares) and must not fall through to another
+ * endpoint’s global `remoteVolumes` — that made “Test Volume” appear under
+ * WIN98-1 after opening a local share.
+ */
+export function volumesForEndpoint(
+  ep: RemoteEndpoint,
+  known: Map<string, string[]>,
+  currentId: string,
+  remoteLoggedIn: boolean,
+  remoteVolumes: string[],
+): string[] {
+  if (known.has(ep.id)) return known.get(ep.id) ?? [];
+  if (remoteLoggedIn && ep.id === currentId) return remoteVolumes;
+  return [];
+}
+
 export type ShareDrop = { key: string; name: string };
 
 /**
diff --git a/src/ui/finder-view-menu.test.ts b/src/ui/finder-view-menu.test.ts
new file mode 100644
index 0000000..32ef057
--- /dev/null
+++ b/src/ui/finder-view-menu.test.ts
@@ -0,0 +1,52 @@
+import { describe, expect, it, vi } from 'vitest';
+import { applyViewMenuAction, isViewMenuToggle, viewMenuInnerHTML } from './finder-view-menu';
+import type { ViewMenuHost } from './finder-view-menu';
+
+function host(overrides: Partial<ViewMenuHost['finder']> = {}): ViewMenuHost {
+  const finder = {
+    getShowHiddenFiles: () => false,
+    setShowHiddenFiles: vi.fn(),
+    getReadFinderIcons: () => true,
+    setReadFinderIcons: vi.fn(),
+    getView: () => 'icon' as const,
+    getSortKey: () => 'name' as const,
+    applyViewMode: vi.fn(),
+    applySortKey: vi.fn(),
+    ...overrides,
+  };
+  return { finder: finder as ViewMenuHost['finder'] };
+}
+
+describe('View menu actions', () => {
+  it('ignores title toggles', () => {
+    expect(isViewMenuToggle('toggle-view')).toBe(true);
+    expect(isViewMenuToggle('toggle')).toBe(true);
+    expect(applyViewMenuAction('toggle-view', host())).resolves.toBe(false);
+  });
+
+  it('toggles hidden files', async () => {
+    const h = host();
+    expect(await applyViewMenuAction('toggle-show-hidden', h)).toBe(true);
+    expect(h.finder.setShowHiddenFiles).toHaveBeenCalledWith(true);
+  });
+
+  it('switches view modes', async () => {
+    const h = host();
+    expect(await applyViewMenuAction('view-list', h)).toBe(true);
+    expect(h.finder.applyViewMode).toHaveBeenCalledWith('list');
+  });
+
+  it('applies sort keys', async () => {
+    const h = host();
+    expect(await applyViewMenuAction('sort-modified', h)).toBe(true);
+    expect(h.finder.applySortKey).toHaveBeenCalledWith('modified');
+  });
+
+  it('renders view shortcuts and sort submenu', () => {
+    const html = viewMenuInnerHTML(host(), false);
+    expect(html).toContain('as Icons');
+    expect(html).toContain('Sort By');
+    expect(html).toContain('Load icons');
+    expect(html).not.toContain('AppleDouble zip');
+  });
+});
diff --git a/src/ui/finder-view-menu.ts b/src/ui/finder-view-menu.ts
new file mode 100644
index 0000000..6258149
--- /dev/null
+++ b/src/ui/finder-view-menu.ts
@@ -0,0 +1,117 @@
+/** Finder View menu: layout, sort, hidden files, load icons. */
+
+import type { FinderWindow } from './finder-window';
+import type { SortKey, ViewMode } from './finder-window';
+import { shortcutHtml } from './menu-shortcut';
+
+export const VIEW_MENU_KEY = 'view';
+
+export interface ViewMenuHost {
+  finder: FinderWindow;
+}
+
+const TOGGLE_ACTS = new Set(['toggle', 'toggle-view']);
+
+/** True when `act` is the View title (tracking / the host toggles the dropdown). */
+export function isViewMenuToggle(act: string | undefined): boolean {
+  return !!act && TOGGLE_ACTS.has(act);
+}
+
+function viewItem(view: ViewMode, current: ViewMode, label: string, digit: string): string {
+  const checked = current === view;
+  return `<button type="button" role="menuitemradio" aria-checked="${checked}" data-act="view-${view}" class="app-menu__item">
+          <span class="app-menu__check">${checked ? '✓' : ''}</span>
+          <span class="app-menu__label">${label}</span>
+          ${shortcutHtml(['mod', digit])}
+        </button>`;
+}
+
+function sortItem(key: SortKey, current: SortKey, label: string): string {
+  const checked = current === key;
+  return `<button type="button" role="menuitemradio" aria-checked="${checked}" data-act="sort-${key}" class="app-menu__item">
+          <span class="app-menu__check">${checked ? '✓' : ''}</span>
+          <span class="app-menu__label">${label}</span>
+        </button>`;
+}
+
+/** Trigger + dropdown markup for the View menu. */
+export function viewMenuInnerHTML(host: ViewMenuHost, open: boolean): string {
+  const finder = host.finder;
+  const hidden = finder.getShowHiddenFiles();
+  const icons = finder.getReadFinderIcons();
+  const view = finder.getView();
+  const sort = finder.getSortKey();
+  return `
+      <button type="button" class="app-menu__trigger" data-act="toggle-view" aria-haspopup="true" aria-expanded="${open}">
+        View
+      </button>
+      <div class="app-menu__dropdown" role="menu" ${open ? '' : 'hidden'}>
+        ${viewItem('icon', view, 'as Icons', '1')}
+        ${viewItem('list', view, 'as List', '2')}
+        ${viewItem('column', view, 'as Columns', '3')}
+        <hr />
+        <div class="app-menu__submenu-trigger" role="none">
+          <button type="button" role="menuitem" class="app-menu__item app-menu__submenu-btn" aria-haspopup="true" tabindex="-1">
+            <span class="app-menu__check"></span>
+            <span class="app-menu__label">Sort By</span>
+            <span class="app-menu__submenu-arrow" aria-hidden="true">▸</span>
+          </button>
+          <div class="app-menu__submenu" role="menu">
+            ${sortItem('name', sort, 'Name')}
+            ${sortItem('modified', sort, 'Date Modified')}
+            ${sortItem('size', sort, 'Size')}
+          </div>
+        </div>
+        <hr />
+        <button type="button" role="menuitemcheckbox" aria-checked="${hidden}" data-act="toggle-show-hidden" class="app-menu__item">
+          <span class="app-menu__check">${hidden ? '✓' : ''}</span>
+          <span class="app-menu__label">Show hidden files</span>
+        </button>
+        <button type="button" role="menuitemcheckbox" aria-checked="${icons}" data-act="toggle-read-finder-icons" class="app-menu__item">
+          <span class="app-menu__check">${icons ? '✓' : ''}</span>
+          <span class="app-menu__label">Load icons</span>
+        </button>
+      </div>
+    `;
+}
+
+/**
+ * Apply a View menu item. Returns true when `act` was handled (not the title toggle).
+ */
+export async function applyViewMenuAction(act: string | undefined, host: ViewMenuHost): Promise<boolean> {
+  if (!act || isViewMenuToggle(act)) return false;
+  const finder = host.finder;
+  if (act === 'toggle-show-hidden') {
+    finder.setShowHiddenFiles(!finder.getShowHiddenFiles());
+    return true;
+  }
+  if (act === 'toggle-read-finder-icons') {
+    finder.setReadFinderIcons(!finder.getReadFinderIcons());
+    return true;
+  }
+  if (act === 'view-icon') {
+    await finder.applyViewMode('icon');
+    return true;
+  }
+  if (act === 'view-list') {
+    await finder.applyViewMode('list');
+    return true;
+  }
+  if (act === 'view-column') {
+    await finder.applyViewMode('column');
+    return true;
+  }
+  if (act === 'sort-name') {
+    await finder.applySortKey('name');
+    return true;
+  }
+  if (act === 'sort-modified') {
+    await finder.applySortKey('modified');
+    return true;
+  }
+  if (act === 'sort-size') {
+    await finder.applySortKey('size');
+    return true;
+  }
+  return false;
+}
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index 0720e55..4f0f596 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -1,5907 +1,6411 @@
-import type { Catalog, VNode } from '../fs/virtual-fs';
-import { EmptyCatalog } from '../fs/empty-catalog';
-import type {
-  Credentials,
-  FinderHost,
-  RemoteEndpoint,
-  SessionInfo,
-  SidebarAction,
-  SidebarBadge,
-  SidebarGroup,
-} from './finder-host';
-import { fromMacTime } from '../protocol/afp/constants';
-import { decodeMacRoman } from '../protocol/macroman';
-import { buildAppleDouble, zipSidecarPath, zipStore, type ZipExportStyle } from '../fs/appledouble';
-import { formatBytes } from './format-bytes';
-import {
-  iconCache,
-  readTypeCreator,
-  isCustomFolderIconName,
-  isFinderInvisible,
-  isDefaultFolderIcon,
-  DEFAULT_FOLDER_ICONS,
-  type IconUrls,
-} from '../fs/icon-cache';
-import { expandArchiveFile, expandFailureMessage, isExpandableArchive, type ExpandedNode } from '../fs/expand-incoming';
-import { expandSitInPlace } from '../fs/expand-inplace';
-import type { WelcomePackProgress } from '../fs/welcome-pack';
-import { importExpandedTree, type ImportItemTrack } from '../fs/import-transfer';
-import { decodeVers1, versInfoForGetInfo, type VersGetInfo, type VersRec } from '../fs/resource-types/vers';
-import {
-  finderCommentFromFork,
-  finderCommentId,
-  finderFlagLabels,
-  finderGetInfoDetails,
-} from '../fs/finder-info';
-import { loadPrefs, savePrefs } from '../util/prefs';
-import { log } from '../util/logger';
-import { isAbortError, throwIfAborted } from '../util/abort';
-import { VisibleIconQueue } from './icon-prefetch';
-import { uiIcons } from './lucide-icon';
-import { enableWindowMove, enableWindowResize, onWindowGeometryChange } from './window-resize';
-import {
-  applyWindowFrame,
-  defaultFinderFrame,
-  loadWindowLayouts,
-  persistWindow,
-  restoreWindow,
-} from './window-layout';
-import type { ResourceForkExplorer } from './resource-fork-explorer';
-import type { GetInfoWindow } from './get-info-window';
-import { isCompactUi, onLayoutModeChange } from './layout-mode';
-import { positionCallout } from './callout';
-import { paintTransferList } from './transfer-list';
-import {
-  transferActivity,
-  TRANSFER_FILE_ICON,
-  type TransferWriteProgress,
-} from '../util/transfer-activity';
-import {
-  isTransferCancelled,
-  planItemPlacement,
-  uniqueCopyName,
-  TransferCancelled,
-  type PlacementPlan,
-} from '../fs/name-conflict';
-import { decodePict, pictToSvg } from '../fs/pict/pict';
-import { previewKindFor, previewMime, type FilePreviewKind } from './file-preview';
-import { isCatalogWithBackend } from '../finder/api';
-import {
-  SIDEBAR_GROUP_NETWORK,
-  assignSidebarGroup,
-  badgeText,
-  badgeTitle,
-  endpointsByGroup,
-  isCatalogEndpoint,
-  LOCAL_SHARE_KEY,
-  shareDropFromElement,
-  shareKeyForEndpoint,
-  viewingCatalogEndpoint,
-  visibleSidebarGroups,
-} from './finder-sidebar';
-
-export type ViewMode = 'icon' | 'list' | 'column';
-export type SortKey = 'name' | 'modified' | 'size';
-
-/** Finder file types that open in the Quick Look overlay. */
-const PREVIEW_TEXT_MAX_BYTES = 512 * 1024;
-
-export type {
-  Credentials,
-  FinderHost,
-  RemoteEndpoint,
-  SessionInfo,
-  SidebarBadge,
-  SidebarGroup,
-} from './finder-host';
-
-interface ListItem {
-  key: string;
-  name: string;
-  isDir: boolean;
-  size: number;
-  mod: Date;
-  node: VNode | null;
-  finderInfo?: Uint8Array;
-  /** Synthetic row shown until the first enumerate page arrives. */
-  placeholder?: boolean;
-  /** Dest of an in-flight copy/import; overlay a percent loader on the icon. */
-  writing?: TransferWriteProgress;
-}
-
-const LISTING_PLACEHOLDER_KEY = '__listing__';
-
-interface ClipNode {
-  name: string;
-  isDir: boolean;
-  data: Uint8Array;
-  resource: Uint8Array;
-  finderInfo: Uint8Array;
-  kids?: ClipNode[];
-}
-
-/** On-disk size for Finder lists: data fork + resource fork. */
-function nodeByteSize(n: VNode): number {
-  if (n.isDir) return 0;
-  return (n.dataBytes ?? n.data.length) + (n.resourceBytes ?? n.resource.length);
-}
-
-function clipByteSize(item: ClipNode): number {
-  if (item.isDir) return (item.kids ?? []).reduce((n, k) => n + clipByteSize(k), 0);
-  return item.data.length + item.resource.length;
-}
-
-export class FinderWindow extends HTMLElement {
-  private vfs!: Catalog;
-  private localVfs: Catalog | null = null;
-  private host!: FinderHost;
-  private view: ViewMode = 'icon';
-  private cwd = 2;
-  private pathStack: { id: number; name: string }[] = [{ id: 2, name: 'Browser Share' }];
-  /** For column view: one column of children per pathStack entry. */
-  private columnChildren: VNode[][] = [];
-  private selectedId: number | null = null;
-  private nodes: VNode[] = [];
-  private servers: RemoteEndpoint[] = [];
-  private source: 'local' | 'remote' = 'local';
-  private status = 'Connect a TashTalk adaptor to begin.';
-  private statusBusy = false;
-  private welcomePackBusy = false;
-  private showProps = false;
-  private remoteOpen = false;
-  /** True after AFP login; volumes listed under the server until disconnect. */
-  private remoteLoggedIn = false;
-  private remoteVolumes: string[] = [];
-  /** Volumes enumerated for a server stay in the sidebar after switching rows. */
-  private knownVolumes = new Map<string, string[]>();
-  private loggedInEndpoints = new Set<string>();
-  /** Share keys of volumes the user has opened (eject is hidden until then). */
-  private openedVolumeKeys = new Set<string>();
-  private remoteBusy = false;
-  private remoteNbpName = '';
-  private remoteEndpoint: RemoteEndpoint | null = null;
-  private eventsBound = false;
-  private dragDepth = 0;
-  /** Folder ids expanded in list-view outline. */
-  private expandedIds = new Set<number>();
-  /** Folders whose children are being fetched (list disclose / column pane). */
-  private loadingIds = new Set<number>();
-  private folderLoadGen = new Map<number, number>();
-  private columnLoading = false;
-  private columnLoadGen = 0;
-  /** Per-column widths in column view (`"0"`, `"1"`, …, `"preview"`). */
-  private columnWidths = new Map<string, number>();
-  private columnResize: {
-    col: HTMLElement;
-    handle: HTMLElement;
-    key: string;
-    startX: number;
-    startW: number;
-  } | null = null;
-  private folderOpening = false;
-  /** Folder whose children are being enumerated (spinner on that folder's glyph). */
-  private enumeratingFolderId: number | null = null;
-  private listChildCache = new Map<number, VNode[]>();
-  /** Skip pushState while applying browser back/forward. */
-  private historyQuiet = false;
-  /** In-app navigation stack for ⌘[/]/ shortcuts (separate from leaving the page). */
-  private navStack: ReturnType<FinderWindow['historySnapshot']>[] = [];
-  private navIndex = -1;
-  private navLock = false;
-  private sortKey: SortKey = 'name';
-  private sortDir: 'asc' | 'desc' = 'asc';
-  private renamingId: number | null = null;
-  private clipboard: {
-    mode: 'cut' | 'copy';
-    items: ClipNode[];
-    source: Catalog | null;
-    sourceIds: number[];
-  } | null = null;
-  private catalogs = new Map<string, Catalog>();
-  private contextMenu: {
-    x: number;
-    y: number;
-    targetId: number | null;
-    local?: boolean;
-    sidebar?: { index: number; volume?: string; actions: SidebarAction[] };
-  } | null = null;
-  /** Show Finder-invisible / Icon\\r items (persisted via prefs). */
-  private showHiddenFiles = loadPrefs().showHiddenFiles;
-  /** Decode dropped BinHex / MacBinary (persisted via prefs). */
-  private autoExpandFiles = loadPrefs().autoExpandFiles;
-  /** Probe Icon\\r / resource forks for custom glyphs (persisted via prefs). */
-  private readFinderIcons = loadPrefs().readFinderIcons;
-  /** Local item being dragged (null for external file drops). */
-  private dragNodeId: number | null = null;
-  private dragNode: VNode | null = null;
-  private dragCatalog: Catalog | null = null;
-  private dropHoverFolderId: number | null = null;
-  private springTimer: ReturnType<typeof setTimeout> | null = null;
-  private springFolderId: number | null = null;
-  private springShareKey: string | null = null;
-  private vfsUnsub: (() => void) | null = null;
-  private vfsRefreshTimer: ReturnType<typeof setTimeout> | null = null;
-  /** Parent folder ids coalesced from VFS change events until the debounced refresh. */
-  private pendingVfsParents = new Set<number>();
-  /** Nested Finder-initiated catalog writes; echoed VFS events are ignored while > 0. */
-  private ownVfsMutation = 0;
-  /** Resolved icon URLs keyed by ListItem.key (or type|creator). */
-  private iconUrls = new Map<string, IconUrls>();
-  private iconLoadGen = 0;
-  /** Cancels queued FPGetIcon / icon-fork AFP work when leaving a folder. */
-  private iconAbort: AbortController | null = null;
-  /** Finder items waiting for a visible-icon load slot. */
-  private iconPrefetchItems = new Map<string, ListItem>();
-  private iconObserver: IntersectionObserver | null = null;
-  /** Finder item elements currently intersecting the visible Finder pane. */
-  private iconIntersectingEls = new Set<Element>();
-  private iconQueue = new VisibleIconQueue<ListItem>(
-    (it) => this.resolveVisibleIcon(it),
-    (it) => this.isFinderIconVisible(it.key),
-  );
-  /** Cached `vers` 1 Get Info strings, keyed by node id. */
-  private versInfo = new Map<number, { stamp: string; info: VersGetInfo | null }>();
-  /** Cached Finder comment from `FCMT` in the resource fork. */
-  private commentInfo = new Map<number, { stamp: string; comment: string | null }>();
-  private versPending = new Set<number>();
-  /** Cancels the in-flight cwd / column listing when navigating to another folder. */
-  private navListAbort: AbortController | null = null;
-  /** Per-folder list-view disclose listings; aborted on collapse or navigation. */
-  private expandListAbort = new Map<number, AbortController>();
-  /** Sidebar group id being scanned, or `'*'` for a full refresh. */
-  private networkScanning: string | null = null;
-  private preview: {
-    id: number;
-    name: string;
-    kind: FilePreviewKind;
-    text: string | null;
-    url?: string | null;
-    truncated?: boolean;
-    error?: string;
-  } | null = null;
-  private previewGen = 0;
-  /** Desktop view to restore when leaving compact layout. */
-  private desktopView: ViewMode | null = null;
-  private sidebarOpen = false;
-  private openCallout: null | 'transfers' | 'actions' | 'share' = null;
-  private unsubTransfer: (() => void) | null = null;
-  private unsubLayout: (() => void) | null = null;
-  private transferIdleTimer: ReturnType<typeof setTimeout> | null = null;
-  private transferRaf = 0;
-  private lastTransferPct = 0;
-  private transferBtnVisible = false;
-  private writeSig = '';
-  private resourceExplorer: ResourceForkExplorer | null = null;
-  private getInfoWindow: GetInfoWindow | null = null;
-  private finderLayoutReady = false;
-
-  bindResourceExplorer(panel: ResourceForkExplorer): void {
-    this.resourceExplorer = panel;
-  }
-
-  bindGetInfoWindow(win: GetInfoWindow): void {
-    this.getInfoWindow = win;
-    win.onAction = (act) => void this.handleAction(act);
-    win.onClose = () => {
-      this.showProps = false;
-      this.syncPropsButton();
-    };
-  }
-
-  /** Open the resource-fork explorer on the current (or given) item. */
-  openResourceExplorer(id?: number | null): void {
-    const node = id != null ? this.findNodeAnywhere(id) : this.selectedNode();
-    this.resourceExplorer?.open(this.vfs, node);
-  }
-
-  private syncResourceExplorer(): void {
-    this.resourceExplorer?.followSelection(this.vfs, this.selectedNode());
-  }
-
-  /** Drop resolved icons after Advanced → Clear icon cache. */
-  invalidateIcons(): void {
-    this.iconUrls.clear();
-    this.bumpIconLoadGen();
-    iconCache.clearDirectoryCache();
-    this.renderContent();
-    this.renderPath();
-  }
-
-  getShowHiddenFiles(): boolean {
-    return this.showHiddenFiles;
-  }
-
-  /** Toggle or set hidden-file visibility; persists and refreshes the view. */
-  setShowHiddenFiles(show: boolean): void {
-    if (this.showHiddenFiles === show) return;
-    this.showHiddenFiles = show;
-    savePrefs({ showHiddenFiles: show });
-    void this.reload().then(() => {
-      this.renderContent();
-      this.renderPath();
-    });
-  }
-
-  getAutoExpandFiles(): boolean {
-    return this.autoExpandFiles;
-  }
-
-  setAutoExpandFiles(expand: boolean): void {
-    if (this.autoExpandFiles === expand) return;
-    this.autoExpandFiles = expand;
-    savePrefs({ autoExpandFiles: expand });
-  }
-
-  getReadFinderIcons(): boolean {
-    return this.readFinderIcons;
-  }
-
-  getDefaultView(): ViewMode {
-    return loadPrefs().defaultView;
-  }
-
-  /** Persist default Finder view for new sessions (does not change the current view). */
-  setDefaultView(view: ViewMode): void {
-    if (view !== 'icon' && view !== 'list' && view !== 'column') return;
-    savePrefs({ defaultView: view });
-  }
-
-  /** Toggle Icon\\r / resource-fork icon reads; persists and refreshes glyphs. */
-  setReadFinderIcons(read: boolean): void {
-    if (this.readFinderIcons === read) return;
-    this.readFinderIcons = read;
-    savePrefs({ readFinderIcons: read });
-    this.invalidateIcons();
-  }
-
-  bind(vfs: Catalog | null, host: FinderHost): void {
-    this.host = host;
-    this.localVfs = vfs ?? host.localCatalog();
-    if (this.localVfs) {
-      this.catalogs.set(LOCAL_SHARE_KEY, this.localVfs);
-      this.attachCatalog(this.localVfs);
-    } else {
-      this.attachCatalog(new EmptyCatalog());
-    }
-    this.ensureShellEvents();
-    void this.bootstrapFromLocation().then(() => {
-      this.applyCompactView();
-      if (this.hasLocalShare()) void this.runWelcomePack({ seed: true });
-      if (!this.hasTransport()) {
-        this.setStatus('Select a volume in the sidebar to browse.');
-        void this.onRefresh();
-      }
-    });
-  }
-
-  private hasLocalShare(): boolean {
-    return this.localVfs != null;
-  }
-
-  private localShareTitle(): string {
-    return this.host?.localTitle?.() || 'Browser Share';
-  }
-
-  private hasTransport(): boolean {
-    return typeof this.host?.connectTransport === 'function';
-  }
-
-  private attachCatalog(next: Catalog): void {
-    if (this.vfs === next) return;
-    this.vfsUnsub?.();
-    this.vfs = next;
-    this.vfsUnsub = next.subscribe((change) => this.onVfsChanged(change));
-    this.expandedIds.clear();
-    this.loadingIds.clear();
-    this.folderLoadGen.clear();
-    this.listChildCache.clear();
-    this.columnChildren = [];
-    this.columnLoading = false;
-    this.columnLoadGen++;
-    this.folderOpening = false;
-    this.enumeratingFolderId = null;
-    this.iconUrls.clear();
-    this.abortAllListings();
-    this.bumpIconLoadGen();
-  }
-
-  private dropRemoteCatalogs(nbp?: string): void {
-    const prefix = nbp ? `${nbp}:` : null;
-    const endpointKey = nbp ? `endpoint:${nbp}` : null;
-    for (const key of [...this.catalogs.keys()]) {
-      if (key === LOCAL_SHARE_KEY) continue;
-      if (prefix) {
-        if (key !== endpointKey && !key.startsWith(prefix)) continue;
-      }
-      const cat = this.catalogs.get(key);
-      if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
-      this.catalogs.delete(key);
-    }
-  }
-
-  private catalogKeyForVolume(name: string): string {
-    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
-      return shareKeyForEndpoint(this.remoteEndpoint);
-    }
-    return `${this.remoteNbpName}:${name}`;
-  }
-
-  private mountCatalog(cat: Catalog, source: 'local' | 'remote', rootName: string): void {
-    const key = source === 'local' ? LOCAL_SHARE_KEY : this.catalogKeyForVolume(rootName);
-    this.catalogs.set(key, cat);
-    this.attachCatalog(cat);
-    this.source = source;
-    this.cwd = cat.rootId();
-    this.pathStack = [{ id: this.cwd, name: rootName }];
-    this.selectedId = null;
-    this.renamingId = null;
-    this.showProps = false;
-  }
-
-  /** Drop a remote mount (server CloseSession / disconnect attention). */
-  unmountRemote(status?: string): void {
-    const local = this.localVfs ?? this.host?.localCatalog();
-    if (local) this.mountCatalog(local, 'local', this.localShareTitle());
-    else this.attachCatalog(new EmptyCatalog());
-    this.remoteOpen = false;
-    this.remoteLoggedIn = false;
-    this.remoteVolumes = [];
-    this.remoteNbpName = '';
-    this.remoteEndpoint = null;
-    this.dropRemoteCatalogs();
-    this.knownVolumes.clear();
-    this.loggedInEndpoints.clear();
-    this.openedVolumeKeys.clear();
-    if (status) this.setStatus(status);
-    void this.reload().then(() => {
-      this.syncHistory();
-      this.render();
-    });
-  }
-
-  disconnectedCallback(): void {
-    this.vfsUnsub?.();
-    this.vfsUnsub = null;
-    this.unsubTransfer?.();
-    this.unsubTransfer = null;
-    this.unsubLayout?.();
-    this.unsubLayout = null;
-    window.removeEventListener('pointerdown', this.onWinPointer, true);
-    window.removeEventListener('pointermove', this.onColumnResizeMove);
-    window.removeEventListener('pointerup', this.onColumnResizeUp);
-    window.removeEventListener('pointercancel', this.onColumnResizeUp);
-    if (this.transferIdleTimer) clearTimeout(this.transferIdleTimer);
-    if (this.transferRaf) cancelAnimationFrame(this.transferRaf);
-    if (this.vfsRefreshTimer) {
-      clearTimeout(this.vfsRefreshTimer);
-      this.vfsRefreshTimer = null;
-    }
-    this.abortAllListings();
-    this.teardownIconObserver();
-  }
-
-  /** AFP / local mutations land here; debounce so fork writes don't thrash the UI. */
-  private onVfsChanged(change: { parentIds: number[] }): void {
-    if (this.ownVfsMutation > 0) return;
-    for (const id of change.parentIds) this.pendingVfsParents.add(id);
-    if (this.vfsRefreshTimer) clearTimeout(this.vfsRefreshTimer);
-    this.vfsRefreshTimer = setTimeout(() => {
-      this.vfsRefreshTimer = null;
-      const parents = [...this.pendingVfsParents];
-      this.pendingVfsParents.clear();
-      if (!this.changeImpactsVisibleFolders(parents)) return;
-      iconCache.clearDirectoryCache();
-      this.iconUrls.clear();
-      this.bumpIconLoadGen();
-      void this.refreshAfterMutation();
-    }, 150);
-  }
-
-  /** Run a Finder-initiated catalog write without treating its VFS echo as a remote change. */
-  private async withOwnVfsMutation<T>(fn: () => Promise<T>): Promise<T> {
-    this.ownVfsMutation++;
-    try {
-      return await fn();
-    } finally {
-      this.ownVfsMutation--;
-    }
-  }
-
-  /** Drop a coalesced observer refresh; the caller already reloaded visible folders. */
-  private discardPendingVfsRefresh(): void {
-    if (this.vfsRefreshTimer) {
-      clearTimeout(this.vfsRefreshTimer);
-      this.vfsRefreshTimer = null;
-    }
-    this.pendingVfsParents.clear();
-  }
-
-  /** True when a mutation's parent is a folder whose children are currently shown. */
-  private changeImpactsVisibleFolders(parentIds: number[]): boolean {
-    if (parentIds.length === 0) return true;
-    const visible = this.visibleFolderIds();
-    return parentIds.some((id) => visible.has(id));
-  }
-
-  /** Folders whose children are painted in the current Finder view. */
-  private visibleFolderIds(): Set<number> {
-    const ids = new Set<number>();
-    ids.add(this.cwd);
-    if (this.view === 'column') {
-      for (const p of this.pathStack) ids.add(p.id);
-    }
-    for (const id of this.expandedIds) ids.add(id);
-    return ids;
-  }
-
-  /** Reload the listing only when `dest` is the open catalog and a parent is on screen. */
-  private async refreshIfDestVisible(dest: Catalog, ...parentIds: number[]): Promise<void> {
-    if (this.vfs !== dest) return;
-    if (!this.changeImpactsVisibleFolders(parentIds)) return;
-    await this.refreshAfterMutation();
-  }
-
-  private async bootstrapFromLocation(): Promise<void> {
-    await this.applyHistoryState(this.stateFromLocation());
-    this.syncHistory(true);
-    this.render();
-  }
-
-  /** Sidebar endpoint named by a restored `?share=` / `?vol=` URL. */
-  private findNavEndpoint(share: string, vol: string): RemoteEndpoint | undefined {
-    const shareKey = share.toLowerCase();
-    const volKey = vol.toLowerCase();
-    return this.servers.find((s) => {
-      if (s.id.toLowerCase() === shareKey) return true;
-      if ((s.title || '').toLowerCase() === shareKey) return true;
-      if (s.role === 'volume' && (s.title || '').toLowerCase() === volKey) {
-        const sub = (s.subtitle || '').toLowerCase();
-        return !shareKey || sub === shareKey || s.id.toLowerCase() === shareKey;
-      }
-      return false;
-    });
-  }
-
-  /**
-   * Wait for open mounts (and the cached sidebar), then connect so a URL path
-   * can resolve against a live catalog.
-   */
-  private async ensureRemoteForHistory(
-    state: ReturnType<FinderWindow['historySnapshot']>,
-  ): Promise<boolean> {
-    if (this.remoteServerConnected(state.share)) return true;
-    if (this.host.readyMounted) await this.host.readyMounted();
-    if (this.host.cachedNetwork) await this.refreshSidebarEndpoints();
-    if (this.remoteServerConnected(state.share)) return true;
-    const ep = this.findNavEndpoint(state.share, state.vol);
-    if (!ep) return false;
-    return this.connectServerWithLogin(ep);
-  }
-
-  setStatus(msg: string, opts?: { busy?: boolean }): void {
-    this.status = msg;
-    this.statusBusy = opts?.busy ?? false;
-    this.paintStatus();
-  }
-
-  private paintStatus(): void {
-    const el = this.querySelector('.status');
-    if (!el) return;
-    el.classList.toggle('status--busy', this.statusBusy);
-    el.innerHTML = this.statusBusy
-      ? `<span class="status-spinner" aria-hidden="true"></span><span>${this.escape(this.status)}</span>`
-      : this.escape(this.status);
-  }
-
-  private startTransfer(
-    name: string,
-    isDir: boolean,
-    bytesTotal: number,
-    finderInfo?: Uint8Array,
-    parentId?: string,
-    detail?: string,
-  ): string {
-    const queued = parentId == null && transferActivity.hasRunning();
-    const id = transferActivity.start({
-      name,
-      kind: isDir ? 'folder' : 'file',
-      bytesTotal,
-      iconSrc: isDir ? undefined : TRANSFER_FILE_ICON,
-      parentId,
-      detail: queued ? 'Queued' : detail,
-      queued,
-    });
-    if (!isDir && finderInfo && finderInfo.length >= 8) {
-      const { type, creator } = readTypeCreator(finderInfo);
-      void iconCache.getForTypeCreator(type, creator).then((urls) => {
-        transferActivity.setIcon(id, urls.small);
-      });
-    }
-    return id;
-  }
-
-  private trackImportItem(
-    item: { name: string; isDir: boolean; bytesTotal: number },
-    dest: Catalog = this.vfs,
-    destParent?: number,
-    overlayItem = destParent != null,
-  ): ImportItemTrack & {
-    onBytes: (n: number) => void;
-    onDone: (err?: Error) => void;
-  } {
-    const id = this.startTransfer(item.name, item.isDir, item.bytesTotal);
-    if (overlayItem && destParent != null) {
-      transferActivity.setDest(id, dest, destParent, item.name, item.isDir ? 'folder' : 'file');
-    }
-    const queuedByPath = new Map<string, string>();
-    const bind = (jobId: string): ImportItemTrack & {
-      onBytes: (n: number) => void;
-      onDone: (err?: Error) => void;
-    } => ({
-      onBytes: (n) => {
-        throwIfAborted(transferActivity.signal(jobId));
-        transferActivity.addBytes(jobId, n);
-      },
-      onDone: (err?: Error) => {
-        if (!err) {
-          void transferActivity.settle(jobId);
-          return;
-        }
-        void transferActivity.settle(jobId, err);
-        if (!isAbortError(err) && !transferActivity.isCancelled(jobId)) {
-          transferActivity.failQueued(jobId, err.message);
-        }
-      },
-      signal: transferActivity.signal(jobId),
-      removePartial: async (parentId, name) => {
-        try {
-          const node = await dest.lookup(parentId, name);
-          if (node && !node.isDir) await dest.remove(node.id);
-        } catch {
-          /* dest may already be gone */
-        }
-      },
-      onWrite: (parentId, name) => {
-        transferActivity.setWriteFile(jobId, dest, parentId, name);
-      },
-      onDir: (parentId, name, dirId, path) => {
-        transferActivity.addDest(id, dest, parentId, name, 'folder');
-        for (const [filePath, childId] of queuedByPath) {
-          const slash = filePath.lastIndexOf('/');
-          if (slash < 0 || filePath.slice(0, slash) !== path) continue;
-          transferActivity.setDest(childId, dest, dirId, filePath.slice(slash + 1), 'file');
-        }
-      },
-    });
-    return {
-      ...bind(id),
-      runInCopySlot: (fn) => transferActivity.withCopySlot(id, fn),
-      onStatus: (detail) => {
-        transferActivity.setDetail(id, detail);
-      },
-      onExpandBegin: (bytesTotal, files) => {
-        transferActivity.setBytes(id, 0, bytesTotal, 'Expanding');
-        if (destParent != null) {
-          transferActivity.clearDest(id);
-          const tops = new Map<string, 'file' | 'folder'>();
-          for (const f of files) {
-            const slash = f.path.indexOf('/');
-            const top = slash < 0 ? f.path : f.path.slice(0, slash);
-            if (slash >= 0) tops.set(top, 'folder');
-            else if (!tops.has(top)) tops.set(top, 'file');
-          }
-          for (const [name, kind] of tops) {
-            if (kind === 'folder') transferActivity.addDest(id, dest, destParent, name, 'folder');
-          }
-        }
-        const childIds = transferActivity.startMany(
-          files.map((f) => ({
-            name: f.path,
-            kind: 'file' as const,
-            bytesTotal: f.bytesTotal,
-            iconSrc: TRANSFER_FILE_ICON,
-            parentId: id,
-            detail: 'Queued',
-            queued: true,
-          })),
-        );
-        for (let i = 0; i < files.length; i++) {
-          const f = files[i]!;
-          const childId = childIds[i]!;
-          queuedByPath.set(f.path, childId);
-          if (destParent != null && !f.path.includes('/')) {
-            transferActivity.setDest(childId, dest, destParent, f.name, 'file');
-          }
-          if (!f.finderInfo || f.finderInfo.length < 8) continue;
-          const { type, creator } = readTypeCreator(f.finderInfo);
-          void iconCache.getForTypeCreator(type, creator).then((urls) => {
-            transferActivity.setIcon(childId, urls.small);
-          });
-        }
-      },
-      onExpand: (sub) => {
-        const childId = queuedByPath.get(sub.path);
-        if (childId) {
-          transferActivity.begin(childId, 'Expanding');
-          return bind(childId);
-        }
-        const started = this.startTransfer(sub.name, false, sub.bytesTotal, sub.finderInfo, id, 'Expanding');
-        return bind(started);
-      },
-    };
-  }
-
-  setNetworkScanning(busy: boolean): void {
-    this.networkScanning = busy ? '*' : null;
-    this.renderSidebar();
-  }
-
-  setServers(list: RemoteEndpoint[]): void {
-    this.servers = list;
-    if (
-      this.remoteLoggedIn &&
-      this.remoteEndpoint &&
-      !list.some((s) => s.id === this.remoteEndpoint!.id)
-    ) {
-      this.servers = [this.remoteEndpoint, ...list];
-    }
-    this.renderSidebar();
-  }
-
-  connectedCallback(): void {
-    this.ensureShellEvents();
-    if (this.vfs && this.host) this.render();
-  }
-
-  private ensureShellEvents(): void {
-    if (this.eventsBound) return;
-    this.eventsBound = true;
-    this.addEventListener('click', (e) => void this.onClick(e));
-    this.addEventListener('pointerdown', (e) => this.onColumnResizeDown(e));
-    this.addEventListener('dblclick', (e) => void this.onDblClick(e));
-    this.addEventListener('contextmenu', (e) => void this.onContextMenu(e));
-    this.addEventListener('dragstart', (e) => this.onDragStart(e));
-    this.addEventListener('dragend', () => this.onDragEnd());
-    this.addEventListener('dragenter', (e) => this.onDragEnter(e));
-    this.addEventListener('dragover', (e) => this.onDragOver(e));
-    this.addEventListener('dragleave', (e) => this.onDragLeave(e));
-    this.addEventListener('drop', (e) => void this.onDrop(e));
-    window.addEventListener('popstate', (e) => void this.onPopState(e));
-    window.addEventListener('keydown', (e) => void this.onKeyDown(e));
-    window.addEventListener('pointerdown', this.onWinPointer, true);
-    this.unsubTransfer = transferActivity.subscribe(() => {
-      if (this.transferRaf) return;
-      this.transferRaf = requestAnimationFrame(() => {
-        this.transferRaf = 0;
-        this.syncTransferButton();
-        this.syncWriteOverlays();
-      });
-    });
-    this.unsubLayout = onLayoutModeChange(() => this.applyCompactView());
-    this.ensureRenameBlur();
-  }
-
-  private pathNamesForUrl(): string[] {
-    return this.pathStack.slice(1).map((p) => p.name);
-  }
-
-  private buildLocationUrl(state: {
-    view: ViewMode;
-    source: 'local' | 'remote';
-    share: string;
-    vol: string;
-    path: string[];
-  }): string {
-    const params = new URLSearchParams();
-    if (state.view !== 'icon') params.set('view', state.view);
-    if (state.source === 'remote' && state.share && state.vol) {
-      params.set('share', state.share);
-      params.set('vol', state.vol);
-    }
-    if (state.path.length) params.set('path', state.path.join('/'));
-    const q = params.toString();
-    return q ? `${location.pathname}?${q}` : location.pathname;
-  }
-
-  private stateFromLocation(): {
-    view: ViewMode;
-    source: 'local' | 'remote';
-    share: string;
-    vol: string;
-    path: string[];
-  } {
-    const params = new URLSearchParams(location.search);
-    const viewParam = params.get('view');
-    const view: ViewMode =
-      viewParam === 'list' || viewParam === 'column' || viewParam === 'icon'
-        ? viewParam
-        : loadPrefs().defaultView;
-    const share = params.get('share') ?? '';
-    const vol = params.get('vol') ?? '';
-    const pathRaw = params.get('path') ?? '';
-    const path = pathRaw
-      ? pathRaw.split('/').map((s) => decodeURIComponent(s)).filter(Boolean)
-      : [];
-    return {
-      view,
-      source: share ? 'remote' : 'local',
-      share,
-      vol,
-      path,
-    };
-  }
-
-  private historySnapshot(): {
-    view: ViewMode;
-    source: 'local' | 'remote';
-    share: string;
-    vol: string;
-    path: string[];
-  } {
-    const metaId = this.remoteEndpoint?.id ?? '';
-    return {
-      view: this.view,
-      source: this.source,
-      share: this.source === 'remote' ? this.remoteNbpName || metaId : '',
-      vol: this.source === 'remote' ? this.pathStack[0]?.name || '' : '',
-      path: this.pathNamesForUrl(),
-    };
-  }
-
-  private syncHistory(replace = false): void {
-    if (this.historyQuiet) return;
-    const state = this.historySnapshot();
-    const url = this.buildLocationUrl(state);
-    const current = `${location.pathname}${location.search}`;
-    if (!replace && url === current) return;
-    if (replace) history.replaceState(state, '', url);
-    else history.pushState(state, '', url);
-    this.recordNav(state, replace);
-  }
-
-  private copyNavState(
-    state: ReturnType<FinderWindow['historySnapshot']>,
-  ): ReturnType<FinderWindow['historySnapshot']> {
-    return { ...state, path: [...state.path] };
-  }
-
-  private sameNavState(
-    a: ReturnType<FinderWindow['historySnapshot']>,
-    b: ReturnType<FinderWindow['historySnapshot']>,
-  ): boolean {
-    return (
-      a.view === b.view &&
-      a.source === b.source &&
-      a.share === b.share &&
-      a.vol === b.vol &&
-      a.path.join('/') === b.path.join('/')
-    );
-  }
-
-  private recordNav(
-    state: ReturnType<FinderWindow['historySnapshot']>,
-    replace: boolean,
-  ): void {
-    if (this.navLock) return;
-    const snap = this.copyNavState(state);
-    if (replace) {
-      if (this.navIndex < 0) {
-        this.navStack = [snap];
-        this.navIndex = 0;
-      } else {
-        this.navStack[this.navIndex] = snap;
-      }
-      return;
-    }
-    const cur = this.navStack[this.navIndex];
-    if (cur && this.sameNavState(cur, snap)) return;
-    this.navStack = this.navStack.slice(0, this.navIndex + 1);
-    this.navStack.push(snap);
-    this.navIndex = this.navStack.length - 1;
-  }
-
-  private async onPopState(e: PopStateEvent): Promise<void> {
-    if (!this.vfs) return;
-    const state =
-      e.state && typeof e.state === 'object' && 'view' in e.state
-        ? (e.state as ReturnType<FinderWindow['historySnapshot']>)
-        : this.stateFromLocation();
-    await this.applyHistoryState(state);
-    const idx = this.navStack.findIndex((s) => this.sameNavState(s, state));
-    if (idx >= 0) this.navIndex = idx;
-    else this.recordNav(state, false);
-    this.render();
-  }
-
-  private async applyHistoryState(
-    state: ReturnType<FinderWindow['historySnapshot']>,
-  ): Promise<void> {
-    this.historyQuiet = true;
-    let bounceToLocal = false;
-    try {
-      this.view = state.view;
-      this.selectedId = null;
-      if (state.source === 'remote') {
-        const target = state.vol ? `${state.share}:${state.vol}` : state.share || 'remote share';
-        if (!state.share || !state.vol) {
-          bounceToLocal = true;
-          this.bounceRemoteNavigation(
-            'Cannot navigate to that server — the URL must include both server and volume name.',
-          );
-          await this.reload();
-          return;
-        }
-        if (!this.host.isConnected() || !(await this.ensureRemoteForHistory(state))) {
-          bounceToLocal = true;
-          this.bounceRemoteNavigation(
-            `Cannot navigate to “${target}” — that server isn’t connected.`,
-          );
-          await this.reload();
-          return;
-        }
-        const volName = this.canonicalVolumeName(state.vol);
-        if (!volName) {
-          bounceToLocal = true;
-          this.bounceRemoteNavigation(
-            `Cannot navigate to “${target}” — volume “${state.vol}” is not on that server.`,
-          );
-          await this.reload();
-          return;
-        }
-        try {
-          await this.mountRemoteVolume(volName);
-          this.pathStack = await this.resolvePathNames(state.path, volName);
-          this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-          await this.reload();
-        } catch (err) {
-          bounceToLocal = true;
-          const msg = err instanceof Error ? err.message : String(err);
-          this.bounceRemoteNavigation(`Cannot navigate to “${target}”: ${msg}`);
-          await this.reload();
-        }
-        return;
-      }
-      this.showLocalShare();
-      this.pathStack = await this.resolvePathNames(state.path, this.localShareTitle());
-      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-      await this.reload();
-    } finally {
-      this.historyQuiet = false;
-      if (bounceToLocal) this.syncHistory(true);
-    }
-  }
-
-  /** True when this Finder session is already logged in to the named AFP server. */
-  private remoteServerConnected(share: string): boolean {
-    if (!this.remoteLoggedIn || !share) return false;
-    const id = this.remoteNbpName || this.remoteEndpoint?.id || '';
-    return id.toLowerCase() === share.toLowerCase();
-  }
-
-  private canonicalVolumeName(vol: string): string | null {
-    const lower = vol.toLowerCase();
-    return this.remoteVolumes.find((v) => v.toLowerCase() === lower) ?? null;
-  }
-
-  private bounceRemoteNavigation(message: string): void {
-    log.warn(message, 'finder');
-    this.host.showAlert('Cannot navigate to that server', message);
-    this.setStatus(message);
-    this.showLocalShare();
-  }
-
-  private showLocalShare(): void {
-    const local = this.localVfs ?? this.host.localCatalog();
-    if (!local) return;
-    this.mountCatalog(local, 'local', this.localShareTitle());
-    this.remoteOpen = false;
-  }
-
-  private resetToLocalShare(): void {
-    this.showLocalShare();
-    this.remoteLoggedIn = false;
-    this.remoteVolumes = [];
-    this.remoteEndpoint = null;
-    this.remoteNbpName = '';
-  }
-
-  private async resolvePathNames(names: string[], rootName?: string): Promise<{ id: number; name: string }[]> {
-    const rootId = this.vfs.rootId();
-    const stack: { id: number; name: string }[] = [
-      { id: rootId, name: rootName ?? this.pathStack[0]?.name ?? this.localShareTitle() },
-    ];
-    let parent = rootId;
-    for (const name of names) {
-      const node = await this.vfs.lookup(parent, name);
-      if (!node?.isDir) break;
-      stack.push({ id: node.id, name: node.name });
-      parent = node.id;
-    }
-    return stack;
-  }
-
-  private abortAllExpandListings(): void {
-    for (const ac of this.expandListAbort.values()) ac.abort();
-    this.expandListAbort.clear();
-  }
-
-  private abortAllListings(): void {
-    this.navListAbort?.abort();
-    this.navListAbort = null;
-    this.iconAbort?.abort();
-    this.iconAbort = null;
-    this.abortAllExpandListings();
-    this.enumeratingFolderId = null;
-    this.folderOpening = false;
-  }
-
-  /** Drop queued desktop-icon AFP calls from the previous folder / icon generation. */
-  private bumpIconLoadGen(): AbortSignal {
-    this.iconAbort?.abort();
-    const ac = new AbortController();
-    this.iconAbort = ac;
-    this.iconLoadGen++;
-    this.iconQueue.reset();
-    this.iconPrefetchItems.clear();
-    this.iconIntersectingEls.clear();
-    return ac.signal;
-  }
-
-  /** Abort the previous folder listing (and any list-view expands) and start a new one. */
-  private beginNavListing(): AbortSignal {
-    this.navListAbort?.abort();
-    this.abortAllExpandListings();
-    const ac = new AbortController();
-    this.navListAbort = ac;
-    return ac.signal;
-  }
-
-  private beginExpandListing(id: number): AbortSignal {
-    this.expandListAbort.get(id)?.abort();
-    const ac = new AbortController();
-    this.expandListAbort.set(id, ac);
-    return ac.signal;
-  }
-
-  private abortExpandListing(id: number): void {
-    this.expandListAbort.get(id)?.abort();
-    this.expandListAbort.delete(id);
-  }
-
-  private async reload(): Promise<void> {
-    if (!this.vfs) return;
-    this.discardPendingVfsRefresh();
-    this.bumpIconLoadGen();
-    const listedId = this.cwd;
-    const signal = this.beginNavListing();
-    this.enumeratingFolderId = listedId;
-    this.folderOpening = this.view !== 'column';
-    this.nodes = [];
-    this.renderPath();
-    this.renderContent();
-    try {
-      const kids = await this.streamChildren(
-        listedId,
-        (partial) => {
-          if (signal.aborted || this.cwd !== listedId) return;
-          this.folderOpening = false;
-          this.nodes = partial;
-          this.listChildCache.set(listedId, partial);
-          this.renderContent();
-        },
-        signal,
-      );
-      if (signal.aborted || this.cwd !== listedId) return;
-      this.nodes = kids;
-      this.listChildCache.set(listedId, kids);
-      for (const id of [...this.expandedIds]) {
-        if (signal.aborted) return;
-        this.listChildCache.set(
-          id,
-          await this.streamChildren(
-            id,
-            (partial) => {
-              if (signal.aborted || this.cwd !== listedId) return;
-              this.listChildCache.set(id, partial);
-              if (this.view === 'list') this.renderContent();
-            },
-            signal,
-          ),
-        );
-      }
-      if (signal.aborted || this.cwd !== listedId) return;
-      await this.refreshColumns(listedId, signal);
-    } finally {
-      if (!signal.aborted && this.enumeratingFolderId === listedId) {
-        this.enumeratingFolderId = null;
-        this.folderOpening = false;
-        this.renderPath();
-        this.renderContent();
-      }
-    }
-  }
-
-  /**
-   * List a folder, painting `onUpdate` after each AFP enumerate page.
-   * Local catalogs resolve in one shot (onUpdate may still fire once).
-   */
-  private async streamChildren(
-    parentId: number,
-    onUpdate?: (kids: VNode[]) => void,
-    signal?: AbortSignal,
-  ): Promise<VNode[]> {
-    try {
-      return this.sortNodes(
-        await this.vfs.children(
-          parentId,
-          (raw) => {
-            onUpdate?.(this.sortNodes(raw));
-          },
-          signal,
-        ),
-      );
-    } catch (err) {
-      if (isAbortError(err)) return [];
-      throw err;
-    }
-  }
-
-  private async refreshColumns(alreadyListedId?: number, signal?: AbortSignal): Promise<void> {
-    this.columnChildren = [];
-    for (const step of this.pathStack) {
-      if (signal?.aborted) return;
-      if (step.id === alreadyListedId) {
-        this.columnChildren.push(this.listChildCache.get(step.id) ?? this.nodes);
-        continue;
-      }
-      this.columnChildren.push(await this.streamChildren(step.id, undefined, signal));
-    }
-  }
-
-  private sortNodes(nodes: VNode[]): VNode[] {
-    const list = nodes.filter((n) => this.isVisibleInFinder(n.name, n.finderInfo));
-    const dir = this.sortDir === 'asc' ? 1 : -1;
-    list.sort((a, b) => {
-      if (a.isDir !== b.isDir) return a.isDir ? -1 : 1;
-      let cmp = 0;
-      switch (this.sortKey) {
-        case 'modified':
-          cmp = a.modDate - b.modDate || a.name.localeCompare(b.name);
-          break;
-        case 'size':
-          cmp =
-            (a.isDir ? 0 : nodeByteSize(a)) - (b.isDir ? 0 : nodeByteSize(b)) ||
-            a.name.localeCompare(b.name);
-          break;
-        default:
-          cmp = a.name.localeCompare(b.name, undefined, { sensitivity: 'base' });
-      }
-      return cmp * dir;
-    });
-    return list;
-  }
-
-  /**
-   * Finder listing visibility. Hidden items remain in VFS and are still
-   * included by directory copy/download (those use vfs.children directly).
-   */
-  private isVisibleInFinder(name: string, finderInfo?: Uint8Array): boolean {
-    if (this.showHiddenFiles) return true;
-    if (isCustomFolderIconName(name)) return false;
-    if (finderInfo && isFinderInvisible(finderInfo)) return false;
-    return true;
-  }
-
-  private currentItems(): ListItem[] {
-    const items = this.mergeWritingItems(this.cwd, this.nodes.map((n) => this.listItemFromNode(n)));
-    if (this.folderOpening && this.nodes.length === 0) {
-      return items.length ? [...items, this.listingPlaceholderItem()] : [this.listingPlaceholderItem()];
-    }
-    return items;
-  }
-
-  private listItemFromNode(n: VNode): ListItem {
-    const item: ListItem = {
-      key: String(n.id),
-      name: n.name,
-      isDir: n.isDir,
-      size: nodeByteSize(n),
-      mod: fromMacTime(n.modDate),
-      node: n,
-      finderInfo: n.finderInfo,
-    };
-    const w = transferActivity
-      .writesIn(this.vfs, n.parentId)
-      .find((x) => x.name.toLowerCase() === n.name.toLowerCase());
-    if (w) item.writing = w;
-    return item;
-  }
-
-  private mergeWritingItems(parentId: number, items: ListItem[]): ListItem[] {
-    const writes = transferActivity.writesIn(this.vfs, parentId);
-    if (!writes.length) return items;
-    const byName = new Map<string, ListItem>();
-    for (const it of items) {
-      if (it.placeholder) continue;
-      byName.set(it.name.toLowerCase(), it);
-    }
-    const extras: ListItem[] = [];
-    for (const w of writes) {
-      const hit = byName.get(w.name.toLowerCase());
-      if (hit) {
-        hit.writing = w;
-        continue;
-      }
-      extras.push({
-        key: `write:${w.jobId}`,
-        name: w.name,
-        isDir: w.kind === 'folder',
-        size: 0,
-        mod: new Date(0),
-        node: null,
-        writing: w,
-      });
-    }
-    if (!extras.length) return items;
-    return this.sortListItems([...items, ...extras]);
-  }
-
-  private sortListItems(items: ListItem[]): ListItem[] {
-    const list = items.filter((it) => !it.placeholder);
-    const placeholders = items.filter((it) => it.placeholder);
-    const dir = this.sortDir === 'asc' ? 1 : -1;
-    list.sort((a, b) => {
-      if (a.isDir !== b.isDir) return a.isDir ? -1 : 1;
-      let cmp = 0;
-      switch (this.sortKey) {
-        case 'modified':
-          cmp = a.mod.getTime() - b.mod.getTime() || a.name.localeCompare(b.name);
-          break;
-        case 'size':
-          cmp = (a.isDir ? 0 : a.size) - (b.isDir ? 0 : b.size) || a.name.localeCompare(b.name);
-          break;
-        default:
-          cmp = a.name.localeCompare(b.name, undefined, { sensitivity: 'base' });
-      }
-      return cmp * dir;
-    });
-    return [...list, ...placeholders];
-  }
-
-  private listingPlaceholderItem(): ListItem {
-    return {
-      key: LISTING_PLACEHOLDER_KEY,
-      name: 'Loading…',
-      isDir: false,
-      size: 0,
-      mod: new Date(0),
-      node: null,
-      placeholder: true,
-    };
-  }
-
-  private isFolderEnumerating(id: number): boolean {
-    return this.enumeratingFolderId === id || this.loadingIds.has(id);
-  }
-
-  private selectedNode(): VNode | null {
-    if (this.selectedId == null) return null;
-    return this.findNodeAnywhere(this.selectedId);
-  }
-
-  private findNodeAnywhere(id: number): VNode | null {
-    const direct = this.nodes.find((n) => n.id === id);
-    if (direct) return direct;
-    for (const kids of this.listChildCache.values()) {
-      const n = kids.find((x) => x.id === id);
-      if (n) return n;
-    }
-    return this.findInColumns(id) ?? null;
-  }
-
-  private render(): void {
-    if (!this.host) return;
-    this.innerHTML = `
-      <div class="titlebar">
-        <div class="brand">ClassicStack</div>
-        <div class="spacer"></div>
-        <span class="node-label" style="font-size:12px;color:var(--text-muted)">${this.escape(this.host.nodeLabel())}</span>
-        <button type="button" class="btn icon-btn titlebar-zoom" data-act="zoom" aria-label="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}" title="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}">${this.classList.contains('is-maximized') ? uiIcons.restore : uiIcons.maximize}</button>
-      </div>
-      <div class="toolbar">
-        ${
-          this.hasTransport()
-            ? `<button type="button" class="btn primary" data-act="connect" aria-label="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}" title="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}">
-          <span class="connect-icon">${uiIcons.usb}</span>
-          <span class="connect-label">${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}</span>
-        </button>`
-            : ''
-        }
-        <button type="button" class="btn icon-btn" data-act="import" aria-label="Upload" title="Upload">${uiIcons.import}</button>
-        <button type="button" class="btn transfer-btn" data-act="transfers" hidden aria-label="File transfers" title="File transfers"></button>
-        <button type="button" class="btn icon-btn" data-act="mkdir" aria-label="New Folder" title="New Folder">${uiIcons.mkdir}</button>
-        <button type="button" class="btn icon-btn toolbar-wide" data-act="cut" aria-label="Cut" title="Cut" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.cut}</button>
-        <button type="button" class="btn icon-btn toolbar-wide" data-act="copy" aria-label="Copy" title="Copy" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.copy}</button>
-        <button type="button" class="btn icon-btn toolbar-wide" data-act="paste" aria-label="Paste" title="Paste" ${this.clipboard ? '' : 'disabled'}>${uiIcons.paste}</button>
-        <button type="button" class="btn icon-btn toolbar-wide" data-act="delete" aria-label="Delete" title="Delete" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.delete}</button>
-        <button type="button" class="btn icon-btn ${this.showProps ? 'active' : ''}" data-act="props" aria-label="Get Info" title="Get Info" aria-pressed="${this.showProps}" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.props}</button>
-        <button type="button" class="btn icon-btn" data-act="download" aria-label="Download Zip" title="Download Zip">${uiIcons.downloadZip}</button>
-        <label class="sort-wrap toolbar-wide">
-          <span>Sort</span>
-          <select data-sort aria-label="Sort">
-            <option value="name" ${this.sortKey === 'name' ? 'selected' : ''}>Name</option>
-            <option value="modified" ${this.sortKey === 'modified' ? 'selected' : ''}>Date Modified</option>
-            <option value="size" ${this.sortKey === 'size' ? 'selected' : ''}>Size</option>
-          </select>
-        </label>
-        <div class="spacer"></div>
-        <div class="view-toggle" role="group" aria-label="View">
-          <button type="button" data-view="icon" class="view-icon ${this.view === 'icon' ? 'active' : ''}" aria-label="Icons" title="Icons" aria-pressed="${this.view === 'icon'}">${uiIcons.viewIcon}</button>
-          <button type="button" data-view="list" class="${this.view === 'list' ? 'active' : ''}" aria-label="List" title="List" aria-pressed="${this.view === 'list'}">${uiIcons.viewList}</button>
-          <button type="button" data-view="column" class="${this.view === 'column' ? 'active' : ''}" aria-label="Columns" title="Columns" aria-pressed="${this.view === 'column'}">${uiIcons.viewColumn}</button>
-        </div>
-        <button type="button" class="btn icon-btn toolbar-compact-only" data-act="actions" aria-label="Actions" title="Actions">${uiIcons.more}</button>
-        <input type="file" multiple hidden data-import-files aria-label="Import files" />
-      </div>
-      <div class="body">
-        <div class="sidebar-backdrop" data-act="close-sidebar"></div>
-        <aside class="sidebar"></aside>
-        <section class="main">
-          <div class="pathbar"></div>
-          <div class="file-plane">
-            <div class="content" tabindex="0"></div>
-          </div>
-        </section>
-      </div>
-      <div class="status${this.statusBusy ? ' status--busy' : ''}">${
-        this.statusBusy
-          ? `<span class="status-spinner" aria-hidden="true"></span><span>${this.escape(this.status)}</span>`
-          : this.escape(this.status)
-      }</div>
-      <div class="ctx-root"></div>
-      <div class="callout-root"></div>
-      <div class="quicklook-root"></div>
-      <div class="drag-portal" aria-hidden="true"></div>
-    `;
-    this.classList.toggle('sidebar-open', this.sidebarOpen);
-    this.renderSidebar();
-    this.renderPath();
-    this.renderContent();
-    this.renderContextMenu();
-    this.renderCallouts();
-    this.renderPreview();
-    this.bindToolbarExtras();
-    this.syncTransferButton();
-    enableWindowResize(this, { minWidth: 560, minHeight: 360 });
-    this.ensureFinderLayout();
-  }
-
-  private ensureFinderLayout(): void {
-    enableWindowMove(this, '.titlebar', { raise: false });
-    this.style.zIndex = '';
-    if (this.finderLayoutReady) return;
-    this.finderLayoutReady = true;
-    onWindowGeometryChange(this, () => this.persistFinderLayout());
-    this.restoreFinderLayout();
-  }
-
-  private persistFinderLayout(): void {
-    if (isCompactUi()) return;
-    persistWindow('finder', this);
-  }
-
-  private restoreFinderLayout(): void {
-    if (isCompactUi()) {
-      this.style.left = '';
-      this.style.top = '';
-      this.style.width = '';
-      this.style.height = '';
-      this.style.zIndex = '';
-      this.classList.remove('is-maximized');
-      return;
-    }
-    restoreWindow('finder', this, defaultFinderFrame);
-  }
-
-  private toggleMaximized(): void {
-    if (isCompactUi()) return;
-    if (this.classList.contains('is-maximized')) {
-      const saved = loadWindowLayouts().finder ?? defaultFinderFrame();
-      applyWindowFrame(this, { ...saved, maximized: false });
-      persistWindow('finder', this);
-      this.syncZoomButton();
-      return;
-    }
-    persistWindow('finder', this);
-    this.classList.add('is-maximized');
-    persistWindow('finder', this);
-    this.syncZoomButton();
-  }
-
-  private syncZoomButton(): void {
-    const btn = this.querySelector('[data-act="zoom"]') as HTMLButtonElement | null;
-    if (!btn) return;
-    const max = this.classList.contains('is-maximized');
-    btn.setAttribute('aria-label', max ? 'Restore' : 'Maximize');
-    btn.title = max ? 'Restore' : 'Maximize';
-    btn.innerHTML = max ? uiIcons.restore : uiIcons.maximize;
-  }
-
-  private syncClipboardButtons(): void {
-    const hasSel = this.selectedId != null;
-    const cut = this.querySelector('[data-act="cut"]') as HTMLButtonElement | null;
-    const copy = this.querySelector('[data-act="copy"]') as HTMLButtonElement | null;
-    const paste = this.querySelector('[data-act="paste"]') as HTMLButtonElement | null;
-    const del = this.querySelector('[data-act="delete"]') as HTMLButtonElement | null;
-    const props = this.querySelector('[data-act="props"]') as HTMLButtonElement | null;
-    if (cut) cut.disabled = !hasSel;
-    if (copy) copy.disabled = !hasSel;
-    if (paste) paste.disabled = !this.clipboard;
-    if (del) del.disabled = !hasSel;
-    if (props) props.disabled = !hasSel;
-  }
-
-  private syncPropsButton(): void {
-    const btn = this.querySelector('[data-act="props"]') as HTMLButtonElement | null;
-    if (!btn) return;
-    btn.classList.toggle('active', this.showProps);
-    btn.setAttribute('aria-pressed', String(this.showProps));
-    btn.disabled = this.selectedId == null;
-  }
-
-  private bindToolbarExtras(): void {
-    const sel = this.querySelector('[data-sort]') as HTMLSelectElement | null;
-    sel?.addEventListener('change', () => {
-      this.sortKey = (sel.value as SortKey) || 'name';
-      this.sortDir = 'asc';
-      void this.reload().then(() => this.renderContent());
-    });
-    const importInput = this.querySelector('[data-import-files]') as HTMLInputElement | null;
-    importInput?.addEventListener('change', () => {
-      if (!importInput.files?.length) return;
-      void this.importPickedFiles(importInput.files);
-      importInput.value = '';
-    });
-  }
-
-  private sortHeaderHtml(key: SortKey, label: string): string {
-    const active = this.sortKey === key;
-    const aria = active ? (this.sortDir === 'asc' ? 'ascending' : 'descending') : 'none';
-    return `<th class="sortable${active ? ' sorted' : ''}" data-sort-col="${key}" aria-sort="${aria}" role="columnheader" tabindex="0">${label}</th>`;
-  }
-
-  private async applySort(key: SortKey, toggleIfSame = true): Promise<void> {
-    if (toggleIfSame && this.sortKey === key) {
-      this.sortDir = this.sortDir === 'asc' ? 'desc' : 'asc';
-    } else {
-      this.sortKey = key;
-      this.sortDir = 'asc';
-    }
-    const sel = this.querySelector('[data-sort]') as HTMLSelectElement | null;
-    if (sel) sel.value = this.sortKey;
-    await this.reload();
-    this.renderContent();
-  }
-
-  private renderSidebar(): void {
-    const side = this.querySelector('.sidebar');
-    if (!side) return;
-    const connectedId = this.remoteNbpName || this.remoteEndpoint?.id || '';
-    const volumes = this.remoteVolumes;
-    const viewingLocal = this.source === 'local' && this.hasLocalShare();
-    const openVol = this.source === 'remote' ? this.pathStack[0]?.name || '' : '';
-    const viewingServer = this.source === 'remote' && !this.remoteOpen;
-    const groups = this.sidebarGroups();
-    const byGroup = endpointsByGroup(this.servers, groups);
-    const refreshEnabled = this.host?.isConnected() || !this.hasTransport();
-    const groupBlocks = visibleSidebarGroups(groups, byGroup)
-      .map((g) => {
-        const rows = byGroup.get(g.id) ?? [];
-        const items =
-          rows
-            .map(({ ep: s, index: i }) =>
-              this.sidebarEndpointHtml(s, i, {
-                connectedId,
-                volumes,
-                viewingLocal,
-                openVol,
-                viewingServer,
-              }),
-            )
-            .join('') ||
-          `<div class="side-item"><span class="dot off"></span><span>${this.escape(g.empty || 'None')}</span></div>`;
-        const scanning = this.networkScanning === '*' || this.networkScanning === g.id;
-        const refresh = g.refresh
-          ? `<button type="button" class="side-refresh${scanning ? ' spinning' : ''}" data-act="refresh" data-refresh="${this.escape(g.id)}" aria-label="Scan ${this.escape(g.title)}" aria-busy="${scanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>`
-          : '';
-        return `
-      <div class="side-label${g.refresh ? ' side-label--with-action' : ''}">
-        <span>${this.escape(g.title)}</span>
-        ${refresh}
-      </div>
-      ${items}`;
-      })
-      .join('');
-    const localBlock = this.hasLocalShare()
-      ? `<div class="side-label">Local</div>
-      <div class="side-item ${viewingLocal ? 'selected' : ''}" data-local data-share-key="${LOCAL_SHARE_KEY}" data-share-name="${this.escape(this.localShareTitle())}">
-        <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(this.localShareTitle())}">${this.escape(this.localShareTitle())}</span>
-        <button type="button" class="side-more" data-act="share-actions" aria-label="Share actions" title="Share actions">${uiIcons.more}</button>
-      </div>`
-      : '';
-    side.innerHTML = `
-      ${localBlock}
-      ${groupBlocks}
-    `;
-  }
-
-  private sidebarGroups(): SidebarGroup[] {
-    const custom = this.host?.sidebarGroups?.();
-    if (custom?.length) return custom;
-    return [
-      {
-        id: SIDEBAR_GROUP_NETWORK,
-        title: this.hasTransport() ? 'LocalTalk' : 'Network',
-        refresh: true,
-        empty: this.hasTransport() ? 'No AFP servers' : 'No servers',
-      },
-    ];
-  }
-
-  private sidebarBadgeHtml(badge: string | SidebarBadge | undefined): string {
-    const text = badgeText(badge);
-    if (!text) return '';
-    const title = badgeTitle(badge);
-    const tip = title ? ` title="${this.escape(title)}"` : '';
-    return `<span class="side-badge"${tip}>${this.escape(text)}</span>`;
-  }
-
-  private volumesFor(s: RemoteEndpoint): string[] {
-    const cached = this.knownVolumes.get(s.id);
-    if (cached?.length) return cached;
-    const current = this.remoteNbpName || this.remoteEndpoint?.id || '';
-    if (this.remoteLoggedIn && s.id === current) return this.remoteVolumes;
-    return [];
-  }
-
-  /** True when the on-screen catalog is already this sidebar endpoint. */
-  private viewingEndpoint(s: RemoteEndpoint): boolean {
-    const currentId = this.remoteEndpoint?.id || this.remoteNbpName;
-    if (isCatalogEndpoint(s)) {
-      return viewingCatalogEndpoint(s, currentId, this.source, this.remoteOpen);
-    }
-    if (this.source !== 'remote' || !this.remoteOpen || currentId !== s.id) return false;
-    const openName = this.pathStack[0]?.name;
-    return !!openName && this.volumesFor(s).includes(openName);
-  }
-
-  private async openCatalogVolume(s: RemoteEndpoint): Promise<void> {
-    const name = this.volumesFor(s)[0] || this.remoteVolumes[0] || s.title;
-    if (!name) throw new Error(`Couldn’t open “${s.title}”`);
-    await this.mountRemoteVolume(name);
-  }
-
-  private forgetEndpoint(id: string): void {
-    if (!id) return;
-    this.knownVolumes.delete(id);
-    this.loggedInEndpoints.delete(id);
-    for (const k of [...this.openedVolumeKeys]) {
-      if (k === `endpoint:${id}` || k.startsWith(`${id}:`)) this.openedVolumeKeys.delete(k);
-    }
-  }
-
-  private volumeIsOpen(s: RemoteEndpoint, volume?: string): boolean {
-    if (s.role === 'volume') return true;
-    if (!volume) return false;
-    return this.openedVolumeKeys.has(shareKeyForEndpoint(s, volume));
-  }
-
-  private sidebarEndpointHtml(
-    s: RemoteEndpoint,
-    i: number,
-    opts: {
-      connectedId: string;
-      volumes: string[];
-      viewingLocal: boolean;
-      openVol: string;
-      viewingServer: boolean;
-    },
-  ): string {
-    const connected = this.loggedInEndpoints.has(s.id) || (this.remoteLoggedIn && s.id === opts.connectedId);
-    const localShare = s.kind === 'local';
-    const volumeRow = s.role === 'volume';
-    const isCurrent = s.id === opts.connectedId;
-    const serverSel = isCurrent && (localShare ? this.source === 'remote' : opts.viewingServer) ? 'selected' : '';
-    const volumes = this.volumesFor(s);
-    const kids =
-      !localShare && !volumeRow && volumes.length
-        ? volumes
-            .map((v, vi) => {
-              const shareKey = shareKeyForEndpoint(s, v);
-              const selected = isCurrent && !opts.viewingLocal && opts.openVol === v ? 'selected' : '';
-              const eject = this.volumeIsOpen(s, v)
-                ? `<button type="button" class="side-eject" data-eject="${vi}" data-vol-name="${this.escape(v)}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
-                : '';
-              return `
-      <div class="side-item side-item--child ${selected}" data-vol="${vi}" data-vol-name="${this.escape(v)}" data-server-parent="${i}" data-share-key="${this.escape(shareKey)}" data-share-name="${this.escape(v)}">
-        <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(v)}">${this.escape(v)}</span>
-        ${eject}
-      </div>`;
-            })
-            .join('')
-        : '';
-    const ejectSelf =
-      volumeRow && !localShare
-        ? `<button type="button" class="side-eject" data-eject-endpoint="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
-        : '';
-    const disconnect =
-      connected && !localShare && !volumeRow
-        ? `<button type="button" class="side-eject" data-disconnect="${i}" title="Disconnect" aria-label="Disconnect">${uiIcons.disconnect}</button>`
-        : '';
-    const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
-    const shareAttrs = isCatalogEndpoint(s)
-      ? ` data-share-key="${this.escape(shareKeyForEndpoint(s))}" data-share-name="${this.escape(s.title)}"`
-      : '';
-    return `
-      <div class="side-item ${serverSel}" data-server="${i}"${subtitle}${shareAttrs}>
-        <span class="dot"></span>
-        <span class="side-item-label" aria-label="${this.escape(s.title)}">${this.escape(s.title)}</span>
-        ${this.sidebarBadgeHtml(s.badge)}
-        ${ejectSelf}
-        ${disconnect}
-      </div>${kids}`;
-  }
-
-  private renderPath(): void {
-    const bar = this.querySelector('.pathbar');
-    if (!bar) return;
-    type Crumb = { name: string; id?: number; index: number };
-    const crumbs: Crumb[] = this.pathStack.map((p, i) => ({
-      name:
-        i === 0 && this.source === 'remote' && this.remoteNbpName && this.remoteEndpoint?.kind !== 'local'
-          ? `${this.remoteNbpName}:${p.name}`
-          : p.name || this.localShareTitle(),
-      id: p.id,
-      index: i,
-    }));
-
-    bar.innerHTML =
-      `<button type="button" class="locations-btn" data-act="locations" aria-label="Locations" title="Locations">${uiIcons.menu}</button>` +
-      crumbs
-      .map((p, i) => {
-        const label = this.escape(p.name);
-        const current = i === crumbs.length - 1;
-        const dropAttr = p.id != null ? `data-path-id="${p.id}"` : '';
-        const sep = i > 0 ? `<span class="crumb-sep" aria-hidden="true">&gt;</span>` : '';
-        const urls = p.id != null ? this.iconUrls.get(String(p.id)) : undefined;
-        const icon =
-          p.id != null && this.isFolderEnumerating(p.id)
-            ? this.listingSpinnerHtml('crumb')
-            : urls && !isDefaultFolderIcon(urls)
-              ? `<img class="crumb-icon-img" src="${this.escape(urls.small)}" alt="" width="16" height="16" draggable="false" />`
-              : this.folderGlyphHtml('small', 'crumb');
-        return `${sep}<button type="button" class="crumb${current ? ' current' : ''}" data-path-index="${p.index}" ${dropAttr} title="${label}" aria-label="${label}">
-          ${icon}
-          <span class="crumb-label">${label}</span>
-        </button>`;
-      })
-      .join('');
-
-    this.prefetchPathIcons(crumbs);
-  }
-
-  /** Load 16px folder icons for path crumbs (local share). */
-  private prefetchPathIcons(crumbs: { id?: number }[]): void {
-    if (!this.readFinderIcons) return;
-    const gen = this.iconLoadGen;
-    for (const c of crumbs) {
-      if (c.id == null) continue;
-      const key = String(c.id);
-      if (this.iconUrls.has(key)) continue;
-      void (async () => {
-        try {
-          await iconCache.init();
-          const node = await this.vfs.get(c.id!);
-          if (!node) return;
-          const urls = await this.iconLookup(node);
-          if (gen !== this.iconLoadGen) return;
-          if (isDefaultFolderIcon(urls)) return;
-          this.iconUrls.set(key, urls);
-          this.patchIconInDom(key, urls);
-        } catch {
-          /* keep placeholder */
-        }
-      })();
-    }
-  }
-
-  private renderContent(): void {
-    const content = this.querySelector('.content');
-    if (!content) return;
-    const keepScroll = this.view !== 'column';
-    const scrollTop = keepScroll ? content.scrollTop : 0;
-    const scrollLeft = keepScroll ? content.scrollLeft : 0;
-    const columnPaneScroll = this.view === 'column' ? this.captureColumnPaneScroll() : null;
-
-    let iconItems: ListItem[] = [];
-
-    if (this.view === 'column') {
-      content.innerHTML = this.renderColumnView();
-      iconItems = this.columnIconItems();
-    } else {
-      const items = this.currentItems();
-      iconItems = items;
-      if (items.length === 0) {
-        content.innerHTML = `<div class="empty">${this.hasTransport() ? 'Drop files or folders here, or browse the LocalTalk network.' : 'Select a volume in the sidebar to browse.'}</div>`;
-      } else if (this.view === 'icon') {
-        content.innerHTML = `<div class="icon-grid">${items.map((it) => this.iconHtml(it)).join('')}</div>`;
-      } else if (this.view === 'list') {
-        const rows = this.buildOutlineRows(this.nodes, 0);
-        if (rows.length === 0 && this.folderOpening) {
-          rows.push({ item: this.listingPlaceholderItem(), depth: 0 });
-        }
-        iconItems = rows.map((r) => r.item);
-        content.innerHTML = `<table class="list-table">
-          <thead><tr>
-            ${this.sortHeaderHtml('name', 'Name')}
-            ${this.sortHeaderHtml('size', 'Size')}
-            ${this.sortHeaderHtml('modified', 'Modified')}
-          </tr></thead>
-          <tbody>${rows.map(({ item, depth }) => this.listRowHtml(item, depth)).join('')}</tbody>
-        </table>`;
-      } else {
-        content.innerHTML = `<div class="column-view"><div class="column">${items
-          .map((it) => this.colItemHtml(it, 0, this.selectedId))
-          .join('')}</div></div>`;
-      }
-    }
-
-    if (this.view === 'column') {
-      this.restoreColumnPaneScroll(columnPaneScroll);
-      this.scrollColumnsToEnd();
-      requestAnimationFrame(() => this.restoreColumnPaneScroll(columnPaneScroll));
-    } else {
-      content.scrollTop = scrollTop;
-      content.scrollLeft = scrollLeft;
-      this.refreshPropsPanel();
-    }
-    this.focusRenameInput();
-    if (iconItems.length) this.prefetchIcons(iconItems, 'replace');
-    this.writeSig = this.writingSignature();
-  }
-
-  private columnIconItems(): ListItem[] {
-    const out: ListItem[] = [];
-    this.columnChildren.forEach((kids, colIndex) => {
-      const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
-      out.push(...this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n))));
-    });
-    return out;
-  }
-
-  /** Update the column preview pane, or the floating Get Info window in icon/list. */
-  private refreshPropsPanel(): void {
-    if (this.view === 'column') {
-      this.getInfoWindow?.hide();
-      this.paintColumnSelection();
-      return;
-    }
-    if (!this.showProps) {
-      this.getInfoWindow?.hide();
-      return;
-    }
-    const win = this.getInfoWindow;
-    if (!win) return;
-    const sel = this.selectedNode();
-    win.setBody(
-      sel
-        ? this.itemInfoHtml(sel, { variant: 'dialog' })
-        : `<p class="get-info-window__empty">Select an item in the Finder.</p>`,
-    );
-    win.show();
-  }
-
-  private focusRenameInput(): void {
-    if (this.renamingId == null) return;
-    requestAnimationFrame(() => {
-      const input = this.querySelector(`input[data-rename="${this.renamingId}"]`) as HTMLInputElement | null;
-      if (!input) return;
-      input.focus();
-      input.select();
-    });
-  }
-
-  private nameLabelHtml(it: ListItem, extraClass = 'row-name'): string {
-    if (this.renamingId != null && it.key === String(this.renamingId)) {
-      const safe = this.escape(it.name);
-      return `<input class="rename-input" data-rename="${it.key}" value="${safe}" aria-label="${safe}" />`;
-    }
-    return this.fileNameLabel(it.name, extraClass);
-  }
-
-  private fileNameLabel(name: string, extraClass: string): string {
-    const safe = this.escape(name);
-    return `<span class="${extraClass} item-label" aria-label="${safe}">${safe}</span>`;
-  }
-
-  private scrollColumnsToEnd(): void {
-    const scroller = this.querySelector('.column-view') as HTMLElement | null;
-    if (!scroller) return;
-    requestAnimationFrame(() => {
-      scroller.scrollLeft = scroller.scrollWidth;
-    });
-  }
-
-  /** Per-column vertical offsets, keyed by `data-col-index` or `"preview"`. */
-  private captureColumnPaneScroll(): Map<string, number> {
-    const out = new Map<string, number>();
-    const view = this.querySelector('.column-view');
-    if (!view) return out;
-    view.querySelectorAll('.column-pane').forEach((pane) => {
-      const key = this.columnPaneScrollKey(pane);
-      if (key != null) out.set(key, (pane as HTMLElement).scrollTop);
-    });
-    return out;
-  }
-
-  private restoreColumnPaneScroll(saved: Map<string, number> | null): void {
-    if (!saved || saved.size === 0) return;
-    const view = this.querySelector('.column-view');
-    if (!view) return;
-    view.querySelectorAll('.column-pane').forEach((pane) => {
-      const key = this.columnPaneScrollKey(pane);
-      if (key == null) return;
-      const top = saved.get(key);
-      if (top != null) (pane as HTMLElement).scrollTop = top;
-    });
-  }
-
-  private columnPaneScrollKey(pane: Element): string | null {
-    const col = pane.closest('.column');
-    if (!col) return null;
-    return col.getAttribute('data-col-index') ?? (col.hasAttribute('data-preview') ? 'preview' : null);
-  }
-
-  /** Highlight the selection and swap the info pane without remounting list columns. */
-  private paintColumnSelection(): void {
-    const view = this.querySelector('.column-view');
-    if (!view) {
-      this.renderContent();
-      return;
-    }
-    const listColCount = this.columnChildren.length;
-    for (let i = 0; i < listColCount; i++) {
-      if (!view.querySelector(`[data-col-index="${i}"]`)) {
-        this.renderContent();
-        return;
-      }
-    }
-
-    view.querySelectorAll(':scope > .column[data-col-index]').forEach((col) => {
-      const idx = Number(col.getAttribute('data-col-index'));
-      if (Number.isFinite(idx) && idx >= listColCount) col.remove();
-    });
-    view.querySelector('.column--loading')?.remove();
-
-    for (let colIndex = 0; colIndex < listColCount; colIndex++) {
-      const kids = this.columnChildren[colIndex]!;
-      const selectedInColumn = this.columnSelectionId(colIndex, kids, listColCount);
-      view.querySelectorAll(`[data-col-index="${colIndex}"] .col-item[data-id]`).forEach((el) => {
-        const id = Number(el.getAttribute('data-id'));
-        el.classList.toggle('selected', selectedInColumn != null && id === selectedInColumn);
-      });
-    }
-
-    const preview = this.columnLoading ? null : this.columnPreviewNode();
-    const existing = view.querySelector('[data-preview]') as HTMLElement | null;
-    if (!preview) {
-      existing?.remove();
-    } else if (existing?.getAttribute('data-id') !== String(preview.id)) {
-      existing?.remove();
-      view.insertAdjacentHTML('beforeend', this.itemInfoHtml(preview, { variant: 'column' }));
-    } else {
-      this.ensureVersInfo(preview);
-    }
-
-    this.syncClipboardButtons();
-    this.scrollColumnsToEnd();
-  }
-
-  private buildOutlineRows(nodes: VNode[], depth: number, parentId = this.cwd): { item: ListItem; depth: number }[] {
-    const rows: { item: ListItem; depth: number }[] = [];
-    const items = this.mergeWritingItems(parentId, nodes.map((n) => this.listItemFromNode(n)));
-    for (const item of items) {
-      rows.push({ item, depth });
-      if (item.node && item.isDir && this.expandedIds.has(item.node.id)) {
-        const id = item.node.id;
-        const kids = this.listChildCache.get(id) ?? [];
-        if (kids.length === 0 && this.loadingIds.has(id) && !transferActivity.writesIn(this.vfs, id).length) {
-          rows.push({ item: this.listingPlaceholderItem(), depth: depth + 1 });
-        } else {
-          rows.push(...this.buildOutlineRows(kids, depth + 1, id));
-        }
-      }
-    }
-    return rows;
-  }
-
-  private iconHtml(it: ListItem): string {
-    if (it.placeholder) {
-      return `<div class="icon-item icon-item--listing" aria-busy="true" aria-label="Loading">
-      ${this.listingSpinnerHtml('icon')}
-      <div class="icon-name"><span class="item-label">Loading…</span></div>
-    </div>`;
-    }
-    const sel = this.selectedId != null && it.key === String(this.selectedId) ? 'selected' : '';
-    const drag = it.writing && !it.node ? '' : 'draggable="true"';
-    const write = this.writeItemAttrs(it);
-    return `<div class="icon-item ${sel}${it.writing ? ' writing' : ''}" data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" ${write} ${drag}>
-      ${this.glyphHtml(it, 'large', 'icon')}
-      <div class="icon-name">${this.nameLabelHtml(it)}</div>
-    </div>`;
-  }
-
-  private listRowHtml(it: ListItem, depth = 0): string {
-    if (it.placeholder) {
-      return `<tr class="listing-placeholder" aria-busy="true" aria-label="Loading" style="--depth:${depth}">
-      <td class="name-cell"><span class="disclose spacer"></span>${this.listingSpinnerHtml('row')}<span class="row-name item-label">Loading…</span></td>
-      <td></td>
-      <td></td>
-    </tr>`;
-    }
-    const sel = this.selectedId != null && it.key === String(this.selectedId) ? 'selected' : '';
-    const id = Number(it.key);
-    const expanded = it.isDir && Number.isFinite(id) && this.expandedIds.has(id);
-    const loading = it.isDir && Number.isFinite(id) && this.loadingIds.has(id);
-    const drag = it.writing && !it.node ? '' : 'draggable="true"';
-    const write = this.writeItemAttrs(it);
-    const disclose = it.isDir && it.node
-      ? `<button type="button" class="disclose ${expanded ? 'open' : ''}${loading ? ' loading' : ''}" data-disclose="${it.key}" aria-busy="${loading}" aria-label="${
-          loading ? 'Loading' : expanded ? 'Collapse' : 'Expand'
-        }">${uiIcons.disclose}</button>`
-      : `<span class="disclose spacer"></span>`;
-    return `<tr data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" class="${sel}${it.writing ? ' writing' : ''}" style="--depth:${depth}" aria-label="${this.escape(it.name)}" ${write} ${drag}>
-      <td class="name-cell">${disclose}${this.glyphHtml(it, 'small', 'row')}${this.nameLabelHtml(it)}</td>
-      <td>${it.isDir ? '—' : formatBytes(it.size)}</td>
-      <td>${it.mod.toLocaleString()}</td>
-    </tr>`;
-  }
-
-  private colItemHtml(it: ListItem, colIndex: number, selectedInColumn: number | null): string {
-    if (it.placeholder) {
-      return `<div class="col-item col-item--listing" aria-busy="true" aria-label="Loading">
-      ${this.listingSpinnerHtml('col')}<span class="col-name item-label">Loading…</span>
-    </div>`;
-    }
-    const sel = selectedInColumn != null && it.key === String(selectedInColumn) ? 'selected' : '';
-    const drag = it.writing && !it.node ? '' : 'draggable="true"';
-    const write = this.writeItemAttrs(it);
-    const label = this.nameLabelHtml(it, 'col-name');
-    return `<div class="col-item ${sel}${it.writing ? ' writing' : ''}" data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" data-col="${colIndex}" aria-label="${this.escape(it.name)}" ${write} ${drag}>
-      ${this.glyphHtml(it, 'small', 'col')}${label}
-    </div>`;
-  }
-
-  private folderGlyphHtml(size: 'small' | 'large', kind: 'icon' | 'row' | 'col' | 'crumb' | 'preview'): string {
-    const px = size === 'large' ? 32 : 16;
-    const src = size === 'large' ? DEFAULT_FOLDER_ICONS.large : DEFAULT_FOLDER_ICONS.small;
-    const cls =
-      kind === 'icon'
-        ? 'icon-glyph-img'
-        : kind === 'col'
-          ? 'col-icon-img'
-          : kind === 'row'
-            ? 'row-icon-img'
-            : kind === 'crumb'
-              ? 'crumb-icon-img'
-              : 'preview-glyph-img';
-    return `<img class="${cls}" src="${src}" alt="" width="${px}" height="${px}" draggable="false" />`;
-  }
-
-  private listingSpinnerHtml(kind: 'icon' | 'row' | 'col' | 'crumb' | 'preview'): string {
-    const cls =
-      kind === 'icon'
-        ? 'icon-glyph-spinner'
-        : kind === 'col'
-          ? 'col-icon-spinner'
-          : kind === 'row'
-            ? 'row-icon-spinner'
-            : kind === 'crumb'
-              ? 'crumb-icon-spinner'
-              : 'preview-glyph-spinner';
-    return this.spinnerHtml(cls);
-  }
-
-  private glyphHtml(it: ListItem, size: 'small' | 'large', kind: 'icon' | 'row' | 'col'): string {
-    if (it.placeholder) return this.listingSpinnerHtml(kind);
-    const id = Number(it.key);
-    const enumerating = it.isDir && Number.isFinite(id) && this.isFolderEnumerating(id) && !it.writing;
-    if (enumerating) return this.listingSpinnerHtml(kind);
-    const urls = this.iconUrls.get(it.key);
-    const px = size === 'large' ? 32 : 16;
-    let inner: string;
-    if (urls && !(it.isDir && isDefaultFolderIcon(urls))) {
-      const src = size === 'large' ? urls.large : urls.small;
-      const imgCls = kind === 'icon' ? 'icon-glyph-img' : kind === 'col' ? 'col-icon-img' : 'row-icon-img';
-      inner = `<img class="${imgCls}" src="${this.escape(src)}" alt="" width="${px}" height="${px}" draggable="false" />`;
-    } else if (it.isDir) {
-      inner = this.folderGlyphHtml(size, kind);
-    } else if (kind === 'icon') {
-      inner = `<div class="icon-glyph">DOC</div>`;
-    } else {
-      const cls = kind === 'col' ? 'col-icon file' : 'row-icon file';
-      inner = `<span class="${cls}" aria-hidden="true"></span>`;
-    }
-    return it.writing ? this.writeOverlayHtml(inner, it.writing, kind) : inner;
-  }
-
-  private writeItemAttrs(it: ListItem): string {
-    const w = it.writing;
-    if (!w) return '';
-    const label = w.indeterminate
-      ? `Copying ${this.escape(w.name)}`
-      : `Copying ${this.escape(w.name)}, ${w.pct}%`;
-    return `data-write-job="${this.escape(w.jobId)}" data-write-name="${this.escape(w.name)}" aria-busy="true" aria-label="${label}"`;
-  }
-
-  private writeOverlayHtml(inner: string, w: TransferWriteProgress, kind: 'icon' | 'row' | 'col'): string {
-    const pctLabel = w.indeterminate ? '' : `${w.pct}%`;
-    const ind = w.indeterminate ? ' icon-write--indeterminate' : '';
-    return `<span class="icon-write icon-write--${kind}${ind}" style="--write-pct:${w.pct}" aria-hidden="true">
-      <span class="icon-write__glyph">${inner}</span>
-      <span class="icon-write__ring"></span>
-      <span class="icon-write__pct">${pctLabel}</span>
-    </span>`;
-  }
-
-  private iconLookup(node: VNode): Promise<IconUrls> {
-    if (!this.readFinderIcons) {
-      if (node.isDir) return Promise.resolve(DEFAULT_FOLDER_ICONS);
-      const { type, creator } = readTypeCreator(node.finderInfo);
-      return iconCache.getForTypeCreator(type, creator);
-    }
-    const signal = this.iconAbort?.signal;
-    return iconCache.getForNode(
-      node,
-      node.isDir ? (id, name) => this.vfs.lookup(id, name) : undefined,
-      (n) => this.vfs.loadIconResources(n, signal),
-      {
-        loadDesktopIcons: this.vfs.loadDesktopIcons
-          ? (type, creator) => this.vfs.loadDesktopIcons!(type, creator, signal)
-          : undefined,
-        signal,
-      },
-    );
-  }
-
-  /** Observe Finder glyphs and load at most four on-screen icons at a time. */
-  private prefetchIcons(items: ListItem[], mode: 'replace' | 'add'): void {
-    if (mode === 'replace') {
-      this.iconQueue.reset();
-      this.iconPrefetchItems.clear();
-      this.iconIntersectingEls.clear();
-      this.iconObserver?.disconnect();
-      this.iconObserver = null;
-    }
-    for (const it of items) {
-      if (it.placeholder || this.iconUrls.has(it.key)) continue;
-      this.iconPrefetchItems.set(it.key, it);
-    }
-    this.ensureIconObserver();
-    this.observeIconElements(items);
-  }
-
-  private ensureIconObserver(): void {
-    if (typeof IntersectionObserver === 'undefined') return;
-    if (this.iconObserver) return;
-    // Viewport root so overflow:auto clipping (Finder pane / column panes) is
-    // applied. A flex child as root often never reports intersections.
-    this.iconObserver = new IntersectionObserver((entries) => this.onIconIntersect(entries), {
-      root: null,
-      threshold: 0,
-    });
-  }
-
-  private teardownIconObserver(): void {
-    this.iconObserver?.disconnect();
-    this.iconObserver = null;
-    this.iconIntersectingEls.clear();
-    this.iconQueue.reset();
-    this.iconPrefetchItems.clear();
-  }
-
-  private observeIconElements(items: ListItem[]): void {
-    const observer = this.iconObserver;
-    if (!observer) {
-      for (const it of items) {
-        if (it.placeholder || this.iconUrls.has(it.key)) continue;
-        this.iconQueue.enqueue(it);
-      }
-      return;
-    }
-    for (const it of items) {
-      if (it.placeholder || this.iconUrls.has(it.key)) continue;
-      for (const el of this.finderIconElements(it.key)) observer.observe(el);
-    }
-  }
-
-  private onIconIntersect(entries: IntersectionObserverEntry[]): void {
-    const changed = new Set<string>();
-    for (const entry of entries) {
-      const key = (entry.target as HTMLElement).getAttribute('data-id');
-      if (!key) continue;
-      if (entry.isIntersecting) {
-        this.iconIntersectingEls.add(entry.target);
-      } else {
-        this.iconIntersectingEls.delete(entry.target);
-      }
-      changed.add(key);
-    }
-    for (const key of changed) {
-      if (this.isFinderIconVisible(key)) {
-        const it = this.iconPrefetchItems.get(key);
-        if (!it || this.iconUrls.has(key)) continue;
-        this.iconQueue.enqueue(it);
-      } else {
-        this.iconQueue.hide(key);
-      }
-    }
-  }
-
-  private finderIconElements(key: string): Element[] {
-    return [...this.querySelectorAll(`.content [data-id="${key}"]`)];
-  }
-
-  private isFinderIconVisible(key: string): boolean {
-    if (!this.iconObserver) return true;
-    for (const el of this.iconIntersectingEls) {
-      if (el.getAttribute('data-id') === key) return true;
-    }
-    return false;
-  }
-
-  private async resolveVisibleIcon(it: ListItem): Promise<void> {
-    const gen = this.iconLoadGen;
-    const signal = this.iconAbort?.signal;
-    if (it.placeholder || this.iconUrls.has(it.key)) return;
-    if (gen !== this.iconLoadGen || signal?.aborted) return;
-    if (!this.isFinderIconVisible(it.key)) return;
-    try {
-      await iconCache.init();
-      if (gen !== this.iconLoadGen || signal?.aborted) return;
-      if (!this.isFinderIconVisible(it.key)) return;
-      let urls: IconUrls;
-      if (it.node) {
-        urls = await this.iconLookup(it.node);
-      } else if (it.isDir) {
-        return;
-      } else {
-        const fi = it.finderInfo ?? new Uint8Array(32);
-        const { type, creator } = readTypeCreator(fi);
-        urls = await iconCache.getForTypeCreator(type, creator);
-      }
-      if (gen !== this.iconLoadGen || signal?.aborted) return;
-      if (it.isDir && isDefaultFolderIcon(urls)) return;
-      this.iconUrls.set(it.key, urls);
-      this.patchIconInDom(it.key, urls);
-      this.iconObserver && this.finderIconElements(it.key).forEach((el) => this.iconObserver?.unobserve(el));
-    } catch (err) {
-      if (isAbortError(err)) return;
-    }
-  }
-
-  private patchIconInDom(key: string, urls: IconUrls): void {
-    const id = Number(key);
-    if (Number.isFinite(id) && this.isFolderEnumerating(id)) return;
-    const nodes = [
-      ...this.querySelectorAll(`[data-id="${key}"], [data-path-id="${key}"]`),
-      ...(this.getInfoWindow?.querySelectorAll(`[data-id="${key}"]`) ?? []),
-    ];
-    for (const el of nodes) {
-      const large = el.querySelector('.icon-glyph, .icon-glyph-img, .icon-glyph-svg');
-      if (large) {
-        const img = document.createElement('img');
-        img.className = 'icon-glyph-img';
-        img.src = urls.large;
-        img.alt = '';
-        img.width = 32;
-        img.height = 32;
-        img.draggable = false;
-        large.replaceWith(img);
-      }
-      const preview = el.querySelector('.preview-glyph, .preview-glyph-img, .preview-glyph-svg');
-      if (preview) {
-        const img = document.createElement('img');
-        img.className = 'preview-glyph-img';
-        img.src = urls.large;
-        img.alt = '';
-        img.width = 32;
-        img.height = 32;
-        img.draggable = false;
-        preview.replaceWith(img);
-      }
-      const crumb = el.querySelector('.crumb-icon, .crumb-icon-img, .crumb-icon-svg');
-      if (crumb) {
-        const img = document.createElement('img');
-        img.className = 'crumb-icon-img';
-        img.src = urls.small;
-        img.alt = '';
-        img.width = 16;
-        img.height = 16;
-        img.draggable = false;
-        crumb.replaceWith(img);
-      }
-      const small = el.querySelector('.row-icon, .col-icon, .row-icon-img, .col-icon-img, .row-icon-svg, .col-icon-svg');
-      if (small) {
-        const img = document.createElement('img');
-        img.className =
-          small.classList.contains('col-icon') ||
-          small.classList.contains('col-icon-img') ||
-          small.classList.contains('col-icon-svg')
-            ? 'col-icon-img'
-            : 'row-icon-img';
-        img.src = urls.small;
-        img.alt = '';
-        img.width = 16;
-        img.height = 16;
-        img.draggable = false;
-        small.replaceWith(img);
-      }
-    }
-  }
-
-  /** Id to highlight in a column: path crumb, or leaf file selection in the deepest list column. */
-  private columnSelectionId(colIndex: number, kids: VNode[], listColCount: number): number | null {
-    const pathSel = this.pathStack[colIndex + 1]?.id ?? null;
-    if (pathSel != null) return pathSel;
-    if (colIndex === listColCount - 1 && this.selectedId != null) {
-      if (kids.some((k) => k.id === this.selectedId)) return this.selectedId;
-    }
-    return null;
-  }
-
-  private columnPreviewNode(): VNode | null {
-    if (this.selectedId == null) return null;
-    const node = this.findNodeAnywhere(this.selectedId);
-    if (!node) return null;
-    // Files always show preview when selected; folders when Properties is open
-    if (!node.isDir) {
-      for (const kids of this.columnChildren) {
-        if (kids.some((k) => k.id === node.id)) return node;
-      }
-      return null;
-    }
-    if (this.showProps) return node;
-    return null;
-  }
-
-  /** Shared item info card — used by column-view preview and Properties. */
-  private itemInfoHtml(node: VNode, opts: { variant: 'column' | 'dialog' }): string {
-    const fi = node.finderInfo;
-    const { type, creator } = readTypeCreator(fi);
-    const kind = node.isDir ? 'Folder' : type === 'APPL' ? 'Application' : 'File';
-    const glyphClass = node.isDir ? 'folder' : 'file';
-    const urls = this.iconUrls.get(String(node.id));
-    const custom = urls && !isDefaultFolderIcon(urls);
-    const glyph =
-      node.isDir && this.isFolderEnumerating(node.id)
-        ? this.listingSpinnerHtml('preview')
-        : custom
-          ? `<img class="preview-glyph-img" src="${this.escape(urls.large)}" alt="" width="32" height="32" draggable="false" />`
-          : node.isDir
-            ? this.folderGlyphHtml('large', 'preview')
-            : `<div class="preview-glyph ${glyphClass}"></div>`;
-    const shellClass =
-      opts.variant === 'column'
-        ? 'column column-preview item-info'
-        : 'item-info item-info--dialog';
-    if (!urls) this.ensureNodeIcon(node);
-    const expandBtn = this.isExpandableArchive(node)
-      ? `<button type="button" class="btn" data-act="expand">Expand</button>`
-      : '';
-    const typeCreatorFields = node.isDir
-      ? ''
-      : `<div class="preview-fields">
-        <label>Type</label>
-        <input type="text" data-prop="type" maxlength="4" spellcheck="false" autocomplete="off" value="${this.escape(type)}" />
-        <label>Creator</label>
-        <input type="text" data-prop="creator" maxlength="4" spellcheck="false" autocomplete="off" value="${this.escape(creator)}" />
-        <div class="preview-actions">
-          ${expandBtn}
-          <button type="button" class="btn" data-act="download">Download Zip</button>
-          <button type="button" class="btn primary" data-act="apply-props">Apply</button>
-          <button type="button" class="btn" data-act="resources">Resources…</button>
-        </div>
-      </div>`;
-    const colAttrs =
-      opts.variant === 'column'
-        ? ` style="${this.colWidthStyle('preview')}"`
-        : '';
-    const resizer = opts.variant === 'column' ? this.colResizerHtml('preview') : '';
-    const paneOpen = opts.variant === 'column' ? `<div class="column-pane">` : '';
-    const paneClose = opts.variant === 'column' ? `</div>` : '';
-    if (!node.isDir) this.ensureVersInfo(node);
-    return `<div class="${shellClass}" data-preview data-id="${node.id}"${colAttrs}>
-      ${paneOpen}
-      <div class="preview-hero">
-        ${glyph}
-        <div class="preview-title" aria-label="${this.escape(node.name)}">${this.escape(node.name)}</div>
-      </div>
-      <div class="preview-meta">
-        <div class="preview-row"><span>Kind</span><span>${kind}</span></div>
-        <div class="preview-row"><span>Size</span><span>${node.isDir ? '—' : formatBytes(nodeByteSize(node))}</span></div>
-        ${node.isDir ? '' : `<div class="preview-row"><span>Resource</span><span>${formatBytes(node.resourceBytes ?? node.resource.length)}</span></div>`}
-        <div class="preview-row"><span>Created</span><span>${fromMacTime(node.createDate).toLocaleString()}</span></div>
-        <div class="preview-row"><span>Modified</span><span>${fromMacTime(node.modDate).toLocaleString()}</span></div>
-        ${this.finderFlagRowsHtml(node)}
-        <div data-role="vers-slot">${this.versRowsHtml(node)}</div>
-        <div data-role="comment-slot">${this.commentRowHtml(node)}</div>
-      </div>
-      ${typeCreatorFields}
-      ${paneClose}
-      ${resizer}
-    </div>`;
-  }
-
-  private versStamp(node: VNode): string {
-    return `${node.modDate}:${node.resourceBytes ?? node.resource.length}:${node.data.length}`;
-  }
-
-  private cachedVersInfo(node: VNode): VersGetInfo | null | undefined {
-    const hit = this.versInfo.get(node.id);
-    if (!hit || hit.stamp !== this.versStamp(node)) return undefined;
-    return hit.info;
-  }
-
-  private finderFlagRowsHtml(node: VNode): string {
-    const { type } = readTypeCreator(node.finderInfo);
-    const details = finderGetInfoDetails(node.finderInfo, {
-      attributes: node.attributes,
-      type: node.isDir ? undefined : type,
-      isDir: node.isDir,
-    });
-    const tags = finderFlagLabels(details);
-    const rows: string[] = [];
-    if (tags.length) {
-      rows.push(
-        `<div class="preview-row" data-finder="flags"><span>Flags</span><span>${this.escape(tags.join(' · '))}</span></div>`,
-      );
-    }
-    if (details.label) {
-      rows.push(
-        `<div class="preview-row" data-finder="label"><span>Label</span><span class="preview-label"><span class="preview-label-swatch" style="background:${this.escape(details.label.color)}"></span>${this.escape(details.label.name)}</span></div>`,
-      );
-    }
-    return rows.join('');
-  }
-
-  private commentRowHtml(node: VNode): string {
-    const comment = this.cachedComment(node);
-    if (!comment) return '';
-    return `<div class="preview-row preview-row--block" data-finder="comment"><span>Comments</span><span>${this.escape(comment)}</span></div>`;
-  }
-
-  private cachedComment(node: VNode): string | null | undefined {
-    const hit = this.commentInfo.get(node.id);
-    if (!hit || hit.stamp !== this.versStamp(node)) return undefined;
-    return hit.comment;
-  }
-
-  private versRowsHtml(node: VNode): string {
-    const info = this.cachedVersInfo(node);
-    if (!info) return '';
-    return this.versRowsMarkup(info);
-  }
-
-  private versRowsMarkup(info: VersGetInfo): string {
-    const rows: string[] = [];
-    if (info.version) {
-      rows.push(
-        `<div class="preview-row" data-vers="version"><span>Version</span><span>${this.escape(info.version)}</span></div>`,
-      );
-    }
-    if (info.copyright) {
-      rows.push(
-        `<div class="preview-row preview-row--block" data-vers="copyright"><span>Copyright</span><span>${this.escape(info.copyright)}</span></div>`,
-      );
-    }
-    return rows.join('');
-  }
-
-  private ensureVersInfo(node: VNode): void {
-    if (node.isDir) return;
-    if (this.cachedVersInfo(node) !== undefined && this.cachedComment(node) !== undefined) return;
-    if (this.versPending.has(node.id)) return;
-    const rsrcHint = node.resourceBytes ?? node.resource.length;
-    if (rsrcHint < 16 && node.resource.length < 16 && node.data.length < 16) return;
-    this.versPending.add(node.id);
-    void this.loadVersInfo(node);
-  }
-
-  private async loadVersInfo(node: VNode): Promise<void> {
-    const stamp = this.versStamp(node);
-    try {
-      const extra = await this.readGetInfoExtras(node);
-      this.versInfo.set(node.id, { stamp, info: extra.vers ? versInfoForGetInfo(extra.vers) : null });
-      this.commentInfo.set(node.id, { stamp, comment: extra.comment });
-      this.patchVersInDom(node.id);
-      this.patchCommentInDom(node.id);
-    } catch {
-      this.versInfo.set(node.id, { stamp, info: null });
-      this.commentInfo.set(node.id, { stamp, comment: null });
-    } finally {
-      this.versPending.delete(node.id);
-    }
-  }
-
-  private async readGetInfoExtras(node: VNode): Promise<{ vers: VersRec | null; comment: string | null }> {
-    const cid = finderCommentId(node.finderInfo);
-    const want = (type: string, id: number): boolean => {
-      if (type === 'vers' && id === 1) return true;
-      if (type !== 'FCMT') return false;
-      return id === 1 || (cid !== 0 && id === cid);
-    };
-    let rf = await this.vfs.loadResourceFork(node, { want });
-    if (!rf) rf = await this.vfs.loadResourceFork(node, { fork: 'data', want });
-    if (!rf) return { vers: null, comment: null };
-    return { vers: decodeVers1(rf), comment: finderCommentFromFork(rf, node.finderInfo) };
-  }
-
-  private patchVersInDom(id: number): void {
-    const hit = this.versInfo.get(id);
-    const markup = hit?.info ? this.versRowsMarkup(hit.info) : '';
-    this.querySelectorAll(`[data-preview][data-id="${id}"] [data-role="vers-slot"]`).forEach((el) => {
-      el.innerHTML = markup;
-    });
-    this.getInfoWindow
-      ?.querySelectorAll(`[data-preview][data-id="${id}"] [data-role="vers-slot"]`)
-      .forEach((el) => {
-        el.innerHTML = markup;
-      });
-    if (markup) this.getInfoWindow?.fitToContents();
-  }
-
-  private patchCommentInDom(id: number): void {
-    const hit = this.commentInfo.get(id);
-    const markup = hit?.comment
-      ? `<div class="preview-row preview-row--block" data-finder="comment"><span>Comments</span><span>${this.escape(hit.comment)}</span></div>`
-      : '';
-    this.querySelectorAll(`[data-preview][data-id="${id}"] [data-role="comment-slot"]`).forEach((el) => {
-      el.innerHTML = markup;
-    });
-    this.getInfoWindow
-      ?.querySelectorAll(`[data-preview][data-id="${id}"] [data-role="comment-slot"]`)
-      .forEach((el) => {
-        el.innerHTML = markup;
-      });
-    if (markup) this.getInfoWindow?.fitToContents();
-  }
-
-  /** Resolve icon for a single node and patch list + properties glyphs. */
-  private ensureNodeIcon(node: VNode): void {
-    const key = String(node.id);
-    if (this.iconUrls.has(key)) return;
-    const gen = this.iconLoadGen;
-    void (async () => {
-      try {
-        await iconCache.init();
-        const urls = await this.iconLookup(node);
-        if (gen !== this.iconLoadGen) return;
-        if (node.isDir && isDefaultFolderIcon(urls)) return;
-        this.iconUrls.set(key, urls);
-        this.patchIconInDom(key, urls);
-      } catch {
-        /* keep placeholder */
-      }
-    })();
-  }
-
-  private colWidthPx(key: string): number {
-    const fallback = key === 'preview' ? 240 : 200;
-    return this.columnWidths.get(key) ?? fallback;
-  }
-
-  private colWidthStyle(key: string): string {
-    return `--col-width:${this.colWidthPx(key)}px`;
-  }
-
-  private colResizerHtml(key: string): string {
-    if (isCompactUi()) return '';
-    return `<div class="column-resizer" data-col-resize="${key}" role="separator" aria-orientation="vertical"></div>`;
-  }
-
-  private columnHtml(colIndex: number, body: string, extraClass = ''): string {
-    const key = String(colIndex);
-    const loading = extraClass.includes('column--loading');
-    const cls = extraClass ? `column ${extraClass}` : 'column';
-    return `<div class="${cls}" data-col-index="${colIndex}"${loading ? ' aria-busy="true"' : ''} style="${this.colWidthStyle(key)}"><div class="column-pane">${body}</div>${this.colResizerHtml(key)}</div>`;
-  }
-
-  private mountColumnEl(colIndex: number, body: string): HTMLElement {
-    const el = document.createElement('div');
-    el.className = 'column';
-    el.setAttribute('data-col-index', String(colIndex));
-    el.style.setProperty('--col-width', `${this.colWidthPx(String(colIndex))}px`);
-    el.innerHTML = `<div class="column-pane">${body}</div>${this.colResizerHtml(String(colIndex))}`;
-    return el;
-  }
-
-  private columnPaneBody(kids: VNode[], colIndex: number, selectedId: number | null): string {
-    const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
-    const items = this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n)));
-    if (items.length === 0) {
-      return `<div class="empty" style="padding:16px;font-size:12px">Empty</div>`;
-    }
-    return items.map((it) => this.colItemHtml(it, colIndex, selectedId)).join('');
-  }
-
-  /** Replace a loading column (or refresh its pane) without remounting earlier columns. */
-  private paintColumnKids(view: Element, parentColIndex: number, kids: VNode[]): void {
-    const colIndex = parentColIndex + 1;
-    const body = this.columnPaneBody(kids, colIndex, null);
-    const loadingCol = view.querySelector('.column--loading');
-    if (loadingCol) {
-      loadingCol.replaceWith(this.mountColumnEl(colIndex, body));
-      return;
-    }
-    const pane = view.querySelector(`[data-col-index="${colIndex}"] .column-pane`);
-    if (pane) {
-      pane.innerHTML = body;
-      return;
-    }
-    view.querySelector(`[data-col-index="${parentColIndex}"]`)?.after(this.mountColumnEl(colIndex, body));
-  }
-
-  private onColumnResizeDown(e: PointerEvent): void {
-    const handle = (e.target as HTMLElement | null)?.closest?.('[data-col-resize]') as HTMLElement | null;
-    if (!handle || isCompactUi()) return;
-    e.preventDefault();
-    e.stopPropagation();
-    const col = handle.closest('.column') as HTMLElement | null;
-    if (!col) return;
-    const key = handle.getAttribute('data-col-resize') ?? '0';
-    this.columnResize = {
-      col,
-      handle,
-      key,
-      startX: e.clientX,
-      startW: col.getBoundingClientRect().width,
-    };
-    handle.classList.add('dragging');
-    this.querySelector('.column-view')?.classList.add('is-resizing');
-    handle.setPointerCapture?.(e.pointerId);
-    window.addEventListener('pointermove', this.onColumnResizeMove);
-    window.addEventListener('pointerup', this.onColumnResizeUp);
-    window.addEventListener('pointercancel', this.onColumnResizeUp);
-  }
-
-  private onColumnResizeMove = (e: PointerEvent): void => {
-    if (!this.columnResize) return;
-    e.preventDefault();
-    const w = Math.round(
-      Math.max(140, Math.min(560, this.columnResize.startW + (e.clientX - this.columnResize.startX))),
-    );
-    this.columnWidths.set(this.columnResize.key, w);
-    this.columnResize.col.style.setProperty('--col-width', `${w}px`);
-  };
-
-  private onColumnResizeUp = (): void => {
-    if (!this.columnResize) return;
-    this.columnResize.handle.classList.remove('dragging');
-    this.querySelector('.column-view')?.classList.remove('is-resizing');
-    this.columnResize = null;
-    window.removeEventListener('pointermove', this.onColumnResizeMove);
-    window.removeEventListener('pointerup', this.onColumnResizeUp);
-    window.removeEventListener('pointercancel', this.onColumnResizeUp);
-  };
-
-  private renderColumnView(): string {
-    if (this.columnChildren.length === 0) {
-      if (this.columnLoading || this.enumeratingFolderId != null) {
-        return `<div class="column-view">${this.columnLoadingHtml(0)}</div>`;
-      }
-      return `<div class="column-view">${this.columnHtml(0, `<div class="empty">Drop files or folders here</div>`)}</div>`;
-    }
-    const listColCount = this.columnChildren.length;
-    const cols = this.columnChildren
-      .map((kids, colIndex) => {
-        const selectedInColumn = this.columnSelectionId(colIndex, kids, listColCount);
-        const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
-        const items = this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n)));
-        const body =
-          items.length === 0
-            ? `<div class="empty" style="padding:16px;font-size:12px">Empty</div>`
-            : items.map((it) => this.colItemHtml(it, colIndex, selectedInColumn)).join('');
-        return this.columnHtml(colIndex, body);
-      })
-      .join('');
-
-    const loadingCol = this.columnLoading
-      ? this.columnLoadingHtml(listColCount)
-      : '';
-    const preview = this.columnLoading ? null : this.columnPreviewNode();
-    const previewCol = preview ? this.itemInfoHtml(preview, { variant: 'column' }) : '';
-    return `<div class="column-view">${cols}${loadingCol}${previewCol}</div>`;
-  }
-
-  private spinnerHtml(extraClass = ''): string {
-    return `<span class="status-spinner${extraClass ? ` ${extraClass}` : ''}" aria-hidden="true"></span>`;
-  }
-
-  private columnLoadingHtml(colIndex: number): string {
-    const parentId = this.pathStack[colIndex]?.id ?? this.enumeratingFolderId ?? this.cwd;
-    const items = this.mergeWritingItems(parentId, []);
-    const body = [...items, this.listingPlaceholderItem()]
-      .map((it) => this.colItemHtml(it, colIndex, null))
-      .join('');
-    return this.columnHtml(colIndex, body, 'column--loading');
-  }
-
-  private nextFolderLoad(id: number): number {
-    const g = (this.folderLoadGen.get(id) ?? 0) + 1;
-    this.folderLoadGen.set(id, g);
-    return g;
-  }
-
-  private folderLoadIsCurrent(id: number, gen: number): boolean {
-    return this.folderLoadGen.get(id) === gen;
-  }
-
-  private itemFromEvent(e: Event): HTMLElement | null {
-    const t = e.target as HTMLElement | null;
-    return t?.closest?.('[data-id]') as HTMLElement | null;
-  }
-
-  private async onClick(e: MouseEvent): Promise<void> {
-    const t = e.target as HTMLElement;
-
-    // Ignore clicks inside rename / type-creator fields (handled by blur/enter)
-    if (t.closest('[data-rename], [data-prop], [data-col-resize]')) return;
-
-    const ctxItem = t.closest('[data-ctx]') as HTMLElement | null;
-    if (ctxItem) {
-      e.preventDefault();
-      const action = ctxItem.getAttribute('data-ctx')!;
-      const ctxTarget = this.contextMenu?.targetId ?? null;
-      const sidebar = this.contextMenu?.sidebar;
-      this.contextMenu = null;
-      this.renderContextMenu();
-      if (sidebar) {
-        const ep = this.servers[sidebar.index];
-        if (action === 'disconnect') {
-          if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
-            await this.host.onSidebarAction?.(ep, 'disconnect');
-            this.forgetEndpoint(ep.id);
-            this.renderSidebar();
-            return;
-          }
-          await this.disconnectRemote();
-          return;
-        }
-        if (action === 'eject' || action === 'unmount') {
-          if (sidebar.volume) await this.ejectVolume(sidebar.volume);
-          else if (ep) await this.ejectEndpoint(ep);
-          return;
-        }
-        if (ep) await this.host.onSidebarAction?.(ep, action, sidebar.volume);
-        return;
-      }
-      await this.handleContextAction(action, ctxTarget);
-      return;
-    }
-    if (this.contextMenu) {
-      this.contextMenu = null;
-      this.renderContextMenu();
-    }
-
-    const pathCrumb = t.closest('[data-path-index]') as HTMLElement | null;
-    if (pathCrumb) {
-      e.preventDefault();
-      const index = Number(pathCrumb.getAttribute('data-path-index'));
-      if (index >= this.pathStack.length - 1) return;
-      await this.navigateToPathIndex(index);
-      return;
-    }
-
-    const sortCol = t.closest('[data-sort-col]') as HTMLElement | null;
-    if (sortCol) {
-      e.preventDefault();
-      const key = (sortCol.getAttribute('data-sort-col') as SortKey) || 'name';
-      await this.applySort(key);
-      return;
-    }
-
-    const calloutAct = t.closest('[data-callout-act]')?.getAttribute('data-callout-act');
-    if (calloutAct) {
-      e.preventDefault();
-      const target = this.openCallout === 'share' ? null : this.selectedId;
-      const local = this.openCallout === 'share';
-      this.openCallout = null;
-      this.renderCallouts();
-      if (local) await this.handleContextAction(calloutAct, null);
-      else await this.handleContextAction(calloutAct, target);
-      return;
-    }
-
-    const actEl = t.closest('[data-act]') as HTMLElement | null;
-    const act = actEl?.getAttribute('data-act');
-    if (act === 'cancel-transfer') {
-      e.preventDefault();
-      e.stopPropagation();
-      const jobId = actEl?.getAttribute('data-job');
-      if (jobId) transferActivity.cancel(jobId);
-      return;
-    }
-    if (act === 'refresh') {
-      await this.onRefresh(actEl?.getAttribute('data-refresh') || undefined);
-      return;
-    }
-    if (act) {
-      await this.handleAction(act);
-      return;
-    }
-    const viewBtn = t.closest('[data-view]');
-    if (viewBtn) {
-      const next = (viewBtn.getAttribute('data-view') as ViewMode) || 'icon';
-      await this.setView(next);
-      return;
-    }
-    if (t.closest('[data-local]')) {
-      if (!this.hasLocalShare()) return;
-      this.showLocalShare();
-      this.closeSidebar();
-      await this.reload();
-      this.syncHistory();
-      this.render();
-      return;
-    }
-    const ejectEl = t.closest('[data-eject]');
-    if (ejectEl) {
-      e.preventDefault();
-      e.stopPropagation();
-      const name =
-        ejectEl.getAttribute('data-vol-name') ||
-        this.remoteVolumes[Number(ejectEl.getAttribute('data-eject'))];
-      if (name) await this.ejectVolume(name);
-      return;
-    }
-    const ejectEpEl = t.closest('[data-eject-endpoint]');
-    if (ejectEpEl) {
-      e.preventDefault();
-      e.stopPropagation();
-      const i = Number(ejectEpEl.getAttribute('data-eject-endpoint'));
-      const ep = this.servers[i];
-      if (ep) await this.ejectEndpoint(ep);
-      return;
-    }
-    const disconnectEl = t.closest('[data-disconnect]');
-    if (disconnectEl) {
-      e.preventDefault();
-      e.stopPropagation();
-      const i = Number(disconnectEl.getAttribute('data-disconnect'));
-      const ep = this.servers[i];
-      if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
-        await this.host.onSidebarAction?.(ep, 'disconnect');
-        this.forgetEndpoint(ep.id);
-        this.renderSidebar();
-        return;
-      }
-      await this.disconnectRemote();
-      return;
-    }
-    const volEl = t.closest('[data-vol]');
-    if (volEl) {
-      const parentI = Number(volEl.getAttribute('data-server-parent'));
-      const parent = Number.isFinite(parentI) ? this.servers[parentI] : this.remoteEndpoint;
-      const name =
-        volEl.getAttribute('data-vol-name') ||
-        this.remoteVolumes[Number(volEl.getAttribute('data-vol'))];
-      if (!name) return;
-      try {
-        if (parent && parent.id !== this.remoteEndpoint?.id) {
-          const ok = await this.connectServerWithLogin(parent);
-          if (!ok) return;
-        }
-        await this.mountRemoteVolume(name);
-        this.closeSidebar();
-        await this.reload();
-        this.syncHistory();
-        this.render();
-      } catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        log.error(`Open volume failed: ${msg}`, 'afp');
-        this.setStatus(`Open volume failed: ${msg}`);
-      }
-      return;
-    }
-    const serverEl = t.closest('[data-server]');
-    if (serverEl) {
-      const i = Number(serverEl.getAttribute('data-server'));
-      const s = this.servers[i];
-      if (!s) return;
-      if (this.remoteBusy) return;
-      if (this.viewingEndpoint(s)) {
-        this.closeSidebar();
-        await this.reload();
-        this.syncHistory();
-        this.render();
-        return;
-      }
-      if (!isCatalogEndpoint(s) && this.remoteLoggedIn && this.remoteNbpName === s.id) {
-        if (this.remoteOpen) {
-          this.closeSidebar();
-          await this.reload();
-          this.render();
-        } else {
-          this.renderSidebar();
-        }
-        return;
-      }
-      await this.connectServerWithLogin(s);
-      this.closeSidebar();
-      if (this.remoteOpen) {
-        await this.reload();
-        this.syncHistory();
-      }
-      this.render();
-      return;
-    }
-
-    const disclose = t.closest('[data-disclose]') as HTMLElement | null;
-    if (disclose && this.view === 'list') {
-      e.preventDefault();
-      e.stopPropagation();
-      const id = Number(disclose.getAttribute('data-disclose'));
-      this.selectedId = id;
-      const row = disclose.closest('[data-id]') as HTMLElement | null;
-      if (row) this.paintSelection(row);
-      await this.toggleExpand(id);
-      return;
-    }
-
-    const item = this.itemFromEvent(e);
-    if (!item || !this.querySelector('.content')?.contains(item)) return;
-    if (item.matches('[data-preview], .item-info') || item.closest('[data-preview], .item-info')) return;
-
-    const id = Number(item.getAttribute('data-id'));
-    if (!Number.isFinite(id)) return;
-    const isDir = item.getAttribute('data-dir') === '1';
-    const wasSelected = this.selectedId === id;
-    this.selectedId = id;
-
-    if (isCompactUi() && this.view !== 'column' && isDir && wasSelected) {
-      const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-      if (node?.isDir) await this.openFolder(node);
-      return;
-    }
-
-    if (this.view === 'column') {
-      this.syncResourceExplorer();
-      const colIndex = Number(item.getAttribute('data-col') ?? '0');
-      const beforePath = this.pathNamesForUrl().join('/');
-      this.pathStack = this.pathStack.slice(0, colIndex + 1);
-      this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
-      if (isDir) {
-        const node = this.findInColumns(id) ?? this.findNodeAnywhere(id);
-        if (node?.isDir) {
-          this.pathStack.push({ id: node.id, name: node.name });
-          this.cwd = node.id;
-          await this.loadColumnFolder(node.id, colIndex);
-        } else {
-          this.columnLoading = true;
-          this.renderPath();
-          this.renderContent();
-          const fetched = await this.vfs.get(id);
-          if (fetched?.isDir) {
-            this.pathStack.push({ id: fetched.id, name: fetched.name });
-            this.cwd = fetched.id;
-            await this.loadColumnFolder(fetched.id, colIndex);
-          } else {
-            this.columnLoading = false;
-            this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-            this.renderPath();
-            this.renderContent();
-          }
-        }
-      } else {
-        this.columnLoading = false;
-        this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-        this.nodes = this.columnChildren[this.columnChildren.length - 1] ?? this.nodes;
-        this.renderPath();
-        this.paintColumnSelection();
-      }
-      if (beforePath !== this.pathNamesForUrl().join('/')) this.syncHistory();
-      return;
-    }
-
-    this.paintSelection(item);
-    // Don't remount the file plane when Properties is open — preserves dblclick.
-    if (this.showProps) this.refreshPropsPanel();
-  }
-
-  private async loadColumnFolder(folderId: number, parentColIndex: number): Promise<void> {
-    const signal = this.beginNavListing();
-    this.columnLoadGen++;
-    const gen = this.columnLoadGen;
-    this.enumeratingFolderId = folderId;
-    this.columnLoading = true;
-    this.renderPath();
-    this.renderContent();
-    try {
-      const kids = await this.streamChildren(
-        folderId,
-        (partial) => {
-          if (gen !== this.columnLoadGen || signal.aborted) return;
-          this.columnChildren = this.columnChildren.slice(0, parentColIndex + 1);
-          this.columnChildren.push(partial);
-          this.nodes = partial;
-          this.columnLoading = false;
-          this.renderPath();
-          this.renderContent();
-        },
-        signal,
-      );
-      if (gen !== this.columnLoadGen || signal.aborted) return;
-      this.columnChildren = this.columnChildren.slice(0, parentColIndex + 1);
-      this.columnChildren.push(kids);
-      this.nodes = kids;
-    } catch (err) {
-      if (gen !== this.columnLoadGen || isAbortError(err)) return;
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Couldn’t open folder: ${msg}`);
-      this.pathStack = this.pathStack.slice(0, parentColIndex + 1);
-      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-    } finally {
-      if (gen === this.columnLoadGen && !signal.aborted) {
-        this.columnLoading = false;
-        if (this.enumeratingFolderId === folderId) this.enumeratingFolderId = null;
-      }
-    }
-    if (gen !== this.columnLoadGen) return;
-    this.renderPath();
-    this.renderContent();
-  }
-
-  private async toggleExpand(id: number): Promise<void> {
-    const row = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-    const disclose = row?.querySelector('[data-disclose]') as HTMLElement | null;
-    if (this.dragDepth === 0 && this.dragNodeId == null) {
-      this.querySelectorAll('.list-table tr.drop-target').forEach((el) => el.classList.remove('drop-target'));
-    }
-
-    if (this.expandedIds.has(id)) {
-      this.expandedIds.delete(id);
-      this.loadingIds.delete(id);
-      this.abortExpandListing(id);
-      this.nextFolderLoad(id);
-      this.collapseDescendants(id);
-      this.setDiscloseState(disclose, 'closed');
-      if (row) this.removeListChildRows(row);
-      else this.renderContent();
-      this.refreshFolderGlyph(id);
-      return;
-    }
-    this.expandedIds.add(id);
-    this.selectedId = id;
-    if (row) {
-      this.paintSelection(row);
-      if (this.dragDepth === 0 && this.dragNodeId == null) row.classList.remove('drop-target');
-    }
-    this.setDiscloseState(disclose, 'open');
-
-    const cached = this.listChildCache.get(id);
-    if (cached) {
-      if (row) this.insertListChildRows(row, cached, id);
-      else this.renderContent();
-      return;
-    }
-    const gen = this.nextFolderLoad(id);
-    this.loadingIds.add(id);
-    this.setDiscloseState(disclose, 'loading');
-    this.refreshFolderGlyph(id);
-    if (row) this.insertListingPlaceholderRow(row);
-    else this.renderContent();
-    const signal = this.beginExpandListing(id);
-    try {
-      const kids = await this.streamChildren(
-        id,
-        (partial) => {
-          if (!this.folderLoadIsCurrent(id, gen) || !this.expandedIds.has(id)) return;
-          this.listChildCache.set(id, partial);
-          const live = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-          if (live?.parentElement) this.replaceListChildRows(live, partial, id);
-          else this.renderContent();
-        },
-        signal,
-      );
-      if (!this.folderLoadIsCurrent(id, gen)) return;
-      this.listChildCache.set(id, kids);
-    } catch (err) {
-      if (!this.folderLoadIsCurrent(id, gen) || isAbortError(err)) return;
-      this.expandedIds.delete(id);
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Couldn’t expand folder: ${msg}`);
-      this.setDiscloseState(disclose, 'closed');
-    } finally {
-      if (this.folderLoadIsCurrent(id, gen)) this.loadingIds.delete(id);
-    }
-    if (!this.folderLoadIsCurrent(id, gen)) return;
-    this.refreshFolderGlyph(id);
-    const live = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-    if (live?.parentElement && this.expandedIds.has(id)) {
-      this.replaceListChildRows(live, this.listChildCache.get(id) ?? [], id);
-    } else this.renderContent();
-  }
-
-  private setDiscloseState(disclose: Element | null, state: 'open' | 'closed' | 'loading'): void {
-    if (!(disclose instanceof HTMLElement)) return;
-    disclose.classList.toggle('open', state !== 'closed');
-    disclose.classList.toggle('loading', state === 'loading');
-    disclose.setAttribute('aria-busy', String(state === 'loading'));
-    disclose.setAttribute(
-      'aria-label',
-      state === 'loading' ? 'Loading' : state === 'open' ? 'Collapse' : 'Expand',
-    );
-    if (!disclose.querySelector('svg')) disclose.innerHTML = uiIcons.disclose;
-  }
-
-  private removeListChildRows(row: HTMLTableRowElement): void {
-    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
-    let next = row.nextElementSibling as HTMLTableRowElement | null;
-    while (next) {
-      const d = Number(String(next.style.getPropertyValue('--depth') || '0'));
-      if (d <= depth) break;
-      const remove = next;
-      next = next.nextElementSibling as HTMLTableRowElement | null;
-      remove.remove();
-    }
-  }
-
-  private collapseDescendants(id: number): void {
-    const kids = this.listChildCache.get(id) ?? [];
-    for (const k of kids) {
-      if (k.isDir && this.expandedIds.has(k.id)) {
-        this.expandedIds.delete(k.id);
-        this.abortExpandListing(k.id);
-        this.collapseDescendants(k.id);
-      }
-    }
-  }
-
-  private findInColumns(id: number): VNode | undefined {
-    for (const col of this.columnChildren) {
-      const n = col.find((x) => x.id === id);
-      if (n) return n;
-    }
-    return this.nodes.find((n) => n.id === id);
-  }
-
-  private paintSelection(item: HTMLElement): void {
-    this.querySelectorAll('.selected').forEach((el) => {
-      if (el.classList.contains('side-item')) return;
-      el.classList.remove('selected');
-    });
-    item.classList.add('selected');
-    this.syncClipboardButtons();
-    this.syncResourceExplorer();
-  }
-
-  private async onDblClick(e: MouseEvent): Promise<void> {
-    const t = e.target as HTMLElement;
-    if (t.closest('.titlebar') && !t.closest('button, select, label, input, a')) {
-      e.preventDefault();
-      this.toggleMaximized();
-      return;
-    }
-    const item = this.itemFromEvent(e);
-    if (!item || !this.querySelector('.content')?.contains(item)) return;
-    if (item.getAttribute('data-dir') !== '1') return;
-    if (this.view === 'column') return;
-    if ((e.target as HTMLElement).closest?.('[data-disclose]')) return;
-
-    e.preventDefault();
-    const id = Number(item.getAttribute('data-id'));
-    if (!Number.isFinite(id)) return;
-
-    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-    if (!node?.isDir) return;
-    await this.openFolder(node);
-  }
-
-  private async openFolder(node: VNode): Promise<void> {
-    const openedId = node.id;
-    this.cwd = node.id;
-    this.pathStack.push({ id: node.id, name: node.name });
-    this.selectedId = null;
-    this.syncResourceExplorer();
-    this.expandedIds.clear();
-    this.folderOpening = true;
-    this.enumeratingFolderId = node.id;
-    this.nodes = [];
-    this.renderPath();
-    this.renderContent();
-    try {
-      await this.reload();
-    } finally {
-      if (this.cwd === openedId) this.folderOpening = false;
-    }
-    if (this.cwd !== openedId) return;
-    this.renderPath();
-    this.renderContent();
-    this.syncClipboardButtons();
-    this.syncHistory();
-  }
-
-  private contentEl(): HTMLElement | null {
-    return this.querySelector('.content');
-  }
-
-  private onDragStart(e: DragEvent): void {
-    const t = e.target as HTMLElement;
-    if (t.closest('[data-rename], [data-disclose], [data-preview], .item-info, [data-col-resize]')) {
-      e.preventDefault();
-      return;
-    }
-    const item = this.itemFromEvent(e);
-    if (!item || !this.contentEl()?.contains(item)) {
-      e.preventDefault();
-      return;
-    }
-    const id = Number(item.getAttribute('data-id'));
-    if (!Number.isFinite(id)) {
-      e.preventDefault();
-      return;
-    }
-    this.dragNodeId = id;
-    this.dragNode = this.findNodeAnywhere(id);
-    this.dragCatalog = this.vfs;
-    this.selectedId = id;
-    e.dataTransfer?.setData('application/x-cs-node', String(id));
-    e.dataTransfer!.effectAllowed = 'copyMove';
-    item.classList.add('dragging');
-  }
-
-  private onDragEnd(): void {
-    this.querySelectorAll('.dragging').forEach((el) => el.classList.remove('dragging'));
-    this.dragNodeId = null;
-    this.dragNode = null;
-    this.dragCatalog = null;
-    this.clearSpringTimer();
-    this.clearDropUi();
-    this.clearDragPortal();
-    this.dragDepth = 0;
-  }
-
-  /** Keep the HTML5 drag source in-document while the file plane remounts/truncates. */
-  private parkDragSource(): void {
-    if (this.dragNodeId == null) return;
-    const dragging = this.querySelector('.dragging') as HTMLElement | null;
-    const portal = this.querySelector('.drag-portal') as HTMLElement | null;
-    if (!dragging || !portal || portal.contains(dragging)) return;
-    portal.appendChild(dragging);
-  }
-
-  private clearDragPortal(): void {
-    const portal = this.querySelector('.drag-portal');
-    if (portal) portal.replaceChildren();
-  }
-
-  private isExternalFileDrag(e: DragEvent): boolean {
-    if (this.dragNodeId != null) return false;
-    const types = e.dataTransfer?.types;
-    if (!types) return false;
-    return [...types].includes('Files');
-  }
-
-  private isInternalDrag(): boolean {
-    return this.dragNodeId != null;
-  }
-
-  private isDropDrag(e: DragEvent): boolean {
-    return this.isInternalDrag() || this.isExternalFileDrag(e);
-  }
-
-  private onDragEnter(e: DragEvent): void {
-    if (!this.isDropDrag(e)) return;
-    e.preventDefault();
-    this.dragDepth++;
-  }
-
-  private onDragOver(e: DragEvent): void {
-    if (!this.isDropDrag(e)) return;
-    e.preventDefault();
-    void this.updateDropHover(e);
-  }
-
-  private onDragLeave(e: DragEvent): void {
-    if (!this.isDropDrag(e)) return;
-    this.dragDepth = Math.max(0, this.dragDepth - 1);
-    if (this.dragDepth === 0) {
-      this.clearSpringTimer();
-      this.clearDropUi();
-    }
-  }
-
-  /** Folder under cursor for spring-load, else null. */
-  private folderUnderPointer(e: DragEvent): HTMLElement | null {
-    const item = this.itemFromEvent(e);
-    if (!item || !this.contentEl()?.contains(item)) return null;
-    if (item.getAttribute('data-dir') !== '1') return null;
-    const id = Number(item.getAttribute('data-id'));
-    if (this.dragNodeId === id) return null;
-    return item;
-  }
-
-  /** Parent folder id represented by the column under the pointer. */
-  private columnParentFromEvent(e: DragEvent): number | null {
-    if (this.view !== 'column') return null;
-    const t = e.target as HTMLElement | null;
-    const col = t?.closest?.('[data-col-index]') as HTMLElement | null;
-    if (!col || !this.contentEl()?.contains(col)) return null;
-    const idx = Number(col.getAttribute('data-col-index'));
-    if (!Number.isFinite(idx) || idx < 0) return null;
-    return this.pathStack[idx]?.id ?? null;
-  }
-
-  /** Folder id from a path-bar crumb under the pointer, if any. */
-  private pathDropIdFromEvent(e: DragEvent): number | null {
-    const t = e.target as HTMLElement | null;
-    const crumb = t?.closest?.('[data-path-id]') as HTMLElement | null;
-    const bar = this.querySelector('.pathbar');
-    if (!crumb || !bar?.contains(crumb)) return null;
-    const id = Number(crumb.getAttribute('data-path-id'));
-    return Number.isFinite(id) ? id : null;
-  }
-
-  private columnIndexFromEvent(e: DragEvent): number | null {
-    if (this.view !== 'column') return null;
-    const t = e.target as HTMLElement | null;
-    const col = t?.closest?.('[data-col-index]') as HTMLElement | null;
-    if (!col) return null;
-    const idx = Number(col.getAttribute('data-col-index'));
-    return Number.isFinite(idx) ? idx : null;
-  }
-
-  /** Destination parent id for a drop in the current catalog, or null if invalid. */
-  private resolveDropParent(e: DragEvent): number | null {
-    const pathId = this.pathDropIdFromEvent(e);
-    if (pathId != null) return pathId;
-
-    const content = this.contentEl();
-    if (!content) return null;
-    const item = this.itemFromEvent(e);
-    if (item && content.contains(item)) {
-      const id = Number(item.getAttribute('data-id'));
-      if (this.dragNodeId === id) return null;
-      if (item.getAttribute('data-dir') === '1') return id;
-      const node = this.findNodeAnywhere(id);
-      if (node) return node.parentId;
-      return this.columnParentFromEvent(e) ?? this.cwd;
-    }
-    const colParent = this.columnParentFromEvent(e);
-    if (colParent != null) return colParent;
-    const t = e.target as Node | null;
-    if (t && content.contains(t)) return this.cwd;
-    return null;
-  }
-
-  private currentShareKey(): string {
-    if (this.source === 'local') return LOCAL_SHARE_KEY;
-    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
-      return shareKeyForEndpoint(this.remoteEndpoint);
-    }
-    return `${this.remoteNbpName}:${this.pathStack[0]?.name ?? ''}`;
-  }
-
-  /** Sidebar share under the pointer (Browser Share, ClassicStack share, or mounted volume). */
-  private shareDropFromEvent(e: DragEvent): { key: string; name: string } | null {
-    return shareDropFromElement(e.target, this.querySelector('.sidebar'));
-  }
-
-  private async ensureShareCatalog(key: string): Promise<Catalog | null> {
-    if (key === LOCAL_SHARE_KEY) return this.localVfs ?? this.catalogs.get(LOCAL_SHARE_KEY) ?? null;
-    const existing = this.catalogs.get(key);
-    if (existing) return existing;
-    if (key.startsWith('endpoint:')) {
-      const id = key.slice('endpoint:'.length);
-      const ep = this.servers.find((s) => s.id === id);
-      if (!ep || !this.host.openEndpointCatalog) return null;
-      const cat = await this.host.openEndpointCatalog(ep);
-      this.catalogs.set(key, cat);
-      return cat;
-    }
-    const prefix = `${this.remoteNbpName}:`;
-    if (!this.remoteLoggedIn || !key.startsWith(prefix)) return null;
-    const name = key.slice(prefix.length);
-    if (!name) return null;
-    const cat = await this.host.openVolume(name);
-    this.catalogs.set(key, cat);
-    return cat;
-  }
-
-  private resolveDropDest(e: DragEvent): {
-    catalog: Catalog | null;
-    parentId: number;
-    shareKey?: string;
-    label: string;
-  } | null {
-    const share = this.shareDropFromEvent(e);
-    if (share) {
-      const cat = this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
-      return {
-        catalog: cat,
-        parentId: cat?.rootId() ?? 0,
-        shareKey: share.key,
-        label: share.name,
-      };
-    }
-    const parentId = this.resolveDropParent(e);
-    if (parentId == null) return null;
-    const destNode = this.findNodeAnywhere(parentId);
-    return {
-      catalog: this.vfs,
-      parentId,
-      label: destNode?.name ?? this.pathStack.find((p) => p.id === parentId)?.name ?? 'folder',
-    };
-  }
-
-  private async updateDropHover(e: DragEvent): Promise<void> {
-    const share = this.shareDropFromEvent(e);
-    if (share) {
-      const destCat =
-        this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
-      if (this.isInternalDrag() && this.dragNodeId != null && destCat && destCat === this.dragCatalog) {
-        if (!this.isValidMoveTarget(this.dragNodeId, destCat.rootId(), destCat)) {
-          if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
-          this.clearSpringTimer();
-          this.paintDropTarget(null, false, null, null, null);
-          return;
-        }
-      }
-      if (e.dataTransfer) {
-        const same = this.isInternalDrag() && destCat != null && destCat === this.dragCatalog;
-        e.dataTransfer.dropEffect = this.isInternalDrag() ? (same ? 'move' : 'copy') : 'copy';
-      }
-      this.paintDropTarget(null, false, null, null, share.key);
-      if (share.key !== this.currentShareKey() && share.key !== this.springShareKey) {
-        this.clearSpringTimer();
-        this.springShareKey = share.key;
-        this.springTimer = setTimeout(() => {
-          void this.springLoadShare(share.key);
-        }, 1000);
-      } else if (share.key === this.currentShareKey()) {
-        this.clearSpringTimer();
-      }
-      return;
-    }
-
-    const pathId = this.pathDropIdFromEvent(e);
-    if (pathId != null) {
-      if (this.isInternalDrag() && this.dragNodeId != null && this.dragCatalog === this.vfs) {
-        if (!this.isValidMoveTarget(this.dragNodeId, pathId, this.vfs)) {
-          if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
-          this.clearSpringTimer();
-          this.paintDropTarget(null, false, null, null);
-          return;
-        }
-      }
-      if (e.dataTransfer) {
-        e.dataTransfer.dropEffect = this.isInternalDrag() && this.dragCatalog === this.vfs ? 'move' : 'copy';
-      }
-      this.clearSpringTimer();
-      this.paintDropTarget(null, false, null, pathId);
-      return;
-    }
-
-    const dest = this.resolveDropParent(e);
-    const folderEl = this.folderUnderPointer(e);
-    const folderId = folderEl ? Number(folderEl.getAttribute('data-id')) : null;
-    const colIndex = this.columnIndexFromEvent(e);
-
-    if (this.isInternalDrag() && dest != null && this.dragNodeId != null && this.dragCatalog === this.vfs) {
-      if (!this.isValidMoveTarget(this.dragNodeId, dest, this.vfs)) {
-        if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
-        this.clearSpringTimer();
-        this.paintDropTarget(null, false, null, null);
-        return;
-      }
-    }
-
-    if (e.dataTransfer) {
-      if (!this.isInternalDrag()) e.dataTransfer.dropEffect = 'copy';
-      else e.dataTransfer.dropEffect = this.dragCatalog === this.vfs ? 'move' : 'copy';
-    }
-
-    const blankActive = dest != null && folderId == null;
-    this.paintDropTarget(folderId, blankActive, blankActive ? colIndex : null, null);
-
-    if (folderId != null && folderId !== this.springFolderId) {
-      this.clearSpringTimer();
-      this.springFolderId = folderId;
-      this.springTimer = setTimeout(() => {
-        void this.springLoadFolder(folderId);
-      }, 1000);
-    } else if (folderId == null) {
-      this.clearSpringTimer();
-    }
-  }
-
-  private paintDropTarget(
-    folderId: number | null,
-    blankActive: boolean,
-    columnIndex: number | null = null,
-    pathId: number | null = null,
-    shareKey: string | null = null,
-  ): void {
-    this.dropHoverFolderId = folderId;
-    this.querySelectorAll('.drop-target').forEach((el) => el.classList.remove('drop-target'));
-    this.querySelectorAll('.drop-target-col').forEach((el) => el.classList.remove('drop-target-col'));
-    const content = this.contentEl();
-    content?.classList.remove('drop-active');
-
-    if (shareKey != null) {
-      const sel = `[data-share-key="${CSS.escape(shareKey)}"]`;
-      this.querySelector(`.sidebar ${sel}`)?.classList.add('drop-target');
-      return;
-    }
-
-    if (pathId != null) {
-      this.querySelector(`.crumb[data-path-id="${pathId}"]`)?.classList.add('drop-target');
-      return;
-    }
-
-    if (folderId != null) {
-      const el =
-        this.querySelector(`.col-item[data-id="${folderId}"]`) ??
-        this.querySelector(`.icon-item[data-id="${folderId}"]`) ??
-        this.querySelector(`tr[data-id="${folderId}"]`) ??
-        this.querySelector(`[data-id="${folderId}"]`);
-      el?.classList.add('drop-target');
-      return;
-    }
-
-    if (!blankActive) return;
-
-    if (columnIndex != null) {
-      this.querySelector(`[data-col-index="${columnIndex}"]`)?.classList.add('drop-target-col');
-      return;
-    }
-    content?.classList.add('drop-active');
-  }
-
-  private clearDropUi(): void {
-    this.dropHoverFolderId = null;
-    this.querySelectorAll('.drop-target').forEach((el) => el.classList.remove('drop-target'));
-    this.querySelectorAll('.drop-target-col').forEach((el) => el.classList.remove('drop-target-col'));
-    this.contentEl()?.classList.remove('drop-active');
-  }
-
-  private clearSpringTimer(): void {
-    if (this.springTimer != null) {
-      clearTimeout(this.springTimer);
-      this.springTimer = null;
-    }
-    this.springFolderId = null;
-    this.springShareKey = null;
-  }
-
-  private async springLoadShare(key: string): Promise<void> {
-    this.springTimer = null;
-    if (this.springShareKey !== key) return;
-    if (this.currentShareKey() === key) return;
-    try {
-      if (key.startsWith('endpoint:')) {
-        await this.ensureShareCatalog(key);
-        return;
-      }
-      this.parkDragSource();
-      if (key === LOCAL_SHARE_KEY) {
-        this.showLocalShare();
-      } else {
-        const prefix = `${this.remoteNbpName}:`;
-        if (!key.startsWith(prefix)) return;
-        await this.mountRemoteVolume(key.slice(prefix.length));
-      }
-      if (this.springShareKey !== key) return;
-      await this.reload();
-      if (this.springShareKey !== key) return;
-      this.renderSidebar();
-      this.renderPath();
-      this.renderContent();
-      this.syncHistory();
-      this.paintDropTarget(null, false, null, null, key);
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Couldn’t open share: ${msg}`);
-    }
-  }
-
-  private async springLoadFolder(id: number): Promise<void> {
-    this.springTimer = null;
-    if (this.dropHoverFolderId !== id && this.springFolderId !== id) return;
-    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-    if (!node?.isDir) return;
-
-    if (this.view === 'list') {
-      await this.springExpandList(id);
-      return;
-    }
-    if (this.view === 'column') {
-      await this.springOpenColumn(node);
-      return;
-    }
-    await this.springOpenIcon(node);
-  }
-
-  /** Expand a list-view folder without remounting the dragged row. */
-  private async springExpandList(id: number): Promise<void> {
-    if (this.expandedIds.has(id) || this.loadingIds.has(id)) return;
-    this.expandedIds.add(id);
-    const row = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-    const cached = this.listChildCache.get(id);
-    if (cached) {
-      this.insertListChildRows(row, cached, id);
-      return;
-    }
-    const gen = this.nextFolderLoad(id);
-    this.loadingIds.add(id);
-    const disclose = row?.querySelector('[data-disclose]');
-    if (disclose) this.setDiscloseState(disclose, 'loading');
-    this.refreshFolderGlyph(id);
-    if (row) this.insertListingPlaceholderRow(row);
-    else this.renderContent();
-    const signal = this.beginExpandListing(id);
-    try {
-      const kids = await this.streamChildren(
-        id,
-        (partial) => {
-          if (!this.folderLoadIsCurrent(id, gen) || !this.expandedIds.has(id)) return;
-          this.listChildCache.set(id, partial);
-          const live = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-          if (live?.parentElement) this.replaceListChildRows(live, partial, id);
-          else {
-            this.parkDragSource();
-            this.renderContent();
-            this.paintDropTarget(id, false);
-          }
-        },
-        signal,
-      );
-      if (!this.folderLoadIsCurrent(id, gen)) return;
-      this.listChildCache.set(id, kids);
-    } catch (err) {
-      if (!this.folderLoadIsCurrent(id, gen) || isAbortError(err)) return;
-      this.expandedIds.delete(id);
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Couldn’t expand folder: ${msg}`);
-    } finally {
-      if (this.folderLoadIsCurrent(id, gen)) this.loadingIds.delete(id);
-    }
-    if (!this.folderLoadIsCurrent(id, gen)) return;
-    this.refreshFolderGlyph(id);
-    const live = this.querySelector(`tr[data-id="${id}"]`) as HTMLTableRowElement | null;
-    if (!live?.parentElement) {
-      this.parkDragSource();
-      this.renderContent();
-      this.paintDropTarget(id, false);
-      return;
-    }
-    if (this.expandedIds.has(id)) this.replaceListChildRows(live, this.listChildCache.get(id) ?? [], id);
-    else this.renderContent();
-  }
-
-  private insertListingPlaceholderRow(row: HTMLTableRowElement): void {
-    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
-    row.insertAdjacentHTML('afterend', this.listRowHtml(this.listingPlaceholderItem(), depth + 1));
-  }
-
-  private refreshFolderGlyph(id: number): void {
-    const node = this.findNodeAnywhere(id);
-    if (!node?.isDir) {
-      this.renderPath();
-      return;
-    }
-    const item: ListItem = {
-      key: String(id),
-      name: node.name,
-      isDir: true,
-      size: 0,
-      mod: fromMacTime(node.modDate),
-      node,
-      finderInfo: node.finderInfo,
-    };
-    const w = transferActivity
-      .writesIn(this.vfs, node.parentId)
-      .find((x) => x.name.toLowerCase() === node.name.toLowerCase());
-    if (w) item.writing = w;
-    const sel =
-      '.icon-write, .icon-glyph-img, .icon-glyph-svg, .icon-glyph-spinner, .col-icon-img, .col-icon-svg, .col-icon-spinner, .row-icon-img, .row-icon-svg, .row-icon-spinner';
-    for (const el of this.querySelectorAll(`[data-id="${id}"]`)) {
-      const kind = el.classList.contains('icon-item')
-        ? 'icon'
-        : el.classList.contains('col-item')
-          ? 'col'
-          : el.tagName === 'TR'
-            ? 'row'
-            : null;
-      if (!kind) continue;
-      const g = el.querySelector(sel);
-      if (!g) continue;
-      const tmp = document.createElement('div');
-      tmp.innerHTML = this.glyphHtml(item, kind === 'icon' ? 'large' : 'small', kind);
-      const next = tmp.firstElementChild;
-      if (next) g.replaceWith(next);
-    }
-    this.renderPath();
-  }
-
-  private replaceListChildRows(row: HTMLTableRowElement, kids: VNode[], folderId: number): void {
-    this.removeListChildRows(row);
-    this.insertListChildRows(row, kids, folderId);
-  }
-
-  private insertListChildRows(row: HTMLTableRowElement | null, kids: VNode[], folderId: number): void {
-    if (!row?.parentElement) return;
-    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
-    const html = this.mergeWritingItems(folderId, kids.map((n) => this.listItemFromNode(n)))
-      .map((item) => this.listRowHtml(item, depth + 1))
-      .join('');
-    row.insertAdjacentHTML('afterend', html);
-    this.setDiscloseState(row.querySelector('[data-disclose]'), 'open');
-    if (this.dragDepth > 0 || this.dragNodeId != null) this.paintDropTarget(folderId, false);
-    const folder = this.findNodeAnywhere(folderId);
-    const items = this.mergeWritingItems(folderId, kids.map((n) => this.listItemFromNode(n)));
-    if (folder) {
-      items.unshift({
-        key: String(folder.id),
-        name: folder.name,
-        isDir: true,
-        size: nodeByteSize(folder),
-        mod: fromMacTime(folder.modDate),
-        node: folder,
-        finderInfo: folder.finderInfo,
-      });
-    }
-    this.prefetchIcons(items, 'add');
-  }
-
-  /** Navigate into a folder in icon view; park drag source so the gesture survives. */
-  private async springOpenIcon(node: VNode): Promise<void> {
-    if (this.cwd === node.id) return;
-    // Only spring-open folders visible in the current directory.
-    if (!this.nodes.some((n) => n.id === node.id)) {
-      const visible = this.querySelector(`.icon-item[data-id="${node.id}"]`);
-      if (!visible) return;
-    }
-
-    this.parkDragSource();
-    const openedId = node.id;
-    this.cwd = node.id;
-    this.pathStack.push({ id: node.id, name: node.name });
-    this.selectedId = null;
-    this.expandedIds.clear();
-    await this.reload();
-    if (this.cwd !== openedId) return;
-    this.renderPath();
-    this.renderContent();
-    this.syncClipboardButtons();
-    this.syncHistory();
-    this.clearSpringTimer();
-    this.clearDropUi();
-  }
-
-  /** Open a folder into the next Miller column without remounting earlier columns (keeps drag alive). */
-  private async springOpenColumn(node: VNode): Promise<void> {
-    const colItem = this.querySelector(`.col-item[data-id="${node.id}"]`) as HTMLElement | null;
-    if (!colItem) return;
-    const colIndex = Number(colItem.getAttribute('data-col') ?? '0');
-    if (this.pathStack[colIndex + 1]?.id === node.id && !this.columnLoading) return;
-
-    this.parkDragSource();
-    const signal = this.beginNavListing();
-
-    this.pathStack = this.pathStack.slice(0, colIndex + 1);
-    this.pathStack.push({ id: node.id, name: node.name });
-    this.cwd = node.id;
-    this.selectedId = null;
-    this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
-
-    const view = this.querySelector('.column-view');
-    if (!view) {
-      await this.loadColumnFolder(node.id, colIndex);
-      this.syncHistory();
-      this.clearSpringTimer();
-      return;
-    }
-
-    view.querySelectorAll(':scope > .column').forEach((col) => {
-      const idx = Number(col.getAttribute('data-col-index'));
-      if (Number.isFinite(idx) && idx > colIndex) col.remove();
-    });
-    view.querySelectorAll('[data-preview]').forEach((el) => el.remove());
-
-    const parentCol = view.querySelector(`[data-col-index="${colIndex}"]`);
-    parentCol?.querySelectorAll('.col-item.selected').forEach((el) => el.classList.remove('selected'));
-    colItem.classList.add('selected');
-
-    this.columnLoadGen++;
-    const gen = this.columnLoadGen;
-    this.enumeratingFolderId = node.id;
-    this.columnLoading = true;
-    this.refreshFolderGlyph(node.id);
-    parentCol?.insertAdjacentHTML('afterend', this.columnLoadingHtml(colIndex + 1));
-    this.renderPath();
-    this.scrollColumnsToEnd();
-
-    try {
-      const kids = await this.streamChildren(
-        node.id,
-        (partial) => {
-          if (gen !== this.columnLoadGen || signal.aborted) return;
-          this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
-          this.columnChildren.push(partial);
-          this.nodes = partial;
-          this.columnLoading = false;
-          this.paintColumnKids(view, colIndex, partial);
-          this.scrollColumnsToEnd();
-        },
-        signal,
-      );
-      if (gen !== this.columnLoadGen || signal.aborted) return;
-      this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
-      this.columnChildren.push(kids);
-      this.nodes = kids;
-      this.columnLoading = false;
-      this.paintColumnKids(view, colIndex, kids);
-    } catch (err) {
-      if (gen !== this.columnLoadGen || isAbortError(err)) return;
-      this.columnLoading = false;
-      view.querySelector('.column--loading')?.remove();
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Couldn’t open folder: ${msg}`);
-      this.pathStack = this.pathStack.slice(0, colIndex + 1);
-      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
-    } finally {
-      if (gen === this.columnLoadGen && !signal.aborted && this.enumeratingFolderId === node.id) {
-        this.enumeratingFolderId = null;
-        this.refreshFolderGlyph(node.id);
-      }
-    }
-
-    if (gen !== this.columnLoadGen) return;
-    this.renderPath();
-    this.scrollColumnsToEnd();
-    this.syncHistory();
-    this.clearSpringTimer();
-    this.paintDropTarget(node.id, false);
-  }
-
-  private isValidMoveTarget(id: number, destParent: number, fs: Catalog = this.vfs): boolean {
-    if (this.dragCatalog && fs !== this.dragCatalog) return true;
-    if (id === destParent) return false;
-    const node =
-      (this.dragNodeId === id ? this.dragNode : null) ??
-      (fs === this.vfs ? this.findNodeAnywhere(id) : null);
-    if (!node) return true;
-    if (!node.isDir) return true;
-    const seen = new Set<number>();
-    let curId: number | null = destParent;
-    while (curId != null && !seen.has(curId)) {
-      if (curId === id) return false;
-      seen.add(curId);
-      if (fs === this.vfs) {
-        const idx = this.pathStack.findIndex((p) => p.id === curId);
-        if (idx > 0) {
-          curId = this.pathStack[idx - 1]!.id;
-          continue;
-        }
-        if (idx === 0) break;
-        const n = this.findNodeAnywhere(curId);
-        if (!n?.parentId || n.parentId === n.id) break;
-        curId = n.parentId;
-        continue;
-      }
-      break;
-    }
-    return true;
-  }
-
-  private async planPlacement(
-    fs: Catalog,
-    parentId: number,
-    name: string,
-    isDir: boolean,
-    ignoreId?: number,
-    reserved?: Set<string>,
-  ): Promise<PlacementPlan> {
-    const plan = await planItemPlacement(fs, parentId, name, isDir, {
-      ignoreId,
-      reserved,
-      resolveConflict: (info) => this.host.promptNameConflict(info),
-    });
-    if (!plan) throw new TransferCancelled();
-    reserved?.add(plan.destName.toLowerCase());
-    return plan;
-  }
-
-  private async moveNodeTo(id: number, destParent: number, fs: Catalog = this.vfs): Promise<void> {
-    const node = (this.dragNodeId === id ? this.dragNode : null) ?? (await fs.get(id));
-    if (!node) return;
-    if (node.parentId === destParent) return;
-    if (!this.isValidMoveTarget(id, destParent, fs)) {
-      this.setStatus('Can’t move an item into itself');
-      return;
-    }
-    const plan = await this.planPlacement(fs, destParent, node.name, node.isDir, id);
-    await this.withOwnVfsMutation(async () => {
-      if (plan.replaceId != null) await fs.remove(plan.replaceId);
-      if (plan.destName !== node.name) await fs.rename(id, plan.destName);
-      await fs.move(id, destParent);
-    });
-  }
-
-  private async copyNodeAcross(
-    src: Catalog,
-    id: number,
-    dest: Catalog,
-    destParent: number,
-  ): Promise<void> {
-    const node =
-      (this.dragNodeId === id && this.dragCatalog === src ? this.dragNode : null) ??
-      (await src.get(id));
-    if (!node) return;
-    const plan = await this.planPlacement(dest, destParent, node.name, node.isDir);
-    const expected = node.isDir ? 0 : nodeByteSize(node);
-    const jobId = this.startTransfer(plan.destName, node.isDir, expected, node.finderInfo);
-    transferActivity.setDest(jobId, dest, destParent, plan.destName);
-    const signal = transferActivity.signal(jobId);
-    if (isCatalogWithBackend(src) && isCatalogWithBackend(dest) && src.api.backendId === dest.api.backendId) {
-      try {
-        await dest.copyFrom(src, id, destParent, {
-          destName: plan.destName,
-          replace: plan.replaceId != null,
-          replaceId: plan.replaceId,
-          signal,
-          onProgress: (p) => {
-            const cur = transferActivity.list().find((j) => j.id === jobId)?.bytesDone || 0;
-            if (typeof p.bytesTotal === 'number') transferActivity.setTotal(jobId, p.bytesTotal);
-            if (typeof p.bytesDone === 'number' && p.bytesDone > cur) transferActivity.addBytes(jobId, p.bytesDone - cur);
-          },
-        });
-        await transferActivity.settle(jobId);
-        return;
-      } catch (err) {
-        await transferActivity.settle(jobId, err);
-        throw err;
-      }
-    }
-    await this.withOwnVfsMutation(async () => {
-      dest.beginBatch();
-      try {
-        await transferActivity.withCopySlot(jobId, async () => {
-          throwIfAborted(signal);
-          if (plan.replaceId != null) await dest.remove(plan.replaceId);
-          const creditRead = !!src.reportsChunkedBytes && !dest.reportsChunkedBytes;
-          const creditWrite = !!dest.reportsChunkedBytes || !creditRead;
-          const snap = await this.snapshotNode(
-            src,
-            node,
-            creditRead ? (n) => {
-              throwIfAborted(signal);
-              transferActivity.addBytes(jobId, n);
-            } : undefined,
-            signal,
-          );
-          throwIfAborted(signal);
-          transferActivity.setTotal(jobId, clipByteSize(snap));
-          await this.writeClipNode(
-            dest,
-            destParent,
-            snap,
-            creditWrite ? (n) => {
-              throwIfAborted(signal);
-              transferActivity.addBytes(jobId, n);
-            } : undefined,
-            plan.destName,
-            jobId,
-          );
-          throwIfAborted(signal);
-        });
-        await transferActivity.settle(jobId);
-      } catch (err) {
-        await transferActivity.settle(jobId, err);
-        throw err;
-      } finally {
-        dest.endBatch();
-      }
-    });
-  }
-
-  private async refreshAfterMutation(): Promise<void> {
-    await this.pruneStalePath();
-    await this.reload();
-    this.renderPath();
-    this.renderContent();
-  }
-
-  /** Drop path crumbs whose folders were moved/removed. */
-  private async pruneStalePath(): Promise<void> {
-    if (this.pathStack.length <= 1) return;
-    const kept = [this.pathStack[0]!];
-    for (let i = 1; i < this.pathStack.length; i++) {
-      const step = this.pathStack[i]!;
-      const node = await this.vfs.get(step.id);
-      if (!node?.isDir || node.parentId !== kept[kept.length - 1]!.id) break;
-      kept.push({ id: node.id, name: node.name });
-    }
-    this.pathStack = kept;
-    this.cwd = kept[kept.length - 1]!.id;
-  }
-
-  private async onDrop(e: DragEvent): Promise<void> {
-    e.preventDefault();
-    e.stopPropagation();
-    const destInfo = this.resolveDropDest(e);
-    const internalId = this.dragNodeId;
-    const srcCat = this.dragCatalog;
-    this.clearSpringTimer();
-    this.clearDropUi();
-    this.dragDepth = 0;
-    this.dragNodeId = null;
-    this.querySelectorAll('.dragging').forEach((el) => el.classList.remove('dragging'));
-    this.clearDragPortal();
-
-    if (!destInfo) {
-      this.dragNode = null;
-      this.dragCatalog = null;
-      return;
-    }
-
-    try {
-      const destCat = destInfo.catalog ?? (destInfo.shareKey ? await this.ensureShareCatalog(destInfo.shareKey) : null);
-      if (!destCat) {
-        this.setStatus('Couldn’t open drop target');
-        return;
-      }
-      const destParent = destInfo.parentId || destCat.rootId();
-
-      if (internalId != null) {
-        if (!srcCat) return;
-        const srcNode =
-          (this.dragCatalog === srcCat ? this.dragNode : null) ?? (await srcCat.get(internalId));
-        const srcParent = srcNode?.parentId;
-        if (srcCat === destCat) {
-          await this.moveNodeTo(internalId, destParent, destCat);
-          this.setStatus('Moved 1 item');
-          await this.refreshIfDestVisible(
-            destCat,
-            destParent,
-            ...(srcParent != null ? [srcParent] : []),
-          );
-        } else {
-          await this.copyNodeAcross(srcCat, internalId, destCat, destParent);
-          this.setStatus(`Copied 1 item to ${destInfo.label}`);
-          await this.refreshIfDestVisible(destCat, destParent);
-        }
-        return;
-      }
-
-      const dt = e.dataTransfer;
-      if (!dt) {
-        this.setStatus('No files in drop');
-        return;
-      }
-      this.setStatus('Scanning…', { busy: true });
-      let lastPaint = 0;
-      const count = await this.withOwnVfsMutation(() =>
-        destCat.importDataTransfer(destParent, dt, {
-          onScan: (total) => {
-            this.setStatus(
-              total > 0 ? `Importing… 0/${total} (0%)` : 'Importing…',
-              { busy: true },
-            );
-          },
-          onProgress: (done, total) => {
-            const now = performance.now();
-            if (done === 1 || done === total || now - lastPaint > 80) {
-              lastPaint = now;
-              const pct = total > 0 ? Math.min(100, Math.round((done / total) * 100)) : 0;
-              this.setStatus(
-                total > 0 ? `Importing… ${done}/${total} (${pct}%)` : `Importing… ${done} item(s)`,
-                { busy: true },
-              );
-            }
-          },
-          onItem: (item) => this.trackImportItem(item, destCat, destParent),
-          resolveConflict: (info) => this.host.promptNameConflict(info),
-        }),
-      );
-      if (count === 0) {
-        this.setStatus('No files in drop');
-        return;
-      }
-      this.setStatus(`Imported ${count} item(s) into ${destInfo.label}`);
-      if (this.vfs !== destCat || !this.changeImpactsVisibleFolders([destParent])) return;
-      iconCache.clearDirectoryCache();
-      this.iconUrls.clear();
-      this.bumpIconLoadGen();
-      await this.refreshAfterMutation();
-    } catch (err) {
-      if (isTransferCancelled(err)) {
-        this.setStatus('Transfer cancelled');
-        const cat = destInfo.catalog;
-        if (cat) await this.refreshIfDestVisible(cat, destInfo.parentId || cat.rootId());
-        return;
-      }
-      console.error(err);
-      this.setStatus(`Drop failed: ${(err as Error).message}`);
-    } finally {
-      this.dragNode = null;
-      this.dragCatalog = null;
-    }
-  }
-
-  private async handleAction(act: string): Promise<void> {
-    switch (act) {
-      case 'connect':
-        await this.onConnect();
-        break;
-      case 'refresh':
-        await this.onRefresh();
-        break;
-      case 'mkdir':
-        await this.onMkdir();
-        break;
-      case 'cut':
-        await this.cutSelection();
-        break;
-      case 'copy':
-        await this.copySelection();
-        break;
-      case 'paste':
-        await this.pasteClipboard();
-        break;
-      case 'delete':
-        await this.onDelete();
-        break;
-      case 'props':
-        if (this.selectedId == null) {
-          this.setStatus('Select an item for Get Info');
-          break;
-        }
-        this.showProps = !this.showProps;
-        this.syncPropsButton();
-        this.refreshPropsPanel();
-        break;
-      case 'close-props':
-        this.showProps = false;
-        this.syncPropsButton();
-        this.refreshPropsPanel();
-        break;
-      case 'apply-props':
-        await this.applyProps();
-        break;
-      case 'resources':
-        this.openResourceExplorer();
-        break;
-      case 'download':
-        await this.onDownload();
-        break;
-      case 'close-preview':
-        this.closePreview();
-        break;
-      case 'locations':
-        this.sidebarOpen = !this.sidebarOpen;
-        this.classList.toggle('sidebar-open', this.sidebarOpen);
-        break;
-      case 'close-sidebar':
-        this.closeSidebar();
-        break;
-      case 'transfers':
-        this.toggleCallout('transfers');
-        break;
-      case 'actions':
-        this.toggleCallout('actions');
-        break;
-      case 'share-actions':
-        this.toggleCallout('share');
-        break;
-      case 'import':
-        this.querySelector<HTMLInputElement>('[data-import-files]')?.click();
-        break;
-      case 'zoom':
-        this.toggleMaximized();
-        break;
-      case 'expand':
-        await this.expandArchive();
-        break;
-    }
-  }
-
-  private async applyProps(): Promise<void> {
-    const sel = this.selectedNode();
-    if (!sel || sel.isDir) return;
-    const typeEl =
-      (this.getInfoWindow?.querySelector('[data-prop="type"]') as HTMLInputElement | null) ??
-      (this.querySelector('[data-prop="type"]') as HTMLInputElement | null);
-    const creatorEl =
-      (this.getInfoWindow?.querySelector('[data-prop="creator"]') as HTMLInputElement | null) ??
-      (this.querySelector('[data-prop="creator"]') as HTMLInputElement | null);
-    const type = typeEl?.value.padEnd(4).slice(0, 4) ?? '????';
-    const creator = creatorEl?.value.padEnd(4).slice(0, 4) ?? '????';
-    for (let i = 0; i < 4; i++) {
-      sel.finderInfo[i] = type.charCodeAt(i);
-      sel.finderInfo[4 + i] = creator.charCodeAt(i);
-    }
-    await this.withOwnVfsMutation(() => this.vfs.put(sel));
-    this.setStatus('Finder info updated');
-    await this.reload();
-    this.refreshPropsPanel();
-  }
-
-  private async onConnect(): Promise<void> {
-    if (!this.hasTransport()) return;
-    if (this.host.isConnected()) {
-      await this.host.disconnectTransport?.();
-      this.unmountRemote('Disconnected');
-      return;
-    }
-    try {
-      await this.host.connectTransport?.();
-      this.setStatus('Serial connected — claiming LocalTalk node…');
-      this.render();
-    } catch (e) {
-      this.setStatus(`Connect failed: ${(e as Error).message}`);
-    }
-  }
-
-  private async connectServerWithLogin(s: RemoteEndpoint): Promise<boolean> {
-    if (this.remoteBusy) return false;
-    if (this.loggedInEndpoints.has(s.id)) {
-      const alreadyViewing = this.viewingEndpoint(s);
-      this.remoteEndpoint = s;
-      this.remoteNbpName = s.id;
-      this.remoteVolumes = this.volumesFor(s);
-      this.remoteLoggedIn = true;
-      try {
-        await this.host.beginRemote(s);
-      } catch {
-        /* keep cached volumes */
-      }
-      if (!alreadyViewing && isCatalogEndpoint(s)) {
-        try {
-          await this.openCatalogVolume(s);
-          return true;
-        } catch (err) {
-          const msg = err instanceof Error ? err.message : String(err);
-          log.error(`Open volume failed: ${msg}`, s.kind);
-          this.setStatus(`Open volume failed: ${msg}`);
-          return false;
-        }
-      }
-      this.remoteOpen = alreadyViewing;
-      this.renderSidebar();
-      return true;
-    }
-    this.remoteBusy = true;
-    try {
-      this.setStatus(`Contacting ${s.title}…`, { busy: true });
-      log.info(`Connecting to ${s.kind} “${s.title}” (${s.id})`, s.kind);
-      this.remoteLoggedIn = false;
-      this.remoteVolumes = [];
-      this.remoteOpen = false;
-      if (this.source === 'remote') this.showLocalShare();
-      const info: SessionInfo = await this.host.beginRemote(s);
-      if (this.remoteNbpName === s.id) this.dropRemoteCatalogs(s.id);
-      const uams = info.uams ?? [];
-      const skipPrompt = info.allowGuest && uams.length === 0;
-      this.setStatus(`Connected to ${info.serverName || s.title} — sign in`);
-      let error: string | undefined;
-      for (;;) {
-        const creds: Credentials | null = skipPrompt
-          ? { kind: 'guest' }
-          : await this.host.promptCredentials({
-              serverName: info.serverName || s.title,
-              uams,
-              error,
-              allowGuest: info.allowGuest,
-              kind: s.kind,
-            });
-        if (!creds) {
-          await this.host.closeRemote().catch(() => undefined);
-          this.remoteLoggedIn = false;
-          this.remoteVolumes = [];
-          this.remoteEndpoint = null;
-          this.setStatus('Login cancelled');
-          return false;
-        }
-        try {
-          const vols = await this.host.loginRemote(creds);
-          this.remoteLoggedIn = true;
-          this.remoteVolumes = vols.length ? vols : info.volumes;
-          this.remoteNbpName = s.id;
-          this.remoteEndpoint = s;
-          this.remoteOpen = false;
-          this.knownVolumes.set(s.id, [...this.remoteVolumes]);
-          this.loggedInEndpoints.add(s.id);
-          this.setStatus(
-            `Signed in to ${info.serverName || s.title} — ${this.remoteVolumes.length} volume(s)`,
-          );
-          log.info(
-            `Authenticated to “${info.serverName || s.title}”; volumes: ${this.remoteVolumes.join(', ') || '(none)'}`,
-            s.kind,
-          );
-          this.host.dismissLogin?.();
-          if (skipPrompt && this.remoteVolumes.length === 1) {
-            await this.mountRemoteVolume(this.remoteVolumes[0]!);
-          }
-          return true;
-        } catch (err) {
-          error = err instanceof Error ? err.message : String(err);
-          log.error(`Login failed: ${error}`, s.kind);
-          if (skipPrompt) throw err;
-        }
-      }
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      log.error(`Connect failed: ${msg}`, s.kind);
-      this.setStatus(`Connect failed: ${msg}`);
-      await this.host.closeRemote().catch(() => undefined);
-      this.remoteLoggedIn = false;
-      this.remoteVolumes = [];
-      this.remoteEndpoint = null;
-      return false;
-    } finally {
-      this.remoteBusy = false;
-    }
-  }
-
-  private async mountRemoteVolume(name: string): Promise<void> {
-    log.info(`Opening volume “${name}”`, 'afp');
-    const key = this.catalogKeyForVolume(name);
-    const cat = await this.ensureShareCatalog(key);
-    if (!cat) throw new Error(`Couldn’t open volume “${name}”`);
-    this.mountCatalog(cat, 'remote', name);
-    this.remoteOpen = true;
-    if (this.remoteEndpoint) this.openedVolumeKeys.add(shareKeyForEndpoint(this.remoteEndpoint, name));
-    this.setStatus(
-      this.remoteEndpoint?.kind === 'local' ? `Opened ${name}` : `Mounted ${this.remoteNbpName}:${name}`,
-    );
-  }
-
-  private async disconnectRemote(): Promise<void> {
-    log.info(`Disconnect “${this.remoteNbpName || 'remote'}”`, 'afp');
-    const nbp = this.remoteNbpName;
-    await this.host.closeRemote().catch(() => undefined);
-    this.dropRemoteCatalogs(nbp);
-    this.forgetEndpoint(nbp);
-    this.resetToLocalShare();
-    this.setStatus('Disconnected from server');
-    await this.refreshSidebarEndpoints();
-    await this.reload();
-    this.syncHistory();
-    this.render();
-  }
-
-  private async ejectVolume(name: string): Promise<void> {
-    log.info(`Eject volume “${name}”`, 'afp');
-    const viewing = this.source === 'remote' && this.pathStack[0]?.name === name;
-    if (viewing) {
-      this.abortAllListings();
-      this.bumpIconLoadGen();
-    }
-    const key = this.catalogKeyForVolume(name);
-    const cat = this.catalogs.get(key);
-    if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
-    this.catalogs.delete(key);
-    if (this.remoteEndpoint) this.openedVolumeKeys.delete(shareKeyForEndpoint(this.remoteEndpoint, name));
-    if (viewing) {
-      this.showLocalShare();
-      this.remoteOpen = false;
-    }
-    await this.host.closeVolume?.(name).catch(() => undefined);
-    if (!this.host.closeVolume) {
-      const ep = this.remoteEndpoint;
-      if (ep) await this.host.onSidebarAction?.(ep, 'unmount', name);
-    }
-    this.setStatus(`Ejected ${name}`);
-    await this.refreshSidebarEndpoints();
-    await this.reload();
-    this.syncHistory();
-    this.render();
-  }
-
-  private async ejectEndpoint(ep: RemoteEndpoint): Promise<void> {
-    log.info(`Eject “${ep.title}”`, ep.kind);
-    const current = this.remoteLoggedIn && this.remoteEndpoint?.id === ep.id;
-    if (current) {
-      const nbp = this.remoteNbpName;
-      await this.host.closeRemote().catch(() => undefined);
-      this.dropRemoteCatalogs(nbp);
-      this.resetToLocalShare();
-    } else if (this.remoteLoggedIn && ep.role === 'volume' && this.remoteEndpoint?.role !== 'volume') {
-      await this.ejectVolume(ep.title);
-      return;
-    } else {
-      await this.host.onSidebarAction?.(ep, 'eject');
-    }
-    this.setStatus(`Ejected ${ep.title}`);
-    await this.refreshSidebarEndpoints();
-    await this.reload();
-    this.syncHistory();
-    this.render();
-  }
-
-  private async refreshSidebarEndpoints(): Promise<void> {
-    try {
-      const list = this.host.cachedNetwork
-        ? await this.host.cachedNetwork()
-        : await this.host.refreshNetwork();
-      this.setServers(list);
-    } catch {
-      this.renderSidebar();
-    }
-  }
-
-  private async onRefresh(groupId?: string): Promise<void> {
-    const groups = this.sidebarGroups();
-    const title = groupId ? groups.find((g) => g.id === groupId)?.title : undefined;
-    this.networkScanning = groupId || '*';
-    this.renderSidebar();
-    this.setStatus(
-      title
-        ? `Scanning ${title}…`
-        : this.hasTransport()
-          ? 'Looking up AFPServer…'
-          : 'Looking up servers…',
-    );
-    try {
-      if (this.host.cachedNetwork) {
-        try {
-          this.setServers(await this.host.cachedNetwork(groupId));
-        } catch {
-          /* scan still runs */
-        }
-      }
-      const list = await this.host.refreshNetwork(groupId);
-      this.setServers(list);
-      const scoped = groupId
-        ? list.filter((s) => assignSidebarGroup(s, groups) === groupId && s.kind !== 'local')
-        : list.filter((s) => s.kind !== 'local');
-      const n = scoped.length;
-      this.setStatus(
-        title
-          ? n
-            ? `${title}: found ${n} server(s)`
-            : `${title}: none`
-          : n
-            ? `Found ${n} server(s)`
-            : 'No servers',
-      );
-    } catch (e) {
-      this.setStatus(`Lookup failed: ${(e as Error).message}`);
-    } finally {
-      this.networkScanning = null;
-      this.renderSidebar();
-    }
-  }
-
-  /**
-   * Switch icon/list/column view. List clicks do not navigate, so a nested
-   * selection is revealed in the destination view (parent folder for icons,
-   * Miller path for columns, outline expands for list).
-   */
-  private async setView(next: ViewMode, replaceHistory = false): Promise<void> {
-    if (this.view === next) return;
-    this.view = next;
-    const keep = this.selectedId;
-    const node =
-      keep != null ? (this.findNodeAnywhere(keep) ?? (await this.vfs.get(keep))) : null;
-    if (node) {
-      if (next === 'icon') await this.revealSelectionInIconView(node);
-      else if (next === 'column') await this.revealSelectionInColumnView(node);
-      else await this.revealSelectionInListView(node);
-    } else if (next === 'column' && this.columnChildren.length === 0) {
-      await this.refreshColumns(this.cwd);
-    }
-    this.selectedId = keep;
-    this.syncHistory(replaceHistory);
-    this.render();
-    this.scrollSelectedIntoView();
-  }
-
-  private scrollSelectedIntoView(): void {
-    if (this.selectedId == null) return;
-    const el = this.querySelector(`.content [data-id="${this.selectedId}"]`) as HTMLElement | null;
-    el?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-  }
-
-  /** Icon view only shows cwd, so open the selected item's parent if needed. */
-  private async revealSelectionInIconView(node: VNode): Promise<void> {
-    if (node.id === this.cwd) return;
-    if (node.parentId === this.cwd || node.parentId === node.id) return;
-    const parent = this.findNodeAnywhere(node.parentId) ?? (await this.vfs.get(node.parentId));
-    if (!parent?.isDir) return;
-    await this.enterFolderKeepingSelection(parent);
-  }
-
-  /** Column view walks the path to the selection (folder contents in the next column). */
-  private async revealSelectionInColumnView(node: VNode): Promise<void> {
-    if (node.isDir) {
-      await this.enterFolderKeepingSelection(node);
-      return;
-    }
-    if (node.parentId === this.cwd || node.parentId === node.id) {
-      if (this.columnChildren.length === 0) await this.refreshColumns(this.cwd);
-      return;
-    }
-    const parent = this.findNodeAnywhere(node.parentId) ?? (await this.vfs.get(node.parentId));
-    if (!parent?.isDir) return;
-    await this.enterFolderKeepingSelection(parent);
-  }
-
-  /** Re-expand outline ancestors so a nested list selection stays visible. */
-  private async revealSelectionInListView(node: VNode): Promise<void> {
-    if (this.nodes.some((n) => n.id === node.id)) return;
-    const expand: number[] = [];
-    let pid = node.parentId;
-    const seen = new Set<number>();
-    while (pid && pid !== this.cwd && !seen.has(pid)) {
-      seen.add(pid);
-      expand.push(pid);
-      const parent = this.findNodeAnywhere(pid) ?? (await this.vfs.get(pid));
-      if (!parent) return;
-      pid = parent.parentId;
-    }
-    if (pid !== this.cwd) return;
-    expand.reverse();
-    for (const id of expand) {
-      this.expandedIds.add(id);
-      if (!this.listChildCache.has(id)) {
-        this.listChildCache.set(id, await this.streamChildren(id));
-      }
-    }
-  }
-
-  private async enterFolderKeepingSelection(folder: VNode): Promise<void> {
-    const keep = this.selectedId;
-    if (this.cwd === folder.id && this.pathStack[this.pathStack.length - 1]?.id === folder.id) {
-      if (this.view === 'column' && this.columnChildren.length === 0) {
-        await this.refreshColumns(this.cwd);
-      }
-      this.selectedId = keep;
-      return;
-    }
-    this.pathStack = await this.pathStackToFolder(folder.id);
-    this.cwd = folder.id;
-    this.expandedIds.clear();
-    await this.reload();
-    this.selectedId = keep;
-  }
-
-  private async pathStackToFolder(folderId: number): Promise<{ id: number; name: string }[]> {
-    const hit = this.pathStack.findIndex((p) => p.id === folderId);
-    if (hit >= 0) return this.pathStack.slice(0, hit + 1);
-
-    const suffix: { id: number; name: string }[] = [];
-    let id: number | null = folderId;
-    const seen = new Set<number>();
-    while (id != null && !seen.has(id)) {
-      seen.add(id);
-      const inPath = this.pathStack.findIndex((p) => p.id === id);
-      if (inPath >= 0) return [...this.pathStack.slice(0, inPath + 1), ...suffix.reverse()];
-      const n: VNode | null | undefined =
-        this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-      if (!n) break;
-      suffix.push({ id: n.id, name: n.name });
-      if (n.id === this.vfs.rootId()) break;
-      id = n.parentId;
-    }
-    const root = this.pathStack[0] ?? { id: this.vfs.rootId(), name: this.localShareTitle() };
-    const rest = suffix.reverse();
-    if (rest[0]?.id === root.id) return rest;
-    return [root, ...rest.filter((s) => s.id !== root.id)];
-  }
-
-  private async navigateToPathIndex(index: number): Promise<void> {
-    if (index < 0 || index >= this.pathStack.length) return;
-    if (index === this.pathStack.length - 1) return;
-    this.pathStack = this.pathStack.slice(0, index + 1);
-    const destId = this.pathStack[this.pathStack.length - 1]!.id;
-    this.cwd = destId;
-    this.selectedId = null;
-    await this.reload();
-    if (this.cwd !== destId) return;
-    this.renderPath();
-    this.renderContent();
-    this.syncClipboardButtons();
-    this.syncHistory();
-  }
-
-  private async goUp(): Promise<void> {
-    if (this.pathStack.length <= 1) return;
-    await this.navigateToPathIndex(this.pathStack.length - 2);
-  }
-
-  private async goNavBack(): Promise<void> {
-    if (this.navIndex <= 0) return;
-    this.navIndex--;
-    await this.applyNavEntry(this.navStack[this.navIndex]!);
-  }
-
-  private async goNavForward(): Promise<void> {
-    if (this.navIndex < 0 || this.navIndex >= this.navStack.length - 1) return;
-    this.navIndex++;
-    await this.applyNavEntry(this.navStack[this.navIndex]!);
-  }
-
-  private async applyNavEntry(
-    state: ReturnType<FinderWindow['historySnapshot']>,
-  ): Promise<void> {
-    this.navLock = true;
-    try {
-      await this.applyHistoryState(state);
-      history.replaceState(state, '', this.buildLocationUrl(state));
-      this.render();
-    } finally {
-      this.navLock = false;
-    }
-  }
-
-  private startRename(): void {
-    if (this.selectedId == null) return;
-    this.renamingId = this.selectedId;
-    this.renderContent();
-  }
-
-  private isPreviewable(node: VNode | null | undefined): node is VNode {
-    if (!node || node.isDir) return false;
-    return previewKindFor(node) != null;
-  }
-
-  private isExpandableArchive(node: VNode | null | undefined): node is VNode {
-    if (!node || node.isDir) return false;
-    return isExpandableArchive(node.name, node.finderInfo, node.data);
-  }
-
-  private async expandArchive(id: number | null = this.selectedId): Promise<void> {
-    if (id == null) return;
-    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-    if (!node || node.isDir) return;
-    const fail = (err?: unknown): void => {
-      const text = expandFailureMessage(err);
-      this.host.showAlert(`Couldn’t Expand “${node.name}”`, text);
-      this.setStatus(`Couldn’t expand “${node.name}”`);
-    };
-    const bytesTotal = nodeByteSize(node);
-    const track = this.trackImportItem({ name: node.name, isDir: false, bytesTotal }, this.vfs, node.parentId, false);
-    this.setStatus(`Expanding “${node.name}”…`, { busy: true });
-    try {
-      if (isCatalogWithBackend(this.vfs)) {
-        let last = 0;
-        await this.vfs.expandNode(id, {
-          signal: track.signal,
-          onProgress: (p) => {
-            const next = p.bytesDone || 0;
-            if (next > last) track.onBytes?.(next - last);
-            last = next;
-          },
-        });
-        track.onDone?.();
-        this.setStatus(`Expanded “${node.name}”`);
-        iconCache.clearDirectoryCache();
-        this.iconUrls.clear();
-        this.bumpIconLoadGen();
-        await this.refreshAfterMutation();
-        return;
-      }
-      const inPlace = await expandSitInPlace(this.vfs, node, {
-        fileSize: node.dataBytes ?? node.data.length,
-        track,
-        resolveConflict: (info) => this.host.promptNameConflict(info),
-        wrapWrite: (fn) =>
-          this.withOwnVfsMutation(async () => {
-            this.vfs.beginBatch();
-            try {
-              await fn();
-            } finally {
-              this.vfs.endBatch();
-            }
-          }),
-      });
-      if (inPlace) {
-        track.onDone();
-        this.setStatus(`Expanded “${node.name}”`);
-        iconCache.clearDirectoryCache();
-        this.iconUrls.clear();
-        this.bumpIconLoadGen();
-        await this.refreshAfterMutation();
-        return;
-      }
-      const full = (await this.vfs.ensureContent(id, track.onBytes, track.signal)) ?? node;
-      let expanded;
-      try {
-        expanded = expandArchiveFile(full.name, full.data);
-      } catch (err) {
-        track.onDone(err instanceof Error ? err : new Error(expandFailureMessage(err)));
-        fail(err);
-        return;
-      }
-      const parentId = full.parentId;
-      const reserved = new Set<string>();
-      const planned: { item: ExpandedNode; replaceId: number | null }[] = [];
-      for (const item of expanded) {
-        const plan = await planItemPlacement(this.vfs, parentId, item.name, item.kind === 'dir', {
-          reserved,
-          resolveConflict: (info) => this.host.promptNameConflict(info),
-        });
-        if (!plan) throw new TransferCancelled();
-        reserved.add(plan.destName.toLowerCase());
-        planned.push({ item: { ...item, name: plan.destName }, replaceId: plan.replaceId });
-      }
-      await this.withOwnVfsMutation(async () => {
-        this.vfs.beginBatch();
-        try {
-          for (const row of planned) {
-            if (row.replaceId != null) await this.vfs.remove(row.replaceId);
-          }
-          await importExpandedTree(
-            this.vfs,
-            parentId,
-            planned.map((row) => row.item),
-            track,
-          );
-        } finally {
-          this.vfs.endBatch();
-        }
-      });
-      track.onDone();
-      this.setStatus(`Expanded “${node.name}”`);
-      iconCache.clearDirectoryCache();
-      this.iconUrls.clear();
-      this.bumpIconLoadGen();
-      await this.refreshAfterMutation();
-    } catch (err) {
-      if (isTransferCancelled(err)) {
-        track.onDone(err instanceof Error ? err : new Error(String(err)));
-        this.setStatus('Transfer cancelled');
-        await this.refreshAfterMutation();
-        return;
-      }
-      track.onDone(err instanceof Error ? err : new Error(String(err)));
-      fail(err);
-    }
-  }
-
-  private async openPreview(id: number | null = this.selectedId): Promise<void> {
-    if (id == null) return;
-    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-    if (!this.isPreviewable(node)) return;
-    const kind = previewKindFor(node)!;
-    const gen = ++this.previewGen;
-    this.revokePreviewUrl();
-    this.preview = { id: node.id, name: node.name, kind, text: null };
-    this.renderPreview();
-    try {
-      const full = (await this.vfs.ensureContent(node.id)) ?? node;
-      if (gen !== this.previewGen) return;
-      if (!full.data.length) {
-        this.preview = { id: full.id, name: full.name, kind, text: '' };
-        this.renderPreview();
-        return;
-      }
-      if (kind === 'text') {
-        const truncated = full.data.length > PREVIEW_TEXT_MAX_BYTES;
-        const slice = truncated ? full.data.subarray(0, PREVIEW_TEXT_MAX_BYTES) : full.data;
-        this.preview = {
-          id: full.id,
-          name: full.name,
-          kind,
-          text: decodePreviewText(slice),
-          truncated,
-        };
-        this.renderPreview();
-        return;
-      }
-      if (kind === 'pict') {
-        const picture = decodePict(full.data);
-        const svg = picture ? await pictToSvg(picture) : null;
-        if (gen !== this.previewGen) return;
-        if (!svg) {
-          this.preview = {
-            id: full.id,
-            name: full.name,
-            kind,
-            text: '',
-            error: 'Could not decode this PICT (bitmap and QuickDraw opcodes only).',
-          };
-          this.renderPreview();
-          return;
-        }
-        const url = URL.createObjectURL(new Blob([svg], { type: 'image/svg+xml' }));
-        if (gen !== this.previewGen) {
-          URL.revokeObjectURL(url);
-          return;
-        }
-        this.preview = { id: full.id, name: full.name, kind, text: 'ok', url };
-        this.renderPreview();
-        return;
-      }
-      const type = readTypeCreator(full.finderInfo).type;
-      const mime = previewMime(kind, full.name, type);
-      const copy = full.data.slice();
-      const url = URL.createObjectURL(
-        new Blob([copy.buffer.slice(copy.byteOffset, copy.byteOffset + copy.byteLength) as ArrayBuffer], {
-          type: mime,
-        }),
-      );
-      if (gen !== this.previewGen) {
-        URL.revokeObjectURL(url);
-        return;
-      }
-      this.preview = { id: full.id, name: full.name, kind, text: 'ok', url };
-      this.renderPreview();
-    } catch (err) {
-      if (gen !== this.previewGen) return;
-      this.preview = {
-        id: node.id,
-        name: node.name,
-        kind,
-        text: null,
-        error: err instanceof Error ? err.message : String(err),
-      };
-      this.renderPreview();
-    }
-  }
-
-  private revokePreviewUrl(): void {
-    if (this.preview?.url?.startsWith('blob:')) URL.revokeObjectURL(this.preview.url);
-  }
-
-  private closePreview(): void {
-    if (!this.preview) return;
-    this.previewGen++;
-    this.revokePreviewUrl();
-    this.preview = null;
-    this.renderPreview();
-  }
-
-  private renderPreview(): void {
-    const root = this.querySelector('.quicklook-root');
-    if (!root) return;
-    const preview = this.preview;
-    if (!preview) {
-      root.innerHTML = '';
-      return;
-    }
-    let body: string;
-    let bodyClass = 'quicklook__body';
-    if (preview.error) {
-      body = `<p class="quicklook__empty">${this.escape(preview.error)}</p>`;
-    } else if (preview.text == null) {
-      body = `<div class="quicklook__loading">${this.spinnerHtml()}<span>Loading</span></div>`;
-    } else if (preview.kind === 'image' && preview.url) {
-      bodyClass += ' quicklook__body--media';
-      body = `<img class="quicklook__image" alt="${this.escape(preview.name)}" src="${this.escape(preview.url)}" />`;
-    } else if (preview.kind === 'audio' && preview.url) {
-      bodyClass += ' quicklook__body--media';
-      body = `<audio class="quicklook__audio" controls src="${this.escape(preview.url)}"></audio>`;
-    } else if (preview.kind === 'pict' && preview.url) {
-      bodyClass += ' quicklook__body--media';
-      body = `<img class="quicklook__image" alt="${this.escape(preview.name)}" src="${this.escape(preview.url)}" />`;
-    } else if (!preview.text) {
-      body = `<p class="quicklook__empty">This file is empty</p>`;
-    } else {
-      const note = preview.truncated
-        ? `<p class="quicklook__note">Showing the first ${formatBytes(PREVIEW_TEXT_MAX_BYTES)}</p>`
-        : '';
-      body = `${note}<pre class="quicklook__text">${this.escape(preview.text)}</pre>`;
-    }
-    root.innerHTML = `
-      <div class="quicklook">
-        <div class="quicklook__backdrop" data-act="close-preview"></div>
-        <div class="quicklook__card" role="dialog" aria-labelledby="quicklook-title" aria-modal="true">
-          <header class="quicklook__header">
-            <h2 id="quicklook-title" aria-label="${this.escape(preview.name)}">${this.escape(preview.name)}</h2>
-            <button type="button" class="btn" data-act="close-preview" aria-label="Close">✕</button>
-          </header>
-          <div class="${bodyClass}">${body}          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  private showPropertiesPanel(): void {
-    if (this.selectedId == null) {
-      this.setStatus('Select an item for Get Info');
-      return;
-    }
-    this.showProps = true;
-    this.syncPropsButton();
-    this.refreshPropsPanel();
-  }
-
-  private async cutSelection(): Promise<void> {
-    await this.captureSelection('cut');
-  }
-
-  private async copySelection(): Promise<void> {
-    await this.captureSelection('copy');
-  }
-
-  private async captureSelection(mode: 'cut' | 'copy'): Promise<void> {
-    if (this.selectedId == null) return;
-    const node = this.findNodeAnywhere(this.selectedId) ?? (await this.vfs.get(this.selectedId));
-    if (!node) return;
-    this.setStatus(mode === 'cut' ? 'Cutting…' : 'Copying…', { busy: true });
-    const jobId = this.startTransfer(node.name, node.isDir, nodeByteSize(node), node.finderInfo);
-    const signal = transferActivity.signal(jobId);
-    try {
-      const item = await transferActivity.withCopySlot(jobId, () =>
-        this.snapshotNode(
-          this.vfs,
-          node,
-          this.vfs.reportsChunkedBytes
-            ? (n) => {
-                throwIfAborted(signal);
-                transferActivity.addBytes(jobId, n);
-              }
-            : undefined,
-          signal,
-        ),
-      );
-      await transferActivity.settle(jobId);
-      this.clipboard = {
-        mode,
-        items: [item],
-        source: this.vfs,
-        sourceIds: [node.id],
-      };
-      this.syncClipboardButtons();
-      this.setStatus(
-        `${mode === 'cut' ? 'Cut' : 'Copied'} “${node.name}” — paste in this share or another`,
-      );
-    } catch (err) {
-      await transferActivity.settle(jobId, err);
-      if (isTransferCancelled(err)) {
-        this.setStatus('Transfer cancelled');
-        return;
-      }
-      this.setStatus(`${mode === 'cut' ? 'Cut' : 'Copy'} failed: ${(err as Error).message}`);
-    }
-  }
-
-  private async snapshotNode(
-    fs: Catalog,
-    node: VNode,
-    onBytes?: (n: number) => void,
-    signal?: AbortSignal,
-  ): Promise<ClipNode> {
-    throwIfAborted(signal);
-    if (node.isDir) {
-      const kids = await fs.children(node.id, undefined, signal);
-      const out: ClipNode[] = [];
-      for (const k of kids) {
-        throwIfAborted(signal);
-        const full = k.isDir ? k : ((await fs.ensureContent(k.id, onBytes, signal)) ?? k);
-        out.push(await this.snapshotNode(fs, full, onBytes, signal));
-      }
-      return {
-        name: node.name,
-        isDir: true,
-        data: new Uint8Array(),
-        resource: new Uint8Array(),
-        finderInfo: node.finderInfo.slice(),
-        kids: out,
-      };
-    }
-    const full = (await fs.ensureContent(node.id, onBytes, signal)) ?? node;
-    return {
-      name: full.name,
-      isDir: false,
-      data: full.data.slice(),
-      resource: full.resource.slice(),
-      finderInfo: full.finderInfo.slice(),
-    };
-  }
-
-  private async onMkdir(): Promise<void> {
-    const name = await this.uniqueChildName(this.cwd, 'New folder');
-    const node = await this.withOwnVfsMutation(() => this.vfs.mkdir(this.cwd, name));
-    this.selectedId = node.id;
-    this.renamingId = node.id;
-    await this.reload();
-    this.renderContent();
-  }
-
-  private async uniqueChildName(parentId: number, base: string, fs: Catalog = this.vfs): Promise<string> {
-    let name = base;
-    let n = 2;
-    while (await fs.lookup(parentId, name)) {
-      name = `${base} ${n++}`;
-    }
-    return name;
-  }
-
-  private async onDelete(): Promise<void> {
-    if (this.selectedId == null) return;
-    const id = this.selectedId;
-    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-    if (!node) return;
-    if (!confirm(`Delete “${node.name}”?`)) return;
-    await this.withOwnVfsMutation(() => this.vfs.remove(id));
-    this.selectedId = null;
-    this.showProps = false;
-    this.closePreview();
-    this.syncPropsButton();
-    this.syncClipboardButtons();
-    await this.reload();
-    this.renderContent();
-  }
-
-  private async onDownload(): Promise<void> {
-    const node =
-      this.selectedId != null
-        ? (this.findNodeAnywhere(this.selectedId) ?? (await this.vfs.get(this.selectedId)))
-        : await this.vfs.get(this.cwd);
-    if (!node) {
-      this.setStatus('Nothing to download');
-      return;
-    }
-    const zipName = node.name || 'archive';
-    const jobId = this.startTransfer(zipName, node.isDir, node.isDir ? 0 : nodeByteSize(node), node.finderInfo);
-    const signal = transferActivity.signal(jobId);
-    try {
-      let listed = node.isDir ? 0 : nodeByteSize(node);
-      const entries = await transferActivity.withCopySlot(jobId, () =>
-        collectFsZipEntries(
-          this.vfs,
-          node,
-          '',
-          (n) => {
-            throwIfAborted(signal);
-            transferActivity.addBytes(jobId, n);
-          },
-          node.isDir
-            ? (n) => {
-                listed += n;
-                transferActivity.setTotal(jobId, listed);
-              }
-            : undefined,
-          loadPrefs().zipExportStyle,
-          signal,
-        ),
-      );
-      throwIfAborted(signal);
-      downloadZipEntries(zipName, entries);
-      await transferActivity.settle(jobId);
-      this.setStatus(`Downloaded ${zipName}.zip`);
-    } catch (err) {
-      await transferActivity.settle(jobId, err);
-      if (isTransferCancelled(err)) {
-        this.setStatus('Transfer cancelled');
-        return;
-      }
-      const msg = err instanceof Error ? err.message : String(err);
-      this.setStatus(`Download failed: ${msg}`);
-    }
-  }
-
-  private applyCompactView(): void {
-    const compact = isCompactUi();
-    if (compact) {
-      if (this.desktopView == null) this.desktopView = this.view;
-      this.restoreFinderLayout();
-      if (this.view !== 'icon') {
-        void this.setView('icon', true);
-        return;
-      }
-    } else {
-      this.sidebarOpen = false;
-      this.classList.remove('sidebar-open');
-      this.restoreFinderLayout();
-      if (this.desktopView != null) {
-        const restore = this.desktopView;
-        this.desktopView = null;
-        if (this.view !== restore) {
-          this.openCallout = null;
-          void this.setView(restore, true);
-          return;
-        }
-      }
-    }
-    this.classList.toggle('sidebar-open', compact && this.sidebarOpen);
-    this.syncTransferButton();
-  }
-
-  private closeSidebar(): void {
-    if (!this.sidebarOpen) return;
-    this.sidebarOpen = false;
-    this.classList.remove('sidebar-open');
-  }
-
-  private toggleCallout(kind: 'transfers' | 'actions' | 'share'): void {
-    this.openCallout = this.openCallout === kind ? null : kind;
-    this.renderCallouts();
-  }
-
-  private onWinPointer = (e: PointerEvent): void => {
-    if (!this.openCallout) return;
-    const t = e.target as Node;
-    if (this.querySelector('.callout')?.contains(t)) return;
-    const triggers = this.querySelectorAll(
-      '[data-act="transfers"], [data-act="actions"], [data-act="share-actions"]',
-    );
-    for (const el of triggers) {
-      if (el.contains(t)) return;
-    }
-    this.openCallout = null;
-    this.renderCallouts();
-  };
-
-  private syncTransferButton(): void {
-    const btn = this.querySelector('[data-act="transfers"]') as HTMLButtonElement | null;
-    if (!btn) return;
-    const agg = transferActivity.aggregateProgress();
-    const show = agg.running || this.openCallout === 'transfers' || this.transferBtnVisible;
-    if (agg.running) {
-      this.transferBtnVisible = true;
-      if (!agg.indeterminate) this.lastTransferPct = agg.pct;
-      if (this.transferIdleTimer) {
-        clearTimeout(this.transferIdleTimer);
-        this.transferIdleTimer = null;
-      }
-    } else if (this.transferBtnVisible && this.openCallout !== 'transfers' && !this.transferIdleTimer) {
-      this.transferIdleTimer = setTimeout(() => {
-        this.transferIdleTimer = null;
-        this.transferBtnVisible = false;
-        if (this.openCallout !== 'transfers') this.syncTransferButton();
-        if (!transferActivity.hasRunning()) transferActivity.clearFinished();
-      }, 1800);
-    }
-    btn.hidden = !show;
-    btn.classList.toggle('indeterminate', agg.indeterminate);
-    const pct = agg.running && !agg.indeterminate ? agg.pct : this.lastTransferPct;
-    const label = agg.indeterminate ? 'File transfers in progress' : `File transfers, ${pct}%`;
-    btn.textContent = agg.indeterminate ? '…' : `${pct}%`;
-    btn.setAttribute('aria-label', label);
-    btn.title = label;
-    if (this.openCallout === 'transfers') this.paintTransferCallout();
-  }
-
-  private writingSignature(): string {
-    const parts: string[] = [];
-    for (const id of this.visibleFolderIds()) {
-      for (const w of transferActivity.writesIn(this.vfs, id)) {
-        parts.push(`${id}:${w.jobId}:${w.name}`);
-      }
-    }
-    return parts.sort().join('|');
-  }
-
-  private syncWriteOverlays(): void {
-    const sig = this.writingSignature();
-    const overlays = [...this.querySelectorAll<HTMLElement>('[data-write-job]')];
-    const jobs = new Map(transferActivity.list().map((j) => [j.id, j]));
-    const missingOverlay = !!sig && overlays.length === 0;
-    const staleOverlay = overlays.some((el) => {
-      const job = jobs.get(el.getAttribute('data-write-job') ?? '');
-      return !job || (job.status !== 'running' && job.status !== 'queued');
-    });
-    if (sig !== this.writeSig || missingOverlay || staleOverlay) {
-      this.writeSig = sig;
-      this.renderContent();
-      return;
-    }
-    for (const el of overlays) {
-      const job = jobs.get(el.getAttribute('data-write-job') ?? '');
-      if (!job || (job.status !== 'running' && job.status !== 'queued')) continue;
-      const pct =
-        job.bytesTotal > 0 ? Math.min(100, Math.round((job.bytesDone / job.bytesTotal) * 100)) : 0;
-      const indeterminate = job.status === 'running' && job.bytesTotal <= 0;
-      const overlay = el.querySelector('.icon-write') as HTMLElement | null;
-      if (overlay) {
-        overlay.style.setProperty('--write-pct', String(pct));
-        overlay.classList.toggle('icon-write--indeterminate', indeterminate);
-        const label = overlay.querySelector('.icon-write__pct');
-        if (label) label.textContent = indeterminate ? '' : `${pct}%`;
-      }
-      const name = el.getAttribute('data-write-name') ?? job.name;
-      el.setAttribute('aria-label', indeterminate ? `Copying ${name}` : `Copying ${name}, ${pct}%`);
-    }
-  }
-
-  private paintTransferCallout(): void {
-    const root = this.querySelector('.callout-root');
-    if (!root) return;
-    let el = root.querySelector('.callout--transfers') as HTMLElement | null;
-    const created = !el;
-    if (!el) {
-      root.innerHTML = `<div class="callout callout--transfers"></div>`;
-      el = root.querySelector('.callout--transfers') as HTMLElement;
-    }
-    if (!el) return;
-    const rebuilt = paintTransferList(el);
-    const anchor = this.querySelector('[data-act="transfers"]') as HTMLElement | null;
-    if (anchor && (created || rebuilt)) {
-      positionCallout(el, anchor);
-    }
-  }
-
-  private renderCallouts(): void {
-    const root = this.querySelector('.callout-root');
-    if (!root) return;
-    if (!this.openCallout) {
-      root.innerHTML = '';
-      return;
-    }
-    if (this.openCallout === 'transfers') {
-      this.paintTransferCallout();
-      return;
-    }
-    if (this.openCallout === 'share') {
-      root.innerHTML = `<div class="callout">
-        <button type="button" class="callout__item" data-callout-act="welcome-pack">Add Welcome Pack Items</button>
-        <hr />
-        <button type="button" class="callout__item callout__item--danger" data-callout-act="erase-local">Erase All Items…</button>
-      </div>`;
-      const el = root.querySelector('.callout') as HTMLElement;
-      const anchor =
-        (this.querySelector('[data-act="share-actions"]') as HTMLElement | null) ??
-        (this.querySelector('[data-act="locations"]') as HTMLElement | null);
-      if (el && anchor) positionCallout(el, anchor);
-      return;
-    }
-    const sel = this.selectedNode();
-    const items =
-      sel != null
-        ? [
-            this.isExpandableArchive(sel)
-              ? `<button type="button" class="callout__item" data-callout-act="expand">Expand</button>`
-              : '',
-            this.isPreviewable(sel) ? `<button type="button" class="callout__item" data-callout-act="preview">Preview…</button>` : '',
-            `<button type="button" class="callout__item" data-callout-act="rename">Rename</button>`,
-            `<button type="button" class="callout__item" data-callout-act="delete">Delete…</button>`,
-            `<button type="button" class="callout__item" data-callout-act="props">Get Info…</button>`,
-            sel && !sel.isDir
-              ? `<button type="button" class="callout__item" data-callout-act="resources">Resources…</button>`
-              : '',
-            `<hr/>`,
-            `<button type="button" class="callout__item" data-callout-act="cut">Cut</button>`,
-            `<button type="button" class="callout__item" data-callout-act="copy">Copy</button>`,
-            this.clipboard ? `<button type="button" class="callout__item" data-callout-act="paste">Paste</button>` : '',
-          ]
-        : [
-            `<button type="button" class="callout__item" data-callout-act="mkdir">New Folder</button>`,
-            this.clipboard ? `<button type="button" class="callout__item" data-callout-act="paste">Paste</button>` : '',
-            `<button type="button" class="callout__item" data-callout-act="props-blank">Get Info</button>`,
-          ];
-    root.innerHTML = `<div class="callout">${items.filter(Boolean).join('')}</div>`;
-    const el = root.querySelector('.callout') as HTMLElement;
-    const anchor = this.querySelector('[data-act="actions"]') as HTMLElement | null;
-    if (el && anchor) positionCallout(el, anchor);
-  }
-
-  private async importPickedFiles(files: FileList): Promise<void> {
-    const dt = new DataTransfer();
-    for (const f of Array.from(files)) dt.items.add(f);
-    const destParent = this.cwd;
-    this.setStatus('Scanning…', { busy: true });
-    try {
-      const count = await this.withOwnVfsMutation(() =>
-        this.vfs.importDataTransfer(destParent, dt, {
-          onScan: (total) => {
-            this.setStatus(total > 0 ? `Importing… 0/${total} (0%)` : 'Importing…', { busy: true });
-          },
-          onProgress: (done, total) => {
-            const pct = total > 0 ? Math.min(100, Math.round((done / total) * 100)) : 0;
-            this.setStatus(
-              total > 0 ? `Importing… ${done}/${total} (${pct}%)` : `Importing… ${done} item(s)`,
-              { busy: true },
-            );
-          },
-          onItem: (item) => this.trackImportItem(item, this.vfs, destParent),
-          resolveConflict: (info) => this.host.promptNameConflict(info),
-        }),
-      );
-      if (count === 0) {
-        this.setStatus('No files to import');
-        return;
-      }
-      this.setStatus(`Imported ${count} item(s)`);
-      iconCache.clearDirectoryCache();
-      this.iconUrls.clear();
-      this.bumpIconLoadGen();
-      await this.refreshAfterMutation();
-    } catch (err) {
-      if (isTransferCancelled(err)) {
-        this.setStatus('Transfer cancelled');
-        await this.refreshAfterMutation();
-        return;
-      }
-      this.setStatus(`Import failed: ${(err as Error).message}`);
-    }
-  }
-
-  private async onContextMenu(e: MouseEvent): Promise<void> {
-    if (isCompactUi()) {
-      e.preventDefault();
-      return;
-    }
-    const t = e.target as HTMLElement;
-    if (t.closest('[data-local]')) {
-      e.preventDefault();
-      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: null, local: true };
-      this.renderContextMenu();
-      return;
-    }
-    const volEl = t.closest('[data-vol]');
-    const serverEl = t.closest('[data-server]');
-    if (volEl || serverEl) {
-      let index = -1;
-      let volume: string | undefined;
-      if (volEl) {
-        index = Number(volEl.getAttribute('data-server-parent'));
-        if (!Number.isFinite(index) || index < 0) {
-          index = this.servers.findIndex((s) => s.id === (this.remoteEndpoint?.id || this.remoteNbpName));
-        }
-        const parent = this.servers[index];
-        volume =
-          volEl.getAttribute('data-vol-name') ||
-          (parent ? this.volumesFor(parent)[Number(volEl.getAttribute('data-vol'))] : undefined);
-      } else if (serverEl) {
-        index = Number(serverEl.getAttribute('data-server'));
-      }
-      const ep = this.servers[index];
-      const hostActions = ep ? (this.host.sidebarContextMenu?.(ep, volume) ?? []) : [];
-      const actions: SidebarAction[] = [];
-      if (ep && (volume || ep.role === 'volume')) {
-        actions.push({ id: 'info', label: 'Get Info…' });
-        if (this.volumeIsOpen(ep, volume) || ep.role === 'volume') {
-          actions.push({ id: 'eject', label: 'Eject' });
-        }
-      } else if (ep) {
-        actions.push({ id: 'info', label: 'Get Info…' });
-        if (ep.kind === 'afp' || ep.kind === 'smb') {
-          actions.push({ id: 'message', label: 'Send Message…' });
-        }
-        if (this.loggedInEndpoints.has(ep.id) || (this.remoteLoggedIn && (ep.id === this.remoteNbpName || ep.id === this.remoteEndpoint?.id))) {
-          actions.push({ id: 'disconnect', label: 'Disconnect' });
-        }
-      }
-      for (const a of hostActions) {
-        if (actions.some((x) => x.id === a.id)) continue;
-        actions.push(a);
-      }
-      if (!ep || !actions.length) return;
-      e.preventDefault();
-      this.contextMenu = {
-        x: e.clientX,
-        y: e.clientY,
-        targetId: null,
-        sidebar: { index, volume, actions },
-      };
-      this.renderContextMenu();
-      return;
-    }
-    const content = this.querySelector('.content');
-    if (!content?.contains(e.target as Node)) return;
-    e.preventDefault();
-    const item = this.itemFromEvent(e);
-    if (item && (item.matches('[data-preview], .item-info') || item.closest('[data-preview], .item-info'))) {
-      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: this.selectedId };
-    } else if (item) {
-      const id = Number(item.getAttribute('data-id'));
-      this.selectedId = id;
-      this.paintSelection(item);
-      if (this.showProps) this.refreshPropsPanel();
-      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: id };
-    } else {
-      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: null };
-    }
-    this.renderContextMenu();
-  }
-
-  private renderContextMenu(): void {
-    const root = this.querySelector('.ctx-root');
-    if (!root) return;
-    if (!this.contextMenu) {
-      root.innerHTML = '';
-      return;
-    }
-    const { x, y, targetId, local, sidebar } = this.contextMenu;
-    const targetNode = targetId != null ? this.findNodeAnywhere(targetId) : null;
-    const canPreview = this.isPreviewable(targetNode);
-    const items = sidebar
-      ? sidebar.actions.map((a) => `<button type="button" data-ctx="${this.escape(a.id)}">${this.escape(a.label)}</button>`)
-      : local
-        ? [
-            `<button type="button" data-ctx="welcome-pack">Add Welcome Pack Items</button>`,
-            `<hr/>`,
-            `<button type="button" data-ctx="erase-local">Erase All Items…</button>`,
-          ]
-        : targetId != null
-          ? [
-              this.isExpandableArchive(targetNode)
-                ? `<button type="button" data-ctx="expand">Expand</button>`
-                : '',
-              `<button type="button" data-ctx="download">Download Zip</button>`,
-              canPreview ? `<button type="button" data-ctx="preview">Preview…</button>` : '',
-              `<button type="button" data-ctx="rename">Rename</button>`,
-              `<button type="button" data-ctx="delete">Delete…</button>`,
-              `<button type="button" data-ctx="props">Get Info…</button>`,
-              targetNode && !targetNode.isDir
-                ? `<button type="button" data-ctx="resources">Resources…</button>`
-                : '',
-              `<hr/>`,
-              `<button type="button" data-ctx="cut">Cut</button>`,
-              `<button type="button" data-ctx="copy">Copy</button>`,
-              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
-            ]
-          : [
-              `<button type="button" data-ctx="mkdir">New Folder</button>`,
-              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
-              `<button type="button" data-ctx="props-blank">Get Info</button>`,
-            ];
-    root.innerHTML = `<div class="ctx-menu" style="left:${x}px;top:${y}px">${items.filter(Boolean).join('')}</div>`;
-  }
-
-  private async handleContextAction(action: string, targetId: number | null = null): Promise<void> {
-    switch (action) {
-      case 'expand':
-        await this.expandArchive(targetId);
-        break;
-      case 'download':
-        if (targetId != null) this.selectedId = targetId;
-        await this.onDownload();
-        break;
-      case 'preview':
-        await this.openPreview(targetId);
-        break;
-      case 'rename':
-        this.startRename();
-        break;
-      case 'delete':
-        await this.onDelete();
-        break;
-      case 'props':
-        this.showPropertiesPanel();
-        break;
-      case 'resources':
-        this.openResourceExplorer(targetId);
-        break;
-      case 'props-blank': {
-        this.showProps = true;
-        if (this.selectedId == null) {
-          const folder = await this.vfs.get(this.cwd);
-          if (folder) this.selectedId = folder.id;
-        }
-        this.syncPropsButton();
-        this.refreshPropsPanel();
-        break;
-      }
-      case 'cut':
-        await this.cutSelection();
-        break;
-      case 'copy':
-        await this.copySelection();
-        break;
-      case 'paste':
-        await this.pasteClipboard(await this.pasteDestFromTarget(targetId));
-        break;
-      case 'mkdir':
-        await this.onMkdir();
-        break;
-      case 'erase-local':
-        await this.eraseLocalShare();
-        break;
-      case 'welcome-pack':
-        void this.runWelcomePack({ seed: false });
-        break;
-    }
-  }
-
-  private async runWelcomePack(opts: { seed: boolean }): Promise<void> {
-    if (opts.seed && !this.host.seedWelcomePack) return;
-    if (!opts.seed && !this.host.installWelcomePack) return;
-    if (this.welcomePackBusy) {
-      if (!opts.seed) this.setStatus('Welcome pack is already adding items');
-      return;
-    }
-    this.welcomePackBusy = true;
-    const progress: WelcomePackProgress = {
-      onBegin: (fileCount) => {
-        if (fileCount <= 0) return;
-        this.setStatus('Adding Welcome Pack Items…', { busy: true });
-      },
-      onItem: (item) => {
-        const dest = this.localVfs ?? this.host?.localCatalog() ?? this.vfs;
-        return this.trackImportItem(item, dest, dest.rootId());
-      },
-    };
-    try {
-      const result = opts.seed
-        ? await this.host.seedWelcomePack!(progress)
-        : await this.host.installWelcomePack!(progress);
-      if (!result) return;
-      if (result.imported === 0 && result.skipped === 0) {
-        this.setStatus('Welcome pack is empty');
-        return;
-      }
-      if (result.imported === 0) {
-        this.setStatus('Welcome pack items already present');
-        return;
-      }
-      const extra = result.skipped > 0 ? ` (${result.skipped} already present)` : '';
-      this.setStatus(`Added ${result.imported} welcome pack item${result.imported === 1 ? '' : 's'}${extra}`);
-    } catch (err) {
-      this.setStatus(`Welcome pack failed: ${err instanceof Error ? err.message : String(err)}`);
-    } finally {
-      this.welcomePackBusy = false;
-    }
-  }
-
-  private async eraseLocalShare(): Promise<void> {
-    const cat = this.localVfs ?? this.host?.localCatalog();
-    if (!cat) return;
-    const root = cat.rootId();
-    const kids = await cat.children(root);
-    if (!kids.length) {
-      this.setStatus(`${this.localShareTitle()} is empty`);
-      return;
-    }
-    if (!confirm(`Erase all items in ${this.localShareTitle()}? This cannot be undone.`)) {
-      return;
-    }
-    this.setStatus(`Erasing ${this.localShareTitle()}…`, { busy: true });
-    if (this.source === 'local') {
-      this.cwd = root;
-      this.pathStack = [{ id: root, name: this.localShareTitle() }];
-      this.selectedId = null;
-      this.expandedIds.clear();
-      this.loadingIds.clear();
-      this.listChildCache.clear();
-      this.columnChildren = [];
-      this.showProps = false;
-      this.syncPropsButton();
-    }
-    if (this.clipboard?.source === cat) {
-      this.clipboard = null;
-      this.syncClipboardButtons();
-    }
-    let failed = false;
-    await this.withOwnVfsMutation(async () => {
-      cat.beginBatch();
-      try {
-        for (const k of kids) await cat.remove(k.id);
-      } catch (err) {
-        failed = true;
-        this.setStatus(`Erase failed: ${err instanceof Error ? err.message : String(err)}`);
-      } finally {
-        cat.endBatch();
-      }
-    });
-    iconCache.clearDirectoryCache();
-    this.iconUrls.clear();
-    this.bumpIconLoadGen();
-    if (this.source === 'local') {
-      await this.reload();
-      this.syncHistory();
-      this.render();
-    }
-    if (!failed) this.setStatus(`Erased ${this.localShareTitle()}`);
-  }
-
-  private async pasteDestFromTarget(targetId: number | null): Promise<number> {
-    if (targetId == null) return this.cwd;
-    const node = this.findNodeAnywhere(targetId) ?? (await this.vfs.get(targetId));
-    if (node?.isDir) return node.id;
-    return node?.parentId ?? this.cwd;
-  }
-
-  private async pasteClipboard(destParent = this.cwd): Promise<void> {
-    if (!this.clipboard?.items.length) return;
-    const clip = this.clipboard;
-    this.setStatus('Pasting…', { busy: true });
-    const srcParents: number[] = [];
-    try {
-      const sameShare = clip.source === this.vfs;
-      const reserved = new Set<string>();
-      if (clip.mode === 'cut' && sameShare) {
-        const moves: { id: number; name: string; plan: PlacementPlan }[] = [];
-        for (const id of clip.sourceIds) {
-          const src = await this.vfs.get(id);
-          if (!src || src.parentId === destParent) continue;
-          if (!this.isValidMoveTarget(id, destParent)) {
-            this.setStatus('Can’t move an item into itself');
-            return;
-          }
-          srcParents.push(src.parentId);
-          const plan = await this.planPlacement(this.vfs, destParent, src.name, src.isDir, id, reserved);
-          moves.push({ id, name: src.name, plan });
-        }
-        for (const { id, name, plan } of moves) {
-          await this.withOwnVfsMutation(async () => {
-            if (plan.replaceId != null) await this.vfs.remove(plan.replaceId);
-            if (plan.destName !== name) await this.vfs.rename(id, plan.destName);
-            await this.vfs.move(id, destParent);
-          });
-        }
-      } else {
-        const planned: { item: ClipNode; plan: PlacementPlan }[] = [];
-        for (const item of clip.items) {
-          planned.push({
-            item,
-            plan: await this.planPlacement(this.vfs, destParent, item.name, item.isDir, undefined, reserved),
-          });
-        }
-        await this.withOwnVfsMutation(async () => {
-          this.vfs.beginBatch();
-          try {
-            for (const { item, plan } of planned) {
-              if (plan.replaceId != null) await this.vfs.remove(plan.replaceId);
-              const jobId = this.startTransfer(plan.destName, item.isDir, clipByteSize(item), item.finderInfo);
-              transferActivity.setDest(jobId, this.vfs, destParent, plan.destName);
-              const signal = transferActivity.signal(jobId);
-              try {
-                await transferActivity.withCopySlot(jobId, async () => {
-                  await this.writeClipNode(
-                    this.vfs,
-                    destParent,
-                    item,
-                    (n) => {
-                      throwIfAborted(signal);
-                      transferActivity.addBytes(jobId, n);
-                    },
-                    plan.destName,
-                    jobId,
-                  );
-                  throwIfAborted(signal);
-                });
-                await transferActivity.settle(jobId);
-              } catch (err) {
-                await transferActivity.settle(jobId, err);
-                if (isTransferCancelled(err)) continue;
-                throw err;
-              }
-            }
-          } finally {
-            this.vfs.endBatch();
-          }
-          if (clip.mode === 'cut' && clip.source) {
-            for (const id of clip.sourceIds) {
-              await clip.source.remove(id).catch(() => undefined);
-            }
-          }
-        });
-      }
-      if (clip.mode === 'cut') this.clipboard = null;
-      this.syncClipboardButtons();
-      await this.refreshIfDestVisible(this.vfs, destParent, ...srcParents);
-      this.setStatus('Paste complete');
-    } catch (err) {
-      if (isTransferCancelled(err)) {
-        this.setStatus('Transfer cancelled');
-        await this.refreshIfDestVisible(this.vfs, destParent, ...srcParents);
-        return;
-      }
-      this.setStatus(`Paste failed: ${(err as Error).message}`);
-    }
-  }
-
-  private async writeClipNode(
-    fs: Catalog,
-    parentId: number,
-    item: ClipNode,
-    onBytes?: (n: number) => void,
-    destName = item.name,
-    jobId?: string,
-  ): Promise<void> {
-    const signal = jobId ? transferActivity.signal(jobId) : undefined;
-    throwIfAborted(signal);
-    const clash = await fs.lookup(parentId, destName);
-    const name = clash ? await uniqueCopyName(fs, parentId, destName) : destName;
-    if (item.isDir) {
-      const dir = await fs.mkdir(parentId, name);
-      if (jobId) transferActivity.addDest(jobId, fs, parentId, name, 'folder');
-      for (const kid of item.kids ?? []) {
-        throwIfAborted(signal);
-        await this.writeClipNode(fs, dir.id, kid, onBytes, kid.name, jobId);
-      }
-      return;
-    }
-    if (jobId) transferActivity.setWriteFile(jobId, fs, parentId, name);
-    try {
-      await fs.createFile(
-        parentId,
-        name,
-        item.data.slice(),
-        item.resource.slice(),
-        item.finderInfo.slice(),
-        onBytes,
-        signal,
-      );
-      throwIfAborted(signal);
-      if (jobId) transferActivity.clearPartial(jobId);
-    } catch (err) {
-      if (jobId && (isTransferCancelled(err) || transferActivity.isCancelled(jobId))) {
-        await transferActivity.discardPartial(jobId);
-      }
-      throw err;
-    }
-  }
-
-  private isEditingField(t: EventTarget | null): boolean {
-    return (
-      t instanceof HTMLInputElement ||
-      t instanceof HTMLTextAreaElement ||
-      t instanceof HTMLSelectElement ||
-      (t instanceof HTMLElement && t.isContentEditable)
-    );
-  }
-
-  private finderHasFocus(): boolean {
-    const ae = document.activeElement;
-    if (!ae || ae === document.body || ae === document.documentElement) return true;
-    return this.contains(ae);
-  }
-
-  private async onKeyDown(e: KeyboardEvent): Promise<void> {
-    const t = e.target as HTMLElement;
-
-    if (t instanceof HTMLInputElement && t.hasAttribute('data-rename')) {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        await this.commitRename(t);
-      } else if (e.key === 'Escape') {
-        e.preventDefault();
-        this.renamingId = null;
-        this.renderContent();
-      }
-      return;
-    }
-    if (t instanceof HTMLInputElement && t.hasAttribute('data-prop')) {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        await this.applyProps();
-      }
-      return;
-    }
-
-    if (!this.finderHasFocus()) return;
-    if (this.isEditingField(t)) return;
-    if (this.preview) {
-      if (e.key === 'Escape' || e.key === ' ') {
-        e.preventDefault();
-        this.closePreview();
-      }
-      return;
-    }
-    if (this.contextMenu) {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        this.contextMenu = null;
-        this.renderContextMenu();
-      }
-      return;
-    }
-    if (this.openCallout) {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        this.openCallout = null;
-        this.renderCallouts();
-      }
-      return;
-    }
-
-    const mod = e.metaKey || e.ctrlKey;
-    const key = e.key;
-    const lower = key.length === 1 ? key.toLowerCase() : key;
-
-    // Quick Look: Space
-    if (key === ' ' && !mod && !e.altKey) {
-      e.preventDefault();
-      await this.openPreview();
-      return;
-    }
-
-    // Delete: Delete | ⌘⌫ | Ctrl+D
-    if (
-      key === 'Delete' ||
-      (mod && key === 'Backspace') ||
-      (e.ctrlKey && !e.metaKey && !e.altKey && lower === 'd')
-    ) {
-      e.preventDefault();
-      await this.onDelete();
-      return;
-    }
-
-    // Rename: Enter | F2
-    if ((key === 'Enter' && !e.altKey && !mod) || key === 'F2') {
-      e.preventDefault();
-      this.startRename();
-      return;
-    }
-
-    // Get Info: ⌘I | Alt+Enter
-    if ((mod && lower === 'i' && !e.shiftKey) || (e.altKey && key === 'Enter')) {
-      e.preventDefault();
-      this.showPropertiesPanel();
-      return;
-    }
-
-    // Back: ⌘[ | Backspace | Alt+←
-    if ((mod && key === '[') || (key === 'Backspace' && !mod && !e.altKey) || (e.altKey && key === 'ArrowLeft')) {
-      e.preventDefault();
-      await this.goNavBack();
-      return;
-    }
-
-    // Forward: ⌘] | Alt+→
-    if ((mod && key === ']') || (e.altKey && key === 'ArrowRight')) {
-      e.preventDefault();
-      await this.goNavForward();
-      return;
-    }
-
-    // Up: ⌘↑ | Alt+↑
-    if ((mod || e.altKey) && key === 'ArrowUp') {
-      e.preventDefault();
-      await this.goUp();
-      return;
-    }
-
-    // Cut / Copy / Paste
-    if (mod && !e.shiftKey && !e.altKey && lower === 'x') {
-      e.preventDefault();
-      await this.cutSelection();
-      return;
-    }
-    if (mod && !e.shiftKey && !e.altKey && lower === 'c') {
-      e.preventDefault();
-      await this.copySelection();
-      return;
-    }
-    if (mod && !e.shiftKey && !e.altKey && lower === 'v') {
-      e.preventDefault();
-      await this.pasteClipboard();
-      return;
-    }
-
-    // New folder: ⌘⇧N | Ctrl⇧N
-    if (mod && e.shiftKey && !e.altKey && lower === 'n') {
-      e.preventDefault();
-      await this.onMkdir();
-    }
-  }
-
-  private renameBusy = false;
-  private async commitRename(input: HTMLInputElement): Promise<void> {
-    if (this.renameBusy || !input.hasAttribute('data-rename')) return;
-    this.renameBusy = true;
-    const id = Number(input.getAttribute('data-rename'));
-    const name = input.value.trim();
-    input.removeAttribute('data-rename');
-    this.renamingId = null;
-    try {
-      if (!name || !id) {
-        this.renderContent();
-        return;
-      }
-      const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
-      if (!node) return;
-      if (node.name !== name) {
-        const clash = await this.vfs.lookup(node.parentId, name);
-        if (clash && clash.id !== id) {
-          this.setStatus(`“${name}” already exists`);
-          this.renamingId = id;
-          this.renderContent();
-          return;
-        }
-        await this.withOwnVfsMutation(() => this.vfs.rename(id, name));
-      }
-      await this.reload();
-      this.renderContent();
-      if (this.showProps) this.refreshPropsPanel();
-    } finally {
-      this.renameBusy = false;
-    }
-  }
-
-  // Commit rename on blur via delegated listener once
-  private renameBlurBound = false;
-  private ensureRenameBlur(): void {
-    if (this.renameBlurBound) return;
-    this.renameBlurBound = true;
-    this.addEventListener(
-      'focusout',
-      (e) => {
-        const t = e.target as HTMLElement;
-        if (t instanceof HTMLInputElement && t.hasAttribute('data-rename')) {
-          // Replacing innerHTML disconnects the input; don't treat that as a commit.
-          if (!t.isConnected) return;
-          void this.commitRename(t);
-        }
-      },
-      true,
-    );
-  }
-
-  private escape(s: string): string {
-    return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
-  }
-}
-
-function decodePreviewText(data: Uint8Array): string {
-  let text: string;
-  try {
-    text = new TextDecoder('utf-8', { fatal: true }).decode(data);
-  } catch {
-    text = decodeMacRoman(data);
-  }
-  return text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-}
-
-customElements.define('finder-window', FinderWindow);
-
-export function downloadAppleDoubleZip(
-  name: string,
-  data: Uint8Array,
-  resource: Uint8Array,
-  finderInfo: Uint8Array,
-  style: ZipExportStyle = loadPrefs().zipExportStyle,
-): void {
-  downloadZipEntries(name, [
-    { name, data },
-    { name: zipSidecarPath(name, style), data: buildAppleDouble(finderInfo, resource) },
-  ]);
-}
-
-export function downloadZipEntries(zipName: string, files: { name: string; data: Uint8Array }[]): void {
-  const zip = zipStore(files);
-  const blob = new Blob([zip.buffer.slice(zip.byteOffset, zip.byteOffset + zip.byteLength) as ArrayBuffer], {
-    type: 'application/zip',
-  });
-  const a = document.createElement('a');
-  a.href = URL.createObjectURL(blob);
-  a.download = zipName.endsWith('.zip') ? zipName : `${zipName}.zip`;
-  a.click();
-  URL.revokeObjectURL(a.href);
-}
-
-/** Recursively collect AppleDouble pairs for a virtual FS subtree. */
-export async function collectFsZipEntries(
-  vfs: Catalog,
-  node: VNode,
-  prefix = '',
-  onBytes?: (n: number) => void,
-  onAddTotal?: (n: number) => void,
-  style: ZipExportStyle = 'appledouble',
-  signal?: AbortSignal,
-): Promise<{ name: string; data: Uint8Array }[]> {
-  throwIfAborted(signal);
-  const out: { name: string; data: Uint8Array }[] = [];
-  const creditRead = vfs.reportsChunkedBytes ? onBytes : undefined;
-  const creditLoaded = !vfs.reportsChunkedBytes ? onBytes : undefined;
-  if (node.isDir) {
-    const kids = await vfs.children(node.id, undefined, signal);
-    const dirPrefix = prefix ? `${prefix}${node.name}/` : `${node.name}/`;
-    for (const kid of kids) {
-      throwIfAborted(signal);
-      if (!kid.isDir) onAddTotal?.(nodeByteSize(kid));
-      out.push(...(await collectFsZipEntries(vfs, kid, dirPrefix, onBytes, onAddTotal, style, signal)));
-    }
-    return out;
-  }
-  const full = (await vfs.ensureContent(node.id, creditRead, signal)) ?? node;
-  creditLoaded?.(full.data.length + full.resource.length);
-  const base = prefix ? `${prefix}${full.name}` : full.name;
-  out.push({ name: base, data: full.data });
-  out.push({
-    name: zipSidecarPath(base, style),
-    data: buildAppleDouble(full.finderInfo, full.resource),
-  });
-  return out;
-}
+import type { Catalog, VNode } from '../fs/virtual-fs';
+import { nodeRef, parentRef } from '../fs/virtual-fs';
+import { EmptyCatalog } from '../fs/empty-catalog';
+import type { CatalogCapabilities, NodeRef } from '../fs/catalog-caps';
+import { parseRefKey, refKey, refsEqual, showsResourceFork, showsTypeCreator } from '../fs/catalog-caps';
+import { formatStorePath, volumeChrome } from '../fs/volume-chrome';
+import type { ByteRangeReader } from '../fs/byte-range';
+import type {
+  Credentials,
+  FinderHost,
+  RemoteEndpoint,
+  SessionInfo,
+  SidebarAction,
+  SidebarBadge,
+  SidebarGroup,
+} from './finder-host';
+import { decodeMacRoman } from '../protocol/macroman';
+import { buildAppleDouble, zipSidecarPath, zipStore, type ZipExportStyle } from '../fs/appledouble';
+import { collectZipEntries, enumerateZipFiles } from '../fs/zip-export';
+import { formatBytes } from './format-bytes';
+import {
+  iconCache,
+  readTypeCreator,
+  isCustomFolderIconName,
+  isFinderInvisible,
+  isDefaultFolderIcon,
+  isWinIconName,
+  DEFAULT_FOLDER_ICONS,
+  type IconUrls,
+} from '../fs/icon-cache';
+import { expandArchiveFile, expandFailureMessage, isExpandableArchive, type ExpandedNode } from '../fs/expand-incoming';
+import { expandSitInPlace } from '../fs/expand-inplace';
+import type { WelcomePackProgress } from '../fs/welcome-pack';
+import { importExpandedTree, type ImportItemTrack } from '../fs/import-transfer';
+import { decodeVers1, versInfoForGetInfo, type VersGetInfo, type VersRec } from '../fs/resource-types/vers';
+import {
+  extractWinVersion,
+  isWinResourceName,
+  isWinVersionName,
+  type WinVersionGetInfo,
+} from '../fs/winicon';
+import {
+  finderCommentFromFork,
+  finderCommentId,
+  finderFlagLabels,
+  finderGetInfoDetails,
+} from '../fs/finder-info';
+import { loadPrefs, savePrefs } from '../util/prefs';
+import { log } from '../util/logger';
+import { isAbortError, throwIfAborted } from '../util/abort';
+import { VisibleIconQueue } from './icon-prefetch';
+import { uiIcons } from './lucide-icon';
+import { enableWindowMove, enableWindowResize, onWindowGeometryChange } from './window-resize';
+import {
+  applyWindowFrame,
+  defaultFinderFrame,
+  loadWindowLayouts,
+  persistWindow,
+  restoreWindow,
+} from './window-layout';
+import type { ResourceForkExplorer } from './resource-fork-explorer';
+import type { WinResourceExplorer } from './win-resource-explorer';
+import type { GetInfoWindow } from './get-info-window';
+import { isCompactUi, onLayoutModeChange } from './layout-mode';
+import { positionCallout } from './callout';
+import { paintTransferList } from './transfer-list';
+import {
+  transferActivity,
+  TRANSFER_DETAIL_SEARCHING,
+  TRANSFER_FILE_ICON,
+  type TransferWriteProgress,
+} from '../util/transfer-activity';
+import {
+  isTransferCancelled,
+  planItemPlacement,
+  uniqueCopyName,
+  TransferCancelled,
+  type PlacementPlan,
+} from '../fs/name-conflict';
+import { decodePict, pictToSvg } from '../fs/pict/pict';
+import { decodeBmp } from '../fs/winicon';
+import { decodedIconToDataUrl } from '../fs/resource-types/icon-decoder';
+import { isBmpPreview, previewKindFor, previewMime, type FilePreviewKind } from './file-preview';
+import { isCatalogWithBackend } from '../finder/api';
+import {
+  SIDEBAR_GROUP_NETWORK,
+  assignSidebarGroup,
+  badgeText,
+  badgeTitle,
+  endpointsByGroup,
+  isCatalogEndpoint,
+  LOCAL_SHARE_KEY,
+  shareDropFromElement,
+  shareKeyForEndpoint,
+  viewingCatalogEndpoint,
+  visibleSidebarGroups,
+  volumesForEndpoint,
+} from './finder-sidebar';
+
+/** Empty Finder pane when no sidebar volume is open. */
+const NO_VOLUME_HINT = 'Select a volume from the side bar';
+
+export type ViewMode = 'icon' | 'list' | 'column';
+export type SortKey = 'name' | 'modified' | 'size';
+
+/** Finder file types that open in the Quick Look overlay. */
+const PREVIEW_TEXT_MAX_BYTES = 512 * 1024;
+
+export type {
+  Credentials,
+  FinderHost,
+  RemoteEndpoint,
+  SessionInfo,
+  SidebarBadge,
+  SidebarGroup,
+} from './finder-host';
+
+/** Options for `FinderWindow.openRemote` (URI / Advanced “Open by Path”). */
+export type OpenRemoteOptions = {
+  /** Volume/share to mount after login. Omitted: list volumes and wait. */
+  volume?: string;
+  /** Try these before the login dialog (URI userinfo). */
+  credentials?: Credentials;
+  /**
+   * When no `volume` is given, open the only advertised share automatically.
+   * Default true (sidebar click). Path-open without a volume passes false.
+   */
+  autoOpenSingle?: boolean;
+  /** Folder path inside the volume (`csclient` URI path after the share). */
+  folderPath?: string;
+};
+
+interface ListItem {
+  key: string;
+  name: string;
+  isDir: boolean;
+  size: number;
+  mod: Date;
+  node: VNode | null;
+  finderInfo?: Uint8Array;
+  /** Synthetic row shown until the first enumerate page arrives. */
+  placeholder?: boolean;
+  /** Dest of an in-flight copy/import; overlay a percent loader on the icon. */
+  writing?: TransferWriteProgress;
+}
+
+const LISTING_PLACEHOLDER_KEY = '__listing__';
+
+interface ClipNode {
+  name: string;
+  isDir: boolean;
+  data: Uint8Array;
+  resource: Uint8Array;
+  finderInfo: Uint8Array;
+  kids?: ClipNode[];
+}
+
+/** On-disk size for Finder lists: data fork + resource fork. */
+function nodeByteSize(n: VNode, includeResource = true): number {
+  if (n.isDir) return 0;
+  const data = n.dataBytes ?? n.data.length;
+  if (!includeResource) return data;
+  return data + (n.resourceBytes ?? n.resource.length);
+}
+
+function clipByteSize(item: ClipNode): number {
+  if (item.isDir) return (item.kids ?? []).reduce((n, k) => n + clipByteSize(k), 0);
+  return item.data.length + item.resource.length;
+}
+
+function unixDate(ms: number): Date {
+  return ms ? new Date(ms) : new Date(0);
+}
+
+function dataRef(el: Element | null): NodeRef | null {
+  if (!el) return null;
+  return parseRefKey(el.getAttribute('data-id'));
+}
+
+function selRef(ref: NodeRef): string {
+  return CSS.escape(refKey(ref));
+}
+
+function itemAddr(it: ListItem): NodeRef | null {
+  return it.node ? nodeRef(it.node) : parseRefKey(it.key);
+}
+
+export class FinderWindow extends HTMLElement {
+  private vfs!: Catalog;
+  private localVfs: Catalog | null = null;
+  private host!: FinderHost;
+  private view: ViewMode = 'icon';
+  private cwd: NodeRef = 2;
+  private pathStack: { id: NodeRef; name: string }[] = [{ id: 2, name: 'Browser Share' }];
+  /** For column view: one column of children per pathStack entry. */
+  private columnChildren: VNode[][] = [];
+  private selectedId: NodeRef | null = null;
+  private nodes: VNode[] = [];
+  private servers: RemoteEndpoint[] = [];
+  private source: 'local' | 'remote' = 'local';
+  private status = 'Connect a TashTalk adaptor to begin.';
+  private statusBusy = false;
+  private welcomePackBusy = false;
+  private showProps = false;
+  private remoteOpen = false;
+  /** True after AFP login; volumes listed under the server until disconnect. */
+  private remoteLoggedIn = false;
+  private remoteVolumes: string[] = [];
+  /** Volumes enumerated for a server stay in the sidebar after switching rows. */
+  private knownVolumes = new Map<string, string[]>();
+  private loggedInEndpoints = new Set<string>();
+  /** Share keys of volumes the user has opened (eject is hidden until then). */
+  private openedVolumeKeys = new Set<string>();
+  private remoteBusy = false;
+  /** Sidebar endpoint id currently connecting / opening (spinner + selection). */
+  private connectingEndpointId: string | null = null;
+  /** Volume child name when opening a share under a server row. */
+  private connectingVolume: string | null = null;
+  private remoteNbpName = '';
+  private remoteEndpoint: RemoteEndpoint | null = null;
+  private eventsBound = false;
+  private dragDepth = 0;
+  /** Folder ids expanded in list-view outline. */
+  private expandedIds = new Set<NodeRef>();
+  /** Folders whose children are being fetched (list disclose / column pane). */
+  private loadingIds = new Set<NodeRef>();
+  private folderLoadGen = new Map<NodeRef, number>();
+  private columnLoading = false;
+  private columnLoadGen = 0;
+  /** Per-column widths in column view (`"0"`, `"1"`, …, `"preview"`). */
+  private columnWidths = new Map<string, number>();
+  private columnResize: {
+    col: HTMLElement;
+    handle: HTMLElement;
+    key: string;
+    startX: number;
+    startW: number;
+  } | null = null;
+  private folderOpening = false;
+  /** Folder whose children are being enumerated (spinner on that folder's glyph). */
+  private enumeratingFolderId: NodeRef | null = null;
+  private listChildCache = new Map<NodeRef, VNode[]>();
+  /** Skip pushState while applying browser back/forward. */
+  private historyQuiet = false;
+  /** In-app navigation stack for ⌘[/]/ shortcuts (separate from leaving the page). */
+  private navStack: ReturnType<FinderWindow['historySnapshot']>[] = [];
+  private navIndex = -1;
+  private navLock = false;
+  private sortKey: SortKey = 'name';
+  private sortDir: 'asc' | 'desc' = 'asc';
+  private renamingId: NodeRef | null = null;
+  private clipboard: {
+    mode: 'cut' | 'copy';
+    items: ClipNode[];
+    source: Catalog | null;
+    sourceIds: NodeRef[];
+  } | null = null;
+  private catalogs = new Map<string, Catalog>();
+  private contextMenu: {
+    x: number;
+    y: number;
+    targetId: NodeRef | null;
+    local?: boolean;
+    sidebar?: { index: number; volume?: string; actions: SidebarAction[] };
+  } | null = null;
+  /** Show Finder-invisible / Icon\\r items (persisted via prefs). */
+  private showHiddenFiles = loadPrefs().showHiddenFiles;
+  /** Decode dropped BinHex / MacBinary (persisted via prefs). */
+  private autoExpandFiles = loadPrefs().autoExpandFiles;
+  /** Probe Icon\\r / resource forks for custom glyphs (persisted via prefs). */
+  private readFinderIcons = loadPrefs().readFinderIcons;
+  /** Local item being dragged (null for external file drops). */
+  private dragNodeId: NodeRef | null = null;
+  private dragNode: VNode | null = null;
+  private dragCatalog: Catalog | null = null;
+  private dropHoverFolderId: NodeRef | null = null;
+  private springTimer: ReturnType<typeof setTimeout> | null = null;
+  private springFolderId: NodeRef | null = null;
+  private springShareKey: string | null = null;
+  private vfsUnsub: (() => void) | null = null;
+  private vfsRefreshTimer: ReturnType<typeof setTimeout> | null = null;
+  /** Parent folder ids coalesced from VFS change events until the debounced refresh. */
+  private pendingVfsParents = new Set<NodeRef>();
+  /** Nested Finder-initiated catalog writes; echoed VFS events are ignored while > 0. */
+  private ownVfsMutation = 0;
+  /** Resolved icon URLs keyed by ListItem.key (or type|creator). */
+  private iconUrls = new Map<string, IconUrls>();
+  private iconLoadGen = 0;
+  /** Cancels queued FPGetIcon / icon-fork AFP work when leaving a folder. */
+  private iconAbort: AbortController | null = null;
+  /** Finder items waiting for a visible-icon load slot. */
+  private iconPrefetchItems = new Map<string, ListItem>();
+  private iconObserver: IntersectionObserver | null = null;
+  /** Finder item elements currently intersecting the visible Finder pane. */
+  private iconIntersectingEls = new Set<Element>();
+  private iconQueue = new VisibleIconQueue<ListItem>(
+    (it) => this.resolveVisibleIcon(it),
+    (it) => this.isFinderIconVisible(it.key),
+  );
+  /** Cached `vers` 1 Get Info strings, keyed by node id. */
+  private versInfo = new Map<NodeRef, { stamp: string; info: VersGetInfo | null }>();
+  /** Cached Finder comment from `FCMT` in the resource fork. */
+  private commentInfo = new Map<NodeRef, { stamp: string; comment: string | null }>();
+  private versPending = new Set<NodeRef>();
+  /** Cancels the in-flight cwd / column listing when navigating to another folder. */
+  private navListAbort: AbortController | null = null;
+  /** Per-folder list-view disclose listings; aborted on collapse or navigation. */
+  private expandListAbort = new Map<NodeRef, AbortController>();
+  /** Sidebar group id being scanned, or `'*'` for a full refresh. */
+  private networkScanning: string | null = null;
+  private preview: {
+    id: NodeRef;
+    name: string;
+    kind: FilePreviewKind;
+    text: string | null;
+    url?: string | null;
+    truncated?: boolean;
+    error?: string;
+  } | null = null;
+  private previewGen = 0;
+  /** Desktop view to restore when leaving compact layout. */
+  private desktopView: ViewMode | null = null;
+  private sidebarOpen = false;
+  private openCallout: null | 'transfers' | 'actions' | 'share' = null;
+  private unsubTransfer: (() => void) | null = null;
+  private unsubLayout: (() => void) | null = null;
+  private transferIdleTimer: ReturnType<typeof setTimeout> | null = null;
+  private transferRaf = 0;
+  private lastTransferPct = 0;
+  private transferBtnVisible = false;
+  private writeSig = '';
+  private resourceExplorer: ResourceForkExplorer | null = null;
+  private winResourceExplorer: WinResourceExplorer | null = null;
+  private getInfoWindow: GetInfoWindow | null = null;
+  private finderLayoutReady = false;
+
+  bindResourceExplorer(panel: ResourceForkExplorer): void {
+    this.resourceExplorer = panel;
+  }
+
+  bindWinResourceExplorer(panel: WinResourceExplorer): void {
+    this.winResourceExplorer = panel;
+  }
+
+  bindGetInfoWindow(win: GetInfoWindow): void {
+    this.getInfoWindow = win;
+    win.onAction = (act) => void this.handleAction(act);
+    win.onClose = () => {
+      this.showProps = false;
+      this.syncPropsButton();
+    };
+  }
+
+  /** Open the resource-fork explorer on the current (or given) item. */
+  openResourceExplorer(id?: NodeRef | null): void {
+    const node = id != null ? this.findNodeAnywhere(id) : this.selectedNode();
+    this.resourceExplorer?.open(this.vfs, node);
+  }
+
+  /** Open the PE/NE resource explorer on the current (or given) item. */
+  openWinResourceExplorer(id?: NodeRef | null): void {
+    const node = id != null ? this.findNodeAnywhere(id) : this.selectedNode();
+    this.winResourceExplorer?.open(this.vfs, node);
+  }
+
+  private syncResourceExplorer(): void {
+    const node = this.selectedNode();
+    this.resourceExplorer?.followSelection(this.vfs, node);
+    this.winResourceExplorer?.followSelection(this.vfs, node);
+  }
+
+  /** Drop resolved icons after Advanced → Clear icon cache. */
+  invalidateIcons(): void {
+    this.iconUrls.clear();
+    this.bumpIconLoadGen();
+    iconCache.clearDirectoryCache();
+    this.renderContent();
+    this.renderPath();
+  }
+
+  getShowHiddenFiles(): boolean {
+    return this.showHiddenFiles;
+  }
+
+  /** Toggle or set hidden-file visibility; persists and refreshes the view. */
+  setShowHiddenFiles(show: boolean): void {
+    if (this.showHiddenFiles === show) return;
+    this.showHiddenFiles = show;
+    savePrefs({ showHiddenFiles: show });
+    void this.reload().then(() => {
+      this.renderContent();
+      this.renderPath();
+    });
+  }
+
+  getAutoExpandFiles(): boolean {
+    return this.autoExpandFiles;
+  }
+
+  setAutoExpandFiles(expand: boolean): void {
+    if (this.autoExpandFiles === expand) return;
+    this.autoExpandFiles = expand;
+    savePrefs({ autoExpandFiles: expand });
+  }
+
+  getReadFinderIcons(): boolean {
+    return this.readFinderIcons;
+  }
+
+  /** Live volume feature flags (Get Info / View menu). */
+  catalogCapabilities(): CatalogCapabilities | null {
+    return this.vfs ? this.vfs.capabilities() : null;
+  }
+
+  getDefaultView(): ViewMode {
+    return loadPrefs().defaultView;
+  }
+
+  /** Persist default Finder view for new sessions (does not change the current view). */
+  setDefaultView(view: ViewMode): void {
+    if (view !== 'icon' && view !== 'list' && view !== 'column') return;
+    savePrefs({ defaultView: view });
+  }
+
+  /** Toggle Icon\\r / resource-fork icon reads; persists and refreshes glyphs. */
+  setReadFinderIcons(read: boolean): void {
+    if (this.readFinderIcons === read) return;
+    this.readFinderIcons = read;
+    savePrefs({ readFinderIcons: read });
+    this.invalidateIcons();
+  }
+
+  getView(): ViewMode {
+    return this.view;
+  }
+
+  getSortKey(): SortKey {
+    return this.sortKey;
+  }
+
+  async applyViewMode(mode: ViewMode): Promise<void> {
+    await this.setView(mode);
+  }
+
+  async applySortKey(key: SortKey): Promise<void> {
+    await this.applySort(key, false);
+  }
+
+  selectionSupportsPreview(): boolean {
+    if (this.selectedId == null) return false;
+    const node = this.findNodeAnywhere(this.selectedId);
+    return this.isPreviewable(node);
+  }
+
+  async menuOpenPreview(): Promise<void> {
+    await this.openPreview();
+  }
+
+  async menuNewFolder(): Promise<void> {
+    await this.onMkdir();
+  }
+
+  async menuDownloadZip(): Promise<void> {
+    await this.onDownload();
+  }
+
+  menuGetInfo(): void {
+    this.showPropertiesPanel();
+  }
+
+  menuRename(): void {
+    this.startRename();
+  }
+
+  async menuDelete(): Promise<void> {
+    await this.onDelete();
+  }
+
+  canCloseMountedShare(): boolean {
+    return this.remoteEndpoint?.group === 'mounted';
+  }
+
+  async menuCloseShare(): Promise<void> {
+    const ep = this.remoteEndpoint;
+    if (!ep || ep.group !== 'mounted') return;
+    await this.ejectEndpoint(ep);
+  }
+
+  bind(vfs: Catalog | null, host: FinderHost): void {
+    this.host = host;
+    this.localVfs = vfs ?? host.localCatalog();
+    if (this.localVfs) {
+      this.catalogs.set(LOCAL_SHARE_KEY, this.localVfs);
+      this.attachCatalog(this.localVfs);
+    } else {
+      this.showNoVolumeSelected();
+    }
+    this.ensureShellEvents();
+    void this.bootstrapFromLocation().then(() => {
+      this.applyCompactView();
+      if (this.hasLocalShare()) void this.runWelcomePack({ seed: true });
+      if (!this.hasTransport()) {
+        this.setStatus(NO_VOLUME_HINT);
+        void this.onRefresh();
+      }
+    });
+  }
+
+  private hasLocalShare(): boolean {
+    return this.localVfs != null;
+  }
+
+  private localShareTitle(): string {
+    return this.host?.localTitle?.() || 'Browser Share';
+  }
+
+  private hasTransport(): boolean {
+    return typeof this.host?.connectTransport === 'function';
+  }
+
+  private attachCatalog(next: Catalog): void {
+    if (this.vfs === next) return;
+    this.vfsUnsub?.();
+    this.vfs = next;
+    this.vfsUnsub = next.subscribe((change) => this.onVfsChanged(change));
+    this.expandedIds.clear();
+    this.loadingIds.clear();
+    this.folderLoadGen.clear();
+    this.listChildCache.clear();
+    this.columnChildren = [];
+    this.columnLoading = false;
+    this.columnLoadGen++;
+    this.folderOpening = false;
+    this.enumeratingFolderId = null;
+    this.iconUrls.clear();
+    this.abortAllListings();
+    this.bumpIconLoadGen();
+  }
+
+  private dropRemoteCatalogs(nbp?: string): void {
+    const prefix = nbp ? `${nbp}:` : null;
+    const endpointKey = nbp ? `endpoint:${nbp}` : null;
+    for (const key of [...this.catalogs.keys()]) {
+      if (key === LOCAL_SHARE_KEY) continue;
+      if (prefix) {
+        if (key !== endpointKey && !key.startsWith(prefix)) continue;
+      }
+      const cat = this.catalogs.get(key);
+      if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
+      this.catalogs.delete(key);
+    }
+  }
+
+  private catalogKeyForVolume(name: string): string {
+    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
+      return shareKeyForEndpoint(this.remoteEndpoint);
+    }
+    return `${this.remoteNbpName}:${name}`;
+  }
+
+  private mountCatalog(cat: Catalog, source: 'local' | 'remote', rootName: string): void {
+    const key = source === 'local' ? LOCAL_SHARE_KEY : this.catalogKeyForVolume(rootName);
+    this.catalogs.set(key, cat);
+    this.attachCatalog(cat);
+    this.source = source;
+    this.cwd = cat.rootId();
+    this.pathStack = [{ id: this.cwd, name: rootName }];
+    this.selectedId = null;
+    this.renamingId = null;
+    this.showProps = false;
+  }
+
+  /** Drop a remote mount (server CloseSession / disconnect attention). */
+  unmountRemote(status?: string): void {
+    this.dropRemoteCatalogs();
+    this.knownVolumes.clear();
+    this.loggedInEndpoints.clear();
+    this.openedVolumeKeys.clear();
+    this.remoteLoggedIn = false;
+    this.remoteVolumes = [];
+    this.remoteNbpName = '';
+    this.remoteEndpoint = null;
+    this.showLocalShare();
+    if (status) this.setStatus(status);
+    else if (this.isNoVolumeSelected()) this.setStatus(NO_VOLUME_HINT);
+    void this.reload().then(() => {
+      this.syncHistory();
+      this.render();
+    });
+  }
+
+  disconnectedCallback(): void {
+    this.vfsUnsub?.();
+    this.vfsUnsub = null;
+    this.unsubTransfer?.();
+    this.unsubTransfer = null;
+    this.unsubLayout?.();
+    this.unsubLayout = null;
+    window.removeEventListener('pointerdown', this.onWinPointer, true);
+    window.removeEventListener('pointermove', this.onColumnResizeMove);
+    window.removeEventListener('pointerup', this.onColumnResizeUp);
+    window.removeEventListener('pointercancel', this.onColumnResizeUp);
+    if (this.transferIdleTimer) clearTimeout(this.transferIdleTimer);
+    if (this.transferRaf) cancelAnimationFrame(this.transferRaf);
+    if (this.vfsRefreshTimer) {
+      clearTimeout(this.vfsRefreshTimer);
+      this.vfsRefreshTimer = null;
+    }
+    this.abortAllListings();
+    this.teardownIconObserver();
+  }
+
+  /** AFP / local mutations land here; debounce so fork writes don't thrash the UI. */
+  private onVfsChanged(change: { parentIds: NodeRef[] }): void {
+    if (this.ownVfsMutation > 0) return;
+    for (const id of change.parentIds) this.pendingVfsParents.add(id);
+    if (this.vfsRefreshTimer) clearTimeout(this.vfsRefreshTimer);
+    this.vfsRefreshTimer = setTimeout(() => {
+      this.vfsRefreshTimer = null;
+      const parents = [...this.pendingVfsParents];
+      this.pendingVfsParents.clear();
+      if (!this.changeImpactsVisibleFolders(parents)) return;
+      iconCache.clearDirectoryCache();
+      this.iconUrls.clear();
+      this.bumpIconLoadGen();
+      void this.refreshAfterMutation();
+    }, 150);
+  }
+
+  /** Run a Finder-initiated catalog write without treating its VFS echo as a remote change. */
+  private async withOwnVfsMutation<T>(fn: () => Promise<T>): Promise<T> {
+    this.ownVfsMutation++;
+    try {
+      return await fn();
+    } finally {
+      this.ownVfsMutation--;
+    }
+  }
+
+  /** Drop a coalesced observer refresh; the caller already reloaded visible folders. */
+  private discardPendingVfsRefresh(): void {
+    if (this.vfsRefreshTimer) {
+      clearTimeout(this.vfsRefreshTimer);
+      this.vfsRefreshTimer = null;
+    }
+    this.pendingVfsParents.clear();
+  }
+
+  /** True when a mutation's parent is a folder whose children are currently shown. */
+  private changeImpactsVisibleFolders(parentIds: NodeRef[]): boolean {
+    if (parentIds.length === 0) return true;
+    const visible = this.visibleFolderIds();
+    return parentIds.some((id) => visible.has(id));
+  }
+
+  /** Folders whose children are painted in the current Finder view. */
+  private visibleFolderIds(): Set<NodeRef> {
+    const ids = new Set<NodeRef>();
+    ids.add(this.cwd);
+    if (this.view === 'column') {
+      for (const p of this.pathStack) ids.add(p.id);
+    }
+    for (const id of this.expandedIds) ids.add(id);
+    return ids;
+  }
+
+  /** Reload the listing only when `dest` is the open catalog and a parent is on screen. */
+  private async refreshIfDestVisible(dest: Catalog, ...parentIds: NodeRef[]): Promise<void> {
+    if (this.vfs !== dest) return;
+    if (!this.changeImpactsVisibleFolders(parentIds)) return;
+    await this.refreshAfterMutation();
+  }
+
+  private async bootstrapFromLocation(): Promise<void> {
+    await this.applyHistoryState(this.stateFromLocation());
+    this.syncHistory(true);
+    this.render();
+  }
+
+  /** Sidebar endpoint named by a restored `?share=` / `?vol=` URL. */
+  private findNavEndpoint(share: string, vol: string): RemoteEndpoint | undefined {
+    const shareKey = share.toLowerCase();
+    const volKey = vol.toLowerCase();
+    return this.servers.find((s) => {
+      if (s.id.toLowerCase() === shareKey) return true;
+      if ((s.title || '').toLowerCase() === shareKey) return true;
+      if (s.role === 'volume' && (s.title || '').toLowerCase() === volKey) {
+        const sub = (s.subtitle || '').toLowerCase();
+        return !shareKey || sub === shareKey || s.id.toLowerCase() === shareKey;
+      }
+      return false;
+    });
+  }
+
+  /**
+   * Wait for open mounts (and the cached sidebar), then connect so a URL path
+   * can resolve against a live catalog.
+   */
+  private async ensureRemoteForHistory(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+  ): Promise<boolean> {
+    if (this.remoteServerConnected(state.share)) return true;
+    if (this.host.readyMounted) await this.host.readyMounted();
+    if (this.host.cachedNetwork) await this.refreshSidebarEndpoints();
+    if (this.remoteServerConnected(state.share)) return true;
+    const ep = this.findNavEndpoint(state.share, state.vol);
+    if (!ep) return false;
+    return this.connectServerWithLogin(ep);
+  }
+
+  setStatus(msg: string, opts?: { busy?: boolean }): void {
+    this.status = msg;
+    this.statusBusy = opts?.busy ?? false;
+    this.paintStatus();
+  }
+
+  private paintStatus(): void {
+    const el = this.querySelector('.status');
+    if (!el) return;
+    el.classList.toggle('status--busy', this.statusBusy);
+    el.innerHTML = this.statusBusy
+      ? `<span class="status-spinner" aria-hidden="true"></span><span>${this.escape(this.status)}</span>`
+      : this.escape(this.status);
+  }
+
+  private startTransfer(
+    name: string,
+    isDir: boolean,
+    bytesTotal: number,
+    finderInfo?: Uint8Array,
+    parentId?: string,
+    detail?: string,
+  ): string {
+    const queued = parentId == null && transferActivity.hasRunning();
+    const id = transferActivity.start({
+      name,
+      kind: isDir ? 'folder' : 'file',
+      bytesTotal,
+      iconSrc: isDir ? undefined : TRANSFER_FILE_ICON,
+      parentId,
+      detail: queued ? 'Queued' : detail,
+      queued,
+    });
+    if (!isDir && finderInfo && finderInfo.length >= 8) {
+      const { type, creator } = readTypeCreator(finderInfo);
+      void iconCache.getForTypeCreator(type, creator, name).then((urls) => {
+        transferActivity.setIcon(id, urls.small);
+      });
+    }
+    return id;
+  }
+
+  private trackImportItem(
+    item: { name: string; isDir: boolean; bytesTotal: number },
+    dest: Catalog = this.vfs,
+    destParent?: NodeRef,
+    overlayItem = destParent != null,
+  ): ImportItemTrack & {
+    onBytes: (n: number) => void;
+    onDone: (err?: Error) => void;
+  } {
+    const id = this.startTransfer(item.name, item.isDir, item.bytesTotal);
+    if (overlayItem && destParent != null) {
+      transferActivity.setDest(id, dest, destParent, item.name, item.isDir ? 'folder' : 'file');
+    }
+    const queuedByPath = new Map<string, string>();
+    const bind = (jobId: string): ImportItemTrack & {
+      onBytes: (n: number) => void;
+      onDone: (err?: Error) => void;
+    } => ({
+      onBytes: (n) => {
+        throwIfAborted(transferActivity.signal(jobId));
+        transferActivity.addBytes(jobId, n);
+      },
+      onDone: (err?: Error) => {
+        if (!err) {
+          void transferActivity.settle(jobId);
+          return;
+        }
+        void transferActivity.settle(jobId, err);
+        if (!isAbortError(err) && !transferActivity.isCancelled(jobId)) {
+          transferActivity.failQueued(jobId, err.message);
+        }
+      },
+      signal: transferActivity.signal(jobId),
+      removePartial: async (parentId, name) => {
+        try {
+          const node = await dest.lookup(parentId, name);
+          if (node && !node.isDir) await dest.remove(nodeRef(node));
+        } catch {
+          /* dest may already be gone */
+        }
+      },
+      onWrite: (parentId, name) => {
+        transferActivity.setWriteFile(jobId, dest, parentId, name);
+      },
+      onDir: (parentId, name, dirId, path) => {
+        transferActivity.addDest(id, dest, parentId, name, 'folder');
+        for (const [filePath, childId] of queuedByPath) {
+          const slash = filePath.lastIndexOf('/');
+          if (slash < 0 || filePath.slice(0, slash) !== path) continue;
+          transferActivity.setDest(childId, dest, dirId, filePath.slice(slash + 1), 'file');
+        }
+      },
+    });
+    return {
+      ...bind(id),
+      runInCopySlot: (fn) => transferActivity.withCopySlot(id, fn),
+      onStatus: (detail) => {
+        transferActivity.setDetail(id, detail);
+      },
+      onExpandBegin: (bytesTotal, files) => {
+        transferActivity.setBytes(id, 0, bytesTotal, 'Expanding');
+        if (destParent != null) {
+          transferActivity.clearDest(id);
+          const tops = new Map<string, 'file' | 'folder'>();
+          for (const f of files) {
+            const slash = f.path.indexOf('/');
+            const top = slash < 0 ? f.path : f.path.slice(0, slash);
+            if (slash >= 0) tops.set(top, 'folder');
+            else if (!tops.has(top)) tops.set(top, 'file');
+          }
+          for (const [name, kind] of tops) {
+            if (kind === 'folder') transferActivity.addDest(id, dest, destParent, name, 'folder');
+          }
+        }
+        const childIds = transferActivity.startMany(
+          files.map((f) => ({
+            name: f.path,
+            kind: 'file' as const,
+            bytesTotal: f.bytesTotal,
+            iconSrc: TRANSFER_FILE_ICON,
+            parentId: id,
+            detail: 'Queued',
+            queued: true,
+          })),
+        );
+        for (let i = 0; i < files.length; i++) {
+          const f = files[i]!;
+          const childId = childIds[i]!;
+          queuedByPath.set(f.path, childId);
+          if (destParent != null && !f.path.includes('/')) {
+            transferActivity.setDest(childId, dest, destParent, f.name, 'file');
+          }
+          if (!f.finderInfo || f.finderInfo.length < 8) continue;
+          const { type, creator } = readTypeCreator(f.finderInfo);
+          void iconCache.getForTypeCreator(type, creator, f.name).then((urls) => {
+            transferActivity.setIcon(childId, urls.small);
+          });
+        }
+      },
+      onExpand: (sub) => {
+        const childId = queuedByPath.get(sub.path);
+        if (childId) {
+          transferActivity.begin(childId, 'Expanding');
+          return bind(childId);
+        }
+        const started = this.startTransfer(sub.name, false, sub.bytesTotal, sub.finderInfo, id, 'Expanding');
+        return bind(started);
+      },
+    };
+  }
+
+  setNetworkScanning(busy: boolean): void {
+    this.networkScanning = busy ? '*' : null;
+    this.renderSidebar();
+  }
+
+  setServers(list: RemoteEndpoint[]): void {
+    this.servers = list;
+    if (
+      this.remoteLoggedIn &&
+      this.remoteEndpoint &&
+      !list.some((s) => s.id === this.remoteEndpoint!.id)
+    ) {
+      this.servers = [this.remoteEndpoint, ...list];
+    }
+    this.renderSidebar();
+  }
+
+  /**
+   * Connect to a server from the Advanced menu or a client URI: login, list
+   * volumes in the sidebar, and optionally open a share.
+   */
+  async openRemote(
+    ep: RemoteEndpoint,
+    opts?: OpenRemoteOptions,
+  ): Promise<{ ok: boolean; volumes: string[] }> {
+    const existing = this.servers.find((s) => s.id === ep.id);
+    const target = existing ?? ep;
+    if (!existing) {
+      this.servers = [ep, ...this.servers];
+      this.renderSidebar();
+    }
+    const ok = await this.connectServerWithLogin(target, opts?.volume, opts);
+    if (!ok) return { ok: false, volumes: this.volumesFor(target) };
+    if (opts?.folderPath && this.remoteOpen) {
+      await this.enterFolderPath(opts.folderPath);
+    }
+    this.closeSidebar();
+    if (this.remoteOpen) {
+      await this.reload();
+      this.syncHistory();
+    }
+    this.render();
+    return { ok: true, volumes: this.volumesFor(this.remoteEndpoint ?? target) };
+  }
+
+  connectedCallback(): void {
+    this.ensureShellEvents();
+    if (this.vfs && this.host) this.render();
+  }
+
+  private ensureShellEvents(): void {
+    if (this.eventsBound) return;
+    this.eventsBound = true;
+    this.addEventListener('click', (e) => void this.onClick(e));
+    this.addEventListener('pointerdown', (e) => this.onColumnResizeDown(e));
+    this.addEventListener('dblclick', (e) => void this.onDblClick(e));
+    this.addEventListener('contextmenu', (e) => void this.onContextMenu(e));
+    this.addEventListener('dragstart', (e) => this.onDragStart(e));
+    this.addEventListener('dragend', () => this.onDragEnd());
+    this.addEventListener('dragenter', (e) => this.onDragEnter(e));
+    this.addEventListener('dragover', (e) => this.onDragOver(e));
+    this.addEventListener('dragleave', (e) => this.onDragLeave(e));
+    this.addEventListener('drop', (e) => void this.onDrop(e));
+    window.addEventListener('popstate', (e) => void this.onPopState(e));
+    window.addEventListener('keydown', (e) => void this.onKeyDown(e));
+    window.addEventListener('pointerdown', this.onWinPointer, true);
+    this.unsubTransfer = transferActivity.subscribe(() => {
+      if (this.transferRaf) return;
+      this.transferRaf = requestAnimationFrame(() => {
+        this.transferRaf = 0;
+        this.syncTransferButton();
+        this.syncWriteOverlays();
+      });
+    });
+    this.unsubLayout = onLayoutModeChange(() => this.applyCompactView());
+    this.ensureRenameBlur();
+  }
+
+  private pathNamesForUrl(): string[] {
+    return this.pathStack.slice(1).map((p) => p.name);
+  }
+
+  private buildLocationUrl(state: {
+    view: ViewMode;
+    source: 'local' | 'remote';
+    share: string;
+    vol: string;
+    path: string[];
+  }): string {
+    const params = new URLSearchParams();
+    if (state.view !== 'icon') params.set('view', state.view);
+    if (state.source === 'remote' && state.share && state.vol) {
+      params.set('share', state.share);
+      params.set('vol', state.vol);
+    }
+    if (state.path.length) params.set('path', state.path.join('/'));
+    const q = params.toString();
+    return q ? `${location.pathname}?${q}` : location.pathname;
+  }
+
+  private stateFromLocation(): {
+    view: ViewMode;
+    source: 'local' | 'remote';
+    share: string;
+    vol: string;
+    path: string[];
+  } {
+    const params = new URLSearchParams(location.search);
+    const viewParam = params.get('view');
+    const view: ViewMode =
+      viewParam === 'list' || viewParam === 'column' || viewParam === 'icon'
+        ? viewParam
+        : loadPrefs().defaultView;
+    const share = params.get('share') ?? '';
+    const vol = params.get('vol') ?? '';
+    const pathRaw = params.get('path') ?? '';
+    const path = pathRaw
+      ? pathRaw.split('/').map((s) => decodeURIComponent(s)).filter(Boolean)
+      : [];
+    return {
+      view,
+      source: share ? 'remote' : 'local',
+      share,
+      vol,
+      path,
+    };
+  }
+
+  private historySnapshot(): {
+    view: ViewMode;
+    source: 'local' | 'remote';
+    share: string;
+    vol: string;
+    path: string[];
+  } {
+    const metaId = this.remoteEndpoint?.id ?? '';
+    return {
+      view: this.view,
+      source: this.source,
+      share: this.source === 'remote' ? this.remoteNbpName || metaId : '',
+      vol: this.source === 'remote' ? this.pathStack[0]?.name || '' : '',
+      path: this.pathNamesForUrl(),
+    };
+  }
+
+  private syncHistory(replace = false): void {
+    if (this.historyQuiet) return;
+    const state = this.historySnapshot();
+    const url = this.buildLocationUrl(state);
+    const current = `${location.pathname}${location.search}`;
+    if (!replace && url === current) return;
+    if (replace) history.replaceState(state, '', url);
+    else history.pushState(state, '', url);
+    this.recordNav(state, replace);
+  }
+
+  private copyNavState(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+  ): ReturnType<FinderWindow['historySnapshot']> {
+    return { ...state, path: [...state.path] };
+  }
+
+  private sameNavState(
+    a: ReturnType<FinderWindow['historySnapshot']>,
+    b: ReturnType<FinderWindow['historySnapshot']>,
+  ): boolean {
+    return (
+      a.view === b.view &&
+      a.source === b.source &&
+      a.share === b.share &&
+      a.vol === b.vol &&
+      a.path.join('/') === b.path.join('/')
+    );
+  }
+
+  private recordNav(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+    replace: boolean,
+  ): void {
+    if (this.navLock) return;
+    const snap = this.copyNavState(state);
+    if (replace) {
+      if (this.navIndex < 0) {
+        this.navStack = [snap];
+        this.navIndex = 0;
+      } else {
+        this.navStack[this.navIndex] = snap;
+      }
+      return;
+    }
+    const cur = this.navStack[this.navIndex];
+    if (cur && this.sameNavState(cur, snap)) return;
+    this.navStack = this.navStack.slice(0, this.navIndex + 1);
+    this.navStack.push(snap);
+    this.navIndex = this.navStack.length - 1;
+  }
+
+  private async onPopState(e: PopStateEvent): Promise<void> {
+    if (!this.vfs) return;
+    const state =
+      e.state && typeof e.state === 'object' && 'view' in e.state
+        ? (e.state as ReturnType<FinderWindow['historySnapshot']>)
+        : this.stateFromLocation();
+    await this.applyHistoryState(state);
+    const idx = this.navStack.findIndex((s) => this.sameNavState(s, state));
+    if (idx >= 0) this.navIndex = idx;
+    else this.recordNav(state, false);
+    this.render();
+  }
+
+  private async applyHistoryState(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+  ): Promise<void> {
+    this.historyQuiet = true;
+    let bounceToLocal = false;
+    try {
+      this.view = state.view;
+      this.selectedId = null;
+      if (state.source === 'remote') {
+        const target = state.vol ? `${state.share}:${state.vol}` : state.share || 'remote share';
+        if (!state.share || !state.vol) {
+          bounceToLocal = true;
+          this.bounceRemoteNavigation(
+            'Cannot navigate to that server — the URL must include both server and volume name.',
+          );
+          await this.reload();
+          return;
+        }
+        if (!this.host.isConnected() || !(await this.ensureRemoteForHistory(state))) {
+          bounceToLocal = true;
+          this.bounceRemoteNavigation(
+            `Cannot navigate to “${target}” — that server isn’t connected.`,
+          );
+          await this.reload();
+          return;
+        }
+        const volName = this.canonicalVolumeName(state.vol);
+        if (!volName) {
+          bounceToLocal = true;
+          this.bounceRemoteNavigation(
+            `Cannot navigate to “${target}” — volume “${state.vol}” is not on that server.`,
+          );
+          await this.reload();
+          return;
+        }
+        try {
+          await this.mountRemoteVolume(volName);
+          this.pathStack = await this.resolvePathNames(state.path, volName);
+          this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+          await this.reload();
+        } catch (err) {
+          bounceToLocal = true;
+          const msg = err instanceof Error ? err.message : String(err);
+          this.bounceRemoteNavigation(`Cannot navigate to “${target}”: ${msg}`);
+          await this.reload();
+        }
+        return;
+      }
+      this.showLocalShare();
+      this.pathStack = await this.resolvePathNames(state.path, this.localShareTitle());
+      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+      await this.reload();
+    } finally {
+      this.historyQuiet = false;
+      if (bounceToLocal) this.syncHistory(true);
+    }
+  }
+
+  /** True when this Finder session is already logged in to the named AFP server. */
+  private remoteServerConnected(share: string): boolean {
+    if (!this.remoteLoggedIn || !share) return false;
+    const id = this.remoteNbpName || this.remoteEndpoint?.id || '';
+    return id.toLowerCase() === share.toLowerCase();
+  }
+
+  private canonicalVolumeName(vol: string): string | null {
+    const lower = vol.toLowerCase();
+    return this.remoteVolumes.find((v) => v.toLowerCase() === lower) ?? null;
+  }
+
+  private bounceRemoteNavigation(message: string): void {
+    log.warn(message, 'finder');
+    this.host.showAlert('Cannot navigate to that server', message);
+    this.setStatus(message);
+    this.showLocalShare();
+  }
+
+  private isNoVolumeSelected(): boolean {
+    return this.vfs instanceof EmptyCatalog;
+  }
+
+  private emptyPaneMessage(): string {
+    if (this.isNoVolumeSelected() || !this.hasLocalShare()) return NO_VOLUME_HINT;
+    if (this.hasTransport()) return 'Drop files or folders here, or browse the LocalTalk network.';
+    return NO_VOLUME_HINT;
+  }
+
+  /** Clear the file pane — no volume selected in the sidebar. */
+  private showNoVolumeSelected(): void {
+    this.abortAllListings();
+    this.attachCatalog(new EmptyCatalog());
+    this.source = 'local';
+    this.remoteOpen = false;
+    this.cwd = this.vfs.rootId();
+    this.pathStack = [{ id: this.cwd, name: '' }];
+    this.selectedId = null;
+    this.renamingId = null;
+    this.showProps = false;
+    this.nodes = [];
+    this.columnChildren = [];
+    this.folderOpening = false;
+    this.columnLoading = false;
+  }
+
+  private showLocalShare(): void {
+    const local = this.localVfs ?? this.host.localCatalog();
+    if (!local) {
+      this.showNoVolumeSelected();
+      return;
+    }
+    this.mountCatalog(local, 'local', this.localShareTitle());
+    this.remoteOpen = false;
+  }
+
+  private resetToLocalShare(): void {
+    this.showLocalShare();
+    this.remoteLoggedIn = false;
+    this.remoteVolumes = [];
+    this.remoteEndpoint = null;
+    this.remoteNbpName = '';
+  }
+
+  private async resolvePathNames(names: string[], rootName?: string): Promise<{ id: NodeRef; name: string }[]> {
+    const rootId = this.vfs.rootId();
+    const stack: { id: NodeRef; name: string }[] = [
+      { id: rootId, name: rootName ?? this.pathStack[0]?.name ?? this.localShareTitle() },
+    ];
+    const joined = names.join('/');
+    if (joined) {
+      const resolved = await this.vfs.resolvePath(joined);
+      if (resolved?.isDir) {
+        const walk: { id: NodeRef; name: string }[] = [];
+        let cur: VNode | undefined = resolved;
+        while (cur && nodeRef(cur) !== rootId) {
+          walk.unshift({ id: nodeRef(cur), name: cur.name });
+          const pref = parentRef(cur);
+          if (pref === nodeRef(cur)) break;
+          cur = this.findNodeAnywhere(pref) ?? (await this.vfs.get(pref));
+        }
+        return [...stack, ...walk];
+      }
+    }
+    let parent = rootId;
+    for (const name of names) {
+      const node = await this.vfs.lookup(parent, name);
+      if (!node?.isDir) break;
+      stack.push({ id: nodeRef(node), name: node.name });
+      parent = nodeRef(node);
+    }
+    return stack;
+  }
+
+  private abortAllExpandListings(): void {
+    for (const ac of this.expandListAbort.values()) ac.abort();
+    this.expandListAbort.clear();
+  }
+
+  private abortAllListings(): void {
+    this.navListAbort?.abort();
+    this.navListAbort = null;
+    this.iconAbort?.abort();
+    this.iconAbort = null;
+    this.abortAllExpandListings();
+    this.enumeratingFolderId = null;
+    this.folderOpening = false;
+  }
+
+  /** Drop queued desktop-icon AFP calls from the previous folder / icon generation. */
+  private bumpIconLoadGen(): AbortSignal {
+    this.iconAbort?.abort();
+    const ac = new AbortController();
+    this.iconAbort = ac;
+    this.iconLoadGen++;
+    this.iconQueue.reset();
+    this.iconPrefetchItems.clear();
+    this.iconIntersectingEls.clear();
+    return ac.signal;
+  }
+
+  /** Abort the previous folder listing (and any list-view expands) and start a new one. */
+  private beginNavListing(): AbortSignal {
+    this.navListAbort?.abort();
+    this.abortAllExpandListings();
+    const ac = new AbortController();
+    this.navListAbort = ac;
+    return ac.signal;
+  }
+
+  private beginExpandListing(id: NodeRef): AbortSignal {
+    this.expandListAbort.get(id)?.abort();
+    const ac = new AbortController();
+    this.expandListAbort.set(id, ac);
+    return ac.signal;
+  }
+
+  private abortExpandListing(id: NodeRef): void {
+    this.expandListAbort.get(id)?.abort();
+    this.expandListAbort.delete(id);
+  }
+
+  private async reload(): Promise<void> {
+    if (!this.vfs) return;
+    this.discardPendingVfsRefresh();
+    this.bumpIconLoadGen();
+    const listedId = this.cwd;
+    const signal = this.beginNavListing();
+    this.enumeratingFolderId = listedId;
+    this.folderOpening = this.view !== 'column';
+    this.nodes = [];
+    this.renderPath();
+    this.renderContent();
+    try {
+      const kids = await this.streamChildren(
+        listedId,
+        (partial) => {
+          if (signal.aborted || this.cwd !== listedId) return;
+          this.folderOpening = false;
+          this.nodes = partial;
+          this.listChildCache.set(listedId, partial);
+          this.renderContent();
+        },
+        signal,
+      );
+      if (signal.aborted || this.cwd !== listedId) return;
+      this.nodes = kids;
+      this.listChildCache.set(listedId, kids);
+      for (const id of [...this.expandedIds]) {
+        if (signal.aborted) return;
+        this.listChildCache.set(
+          id,
+          await this.streamChildren(
+            id,
+            (partial) => {
+              if (signal.aborted || this.cwd !== listedId) return;
+              this.listChildCache.set(id, partial);
+              if (this.view === 'list') this.renderContent();
+            },
+            signal,
+          ),
+        );
+      }
+      if (signal.aborted || this.cwd !== listedId) return;
+      await this.refreshColumns(listedId, signal);
+    } finally {
+      if (!signal.aborted && this.enumeratingFolderId === listedId) {
+        this.enumeratingFolderId = null;
+        this.folderOpening = false;
+        this.renderPath();
+        this.renderContent();
+      }
+    }
+  }
+
+  /**
+   * List a folder, painting `onUpdate` after each AFP enumerate page.
+   * Local catalogs resolve in one shot (onUpdate may still fire once).
+   */
+  private async streamChildren(
+    parentId: NodeRef,
+    onUpdate?: (kids: VNode[]) => void,
+    signal?: AbortSignal,
+  ): Promise<VNode[]> {
+    try {
+      return this.sortNodes(
+        await this.vfs.children(
+          parentId,
+          (raw) => {
+            onUpdate?.(this.sortNodes(raw));
+          },
+          signal,
+        ),
+      );
+    } catch (err) {
+      if (isAbortError(err)) return [];
+      throw err;
+    }
+  }
+
+  private async refreshColumns(alreadyListedId?: NodeRef, signal?: AbortSignal): Promise<void> {
+    this.columnChildren = [];
+    for (const step of this.pathStack) {
+      if (signal?.aborted) return;
+      if (step.id === alreadyListedId) {
+        this.columnChildren.push(this.listChildCache.get(step.id) ?? this.nodes);
+        continue;
+      }
+      this.columnChildren.push(await this.streamChildren(step.id, undefined, signal));
+    }
+  }
+
+  private sortNodes(nodes: VNode[]): VNode[] {
+    const list = nodes.filter((n) => this.isVisibleInFinder(n.name, n, n.finderInfo));
+    const dir = this.sortDir === 'asc' ? 1 : -1;
+    list.sort((a, b) => {
+      if (a.isDir !== b.isDir) return a.isDir ? -1 : 1;
+      let cmp = 0;
+      switch (this.sortKey) {
+        case 'modified':
+          cmp = a.modDate - b.modDate || a.name.localeCompare(b.name);
+          break;
+        case 'size':
+          cmp =
+            (a.isDir ? 0 : nodeByteSize(a)) - (b.isDir ? 0 : nodeByteSize(b)) ||
+            a.name.localeCompare(b.name);
+          break;
+        default:
+          cmp = a.name.localeCompare(b.name, undefined, { sensitivity: 'base' });
+      }
+      return cmp * dir;
+    });
+    return list;
+  }
+
+  /**
+   * Finder listing visibility. Hidden items remain in VFS and are still
+   * included by directory copy/download (those use vfs.children directly).
+   */
+  private isVisibleInFinder(name: string, node?: VNode, finderInfo?: Uint8Array): boolean {
+    if (this.showHiddenFiles) return true;
+    if (isCustomFolderIconName(name)) return false;
+    const hide = this.vfs.capabilities().hideAttribute;
+    if (hide && node?.attrs?.[hide]) return false;
+    if (this.vfs.capabilities().finderInfo && finderInfo && isFinderInvisible(finderInfo)) return false;
+    return true;
+  }
+
+  private currentItems(): ListItem[] {
+    const items = this.mergeWritingItems(this.cwd, this.nodes.map((n) => this.listItemFromNode(n)));
+    if (this.folderOpening && this.nodes.length === 0) {
+      return items.length ? [...items, this.listingPlaceholderItem()] : [this.listingPlaceholderItem()];
+    }
+    return items;
+  }
+
+  private listItemFromNode(n: VNode): ListItem {
+    const item: ListItem = {
+      key: refKey(nodeRef(n)),
+      name: n.name,
+      isDir: n.isDir,
+      size: nodeByteSize(n, this.vfs.capabilities().resourceFork),
+      mod: unixDate(n.modDate),
+      node: n,
+      finderInfo: n.finderInfo,
+    };
+    const w = transferActivity
+      .writesIn(this.vfs, parentRef(n))
+      .find((x) => x.name.toLowerCase() === n.name.toLowerCase());
+    if (w) item.writing = w;
+    return item;
+  }
+
+  private mergeWritingItems(parentId: NodeRef, items: ListItem[]): ListItem[] {
+    const writes = transferActivity.writesIn(this.vfs, parentId);
+    if (!writes.length) return items;
+    const byName = new Map<string, ListItem>();
+    for (const it of items) {
+      if (it.placeholder) continue;
+      byName.set(it.name.toLowerCase(), it);
+    }
+    const extras: ListItem[] = [];
+    for (const w of writes) {
+      const hit = byName.get(w.name.toLowerCase());
+      if (hit) {
+        hit.writing = w;
+        continue;
+      }
+      extras.push({
+        key: `write:${w.jobId}`,
+        name: w.name,
+        isDir: w.kind === 'folder',
+        size: 0,
+        mod: new Date(0),
+        node: null,
+        writing: w,
+      });
+    }
+    if (!extras.length) return items;
+    return this.sortListItems([...items, ...extras]);
+  }
+
+  private sortListItems(items: ListItem[]): ListItem[] {
+    const list = items.filter((it) => !it.placeholder);
+    const placeholders = items.filter((it) => it.placeholder);
+    const dir = this.sortDir === 'asc' ? 1 : -1;
+    list.sort((a, b) => {
+      if (a.isDir !== b.isDir) return a.isDir ? -1 : 1;
+      let cmp = 0;
+      switch (this.sortKey) {
+        case 'modified':
+          cmp = a.mod.getTime() - b.mod.getTime() || a.name.localeCompare(b.name);
+          break;
+        case 'size':
+          cmp = (a.isDir ? 0 : a.size) - (b.isDir ? 0 : b.size) || a.name.localeCompare(b.name);
+          break;
+        default:
+          cmp = a.name.localeCompare(b.name, undefined, { sensitivity: 'base' });
+      }
+      return cmp * dir;
+    });
+    return [...list, ...placeholders];
+  }
+
+  private listingPlaceholderItem(): ListItem {
+    return {
+      key: LISTING_PLACEHOLDER_KEY,
+      name: 'Loading…',
+      isDir: false,
+      size: 0,
+      mod: new Date(0),
+      node: null,
+      placeholder: true,
+    };
+  }
+
+  private isFolderEnumerating(id: NodeRef): boolean {
+    return this.enumeratingFolderId === id || this.loadingIds.has(id);
+  }
+
+  private selectedNode(): VNode | null {
+    if (this.selectedId == null) return null;
+    return this.findNodeAnywhere(this.selectedId);
+  }
+
+  private findNodeAnywhere(id: NodeRef): VNode | null {
+    const direct = this.nodes.find((n) => nodeRef(n) === id);
+    if (direct) return direct;
+    for (const kids of this.listChildCache.values()) {
+      const n = kids.find((x) => nodeRef(x) === id);
+      if (n) return n;
+    }
+    return this.findInColumns(id) ?? null;
+  }
+
+  private render(): void {
+    if (!this.host) return;
+    this.innerHTML = `
+      <div class="finder-chrome">
+      <div class="titlebar">
+        <div class="brand">Finder</div>
+        <span class="node-label">${this.escape(this.host.nodeLabel())}</span>
+      </div>
+      <div class="toolbar">
+        ${
+          this.hasTransport()
+            ? `<button type="button" class="btn primary" data-act="connect" aria-label="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}" title="${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}">
+          <span class="connect-icon">${uiIcons.usb}</span>
+          <span class="connect-label">${this.host.isConnected() ? 'Disconnect' : 'Connect TashTalk'}</span>
+        </button>`
+            : ''
+        }
+        <button type="button" class="btn icon-btn" data-act="import" aria-label="Upload" title="Upload">${uiIcons.import}</button>
+        <button type="button" class="btn transfer-btn" data-act="transfers" hidden aria-label="File transfers" title="File transfers"></button>
+        <button type="button" class="btn icon-btn" data-act="mkdir" aria-label="New Folder" title="New Folder">${uiIcons.mkdir}</button>
+        <button type="button" class="btn icon-btn toolbar-wide" data-act="cut" aria-label="Cut" title="Cut" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.cut}</button>
+        <button type="button" class="btn icon-btn toolbar-wide" data-act="copy" aria-label="Copy" title="Copy" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.copy}</button>
+        <button type="button" class="btn icon-btn toolbar-wide" data-act="paste" aria-label="Paste" title="Paste" ${this.clipboard ? '' : 'disabled'}>${uiIcons.paste}</button>
+        <button type="button" class="btn icon-btn toolbar-wide" data-act="delete" aria-label="Delete" title="Delete" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.delete}</button>
+        <button type="button" class="btn icon-btn ${this.showProps ? 'active' : ''}" data-act="props" aria-label="Get Info" title="Get Info" aria-pressed="${this.showProps}" ${this.selectedId == null ? 'disabled' : ''}>${uiIcons.props}</button>
+        <button type="button" class="btn icon-btn" data-act="download" aria-label="Download Zip" title="Download Zip">${uiIcons.downloadZip}</button>
+        <label class="sort-wrap toolbar-wide">
+          <span>Sort</span>
+          <select data-sort aria-label="Sort">
+            <option value="name" ${this.sortKey === 'name' ? 'selected' : ''}>Name</option>
+            <option value="modified" ${this.sortKey === 'modified' ? 'selected' : ''}>Date Modified</option>
+            <option value="size" ${this.sortKey === 'size' ? 'selected' : ''}>Size</option>
+          </select>
+        </label>
+        <div class="view-toggle" role="group" aria-label="View">
+          <button type="button" data-view="icon" class="view-icon ${this.view === 'icon' ? 'active' : ''}" aria-label="Icons" title="Icons" aria-pressed="${this.view === 'icon'}">${uiIcons.viewIcon}</button>
+          <button type="button" data-view="list" class="${this.view === 'list' ? 'active' : ''}" aria-label="List" title="List" aria-pressed="${this.view === 'list'}">${uiIcons.viewList}</button>
+          <button type="button" data-view="column" class="${this.view === 'column' ? 'active' : ''}" aria-label="Columns" title="Columns" aria-pressed="${this.view === 'column'}">${uiIcons.viewColumn}</button>
+        </div>
+        <button type="button" class="btn icon-btn toolbar-compact-only" data-act="actions" aria-label="Actions" title="Actions">${uiIcons.more}</button>
+        <div class="spacer"></div>
+        <button type="button" class="btn icon-btn titlebar-zoom" data-act="zoom" aria-label="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}" title="${this.classList.contains('is-maximized') ? 'Restore' : 'Maximize'}">${this.classList.contains('is-maximized') ? uiIcons.restore : uiIcons.maximize}</button>
+        <input type="file" multiple hidden data-import-files aria-label="Import files" />
+      </div>
+      </div>
+      <div class="body">
+        <div class="sidebar-backdrop" data-act="close-sidebar"></div>
+        <aside class="sidebar"></aside>
+        <section class="main">
+          <div class="pathbar"></div>
+          <div class="file-plane">
+            <div class="content" tabindex="0"></div>
+          </div>
+        </section>
+      </div>
+      <div class="status${this.statusBusy ? ' status--busy' : ''}">${
+        this.statusBusy
+          ? `<span class="status-spinner" aria-hidden="true"></span><span>${this.escape(this.status)}</span>`
+          : this.escape(this.status)
+      }</div>
+      <div class="ctx-root"></div>
+      <div class="callout-root"></div>
+      <div class="quicklook-root"></div>
+      <div class="drag-portal" aria-hidden="true"></div>
+    `;
+    this.classList.toggle('sidebar-open', this.sidebarOpen);
+    this.renderSidebar();
+    this.renderPath();
+    this.renderContent();
+    this.renderContextMenu();
+    this.renderCallouts();
+    this.renderPreview();
+    this.bindToolbarExtras();
+    this.syncTransferButton();
+    enableWindowResize(this, { minWidth: 560, minHeight: 360 });
+    this.ensureFinderLayout();
+  }
+
+  private ensureFinderLayout(): void {
+    enableWindowMove(this, '.finder-chrome', { raise: false });
+    this.style.zIndex = '';
+    if (this.finderLayoutReady) return;
+    this.finderLayoutReady = true;
+    onWindowGeometryChange(this, () => this.persistFinderLayout());
+    this.restoreFinderLayout();
+  }
+
+  private persistFinderLayout(): void {
+    if (isCompactUi()) return;
+    persistWindow('finder', this);
+  }
+
+  private restoreFinderLayout(): void {
+    if (isCompactUi()) {
+      this.style.left = '';
+      this.style.top = '';
+      this.style.width = '';
+      this.style.height = '';
+      this.style.zIndex = '';
+      this.classList.remove('is-maximized');
+      return;
+    }
+    restoreWindow('finder', this, defaultFinderFrame);
+  }
+
+  private toggleMaximized(): void {
+    if (isCompactUi()) return;
+    if (this.classList.contains('is-maximized')) {
+      const saved = loadWindowLayouts().finder ?? defaultFinderFrame();
+      applyWindowFrame(this, { ...saved, maximized: false });
+      persistWindow('finder', this);
+      this.syncZoomButton();
+      return;
+    }
+    persistWindow('finder', this);
+    this.classList.add('is-maximized');
+    persistWindow('finder', this);
+    this.syncZoomButton();
+  }
+
+  private syncZoomButton(): void {
+    const btn = this.querySelector('[data-act="zoom"]') as HTMLButtonElement | null;
+    if (!btn) return;
+    const max = this.classList.contains('is-maximized');
+    btn.setAttribute('aria-label', max ? 'Restore' : 'Maximize');
+    btn.title = max ? 'Restore' : 'Maximize';
+    btn.innerHTML = max ? uiIcons.restore : uiIcons.maximize;
+  }
+
+  private syncClipboardButtons(): void {
+    const hasSel = this.selectedId != null;
+    const cut = this.querySelector('[data-act="cut"]') as HTMLButtonElement | null;
+    const copy = this.querySelector('[data-act="copy"]') as HTMLButtonElement | null;
+    const paste = this.querySelector('[data-act="paste"]') as HTMLButtonElement | null;
+    const del = this.querySelector('[data-act="delete"]') as HTMLButtonElement | null;
+    const props = this.querySelector('[data-act="props"]') as HTMLButtonElement | null;
+    if (cut) cut.disabled = !hasSel;
+    if (copy) copy.disabled = !hasSel;
+    if (paste) paste.disabled = !this.clipboard;
+    if (del) del.disabled = !hasSel;
+    if (props) props.disabled = !hasSel;
+  }
+
+  private syncPropsButton(): void {
+    const btn = this.querySelector('[data-act="props"]') as HTMLButtonElement | null;
+    if (!btn) return;
+    btn.classList.toggle('active', this.showProps);
+    btn.setAttribute('aria-pressed', String(this.showProps));
+    btn.disabled = this.selectedId == null;
+  }
+
+  private bindToolbarExtras(): void {
+    const sel = this.querySelector('[data-sort]') as HTMLSelectElement | null;
+    sel?.addEventListener('change', () => {
+      this.sortKey = (sel.value as SortKey) || 'name';
+      this.sortDir = 'asc';
+      void this.reload().then(() => this.renderContent());
+    });
+    const importInput = this.querySelector('[data-import-files]') as HTMLInputElement | null;
+    importInput?.addEventListener('change', () => {
+      if (!importInput.files?.length) return;
+      void this.importPickedFiles(importInput.files);
+      importInput.value = '';
+    });
+  }
+
+  private sortHeaderHtml(key: SortKey, label: string): string {
+    const active = this.sortKey === key;
+    const aria = active ? (this.sortDir === 'asc' ? 'ascending' : 'descending') : 'none';
+    return `<th class="sortable${active ? ' sorted' : ''}" data-sort-col="${key}" aria-sort="${aria}" role="columnheader" tabindex="0">${label}</th>`;
+  }
+
+  private async applySort(key: SortKey, toggleIfSame = true): Promise<void> {
+    if (toggleIfSame && this.sortKey === key) {
+      this.sortDir = this.sortDir === 'asc' ? 'desc' : 'asc';
+    } else {
+      this.sortKey = key;
+      this.sortDir = 'asc';
+    }
+    const sel = this.querySelector('[data-sort]') as HTMLSelectElement | null;
+    if (sel) sel.value = this.sortKey;
+    await this.reload();
+    this.renderContent();
+  }
+
+  private renderSidebar(): void {
+    const side = this.querySelector('.sidebar');
+    if (!side) return;
+    const connectedId = this.remoteNbpName || this.remoteEndpoint?.id || '';
+    const volumes = this.remoteVolumes;
+    const viewingLocal = this.source === 'local' && this.hasLocalShare();
+    const openVol = this.source === 'remote' ? this.pathStack[0]?.name || '' : '';
+    const viewingServer = this.source === 'remote' && !this.remoteOpen;
+    const groups = this.sidebarGroups();
+    const byGroup = endpointsByGroup(this.servers, groups);
+    const refreshEnabled = this.host?.isConnected() || !this.hasTransport();
+    const groupBlocks = visibleSidebarGroups(groups, byGroup)
+      .map((g) => {
+        const rows = byGroup.get(g.id) ?? [];
+        const items =
+          rows
+            .map(({ ep: s, index: i }) =>
+              this.sidebarEndpointHtml(s, i, {
+                connectedId,
+                volumes,
+                viewingLocal,
+                openVol,
+                viewingServer,
+              }),
+            )
+            .join('') ||
+          `<div class="side-item"><span class="dot off"></span><span>${this.escape(g.empty || 'None')}</span></div>`;
+        const scanning = this.networkScanning === '*' || this.networkScanning === g.id;
+        const refresh = g.refresh
+          ? `<button type="button" class="side-refresh${scanning ? ' spinning' : ''}" data-act="refresh" data-refresh="${this.escape(g.id)}" aria-label="Scan ${this.escape(g.title)}" aria-busy="${scanning}" ${refreshEnabled ? '' : 'disabled'}>${uiIcons.refresh}</button>`
+          : '';
+        return `
+      <div class="side-label${g.refresh ? ' side-label--with-action' : ''}">
+        <span>${this.escape(g.title)}</span>
+        ${refresh}
+      </div>
+      ${items}`;
+      })
+      .join('');
+    const localBlock = this.hasLocalShare()
+      ? `<div class="side-label">Local</div>
+      <div class="side-item ${viewingLocal ? 'selected' : ''}" data-local data-share-key="${LOCAL_SHARE_KEY}" data-share-name="${this.escape(this.localShareTitle())}">
+        <span class="dot"></span>
+        <span class="side-item-label" aria-label="${this.escape(this.localShareTitle())}">${this.escape(this.localShareTitle())}</span>
+        <button type="button" class="side-more" data-act="share-actions" aria-label="Share actions" title="Share actions">${uiIcons.more}</button>
+      </div>`
+      : '';
+    side.innerHTML = `
+      ${localBlock}
+      ${groupBlocks}
+    `;
+  }
+
+  private sidebarGroups(): SidebarGroup[] {
+    const custom = this.host?.sidebarGroups?.();
+    if (custom?.length) return custom;
+    return [
+      {
+        id: SIDEBAR_GROUP_NETWORK,
+        title: this.hasTransport() ? 'LocalTalk' : 'Network',
+        refresh: true,
+        empty: this.hasTransport() ? 'No AFP servers' : 'No servers',
+      },
+    ];
+  }
+
+  private sidebarBadgeHtml(badge: string | SidebarBadge | undefined): string {
+    const text = badgeText(badge);
+    if (!text) return '';
+    const title = badgeTitle(badge);
+    const tip = title ? ` title="${this.escape(title)}"` : '';
+    return `<span class="side-badge"${tip}>${this.escape(text)}</span>`;
+  }
+
+  private volumesFor(s: RemoteEndpoint): string[] {
+    return volumesForEndpoint(
+      s,
+      this.knownVolumes,
+      this.remoteNbpName || this.remoteEndpoint?.id || '',
+      this.remoteLoggedIn,
+      this.remoteVolumes,
+    );
+  }
+
+  /** True when the on-screen catalog is already this sidebar endpoint. */
+  private viewingEndpoint(s: RemoteEndpoint): boolean {
+    const currentId = this.remoteEndpoint?.id || this.remoteNbpName;
+    if (isCatalogEndpoint(s)) {
+      return viewingCatalogEndpoint(s, currentId, this.source, this.remoteOpen);
+    }
+    if (this.source !== 'remote' || !this.remoteOpen || currentId !== s.id) return false;
+    const openName = this.pathStack[0]?.name;
+    return !!openName && this.volumesFor(s).includes(openName);
+  }
+
+  private async openCatalogVolume(s: RemoteEndpoint): Promise<void> {
+    const name = this.volumesFor(s)[0] || s.title;
+    if (!name) throw new Error(`Couldn’t open “${s.title}”`);
+    await this.mountRemoteVolume(name);
+  }
+
+  private forgetEndpoint(id: string): void {
+    if (!id) return;
+    this.knownVolumes.delete(id);
+    this.loggedInEndpoints.delete(id);
+    for (const k of [...this.openedVolumeKeys]) {
+      if (k === `endpoint:${id}` || k.startsWith(`${id}:`)) this.openedVolumeKeys.delete(k);
+    }
+  }
+
+  private volumeIsOpen(s: RemoteEndpoint, volume?: string): boolean {
+    if (s.role === 'volume') return true;
+    if (!volume) return false;
+    return this.openedVolumeKeys.has(shareKeyForEndpoint(s, volume));
+  }
+
+  private sidebarEndpointHtml(
+    s: RemoteEndpoint,
+    i: number,
+    opts: {
+      connectedId: string;
+      volumes: string[];
+      viewingLocal: boolean;
+      openVol: string;
+      viewingServer: boolean;
+    },
+  ): string {
+    const connected = this.loggedInEndpoints.has(s.id) || (this.remoteLoggedIn && s.id === opts.connectedId);
+    const localShare = s.kind === 'local';
+    const volumeRow = s.role === 'volume';
+    const chrome = volumeChrome({
+      ...this.vfs.capabilities(),
+      identity: { shareKind: s.kind, protocol: s.protocol as typeof s.kind },
+    });
+    const glyphClass = `side-item--${chrome.volumeIcon}`;
+    const isCurrent = s.id === opts.connectedId;
+    const connectingHere = this.connectingEndpointId === s.id;
+    const connectingServer = connectingHere && !this.connectingVolume;
+    const serverSel =
+      connectingServer ||
+      (isCurrent && (localShare ? this.source === 'remote' : opts.viewingServer))
+        ? 'selected'
+        : '';
+    const serverBusy = connectingServer || (connectingHere && (localShare || volumeRow) && !this.connectingVolume);
+    const volumes = this.volumesFor(s);
+    const kids =
+      !localShare && !volumeRow && volumes.length
+        ? volumes
+            .map((v, vi) => {
+              const shareKey = shareKeyForEndpoint(s, v);
+              const connectingVol = connectingHere && this.connectingVolume === v;
+              const selected =
+                connectingVol || (isCurrent && !opts.viewingLocal && opts.openVol === v) ? 'selected' : '';
+              const eject = this.volumeIsOpen(s, v)
+                ? `<button type="button" class="side-eject" data-eject="${vi}" data-vol-name="${this.escape(v)}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+                : '';
+              const volSpinner = connectingVol ? this.spinnerHtml('side-item-spinner') : '';
+              return `
+      <div class="side-item side-item--child ${glyphClass} ${selected}" data-vol="${vi}" data-vol-name="${this.escape(v)}" data-server-parent="${i}" data-share-key="${this.escape(shareKey)}" data-share-name="${this.escape(v)}"${connectingVol ? ' aria-busy="true"' : ''}>
+        <span class="dot"></span>
+        <span class="side-item-label" aria-label="${this.escape(v)}">${this.escape(v)}</span>
+        ${volSpinner}
+        ${eject}
+      </div>`;
+            })
+            .join('')
+        : '';
+    const ejectSelf =
+      volumeRow && !localShare
+        ? `<button type="button" class="side-eject" data-eject-endpoint="${i}" title="Eject" aria-label="Eject">${uiIcons.eject}</button>`
+        : '';
+    const disconnect =
+      connected && !localShare && !volumeRow
+        ? `<button type="button" class="side-eject" data-disconnect="${i}" title="Disconnect" aria-label="Disconnect">${uiIcons.disconnect}</button>`
+        : '';
+    const subtitle = s.subtitle ? ` title="${this.escape(s.subtitle)}"` : '';
+    const shareAttrs = isCatalogEndpoint(s)
+      ? ` data-share-key="${this.escape(shareKeyForEndpoint(s))}" data-share-name="${this.escape(s.title)}"`
+      : '';
+    const serverSpinner = serverBusy ? this.spinnerHtml('side-item-spinner') : '';
+    const hostLabel = this.escape(s.title);
+    const hostMeta =
+      !localShare && !volumeRow && s.subtitle
+        ? `<span class="side-item-host">${this.escape(s.subtitle)}</span>`
+        : '';
+    return `
+      <div class="side-item ${glyphClass} ${serverSel}" data-server="${i}"${subtitle}${shareAttrs}${serverBusy ? ' aria-busy="true"' : ''}>
+        <span class="dot"></span>
+        <span class="side-item-label" aria-label="${this.escape(s.title)}">${hostLabel}${hostMeta}</span>
+        ${serverSpinner}
+        ${this.sidebarBadgeHtml(s.badge)}
+        ${ejectSelf}
+        ${disconnect}
+      </div>${kids}`;
+  }
+
+  private renderPath(): void {
+    const bar = this.querySelector('.pathbar');
+    if (!bar) return;
+    type Crumb = { name: string; id?: NodeRef; index: number };
+    const crumbs: Crumb[] = this.isNoVolumeSelected()
+      ? []
+      : this.pathStack.map((p, i) => ({
+          name:
+            i === 0 && this.source === 'remote' && this.remoteNbpName && this.remoteEndpoint?.kind !== 'local'
+              ? `${this.remoteNbpName}:${p.name}`
+              : p.name || (this.hasLocalShare() ? this.localShareTitle() : ''),
+          id: p.id,
+          index: i,
+        }));
+
+    bar.innerHTML =
+      `<button type="button" class="locations-btn" data-act="locations" aria-label="Locations" title="Locations">${uiIcons.menu}</button>` +
+      crumbs
+      .map((p, i) => {
+        const label = this.escape(p.name);
+        const current = i === crumbs.length - 1;
+        const dropAttr = p.id != null ? `data-path-id="${refKey(p.id)}"` : '';
+        const sep = i > 0 ? `<span class="crumb-sep" aria-hidden="true">&gt;</span>` : '';
+        const urls = p.id != null ? this.iconUrls.get(refKey(p.id)) : undefined;
+        const icon =
+          p.id != null && this.isFolderEnumerating(p.id)
+            ? this.listingSpinnerHtml('crumb')
+            : urls && !isDefaultFolderIcon(urls)
+              ? `<img class="crumb-icon-img" src="${this.escape(urls.small)}" alt="" width="16" height="16" draggable="false" />`
+              : this.folderGlyphHtml('small', 'crumb');
+        return `${sep}<button type="button" class="crumb${current ? ' current' : ''}" data-path-index="${p.index}" ${dropAttr} title="${label}" aria-label="${label}">
+          ${icon}
+          <span class="crumb-label">${label}</span>
+        </button>`;
+      })
+      .join('');
+
+    this.prefetchPathIcons(crumbs);
+  }
+
+  /** Load 16px folder icons for path crumbs (local share). */
+  private prefetchPathIcons(crumbs: { id?: NodeRef }[]): void {
+    if (!this.readFinderIcons) return;
+    const gen = this.iconLoadGen;
+    for (const c of crumbs) {
+      if (c.id == null) continue;
+      const key = refKey(c.id);
+      if (this.iconUrls.has(key)) continue;
+      void (async () => {
+        try {
+          await iconCache.init();
+          const node = await this.vfs.get(c.id!);
+          if (!node) return;
+          const urls = await this.iconLookup(node);
+          if (gen !== this.iconLoadGen) return;
+          if (isDefaultFolderIcon(urls)) return;
+          this.iconUrls.set(key, urls);
+          this.patchIconInDom(key, urls);
+        } catch {
+          /* keep placeholder */
+        }
+      })();
+    }
+  }
+
+  private renderContent(): void {
+    const content = this.querySelector('.content');
+    if (!content) return;
+    const keepScroll = this.view !== 'column';
+    const scrollTop = keepScroll ? content.scrollTop : 0;
+    const scrollLeft = keepScroll ? content.scrollLeft : 0;
+    const columnPaneScroll = this.view === 'column' ? this.captureColumnPaneScroll() : null;
+
+    let iconItems: ListItem[] = [];
+
+    if (this.view === 'column') {
+      content.innerHTML = this.renderColumnView();
+      iconItems = this.columnIconItems();
+    } else {
+      const items = this.currentItems();
+      iconItems = items;
+      if (items.length === 0) {
+        content.innerHTML = `<div class="empty">${this.escape(this.emptyPaneMessage())}</div>`;
+      } else if (this.view === 'icon') {
+        content.innerHTML = `<div class="icon-grid">${items.map((it) => this.iconHtml(it)).join('')}</div>`;
+      } else if (this.view === 'list') {
+        const rows = this.buildOutlineRows(this.nodes, 0);
+        if (rows.length === 0 && this.folderOpening) {
+          rows.push({ item: this.listingPlaceholderItem(), depth: 0 });
+        }
+        iconItems = rows.map((r) => r.item);
+        content.innerHTML = `<table class="list-table">
+          <thead><tr>
+            ${this.sortHeaderHtml('name', 'Name')}
+            ${this.sortHeaderHtml('size', 'Size')}
+            ${this.sortHeaderHtml('modified', 'Modified')}
+          </tr></thead>
+          <tbody>${rows.map(({ item, depth }) => this.listRowHtml(item, depth)).join('')}</tbody>
+        </table>`;
+      } else {
+        content.innerHTML = `<div class="column-view"><div class="column">${items
+          .map((it) => this.colItemHtml(it, 0, this.selectedId))
+          .join('')}</div></div>`;
+      }
+    }
+
+    if (this.view === 'column') {
+      this.restoreColumnPaneScroll(columnPaneScroll);
+      this.scrollColumnsToEnd();
+      requestAnimationFrame(() => this.restoreColumnPaneScroll(columnPaneScroll));
+    } else {
+      content.scrollTop = scrollTop;
+      content.scrollLeft = scrollLeft;
+      this.refreshPropsPanel();
+    }
+    this.focusRenameInput();
+    if (iconItems.length) this.prefetchIcons(iconItems, 'replace');
+    this.writeSig = this.writingSignature();
+  }
+
+  private columnIconItems(): ListItem[] {
+    const out: ListItem[] = [];
+    this.columnChildren.forEach((kids, colIndex) => {
+      const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
+      out.push(...this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n))));
+    });
+    return out;
+  }
+
+  /** Update the column preview pane, or the floating Get Info window in icon/list. */
+  private refreshPropsPanel(): void {
+    if (this.view === 'column') {
+      this.getInfoWindow?.hide();
+      this.paintColumnSelection();
+      return;
+    }
+    if (!this.showProps) {
+      this.getInfoWindow?.hide();
+      return;
+    }
+    const win = this.getInfoWindow;
+    if (!win) return;
+    const sel = this.selectedNode();
+    win.setBody(
+      sel
+        ? this.itemInfoHtml(sel, { variant: 'dialog' })
+        : `<p class="get-info-window__empty">Select an item in the Finder.</p>`,
+    );
+    win.show();
+  }
+
+  private focusRenameInput(): void {
+    if (this.renamingId == null) return;
+    requestAnimationFrame(() => {
+      const input = this.querySelector(`input[data-rename="${selRef(this.renamingId!)}"]`) as HTMLInputElement | null;
+      if (!input) return;
+      input.focus();
+      input.select();
+    });
+  }
+
+  private nameLabelHtml(it: ListItem, extraClass = 'row-name'): string {
+    if (this.renamingId != null && it.key === refKey(this.renamingId)) {
+      const safe = this.escape(it.name);
+      return `<input class="rename-input" data-rename="${it.key}" value="${safe}" aria-label="${safe}" />`;
+    }
+    return this.fileNameLabel(it.name, extraClass);
+  }
+
+  private fileNameLabel(name: string, extraClass: string): string {
+    const safe = this.escape(name);
+    return `<span class="${extraClass} item-label" aria-label="${safe}">${safe}</span>`;
+  }
+
+  private scrollColumnsToEnd(): void {
+    const scroller = this.querySelector('.column-view') as HTMLElement | null;
+    if (!scroller) return;
+    requestAnimationFrame(() => {
+      scroller.scrollLeft = scroller.scrollWidth;
+    });
+  }
+
+  /** Per-column vertical offsets, keyed by `data-col-index` or `"preview"`. */
+  private captureColumnPaneScroll(): Map<string, number> {
+    const out = new Map<string, number>();
+    const view = this.querySelector('.column-view');
+    if (!view) return out;
+    view.querySelectorAll('.column-pane').forEach((pane) => {
+      const key = this.columnPaneScrollKey(pane);
+      if (key != null) out.set(key, (pane as HTMLElement).scrollTop);
+    });
+    return out;
+  }
+
+  private restoreColumnPaneScroll(saved: Map<string, number> | null): void {
+    if (!saved || saved.size === 0) return;
+    const view = this.querySelector('.column-view');
+    if (!view) return;
+    view.querySelectorAll('.column-pane').forEach((pane) => {
+      const key = this.columnPaneScrollKey(pane);
+      if (key == null) return;
+      const top = saved.get(key);
+      if (top != null) (pane as HTMLElement).scrollTop = top;
+    });
+  }
+
+  private columnPaneScrollKey(pane: Element): string | null {
+    const col = pane.closest('.column');
+    if (!col) return null;
+    return col.getAttribute('data-col-index') ?? (col.hasAttribute('data-preview') ? 'preview' : null);
+  }
+
+  /** Highlight the selection and swap the info pane without remounting list columns. */
+  private paintColumnSelection(): void {
+    const view = this.querySelector('.column-view');
+    if (!view) {
+      this.renderContent();
+      return;
+    }
+    const listColCount = this.columnChildren.length;
+    for (let i = 0; i < listColCount; i++) {
+      if (!view.querySelector(`[data-col-index="${i}"]`)) {
+        this.renderContent();
+        return;
+      }
+    }
+
+    view.querySelectorAll(':scope > .column[data-col-index]').forEach((col) => {
+      const idx = Number(col.getAttribute('data-col-index'));
+      if (Number.isFinite(idx) && idx >= listColCount) col.remove();
+    });
+    view.querySelector('.column--loading')?.remove();
+
+    for (let colIndex = 0; colIndex < listColCount; colIndex++) {
+      const kids = this.columnChildren[colIndex]!;
+      const selectedInColumn = this.columnSelectionId(colIndex, kids, listColCount);
+      view.querySelectorAll(`[data-col-index="${colIndex}"] .col-item[data-id]`).forEach((el) => {
+        const id = dataRef(el);
+        el.classList.toggle('selected', selectedInColumn != null && id === selectedInColumn);
+      });
+    }
+
+    const preview = this.columnLoading ? null : this.columnPreviewNode();
+    const existing = view.querySelector('[data-preview]') as HTMLElement | null;
+    if (!preview) {
+      existing?.remove();
+    } else if (existing?.getAttribute('data-id') !== refKey(nodeRef(preview))) {
+      existing?.remove();
+      view.insertAdjacentHTML('beforeend', this.itemInfoHtml(preview, { variant: 'column' }));
+    } else {
+      this.ensureVersInfo(preview);
+    }
+
+    this.syncClipboardButtons();
+    this.scrollColumnsToEnd();
+  }
+
+  private buildOutlineRows(nodes: VNode[], depth: number, parentId = this.cwd): { item: ListItem; depth: number }[] {
+    const rows: { item: ListItem; depth: number }[] = [];
+    const items = this.mergeWritingItems(parentId, nodes.map((n) => this.listItemFromNode(n)));
+    for (const item of items) {
+      rows.push({ item, depth });
+      if (item.node && item.isDir && this.expandedIds.has(nodeRef(item.node))) {
+        const id = nodeRef(item.node);
+        const kids = this.listChildCache.get(id) ?? [];
+        if (kids.length === 0 && this.loadingIds.has(id) && !transferActivity.writesIn(this.vfs, id).length) {
+          rows.push({ item: this.listingPlaceholderItem(), depth: depth + 1 });
+        } else {
+          rows.push(...this.buildOutlineRows(kids, depth + 1, id));
+        }
+      }
+    }
+    return rows;
+  }
+
+  private iconHtml(it: ListItem): string {
+    if (it.placeholder) {
+      return `<div class="icon-item icon-item--listing" aria-busy="true" aria-label="Loading">
+      ${this.listingSpinnerHtml('icon')}
+      <div class="icon-name"><span class="item-label">Loading…</span></div>
+    </div>`;
+    }
+    const sel = this.selectedId != null && it.key === refKey(this.selectedId) ? 'selected' : '';
+    const drag = it.writing && !it.node ? '' : 'draggable="true"';
+    const write = this.writeItemAttrs(it);
+    return `<div class="icon-item ${sel}${it.writing ? ' writing' : ''}" data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" ${write} ${drag}>
+      ${this.glyphHtml(it, 'large', 'icon')}
+      <div class="icon-name">${this.nameLabelHtml(it)}</div>
+    </div>`;
+  }
+
+  private listRowHtml(it: ListItem, depth = 0): string {
+    if (it.placeholder) {
+      return `<tr class="listing-placeholder" aria-busy="true" aria-label="Loading" style="--depth:${depth}">
+      <td class="name-cell"><span class="disclose spacer"></span>${this.listingSpinnerHtml('row')}<span class="row-name item-label">Loading…</span></td>
+      <td></td>
+      <td></td>
+    </tr>`;
+    }
+    const sel = this.selectedId != null && it.key === refKey(this.selectedId) ? 'selected' : '';
+    const id = itemAddr(it);
+    const expanded = it.isDir && id != null && this.expandedIds.has(id);
+    const loading = it.isDir && id != null && this.loadingIds.has(id);
+    const drag = it.writing && !it.node ? '' : 'draggable="true"';
+    const write = this.writeItemAttrs(it);
+    const disclose = it.isDir && it.node
+      ? `<button type="button" class="disclose ${expanded ? 'open' : ''}${loading ? ' loading' : ''}" data-disclose="${it.key}" aria-busy="${loading}" aria-label="${
+          loading ? 'Loading' : expanded ? 'Collapse' : 'Expand'
+        }">${uiIcons.disclose}</button>`
+      : `<span class="disclose spacer"></span>`;
+    return `<tr data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" class="${sel}${it.writing ? ' writing' : ''}" style="--depth:${depth}" aria-label="${this.escape(it.name)}" ${write} ${drag}>
+      <td class="name-cell">${disclose}${this.glyphHtml(it, 'small', 'row')}${this.nameLabelHtml(it)}</td>
+      <td>${it.isDir ? '—' : formatBytes(it.size)}</td>
+      <td>${it.mod.toLocaleString()}</td>
+    </tr>`;
+  }
+
+  private colItemHtml(it: ListItem, colIndex: number, selectedInColumn: NodeRef | null): string {
+    if (it.placeholder) {
+      return `<div class="col-item col-item--listing" aria-busy="true" aria-label="Loading">
+      ${this.listingSpinnerHtml('col')}<span class="col-name item-label">Loading…</span>
+    </div>`;
+    }
+    const sel = selectedInColumn != null && it.key === refKey(selectedInColumn) ? 'selected' : '';
+    const drag = it.writing && !it.node ? '' : 'draggable="true"';
+    const write = this.writeItemAttrs(it);
+    const label = this.nameLabelHtml(it, 'col-name');
+    return `<div class="col-item ${sel}${it.writing ? ' writing' : ''}" data-id="${it.key}" data-dir="${it.isDir ? '1' : '0'}" data-col="${colIndex}" aria-label="${this.escape(it.name)}" ${write} ${drag}>
+      ${this.glyphHtml(it, 'small', 'col')}${label}
+    </div>`;
+  }
+
+  private folderGlyphHtml(size: 'small' | 'large', kind: 'icon' | 'row' | 'col' | 'crumb' | 'preview'): string {
+    const px = size === 'large' ? 32 : 16;
+    const src = size === 'large' ? DEFAULT_FOLDER_ICONS.large : DEFAULT_FOLDER_ICONS.small;
+    const cls =
+      kind === 'icon'
+        ? 'icon-glyph-img'
+        : kind === 'col'
+          ? 'col-icon-img'
+          : kind === 'row'
+            ? 'row-icon-img'
+            : kind === 'crumb'
+              ? 'crumb-icon-img'
+              : 'preview-glyph-img';
+    return `<img class="${cls}" src="${src}" alt="" width="${px}" height="${px}" draggable="false" />`;
+  }
+
+  private listingSpinnerHtml(kind: 'icon' | 'row' | 'col' | 'crumb' | 'preview'): string {
+    const cls =
+      kind === 'icon'
+        ? 'icon-glyph-spinner'
+        : kind === 'col'
+          ? 'col-icon-spinner'
+          : kind === 'row'
+            ? 'row-icon-spinner'
+            : kind === 'crumb'
+              ? 'crumb-icon-spinner'
+              : 'preview-glyph-spinner';
+    return this.spinnerHtml(cls);
+  }
+
+  private glyphHtml(it: ListItem, size: 'small' | 'large', kind: 'icon' | 'row' | 'col'): string {
+    if (it.placeholder) return this.listingSpinnerHtml(kind);
+    const id = itemAddr(it);
+    const enumerating = it.isDir && id != null && this.isFolderEnumerating(id) && !it.writing;
+    if (enumerating) return this.listingSpinnerHtml(kind);
+    const urls = this.iconUrls.get(it.key);
+    const px = size === 'large' ? 32 : 16;
+    let inner: string;
+    if (urls && !(it.isDir && isDefaultFolderIcon(urls))) {
+      const src = size === 'large' ? urls.large : urls.small;
+      const imgCls = kind === 'icon' ? 'icon-glyph-img' : kind === 'col' ? 'col-icon-img' : 'row-icon-img';
+      inner = `<img class="${imgCls}" src="${this.escape(src)}" alt="" width="${px}" height="${px}" draggable="false" />`;
+    } else if (it.isDir) {
+      inner = this.folderGlyphHtml(size, kind);
+    } else if (kind === 'icon') {
+      inner = `<div class="icon-glyph">DOC</div>`;
+    } else {
+      const cls = kind === 'col' ? 'col-icon file' : 'row-icon file';
+      inner = `<span class="${cls}" aria-hidden="true"></span>`;
+    }
+    return it.writing ? this.writeOverlayHtml(inner, it.writing, kind) : inner;
+  }
+
+  private writeItemAttrs(it: ListItem): string {
+    const w = it.writing;
+    if (!w) return '';
+    const label = w.indeterminate
+      ? `Copying ${this.escape(w.name)}`
+      : `Copying ${this.escape(w.name)}, ${w.pct}%`;
+    return `data-write-job="${this.escape(w.jobId)}" data-write-name="${this.escape(w.name)}" aria-busy="true" aria-label="${label}"`;
+  }
+
+  private writeOverlayHtml(inner: string, w: TransferWriteProgress, kind: 'icon' | 'row' | 'col'): string {
+    const pctLabel = w.indeterminate ? '' : `${w.pct}%`;
+    const ind = w.indeterminate ? ' icon-write--indeterminate' : '';
+    return `<span class="icon-write icon-write--${kind}${ind}" style="--write-pct:${w.pct}" aria-hidden="true">
+      <span class="icon-write__glyph">${inner}</span>
+      <span class="icon-write__ring"></span>
+      <span class="icon-write__pct">${pctLabel}</span>
+    </span>`;
+  }
+
+  private iconLookup(node: VNode): Promise<IconUrls> {
+    const signal = this.iconAbort?.signal;
+    const loadDataRange = <T>(n: VNode, fn: (read: ByteRangeReader) => Promise<T>) =>
+      this.vfs.withRangeReader(n, fn, { resource: false, signal });
+    if (!this.readFinderIcons && !isWinIconName(node.name)) {
+      if (node.isDir) return Promise.resolve(DEFAULT_FOLDER_ICONS);
+      const { type, creator } = readTypeCreator(node.finderInfo);
+      return iconCache.getForTypeCreator(type, creator, node.name);
+    }
+    return iconCache.getForNode(
+      node,
+      this.readFinderIcons && node.isDir ? (id, name) => this.vfs.lookup(id, name) : undefined,
+      this.readFinderIcons ? (n) => this.vfs.loadIconResources(n, signal) : undefined,
+      {
+        loadDesktopIcons:
+          this.readFinderIcons && this.vfs.loadDesktopIcons
+            ? (type, creator) => this.vfs.loadDesktopIcons!(type, creator, signal)
+            : undefined,
+        loadDataRange,
+        signal,
+      },
+    );
+  }
+
+  /** Observe Finder glyphs and load at most four on-screen icons at a time. */
+  private prefetchIcons(items: ListItem[], mode: 'replace' | 'add'): void {
+    if (mode === 'replace') {
+      this.iconQueue.reset();
+      this.iconPrefetchItems.clear();
+      this.iconIntersectingEls.clear();
+      this.iconObserver?.disconnect();
+      this.iconObserver = null;
+    }
+    for (const it of items) {
+      if (it.placeholder || this.iconUrls.has(it.key)) continue;
+      this.iconPrefetchItems.set(it.key, it);
+    }
+    this.ensureIconObserver();
+    this.observeIconElements(items);
+  }
+
+  private ensureIconObserver(): void {
+    if (typeof IntersectionObserver === 'undefined') return;
+    if (this.iconObserver) return;
+    // Viewport root so overflow:auto clipping (Finder pane / column panes) is
+    // applied. A flex child as root often never reports intersections.
+    this.iconObserver = new IntersectionObserver((entries) => this.onIconIntersect(entries), {
+      root: null,
+      threshold: 0,
+    });
+  }
+
+  private teardownIconObserver(): void {
+    this.iconObserver?.disconnect();
+    this.iconObserver = null;
+    this.iconIntersectingEls.clear();
+    this.iconQueue.reset();
+    this.iconPrefetchItems.clear();
+  }
+
+  private observeIconElements(items: ListItem[]): void {
+    const observer = this.iconObserver;
+    if (!observer) {
+      for (const it of items) {
+        if (it.placeholder || this.iconUrls.has(it.key)) continue;
+        this.iconQueue.enqueue(it);
+      }
+      return;
+    }
+    for (const it of items) {
+      if (it.placeholder || this.iconUrls.has(it.key)) continue;
+      for (const el of this.finderIconElements(it.key)) observer.observe(el);
+    }
+  }
+
+  private onIconIntersect(entries: IntersectionObserverEntry[]): void {
+    const changed = new Set<string>();
+    for (const entry of entries) {
+      const key = (entry.target as HTMLElement).getAttribute('data-id');
+      if (!key) continue;
+      if (entry.isIntersecting) {
+        this.iconIntersectingEls.add(entry.target);
+      } else {
+        this.iconIntersectingEls.delete(entry.target);
+      }
+      changed.add(key);
+    }
+    for (const key of changed) {
+      if (this.isFinderIconVisible(key)) {
+        const it = this.iconPrefetchItems.get(key);
+        if (!it || this.iconUrls.has(key)) continue;
+        this.iconQueue.enqueue(it);
+      } else {
+        this.iconQueue.hide(key);
+      }
+    }
+  }
+
+  private finderIconElements(key: string): Element[] {
+    return [...this.querySelectorAll(`.content [data-id="${CSS.escape(key)}"]`)];
+  }
+
+  private isFinderIconVisible(key: string): boolean {
+    if (!this.iconObserver) return true;
+    for (const el of this.iconIntersectingEls) {
+      if (el.getAttribute('data-id') === key) return true;
+    }
+    return false;
+  }
+
+  private async resolveVisibleIcon(it: ListItem): Promise<void> {
+    const gen = this.iconLoadGen;
+    const signal = this.iconAbort?.signal;
+    if (it.placeholder || this.iconUrls.has(it.key)) return;
+    if (gen !== this.iconLoadGen || signal?.aborted) return;
+    if (!this.isFinderIconVisible(it.key)) return;
+    try {
+      await iconCache.init();
+      if (gen !== this.iconLoadGen || signal?.aborted) return;
+      if (!this.isFinderIconVisible(it.key)) return;
+      let urls: IconUrls;
+      if (it.node) {
+        urls = await this.iconLookup(it.node);
+      } else if (it.isDir) {
+        return;
+      } else {
+        const fi = it.finderInfo ?? new Uint8Array(32);
+        const { type, creator } = readTypeCreator(fi);
+        urls = await iconCache.getForTypeCreator(type, creator, it.name);
+      }
+      if (gen !== this.iconLoadGen || signal?.aborted) return;
+      if (it.isDir && isDefaultFolderIcon(urls)) return;
+      this.iconUrls.set(it.key, urls);
+      this.patchIconInDom(it.key, urls);
+      this.iconObserver && this.finderIconElements(it.key).forEach((el) => this.iconObserver?.unobserve(el));
+    } catch (err) {
+      if (isAbortError(err)) return;
+    }
+  }
+
+  private patchIconInDom(key: string, urls: IconUrls): void {
+    const id = parseRefKey(key);
+    if (id != null && this.isFolderEnumerating(id)) return;
+    const esc = CSS.escape(key);
+    const nodes = [
+      ...this.querySelectorAll(`[data-id="${esc}"], [data-path-id="${esc}"]`),
+      ...(this.getInfoWindow?.querySelectorAll(`[data-id="${esc}"]`) ?? []),
+    ];
+    for (const el of nodes) {
+      const large = el.querySelector('.icon-glyph, .icon-glyph-img, .icon-glyph-svg');
+      if (large) {
+        const img = document.createElement('img');
+        img.className = 'icon-glyph-img';
+        img.src = urls.large;
+        img.alt = '';
+        img.width = 32;
+        img.height = 32;
+        img.draggable = false;
+        large.replaceWith(img);
+      }
+      const preview = el.querySelector('.preview-glyph, .preview-glyph-img, .preview-glyph-svg');
+      if (preview) {
+        const img = document.createElement('img');
+        img.className = 'preview-glyph-img';
+        img.src = urls.large;
+        img.alt = '';
+        img.width = 32;
+        img.height = 32;
+        img.draggable = false;
+        preview.replaceWith(img);
+      }
+      const crumb = el.querySelector('.crumb-icon, .crumb-icon-img, .crumb-icon-svg');
+      if (crumb) {
+        const img = document.createElement('img');
+        img.className = 'crumb-icon-img';
+        img.src = urls.small;
+        img.alt = '';
+        img.width = 16;
+        img.height = 16;
+        img.draggable = false;
+        crumb.replaceWith(img);
+      }
+      const small = el.querySelector('.row-icon, .col-icon, .row-icon-img, .col-icon-img, .row-icon-svg, .col-icon-svg');
+      if (small) {
+        const img = document.createElement('img');
+        img.className =
+          small.classList.contains('col-icon') ||
+          small.classList.contains('col-icon-img') ||
+          small.classList.contains('col-icon-svg')
+            ? 'col-icon-img'
+            : 'row-icon-img';
+        img.src = urls.small;
+        img.alt = '';
+        img.width = 16;
+        img.height = 16;
+        img.draggable = false;
+        small.replaceWith(img);
+      }
+    }
+  }
+
+  /** Id to highlight in a column: path crumb, or leaf file selection in the deepest list column. */
+  private columnSelectionId(colIndex: number, kids: VNode[], listColCount: number): NodeRef | null {
+    const pathSel = this.pathStack[colIndex + 1]?.id ?? null;
+    if (pathSel != null) return pathSel;
+    if (colIndex === listColCount - 1 && this.selectedId != null) {
+      if (kids.some((k) => nodeRef(k) === this.selectedId)) return this.selectedId;
+    }
+    return null;
+  }
+
+  private columnPreviewNode(): VNode | null {
+    if (this.selectedId == null) return null;
+    const node = this.findNodeAnywhere(this.selectedId);
+    if (!node) return null;
+    // Files always show preview when selected; folders when Properties is open
+    if (!node.isDir) {
+      for (const kids of this.columnChildren) {
+        if (kids.some((k) => nodeRef(k) === nodeRef(node))) return node;
+      }
+      return null;
+    }
+    if (this.showProps) return node;
+    return null;
+  }
+
+  /** Shared item info card — used by column-view preview and Properties. */
+  private itemInfoHtml(node: VNode, opts: { variant: 'column' | 'dialog' }): string {
+    const caps = this.vfs.capabilities();
+    const fi = node.finderInfo;
+    const { type, creator } = readTypeCreator(fi);
+    const kind = node.isDir ? 'Folder' : caps.finderInfo && type === 'APPL' ? 'Application' : 'File';
+    const glyphClass = node.isDir ? 'folder' : 'file';
+    const urls = this.iconUrls.get(refKey(nodeRef(node)));
+    const custom = urls && !isDefaultFolderIcon(urls);
+    const glyph =
+      node.isDir && this.isFolderEnumerating(nodeRef(node))
+        ? this.listingSpinnerHtml('preview')
+        : custom
+          ? `<img class="preview-glyph-img" src="${this.escape(urls.large)}" alt="" width="32" height="32" draggable="false" />`
+          : node.isDir
+            ? this.folderGlyphHtml('large', 'preview')
+            : `<div class="preview-glyph ${glyphClass}"></div>`;
+    const shellClass =
+      opts.variant === 'column'
+        ? 'column column-preview item-info'
+        : 'item-info item-info--dialog';
+    if (!urls) this.ensureNodeIcon(node);
+    const expandBtn = this.isExpandableArchive(node)
+      ? `<button type="button" class="btn" data-act="expand">Expand</button>`
+      : '';
+    const previewBtn = this.isPreviewable(node)
+      ? `<button type="button" class="btn" data-act="preview">Preview…</button>`
+      : '';
+    const attrBoxes = caps.attributes
+      .map((a) => {
+        const on = !!node.attrs?.[a.id];
+        const dis = a.editable === false ? 'disabled' : '';
+        return `<label class="preview-attr"><input type="checkbox" data-attr="${this.escape(a.id)}" ${on ? 'checked' : ''} ${dis}/> ${this.escape(a.label)}</label>`;
+      })
+      .join('');
+    const typeInputs =
+      showsTypeCreator(caps, node.isDir)
+        ? `<label>Type</label>
+        <input type="text" data-prop="type" maxlength="4" spellcheck="false" autocomplete="off" value="${this.escape(type)}" />
+        <label>Creator</label>
+        <input type="text" data-prop="creator" maxlength="4" spellcheck="false" autocomplete="off" value="${this.escape(creator)}" />`
+        : '';
+    const applyBtn =
+      caps.finderInfo || caps.attributes.some((a) => a.editable !== false)
+        ? `<button type="button" class="btn primary" data-act="apply-props">Apply</button>`
+        : '';
+    const rsrcBtn = showsResourceFork(caps)
+      ? `<button type="button" class="btn" data-act="resources">Resources…</button>`
+      : '';
+    const winRsrcBtn =
+      !node.isDir && isWinResourceName(node.name)
+        ? `<button type="button" class="btn" data-act="win-resources">Windows Resources…</button>`
+        : '';
+    const typeCreatorFields = `<div class="preview-fields">
+        ${typeInputs}
+        ${attrBoxes ? `<div class="preview-attrs">${attrBoxes}</div>` : ''}
+        <div class="preview-actions">
+          ${expandBtn}
+          ${previewBtn}
+          <button type="button" class="btn" data-act="download">Download Zip</button>
+          ${applyBtn}
+          ${rsrcBtn}
+          ${winRsrcBtn}
+        </div>
+      </div>`;
+    const colAttrs =
+      opts.variant === 'column'
+        ? ` style="${this.colWidthStyle('preview')}"`
+        : '';
+    const resizer = opts.variant === 'column' ? this.colResizerHtml('preview') : '';
+    const paneOpen = opts.variant === 'column' ? `<div class="column-pane">` : '';
+    const paneClose = opts.variant === 'column' ? `</div>` : '';
+    if (!node.isDir && (caps.resourceFork || isWinVersionName(node.name))) this.ensureVersInfo(node);
+    const dateLabel: Record<string, string> = {
+      created: 'Created',
+      modified: 'Modified',
+      accessed: 'Accessed',
+      backup: 'Backup',
+    };
+    const dateVal = (field: string): number | undefined => {
+      if (field === 'created') return node.createDate;
+      if (field === 'modified') return node.modDate;
+      if (field === 'accessed') return node.accessDate;
+      if (field === 'backup') return node.backupDate;
+      return undefined;
+    };
+    const dateRows = caps.dates
+      .map((d) => {
+        const ms = dateVal(d);
+        return `<div class="preview-row"><span>${dateLabel[d] ?? d}</span><span>${ms ? unixDate(ms).toLocaleString() : '—'}</span></div>`;
+      })
+      .join('');
+    const extraNames = caps.names
+      .filter((k) => k !== 'long')
+      .map((k) => {
+        const val = k === 'short' ? node.shortName : node.mediumName;
+        if (!val) return '';
+        return `<div class="preview-row"><span>${k === 'short' ? 'Short name' : 'Medium name'}</span><span>${this.escape(val)}</span></div>`;
+      })
+      .join('');
+    const sizeBytes = node.isDir ? 0 : nodeByteSize(node, caps.resourceFork);
+    const resRow =
+      !node.isDir && caps.resourceFork
+        ? `<div class="preview-row"><span>Resource</span><span>${formatBytes(node.resourceBytes ?? node.resource.length)}</span></div>`
+        : '';
+    const flagRows = caps.finderInfo ? this.finderFlagRowsHtml(node) : '';
+    return `<div class="${shellClass}" data-preview data-id="${refKey(nodeRef(node))}"${colAttrs}>
+      ${paneOpen}
+      <div class="preview-hero">
+        ${glyph}
+        <div class="preview-title" aria-label="${this.escape(node.name)}">${this.escape(node.name)}</div>
+      </div>
+      <div class="preview-meta">
+        <div class="preview-row"><span>Kind</span><span>${kind}</span></div>
+        <div class="preview-row"><span>Where</span><span>${this.escape(this.displayStorePath(node))}</span></div>
+        <div class="preview-row"><span>Size</span><span>${node.isDir ? '—' : formatBytes(sizeBytes)}</span></div>
+        ${resRow}
+        ${dateRows}
+        ${extraNames}
+        ${flagRows}
+        <div data-role="vers-slot">${caps.resourceFork || isWinVersionName(node.name) ? this.versRowsHtml(node) : ''}</div>
+        <div data-role="comment-slot">${caps.resourceFork ? this.commentRowHtml(node) : ''}</div>
+      </div>
+      ${typeCreatorFields}
+      ${paneClose}
+      ${resizer}
+    </div>`;
+  }
+
+  private displayStorePath(node: VNode): string {
+    const caps = this.vfs.capabilities();
+    const chrome = volumeChrome(caps);
+    const vol = this.pathStack[0]?.name || this.localShareTitle();
+    const store =
+      node.addr === 'path'
+        ? node.path
+        : [...this.pathStack.slice(1).map((p) => p.name), node.name].filter(Boolean).join('/');
+    return formatStorePath(store, chrome.pathFormat, vol);
+  }
+
+  private versStamp(node: VNode): string {
+    return `${node.modDate}:${node.resourceBytes ?? node.resource.length}:${node.dataBytes ?? node.data.length}`;
+  }
+
+  private cachedVersInfo(node: VNode): VersGetInfo | null | undefined {
+    const hit = this.versInfo.get(nodeRef(node));
+    if (!hit || hit.stamp !== this.versStamp(node)) return undefined;
+    return hit.info;
+  }
+
+  private finderFlagRowsHtml(node: VNode): string {
+    const { type } = readTypeCreator(node.finderInfo);
+    const details = finderGetInfoDetails(node.finderInfo, {
+      attributes: node.attributes,
+      type: node.isDir ? undefined : type,
+      isDir: node.isDir,
+    });
+    const tags = finderFlagLabels(details);
+    const rows: string[] = [];
+    if (tags.length) {
+      rows.push(
+        `<div class="preview-row" data-finder="flags"><span>Flags</span><span>${this.escape(tags.join(' · '))}</span></div>`,
+      );
+    }
+    if (details.label) {
+      rows.push(
+        `<div class="preview-row" data-finder="label"><span>Label</span><span class="preview-label"><span class="preview-label-swatch" style="background:${this.escape(details.label.color)}"></span>${this.escape(details.label.name)}</span></div>`,
+      );
+    }
+    return rows.join('');
+  }
+
+  private commentRowHtml(node: VNode): string {
+    const comment = this.cachedComment(node);
+    if (!comment) return '';
+    return `<div class="preview-row preview-row--block" data-finder="comment"><span>Comments</span><span>${this.escape(comment)}</span></div>`;
+  }
+
+  private cachedComment(node: VNode): string | null | undefined {
+    const hit = this.commentInfo.get(nodeRef(node));
+    if (!hit || hit.stamp !== this.versStamp(node)) return undefined;
+    return hit.comment;
+  }
+
+  private versRowsHtml(node: VNode): string {
+    const info = this.cachedVersInfo(node);
+    if (!info) return '';
+    return this.versRowsMarkup(info);
+  }
+
+  private versRowsMarkup(info: VersGetInfo): string {
+    const rows: string[] = [];
+    const push = (key: string, label: string, value: string | undefined, block = false) => {
+      if (!value) return;
+      const cls = block ? ' preview-row--block' : '';
+      rows.push(
+        `<div class="preview-row${cls}" data-vers="${key}"><span>${label}</span><span>${this.escape(value)}</span></div>`,
+      );
+    };
+    push('version', 'Version', info.version);
+    push('product-version', 'Product version', info.productVersion);
+    push('product', 'Product', info.product);
+    push('description', 'Description', info.description, true);
+    push('company', 'Company', info.company);
+    push('copyright', 'Copyright', info.copyright, true);
+    return rows.join('');
+  }
+
+  private ensureVersInfo(node: VNode): void {
+    if (node.isDir) return;
+    if (this.cachedVersInfo(node) !== undefined && this.cachedComment(node) !== undefined) return;
+    if (this.versPending.has(nodeRef(node))) return;
+    const winVer = isWinVersionName(node.name);
+    const rsrcHint = node.resourceBytes ?? node.resource.length;
+    const dataHint = node.dataBytes ?? node.data.length;
+    if (!winVer && rsrcHint < 16 && node.resource.length < 16 && node.data.length < 16) return;
+    if (winVer && dataHint < 64 && rsrcHint < 16 && node.data.length < 64) return;
+    this.versPending.add(nodeRef(node));
+    void this.loadVersInfo(node);
+  }
+
+  private async loadVersInfo(node: VNode): Promise<void> {
+    const stamp = this.versStamp(node);
+    try {
+      const extra = await this.readGetInfoExtras(node);
+      const mac = extra.vers ? versInfoForGetInfo(extra.vers) : null;
+      this.versInfo.set(nodeRef(node), { stamp, info: this.mergeGetInfoVersion(mac, extra.win) });
+      this.commentInfo.set(nodeRef(node), { stamp, comment: extra.comment });
+      this.patchVersInDom(nodeRef(node));
+      this.patchCommentInDom(nodeRef(node));
+    } catch {
+      this.versInfo.set(nodeRef(node), { stamp, info: null });
+      this.commentInfo.set(nodeRef(node), { stamp, comment: null });
+    } finally {
+      this.versPending.delete(nodeRef(node));
+    }
+  }
+
+  private mergeGetInfoVersion(mac: VersGetInfo | null, win: WinVersionGetInfo | null): VersGetInfo | null {
+    if (!mac && !win) return null;
+    const version = mac?.version || win?.version || '';
+    const copyright = mac?.copyright || win?.copyright || '';
+    const productVersion = win?.productVersion && win.productVersion !== version ? win.productVersion : '';
+    const info: VersGetInfo = {
+      version,
+      copyright,
+      product: win?.product || '',
+      productVersion,
+      description: win?.description || '',
+      company: win?.company || '',
+    };
+    if (!info.version && !info.copyright && !info.product && !info.description && !info.company) return null;
+    return info;
+  }
+
+  private async readGetInfoExtras(
+    node: VNode,
+  ): Promise<{ vers: VersRec | null; comment: string | null; win: WinVersionGetInfo | null }> {
+    const wantFork = this.vfs.capabilities().resourceFork;
+    let vers: VersRec | null = null;
+    let comment: string | null = null;
+    if (wantFork) {
+      const cid = finderCommentId(node.finderInfo);
+      const want = (type: string, id: number): boolean => {
+        if (type === 'vers' && id === 1) return true;
+        if (type !== 'FCMT') return false;
+        return id === 1 || (cid !== 0 && id === cid);
+      };
+      let rf = await this.vfs.loadResourceFork(node, { want });
+      if (!rf) rf = await this.vfs.loadResourceFork(node, { fork: 'data', want });
+      if (rf) {
+        vers = decodeVers1(rf);
+        comment = finderCommentFromFork(rf, node.finderInfo);
+      }
+    }
+    let win: WinVersionGetInfo | null = null;
+    if (isWinVersionName(node.name)) {
+      try {
+        win = await this.vfs.withRangeReader(node, (read) => extractWinVersion(read), { resource: false });
+      } catch {
+        win = null;
+      }
+    }
+    return { vers, comment, win };
+  }
+
+  private patchVersInDom(id: NodeRef): void {
+    const hit = this.versInfo.get(id);
+    const markup = hit?.info ? this.versRowsMarkup(hit.info) : '';
+    this.querySelectorAll(`[data-preview][data-id="${selRef(id)}"] [data-role="vers-slot"]`).forEach((el) => {
+      el.innerHTML = markup;
+    });
+    this.getInfoWindow
+      ?.querySelectorAll(`[data-preview][data-id="${selRef(id)}"] [data-role="vers-slot"]`)
+      .forEach((el) => {
+        el.innerHTML = markup;
+      });
+    if (markup) this.getInfoWindow?.fitToContents();
+  }
+
+  private patchCommentInDom(id: NodeRef): void {
+    const hit = this.commentInfo.get(id);
+    const markup = hit?.comment
+      ? `<div class="preview-row preview-row--block" data-finder="comment"><span>Comments</span><span>${this.escape(hit.comment)}</span></div>`
+      : '';
+    this.querySelectorAll(`[data-preview][data-id="${selRef(id)}"] [data-role="comment-slot"]`).forEach((el) => {
+      el.innerHTML = markup;
+    });
+    this.getInfoWindow
+      ?.querySelectorAll(`[data-preview][data-id="${selRef(id)}"] [data-role="comment-slot"]`)
+      .forEach((el) => {
+        el.innerHTML = markup;
+      });
+    if (markup) this.getInfoWindow?.fitToContents();
+  }
+
+  /** Resolve icon for a single node and patch list + properties glyphs. */
+  private ensureNodeIcon(node: VNode): void {
+    const key = refKey(nodeRef(node));
+    if (this.iconUrls.has(key)) return;
+    const gen = this.iconLoadGen;
+    void (async () => {
+      try {
+        await iconCache.init();
+        const urls = await this.iconLookup(node);
+        if (gen !== this.iconLoadGen) return;
+        if (node.isDir && isDefaultFolderIcon(urls)) return;
+        this.iconUrls.set(key, urls);
+        this.patchIconInDom(key, urls);
+      } catch {
+        /* keep placeholder */
+      }
+    })();
+  }
+
+  private colWidthPx(key: string): number {
+    const fallback = key === 'preview' ? 240 : 200;
+    return this.columnWidths.get(key) ?? fallback;
+  }
+
+  private colWidthStyle(key: string): string {
+    return `--col-width:${this.colWidthPx(key)}px`;
+  }
+
+  private colResizerHtml(key: string): string {
+    if (isCompactUi()) return '';
+    return `<div class="column-resizer" data-col-resize="${key}" role="separator" aria-orientation="vertical"></div>`;
+  }
+
+  private columnHtml(colIndex: number, body: string, extraClass = ''): string {
+    const key = String(colIndex);
+    const loading = extraClass.includes('column--loading');
+    const cls = extraClass ? `column ${extraClass}` : 'column';
+    return `<div class="${cls}" data-col-index="${colIndex}"${loading ? ' aria-busy="true"' : ''} style="${this.colWidthStyle(key)}"><div class="column-pane">${body}</div>${this.colResizerHtml(key)}</div>`;
+  }
+
+  private mountColumnEl(colIndex: number, body: string): HTMLElement {
+    const el = document.createElement('div');
+    el.className = 'column';
+    el.setAttribute('data-col-index', String(colIndex));
+    el.style.setProperty('--col-width', `${this.colWidthPx(String(colIndex))}px`);
+    el.innerHTML = `<div class="column-pane">${body}</div>${this.colResizerHtml(String(colIndex))}`;
+    return el;
+  }
+
+  private columnPaneBody(kids: VNode[], colIndex: number, selectedId: NodeRef | null): string {
+    const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
+    const items = this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n)));
+    if (items.length === 0) {
+      return `<div class="empty" style="padding:16px;font-size:12px">Empty</div>`;
+    }
+    return items.map((it) => this.colItemHtml(it, colIndex, selectedId)).join('');
+  }
+
+  /** Replace a loading column (or refresh its pane) without remounting earlier columns. */
+  private paintColumnKids(view: Element, parentColIndex: number, kids: VNode[]): void {
+    const colIndex = parentColIndex + 1;
+    const body = this.columnPaneBody(kids, colIndex, null);
+    const loadingCol = view.querySelector('.column--loading');
+    if (loadingCol) {
+      loadingCol.replaceWith(this.mountColumnEl(colIndex, body));
+      return;
+    }
+    const pane = view.querySelector(`[data-col-index="${colIndex}"] .column-pane`);
+    if (pane) {
+      pane.innerHTML = body;
+      return;
+    }
+    view.querySelector(`[data-col-index="${parentColIndex}"]`)?.after(this.mountColumnEl(colIndex, body));
+  }
+
+  private onColumnResizeDown(e: PointerEvent): void {
+    const handle = (e.target as HTMLElement | null)?.closest?.('[data-col-resize]') as HTMLElement | null;
+    if (!handle || isCompactUi()) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const col = handle.closest('.column') as HTMLElement | null;
+    if (!col) return;
+    const key = handle.getAttribute('data-col-resize') ?? '0';
+    this.columnResize = {
+      col,
+      handle,
+      key,
+      startX: e.clientX,
+      startW: col.getBoundingClientRect().width,
+    };
+    handle.classList.add('dragging');
+    this.querySelector('.column-view')?.classList.add('is-resizing');
+    handle.setPointerCapture?.(e.pointerId);
+    window.addEventListener('pointermove', this.onColumnResizeMove);
+    window.addEventListener('pointerup', this.onColumnResizeUp);
+    window.addEventListener('pointercancel', this.onColumnResizeUp);
+  }
+
+  private onColumnResizeMove = (e: PointerEvent): void => {
+    if (!this.columnResize) return;
+    e.preventDefault();
+    const w = Math.round(
+      Math.max(140, Math.min(560, this.columnResize.startW + (e.clientX - this.columnResize.startX))),
+    );
+    this.columnWidths.set(this.columnResize.key, w);
+    this.columnResize.col.style.setProperty('--col-width', `${w}px`);
+  };
+
+  private onColumnResizeUp = (): void => {
+    if (!this.columnResize) return;
+    this.columnResize.handle.classList.remove('dragging');
+    this.querySelector('.column-view')?.classList.remove('is-resizing');
+    this.columnResize = null;
+    window.removeEventListener('pointermove', this.onColumnResizeMove);
+    window.removeEventListener('pointerup', this.onColumnResizeUp);
+    window.removeEventListener('pointercancel', this.onColumnResizeUp);
+  };
+
+  private renderColumnView(): string {
+    if (this.columnChildren.length === 0) {
+      if (this.columnLoading || this.enumeratingFolderId != null) {
+        return `<div class="column-view">${this.columnLoadingHtml(0)}</div>`;
+      }
+      return `<div class="column-view">${this.columnHtml(0, `<div class="empty">${this.escape(this.emptyPaneMessage())}</div>`)}</div>`;
+    }
+    const listColCount = this.columnChildren.length;
+    const cols = this.columnChildren
+      .map((kids, colIndex) => {
+        const selectedInColumn = this.columnSelectionId(colIndex, kids, listColCount);
+        const parentId = this.pathStack[colIndex]?.id ?? this.cwd;
+        const items = this.mergeWritingItems(parentId, kids.map((n) => this.listItemFromNode(n)));
+        const body =
+          items.length === 0
+            ? `<div class="empty" style="padding:16px;font-size:12px">Empty</div>`
+            : items.map((it) => this.colItemHtml(it, colIndex, selectedInColumn)).join('');
+        return this.columnHtml(colIndex, body);
+      })
+      .join('');
+
+    const loadingCol = this.columnLoading
+      ? this.columnLoadingHtml(listColCount)
+      : '';
+    const preview = this.columnLoading ? null : this.columnPreviewNode();
+    const previewCol = preview ? this.itemInfoHtml(preview, { variant: 'column' }) : '';
+    return `<div class="column-view">${cols}${loadingCol}${previewCol}</div>`;
+  }
+
+  private spinnerHtml(extraClass = ''): string {
+    return `<span class="status-spinner${extraClass ? ` ${extraClass}` : ''}" aria-hidden="true"></span>`;
+  }
+
+  private columnLoadingHtml(colIndex: number): string {
+    const parentId = this.pathStack[colIndex]?.id ?? this.enumeratingFolderId ?? this.cwd;
+    const items = this.mergeWritingItems(parentId, []);
+    const body = [...items, this.listingPlaceholderItem()]
+      .map((it) => this.colItemHtml(it, colIndex, null))
+      .join('');
+    return this.columnHtml(colIndex, body, 'column--loading');
+  }
+
+  private nextFolderLoad(id: NodeRef): number {
+    const g = (this.folderLoadGen.get(id) ?? 0) + 1;
+    this.folderLoadGen.set(id, g);
+    return g;
+  }
+
+  private folderLoadIsCurrent(id: NodeRef, gen: number): boolean {
+    return this.folderLoadGen.get(id) === gen;
+  }
+
+  private itemFromEvent(e: Event): HTMLElement | null {
+    const t = e.target as HTMLElement | null;
+    return t?.closest?.('[data-id]') as HTMLElement | null;
+  }
+
+  private async onClick(e: MouseEvent): Promise<void> {
+    const t = e.target as HTMLElement;
+
+    // Ignore clicks inside rename / type-creator fields (handled by blur/enter)
+    if (t.closest('[data-rename], [data-prop], [data-col-resize]')) return;
+
+    const ctxItem = t.closest('[data-ctx]') as HTMLElement | null;
+    if (ctxItem) {
+      e.preventDefault();
+      const action = ctxItem.getAttribute('data-ctx')!;
+      const ctxTarget = this.contextMenu?.targetId ?? null;
+      const sidebar = this.contextMenu?.sidebar;
+      this.contextMenu = null;
+      this.renderContextMenu();
+      if (sidebar) {
+        const ep = this.servers[sidebar.index];
+        if (action === 'disconnect') {
+          if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
+            await this.host.onSidebarAction?.(ep, 'disconnect');
+            this.forgetEndpoint(ep.id);
+            this.renderSidebar();
+            return;
+          }
+          await this.disconnectRemote();
+          return;
+        }
+        if (action === 'eject' || action === 'unmount') {
+          if (sidebar.volume) await this.ejectVolume(sidebar.volume);
+          else if (ep) await this.ejectEndpoint(ep);
+          return;
+        }
+        if (ep) await this.host.onSidebarAction?.(ep, action, sidebar.volume);
+        return;
+      }
+      await this.handleContextAction(action, ctxTarget);
+      return;
+    }
+    if (this.contextMenu) {
+      this.contextMenu = null;
+      this.renderContextMenu();
+    }
+
+    const pathCrumb = t.closest('[data-path-index]') as HTMLElement | null;
+    if (pathCrumb) {
+      e.preventDefault();
+      const index = Number(pathCrumb.getAttribute('data-path-index'));
+      if (index >= this.pathStack.length - 1) return;
+      await this.navigateToPathIndex(index);
+      return;
+    }
+
+    const sortCol = t.closest('[data-sort-col]') as HTMLElement | null;
+    if (sortCol) {
+      e.preventDefault();
+      const key = (sortCol.getAttribute('data-sort-col') as SortKey) || 'name';
+      await this.applySort(key);
+      return;
+    }
+
+    const calloutAct = t.closest('[data-callout-act]')?.getAttribute('data-callout-act');
+    if (calloutAct) {
+      e.preventDefault();
+      const target = this.openCallout === 'share' ? null : this.selectedId;
+      const local = this.openCallout === 'share';
+      this.openCallout = null;
+      this.renderCallouts();
+      if (local) await this.handleContextAction(calloutAct, null);
+      else await this.handleContextAction(calloutAct, target);
+      return;
+    }
+
+    const actEl = t.closest('[data-act]') as HTMLElement | null;
+    const act = actEl?.getAttribute('data-act');
+    if (act === 'cancel-transfer') {
+      e.preventDefault();
+      e.stopPropagation();
+      const jobId = actEl?.getAttribute('data-job');
+      if (jobId) transferActivity.cancel(jobId);
+      return;
+    }
+    if (act === 'refresh') {
+      await this.onRefresh(actEl?.getAttribute('data-refresh') || undefined);
+      return;
+    }
+    if (act) {
+      await this.handleAction(act);
+      return;
+    }
+    const viewBtn = t.closest('[data-view]');
+    if (viewBtn) {
+      const next = (viewBtn.getAttribute('data-view') as ViewMode) || 'icon';
+      await this.setView(next);
+      return;
+    }
+    if (t.closest('[data-local]')) {
+      if (!this.hasLocalShare()) return;
+      this.showLocalShare();
+      this.closeSidebar();
+      await this.reload();
+      this.syncHistory();
+      this.render();
+      return;
+    }
+    const ejectEl = t.closest('[data-eject]');
+    if (ejectEl) {
+      e.preventDefault();
+      e.stopPropagation();
+      const name =
+        ejectEl.getAttribute('data-vol-name') ||
+        this.remoteVolumes[Number(ejectEl.getAttribute('data-eject'))];
+      if (name) await this.ejectVolume(name);
+      return;
+    }
+    const ejectEpEl = t.closest('[data-eject-endpoint]');
+    if (ejectEpEl) {
+      e.preventDefault();
+      e.stopPropagation();
+      const i = Number(ejectEpEl.getAttribute('data-eject-endpoint'));
+      const ep = this.servers[i];
+      if (ep) await this.ejectEndpoint(ep);
+      return;
+    }
+    const disconnectEl = t.closest('[data-disconnect]');
+    if (disconnectEl) {
+      e.preventDefault();
+      e.stopPropagation();
+      const i = Number(disconnectEl.getAttribute('data-disconnect'));
+      const ep = this.servers[i];
+      if (ep && ep.id !== this.remoteEndpoint?.id && ep.id !== this.remoteNbpName) {
+        await this.host.onSidebarAction?.(ep, 'disconnect');
+        this.forgetEndpoint(ep.id);
+        this.renderSidebar();
+        return;
+      }
+      await this.disconnectRemote();
+      return;
+    }
+    const volEl = t.closest('[data-vol]');
+    if (volEl) {
+      const parentI = Number(volEl.getAttribute('data-server-parent'));
+      const parent = Number.isFinite(parentI) ? this.servers[parentI] : this.remoteEndpoint;
+      const name =
+        volEl.getAttribute('data-vol-name') ||
+        this.remoteVolumes[Number(volEl.getAttribute('data-vol'))];
+      if (!name || !parent) return;
+      if (this.remoteBusy) return;
+      try {
+        const ok = await this.connectServerWithLogin(parent, name);
+        if (!ok) return;
+        this.closeSidebar();
+        if (this.remoteOpen) {
+          await this.reload();
+          this.syncHistory();
+        }
+        this.render();
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        log.error(`Open volume failed: ${msg}`, 'afp');
+        this.setStatus(`Open volume failed: ${msg}`);
+      }
+      return;
+    }
+    const serverEl = t.closest('[data-server]');
+    if (serverEl) {
+      const i = Number(serverEl.getAttribute('data-server'));
+      const s = this.servers[i];
+      if (!s) return;
+      if (this.remoteBusy) return;
+      if (this.viewingEndpoint(s)) {
+        this.closeSidebar();
+        await this.reload();
+        this.syncHistory();
+        this.render();
+        return;
+      }
+      if (!isCatalogEndpoint(s) && this.remoteLoggedIn && this.remoteNbpName === s.id) {
+        if (this.remoteOpen) {
+          this.closeSidebar();
+          await this.reload();
+          this.render();
+        } else {
+          this.renderSidebar();
+        }
+        return;
+      }
+      await this.connectServerWithLogin(s);
+      this.closeSidebar();
+      if (this.remoteOpen) {
+        await this.reload();
+        this.syncHistory();
+      }
+      this.render();
+      return;
+    }
+
+    const disclose = t.closest('[data-disclose]') as HTMLElement | null;
+    if (disclose && this.view === 'list') {
+      e.preventDefault();
+      e.stopPropagation();
+      const id = parseRefKey(disclose.getAttribute('data-disclose'));
+      if (id == null) return;
+      this.selectedId = id;
+      const row = disclose.closest('[data-id]') as HTMLElement | null;
+      if (row) this.paintSelection(row);
+      await this.toggleExpand(id);
+      return;
+    }
+
+    const item = this.itemFromEvent(e);
+    if (!item || !this.querySelector('.content')?.contains(item)) return;
+    if (item.matches('[data-preview], .item-info') || item.closest('[data-preview], .item-info')) return;
+
+    const id = dataRef(item);
+    if (id == null) return;
+    const isDir = item.getAttribute('data-dir') === '1';
+    const wasSelected = this.selectedId === id;
+    this.selectedId = id;
+
+    if (isCompactUi() && this.view !== 'column' && isDir && wasSelected) {
+      const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+      if (node?.isDir) await this.openFolder(node);
+      return;
+    }
+
+    if (this.view === 'column') {
+      this.syncResourceExplorer();
+      const colIndex = Number(item.getAttribute('data-col') ?? '0');
+      const beforePath = this.pathNamesForUrl().join('/');
+      this.pathStack = this.pathStack.slice(0, colIndex + 1);
+      this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
+      if (isDir) {
+        const node = this.findInColumns(id) ?? this.findNodeAnywhere(id);
+        if (node?.isDir) {
+          this.pathStack.push({ id: nodeRef(node), name: node.name });
+          this.cwd = nodeRef(node);
+          await this.loadColumnFolder(nodeRef(node), colIndex);
+        } else {
+          this.columnLoading = true;
+          this.renderPath();
+          this.renderContent();
+          const fetched = await this.vfs.get(id);
+          if (fetched?.isDir) {
+            this.pathStack.push({ id: nodeRef(fetched), name: fetched.name });
+            this.cwd = nodeRef(fetched);
+            await this.loadColumnFolder(nodeRef(fetched), colIndex);
+          } else {
+            this.columnLoading = false;
+            this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+            this.renderPath();
+            this.renderContent();
+          }
+        }
+      } else {
+        this.columnLoading = false;
+        this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+        this.nodes = this.columnChildren[this.columnChildren.length - 1] ?? this.nodes;
+        this.renderPath();
+        this.paintColumnSelection();
+      }
+      if (beforePath !== this.pathNamesForUrl().join('/')) this.syncHistory();
+      return;
+    }
+
+    this.paintSelection(item);
+    // Don't remount the file plane when Properties is open — preserves dblclick.
+    if (this.showProps) this.refreshPropsPanel();
+  }
+
+  private async loadColumnFolder(folderId: NodeRef, parentColIndex: number): Promise<void> {
+    const signal = this.beginNavListing();
+    this.columnLoadGen++;
+    const gen = this.columnLoadGen;
+    this.enumeratingFolderId = folderId;
+    this.columnLoading = true;
+    this.renderPath();
+    this.renderContent();
+    try {
+      const kids = await this.streamChildren(
+        folderId,
+        (partial) => {
+          if (gen !== this.columnLoadGen || signal.aborted) return;
+          this.columnChildren = this.columnChildren.slice(0, parentColIndex + 1);
+          this.columnChildren.push(partial);
+          this.nodes = partial;
+          this.columnLoading = false;
+          this.renderPath();
+          this.renderContent();
+        },
+        signal,
+      );
+      if (gen !== this.columnLoadGen || signal.aborted) return;
+      this.columnChildren = this.columnChildren.slice(0, parentColIndex + 1);
+      this.columnChildren.push(kids);
+      this.nodes = kids;
+    } catch (err) {
+      if (gen !== this.columnLoadGen || isAbortError(err)) return;
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Couldn’t open folder: ${msg}`);
+      this.pathStack = this.pathStack.slice(0, parentColIndex + 1);
+      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+    } finally {
+      if (gen === this.columnLoadGen && !signal.aborted) {
+        this.columnLoading = false;
+        if (this.enumeratingFolderId === folderId) this.enumeratingFolderId = null;
+      }
+    }
+    if (gen !== this.columnLoadGen) return;
+    this.renderPath();
+    this.renderContent();
+  }
+
+  private async toggleExpand(id: NodeRef): Promise<void> {
+    const row = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+    const disclose = row?.querySelector('[data-disclose]') as HTMLElement | null;
+    if (this.dragDepth === 0 && this.dragNodeId == null) {
+      this.querySelectorAll('.list-table tr.drop-target').forEach((el) => el.classList.remove('drop-target'));
+    }
+
+    if (this.expandedIds.has(id)) {
+      this.expandedIds.delete(id);
+      this.loadingIds.delete(id);
+      this.abortExpandListing(id);
+      this.nextFolderLoad(id);
+      this.collapseDescendants(id);
+      this.setDiscloseState(disclose, 'closed');
+      if (row) this.removeListChildRows(row);
+      else this.renderContent();
+      this.refreshFolderGlyph(id);
+      return;
+    }
+    this.expandedIds.add(id);
+    this.selectedId = id;
+    if (row) {
+      this.paintSelection(row);
+      if (this.dragDepth === 0 && this.dragNodeId == null) row.classList.remove('drop-target');
+    }
+    this.setDiscloseState(disclose, 'open');
+
+    const cached = this.listChildCache.get(id);
+    if (cached) {
+      if (row) this.insertListChildRows(row, cached, id);
+      else this.renderContent();
+      return;
+    }
+    const gen = this.nextFolderLoad(id);
+    this.loadingIds.add(id);
+    this.setDiscloseState(disclose, 'loading');
+    this.refreshFolderGlyph(id);
+    if (row) this.insertListingPlaceholderRow(row);
+    else this.renderContent();
+    const signal = this.beginExpandListing(id);
+    try {
+      const kids = await this.streamChildren(
+        id,
+        (partial) => {
+          if (!this.folderLoadIsCurrent(id, gen) || !this.expandedIds.has(id)) return;
+          this.listChildCache.set(id, partial);
+          const live = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+          if (live?.parentElement) this.replaceListChildRows(live, partial, id);
+          else this.renderContent();
+        },
+        signal,
+      );
+      if (!this.folderLoadIsCurrent(id, gen)) return;
+      this.listChildCache.set(id, kids);
+    } catch (err) {
+      if (!this.folderLoadIsCurrent(id, gen) || isAbortError(err)) return;
+      this.expandedIds.delete(id);
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Couldn’t expand folder: ${msg}`);
+      this.setDiscloseState(disclose, 'closed');
+    } finally {
+      if (this.folderLoadIsCurrent(id, gen)) this.loadingIds.delete(id);
+    }
+    if (!this.folderLoadIsCurrent(id, gen)) return;
+    this.refreshFolderGlyph(id);
+    const live = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+    if (live?.parentElement && this.expandedIds.has(id)) {
+      this.replaceListChildRows(live, this.listChildCache.get(id) ?? [], id);
+    } else this.renderContent();
+  }
+
+  private setDiscloseState(disclose: Element | null, state: 'open' | 'closed' | 'loading'): void {
+    if (!(disclose instanceof HTMLElement)) return;
+    disclose.classList.toggle('open', state !== 'closed');
+    disclose.classList.toggle('loading', state === 'loading');
+    disclose.setAttribute('aria-busy', String(state === 'loading'));
+    disclose.setAttribute(
+      'aria-label',
+      state === 'loading' ? 'Loading' : state === 'open' ? 'Collapse' : 'Expand',
+    );
+    if (!disclose.querySelector('svg')) disclose.innerHTML = uiIcons.disclose;
+  }
+
+  private removeListChildRows(row: HTMLTableRowElement): void {
+    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
+    let next = row.nextElementSibling as HTMLTableRowElement | null;
+    while (next) {
+      const d = Number(String(next.style.getPropertyValue('--depth') || '0'));
+      if (d <= depth) break;
+      const remove = next;
+      next = next.nextElementSibling as HTMLTableRowElement | null;
+      remove.remove();
+    }
+  }
+
+  private collapseDescendants(id: NodeRef): void {
+    const kids = this.listChildCache.get(id) ?? [];
+    for (const k of kids) {
+      if (k.isDir && this.expandedIds.has(nodeRef(k))) {
+        this.expandedIds.delete(nodeRef(k));
+        this.abortExpandListing(nodeRef(k));
+        this.collapseDescendants(nodeRef(k));
+      }
+    }
+  }
+
+  private findInColumns(id: NodeRef): VNode | undefined {
+    for (const col of this.columnChildren) {
+      const n = col.find((x) => refsEqual(nodeRef(x), id));
+      if (n) return n;
+    }
+    return this.nodes.find((n) => nodeRef(n) === id);
+  }
+
+  private paintSelection(item: HTMLElement): void {
+    this.querySelectorAll('.selected').forEach((el) => {
+      if (el.classList.contains('side-item')) return;
+      el.classList.remove('selected');
+    });
+    item.classList.add('selected');
+    this.syncClipboardButtons();
+    this.syncResourceExplorer();
+  }
+
+  private async onDblClick(e: MouseEvent): Promise<void> {
+    const t = e.target as HTMLElement;
+    if (t.closest('.finder-chrome') && !t.closest('button, select, label, input, a')) {
+      e.preventDefault();
+      this.toggleMaximized();
+      return;
+    }
+    const item = this.itemFromEvent(e);
+    if (!item || !this.querySelector('.content')?.contains(item)) return;
+    if (item.getAttribute('data-dir') !== '1') return;
+    if (this.view === 'column') return;
+    if ((e.target as HTMLElement).closest?.('[data-disclose]')) return;
+
+    e.preventDefault();
+    const id = dataRef(item);
+    if (id == null) return;
+
+    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+    if (!node?.isDir) return;
+    await this.openFolder(node);
+  }
+
+  private async openFolder(node: VNode): Promise<void> {
+    const openedId = nodeRef(node);
+    this.cwd = nodeRef(node);
+    this.pathStack.push({ id: nodeRef(node), name: node.name });
+    this.selectedId = null;
+    this.syncResourceExplorer();
+    this.expandedIds.clear();
+    this.folderOpening = true;
+    this.enumeratingFolderId = nodeRef(node);
+    this.nodes = [];
+    this.renderPath();
+    this.renderContent();
+    try {
+      await this.reload();
+    } finally {
+      if (this.cwd === openedId) this.folderOpening = false;
+    }
+    if (this.cwd !== openedId) return;
+    this.renderPath();
+    this.renderContent();
+    this.syncClipboardButtons();
+    this.syncHistory();
+  }
+
+  private contentEl(): HTMLElement | null {
+    return this.querySelector('.content');
+  }
+
+  private onDragStart(e: DragEvent): void {
+    const t = e.target as HTMLElement;
+    if (t.closest('[data-rename], [data-disclose], [data-preview], .item-info, [data-col-resize]')) {
+      e.preventDefault();
+      return;
+    }
+    const item = this.itemFromEvent(e);
+    if (!item || !this.contentEl()?.contains(item)) {
+      e.preventDefault();
+      return;
+    }
+    const id = dataRef(item);
+    if (id == null) {
+      e.preventDefault();
+      return;
+    }
+    this.dragNodeId = id;
+    this.dragNode = this.findNodeAnywhere(id);
+    this.dragCatalog = this.vfs;
+    this.selectedId = id;
+    e.dataTransfer?.setData('application/x-cs-node', String(id));
+    e.dataTransfer!.effectAllowed = 'copyMove';
+    item.classList.add('dragging');
+  }
+
+  private onDragEnd(): void {
+    this.querySelectorAll('.dragging').forEach((el) => el.classList.remove('dragging'));
+    this.dragNodeId = null;
+    this.dragNode = null;
+    this.dragCatalog = null;
+    this.clearSpringTimer();
+    this.clearDropUi();
+    this.clearDragPortal();
+    this.dragDepth = 0;
+  }
+
+  /** Keep the HTML5 drag source in-document while the file plane remounts/truncates. */
+  private parkDragSource(): void {
+    if (this.dragNodeId == null) return;
+    const dragging = this.querySelector('.dragging') as HTMLElement | null;
+    const portal = this.querySelector('.drag-portal') as HTMLElement | null;
+    if (!dragging || !portal || portal.contains(dragging)) return;
+    portal.appendChild(dragging);
+  }
+
+  private clearDragPortal(): void {
+    const portal = this.querySelector('.drag-portal');
+    if (portal) portal.replaceChildren();
+  }
+
+  private isExternalFileDrag(e: DragEvent): boolean {
+    if (this.dragNodeId != null) return false;
+    const types = e.dataTransfer?.types;
+    if (!types) return false;
+    return [...types].includes('Files');
+  }
+
+  private isInternalDrag(): boolean {
+    return this.dragNodeId != null;
+  }
+
+  private isDropDrag(e: DragEvent): boolean {
+    return this.isInternalDrag() || this.isExternalFileDrag(e);
+  }
+
+  private onDragEnter(e: DragEvent): void {
+    if (!this.isDropDrag(e)) return;
+    e.preventDefault();
+    this.dragDepth++;
+  }
+
+  private onDragOver(e: DragEvent): void {
+    if (!this.isDropDrag(e)) return;
+    e.preventDefault();
+    void this.updateDropHover(e);
+  }
+
+  private onDragLeave(e: DragEvent): void {
+    if (!this.isDropDrag(e)) return;
+    this.dragDepth = Math.max(0, this.dragDepth - 1);
+    if (this.dragDepth === 0) {
+      this.clearSpringTimer();
+      this.clearDropUi();
+    }
+  }
+
+  /** Folder under cursor for spring-load, else null. */
+  private folderUnderPointer(e: DragEvent): HTMLElement | null {
+    const item = this.itemFromEvent(e);
+    if (!item || !this.contentEl()?.contains(item)) return null;
+    if (item.getAttribute('data-dir') !== '1') return null;
+    const id = dataRef(item);
+    if (this.dragNodeId === id) return null;
+    return item;
+  }
+
+  /** Parent folder id represented by the column under the pointer. */
+  private columnParentFromEvent(e: DragEvent): NodeRef | null {
+    if (this.view !== 'column') return null;
+    const t = e.target as HTMLElement | null;
+    const col = t?.closest?.('[data-col-index]') as HTMLElement | null;
+    if (!col || !this.contentEl()?.contains(col)) return null;
+    const idx = Number(col.getAttribute('data-col-index'));
+    if (!Number.isFinite(idx) || idx < 0) return null;
+    return this.pathStack[idx]?.id ?? null;
+  }
+
+  /** Folder id from a path-bar crumb under the pointer, if any. */
+  private pathDropIdFromEvent(e: DragEvent): NodeRef | null {
+    const t = e.target as HTMLElement | null;
+    const crumb = t?.closest?.('[data-path-id]') as HTMLElement | null;
+    const bar = this.querySelector('.pathbar');
+    if (!crumb || !bar?.contains(crumb)) return null;
+    return parseRefKey(crumb.getAttribute('data-path-id'));
+  }
+
+  private columnIndexFromEvent(e: DragEvent): number | null {
+    if (this.view !== 'column') return null;
+    const t = e.target as HTMLElement | null;
+    const col = t?.closest?.('[data-col-index]') as HTMLElement | null;
+    if (!col) return null;
+    const idx = Number(col.getAttribute('data-col-index'));
+    return Number.isFinite(idx) ? idx : null;
+  }
+
+  /** Destination parent id for a drop in the current catalog, or null if invalid. */
+  private resolveDropParent(e: DragEvent): NodeRef | null {
+    const pathId = this.pathDropIdFromEvent(e);
+    if (pathId != null) return pathId;
+
+    const content = this.contentEl();
+    if (!content) return null;
+    const item = this.itemFromEvent(e);
+    if (item && content.contains(item)) {
+      const id = dataRef(item);
+      if (id == null) return this.columnParentFromEvent(e) ?? this.cwd;
+      if (this.dragNodeId === id) return null;
+      if (item.getAttribute('data-dir') === '1') return id;
+      const node = this.findNodeAnywhere(id);
+      if (node) return parentRef(node);
+      return this.columnParentFromEvent(e) ?? this.cwd;
+    }
+    const colParent = this.columnParentFromEvent(e);
+    if (colParent != null) return colParent;
+    const t = e.target as Node | null;
+    if (t && content.contains(t)) return this.cwd;
+    return null;
+  }
+
+  private currentShareKey(): string {
+    if (this.source === 'local') return LOCAL_SHARE_KEY;
+    if (this.remoteEndpoint && isCatalogEndpoint(this.remoteEndpoint)) {
+      return shareKeyForEndpoint(this.remoteEndpoint);
+    }
+    return `${this.remoteNbpName}:${this.pathStack[0]?.name ?? ''}`;
+  }
+
+  /** Sidebar share under the pointer (Browser Share, ClassicStack share, or mounted volume). */
+  private shareDropFromEvent(e: DragEvent): { key: string; name: string } | null {
+    return shareDropFromElement(e.target, this.querySelector('.sidebar'));
+  }
+
+  private async ensureShareCatalog(key: string): Promise<Catalog | null> {
+    if (key === LOCAL_SHARE_KEY) return this.localVfs ?? this.catalogs.get(LOCAL_SHARE_KEY) ?? null;
+    const existing = this.catalogs.get(key);
+    if (existing) return existing;
+    if (key.startsWith('endpoint:')) {
+      const id = key.slice('endpoint:'.length);
+      const ep = this.servers.find((s) => s.id === id);
+      if (!ep || !this.host.openEndpointCatalog) return null;
+      const cat = await this.host.openEndpointCatalog(ep);
+      this.catalogs.set(key, cat);
+      return cat;
+    }
+    const prefix = `${this.remoteNbpName}:`;
+    if (!this.remoteLoggedIn || !key.startsWith(prefix)) return null;
+    const name = key.slice(prefix.length);
+    if (!name) return null;
+    const cat = await this.host.openVolume(name);
+    this.catalogs.set(key, cat);
+    return cat;
+  }
+
+  private resolveDropDest(e: DragEvent): {
+    catalog: Catalog | null;
+    parentId: NodeRef;
+    shareKey?: string;
+    label: string;
+  } | null {
+    const share = this.shareDropFromEvent(e);
+    if (share) {
+      const cat = this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
+      return {
+        catalog: cat,
+        parentId: cat?.rootId() ?? 0,
+        shareKey: share.key,
+        label: share.name,
+      };
+    }
+    const parentId = this.resolveDropParent(e);
+    if (parentId == null) return null;
+    const destNode = this.findNodeAnywhere(parentId);
+    return {
+      catalog: this.vfs,
+      parentId,
+      label: destNode?.name ?? this.pathStack.find((p) => p.id === parentId)?.name ?? 'folder',
+    };
+  }
+
+  private async updateDropHover(e: DragEvent): Promise<void> {
+    const share = this.shareDropFromEvent(e);
+    if (share) {
+      const destCat =
+        this.catalogs.get(share.key) ?? (share.key === LOCAL_SHARE_KEY ? (this.localVfs ?? null) : null);
+      if (this.isInternalDrag() && this.dragNodeId != null && destCat && destCat === this.dragCatalog) {
+        if (!this.isValidMoveTarget(this.dragNodeId, destCat.rootId(), destCat)) {
+          if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
+          this.clearSpringTimer();
+          this.paintDropTarget(null, false, null, null, null);
+          return;
+        }
+      }
+      if (e.dataTransfer) {
+        const same = this.isInternalDrag() && destCat != null && destCat === this.dragCatalog;
+        e.dataTransfer.dropEffect = this.isInternalDrag() ? (same ? 'move' : 'copy') : 'copy';
+      }
+      this.paintDropTarget(null, false, null, null, share.key);
+      if (share.key !== this.currentShareKey() && share.key !== this.springShareKey) {
+        this.clearSpringTimer();
+        this.springShareKey = share.key;
+        this.springTimer = setTimeout(() => {
+          void this.springLoadShare(share.key);
+        }, 1000);
+      } else if (share.key === this.currentShareKey()) {
+        this.clearSpringTimer();
+      }
+      return;
+    }
+
+    const pathId = this.pathDropIdFromEvent(e);
+    if (pathId != null) {
+      if (this.isInternalDrag() && this.dragNodeId != null && this.dragCatalog === this.vfs) {
+        if (!this.isValidMoveTarget(this.dragNodeId, pathId, this.vfs)) {
+          if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
+          this.clearSpringTimer();
+          this.paintDropTarget(null, false, null, null);
+          return;
+        }
+      }
+      if (e.dataTransfer) {
+        e.dataTransfer.dropEffect = this.isInternalDrag() && this.dragCatalog === this.vfs ? 'move' : 'copy';
+      }
+      this.clearSpringTimer();
+      this.paintDropTarget(null, false, null, pathId);
+      return;
+    }
+
+    const dest = this.resolveDropParent(e);
+    const folderEl = this.folderUnderPointer(e);
+    const folderId = folderEl ? dataRef(folderEl) : null;
+    const colIndex = this.columnIndexFromEvent(e);
+
+    if (this.isInternalDrag() && dest != null && this.dragNodeId != null && this.dragCatalog === this.vfs) {
+      if (!this.isValidMoveTarget(this.dragNodeId, dest, this.vfs)) {
+        if (e.dataTransfer) e.dataTransfer.dropEffect = 'none';
+        this.clearSpringTimer();
+        this.paintDropTarget(null, false, null, null);
+        return;
+      }
+    }
+
+    if (e.dataTransfer) {
+      if (!this.isInternalDrag()) e.dataTransfer.dropEffect = 'copy';
+      else e.dataTransfer.dropEffect = this.dragCatalog === this.vfs ? 'move' : 'copy';
+    }
+
+    const blankActive = dest != null && folderId == null;
+    this.paintDropTarget(folderId, blankActive, blankActive ? colIndex : null, null);
+
+    if (folderId != null && folderId !== this.springFolderId) {
+      this.clearSpringTimer();
+      this.springFolderId = folderId;
+      this.springTimer = setTimeout(() => {
+        void this.springLoadFolder(folderId);
+      }, 1000);
+    } else if (folderId == null) {
+      this.clearSpringTimer();
+    }
+  }
+
+  private paintDropTarget(
+    folderId: NodeRef | null,
+    blankActive: boolean,
+    columnIndex: number | null = null,
+    pathId: NodeRef | null = null,
+    shareKey: string | null = null,
+  ): void {
+    this.dropHoverFolderId = folderId;
+    this.querySelectorAll('.drop-target').forEach((el) => el.classList.remove('drop-target'));
+    this.querySelectorAll('.drop-target-col').forEach((el) => el.classList.remove('drop-target-col'));
+    const content = this.contentEl();
+    content?.classList.remove('drop-active');
+
+    if (shareKey != null) {
+      const sel = `[data-share-key="${CSS.escape(shareKey)}"]`;
+      this.querySelector(`.sidebar ${sel}`)?.classList.add('drop-target');
+      return;
+    }
+
+    if (pathId != null) {
+      this.querySelector(`.crumb[data-path-id="${selRef(pathId)}"]`)?.classList.add('drop-target');
+      return;
+    }
+
+    if (folderId != null) {
+      const el =
+        this.querySelector(`.col-item[data-id="${selRef(folderId)}"]`) ??
+        this.querySelector(`.icon-item[data-id="${selRef(folderId)}"]`) ??
+        this.querySelector(`tr[data-id="${selRef(folderId)}"]`) ??
+        this.querySelector(`[data-id="${selRef(folderId)}"]`);
+      el?.classList.add('drop-target');
+      return;
+    }
+
+    if (!blankActive) return;
+
+    if (columnIndex != null) {
+      this.querySelector(`[data-col-index="${columnIndex}"]`)?.classList.add('drop-target-col');
+      return;
+    }
+    content?.classList.add('drop-active');
+  }
+
+  private clearDropUi(): void {
+    this.dropHoverFolderId = null;
+    this.querySelectorAll('.drop-target').forEach((el) => el.classList.remove('drop-target'));
+    this.querySelectorAll('.drop-target-col').forEach((el) => el.classList.remove('drop-target-col'));
+    this.contentEl()?.classList.remove('drop-active');
+  }
+
+  private clearSpringTimer(): void {
+    if (this.springTimer != null) {
+      clearTimeout(this.springTimer);
+      this.springTimer = null;
+    }
+    this.springFolderId = null;
+    this.springShareKey = null;
+  }
+
+  private async springLoadShare(key: string): Promise<void> {
+    this.springTimer = null;
+    if (this.springShareKey !== key) return;
+    if (this.currentShareKey() === key) return;
+    try {
+      if (key.startsWith('endpoint:')) {
+        await this.ensureShareCatalog(key);
+        return;
+      }
+      this.parkDragSource();
+      if (key === LOCAL_SHARE_KEY) {
+        this.showLocalShare();
+      } else {
+        const prefix = `${this.remoteNbpName}:`;
+        if (!key.startsWith(prefix)) return;
+        await this.mountRemoteVolume(key.slice(prefix.length));
+      }
+      if (this.springShareKey !== key) return;
+      await this.reload();
+      if (this.springShareKey !== key) return;
+      this.renderSidebar();
+      this.renderPath();
+      this.renderContent();
+      this.syncHistory();
+      this.paintDropTarget(null, false, null, null, key);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Couldn’t open share: ${msg}`);
+    }
+  }
+
+  private async springLoadFolder(id: NodeRef): Promise<void> {
+    this.springTimer = null;
+    if (this.dropHoverFolderId !== id && this.springFolderId !== id) return;
+    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+    if (!node?.isDir) return;
+
+    if (this.view === 'list') {
+      await this.springExpandList(id);
+      return;
+    }
+    if (this.view === 'column') {
+      await this.springOpenColumn(node);
+      return;
+    }
+    await this.springOpenIcon(node);
+  }
+
+  /** Expand a list-view folder without remounting the dragged row. */
+  private async springExpandList(id: NodeRef): Promise<void> {
+    if (this.expandedIds.has(id) || this.loadingIds.has(id)) return;
+    this.expandedIds.add(id);
+    const row = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+    const cached = this.listChildCache.get(id);
+    if (cached) {
+      this.insertListChildRows(row, cached, id);
+      return;
+    }
+    const gen = this.nextFolderLoad(id);
+    this.loadingIds.add(id);
+    const disclose = row?.querySelector('[data-disclose]');
+    if (disclose) this.setDiscloseState(disclose, 'loading');
+    this.refreshFolderGlyph(id);
+    if (row) this.insertListingPlaceholderRow(row);
+    else this.renderContent();
+    const signal = this.beginExpandListing(id);
+    try {
+      const kids = await this.streamChildren(
+        id,
+        (partial) => {
+          if (!this.folderLoadIsCurrent(id, gen) || !this.expandedIds.has(id)) return;
+          this.listChildCache.set(id, partial);
+          const live = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+          if (live?.parentElement) this.replaceListChildRows(live, partial, id);
+          else {
+            this.parkDragSource();
+            this.renderContent();
+            this.paintDropTarget(id, false);
+          }
+        },
+        signal,
+      );
+      if (!this.folderLoadIsCurrent(id, gen)) return;
+      this.listChildCache.set(id, kids);
+    } catch (err) {
+      if (!this.folderLoadIsCurrent(id, gen) || isAbortError(err)) return;
+      this.expandedIds.delete(id);
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Couldn’t expand folder: ${msg}`);
+    } finally {
+      if (this.folderLoadIsCurrent(id, gen)) this.loadingIds.delete(id);
+    }
+    if (!this.folderLoadIsCurrent(id, gen)) return;
+    this.refreshFolderGlyph(id);
+    const live = this.querySelector(`tr[data-id="${selRef(id)}"]`) as HTMLTableRowElement | null;
+    if (!live?.parentElement) {
+      this.parkDragSource();
+      this.renderContent();
+      this.paintDropTarget(id, false);
+      return;
+    }
+    if (this.expandedIds.has(id)) this.replaceListChildRows(live, this.listChildCache.get(id) ?? [], id);
+    else this.renderContent();
+  }
+
+  private insertListingPlaceholderRow(row: HTMLTableRowElement): void {
+    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
+    row.insertAdjacentHTML('afterend', this.listRowHtml(this.listingPlaceholderItem(), depth + 1));
+  }
+
+  private refreshFolderGlyph(id: NodeRef): void {
+    const node = this.findNodeAnywhere(id);
+    if (!node?.isDir) {
+      this.renderPath();
+      return;
+    }
+    const item: ListItem = {
+      key: String(id),
+      name: node.name,
+      isDir: true,
+      size: 0,
+      mod: unixDate(node.modDate),
+      node,
+      finderInfo: node.finderInfo,
+    };
+    const w = transferActivity
+      .writesIn(this.vfs, parentRef(node))
+      .find((x) => x.name.toLowerCase() === node.name.toLowerCase());
+    if (w) item.writing = w;
+    const sel =
+      '.icon-write, .icon-glyph-img, .icon-glyph-svg, .icon-glyph-spinner, .col-icon-img, .col-icon-svg, .col-icon-spinner, .row-icon-img, .row-icon-svg, .row-icon-spinner';
+    for (const el of this.querySelectorAll(`[data-id="${selRef(id)}"]`)) {
+      const kind = el.classList.contains('icon-item')
+        ? 'icon'
+        : el.classList.contains('col-item')
+          ? 'col'
+          : el.tagName === 'TR'
+            ? 'row'
+            : null;
+      if (!kind) continue;
+      const g = el.querySelector(sel);
+      if (!g) continue;
+      const tmp = document.createElement('div');
+      tmp.innerHTML = this.glyphHtml(item, kind === 'icon' ? 'large' : 'small', kind);
+      const next = tmp.firstElementChild;
+      if (next) g.replaceWith(next);
+    }
+    this.renderPath();
+  }
+
+  private replaceListChildRows(row: HTMLTableRowElement, kids: VNode[], folderId: NodeRef): void {
+    this.removeListChildRows(row);
+    this.insertListChildRows(row, kids, folderId);
+  }
+
+  private insertListChildRows(row: HTMLTableRowElement | null, kids: VNode[], folderId: NodeRef): void {
+    if (!row?.parentElement) return;
+    const depth = Number(String(row.style.getPropertyValue('--depth') || '0'));
+    const html = this.mergeWritingItems(folderId, kids.map((n) => this.listItemFromNode(n)))
+      .map((item) => this.listRowHtml(item, depth + 1))
+      .join('');
+    row.insertAdjacentHTML('afterend', html);
+    this.setDiscloseState(row.querySelector('[data-disclose]'), 'open');
+    if (this.dragDepth > 0 || this.dragNodeId != null) this.paintDropTarget(folderId, false);
+    const folder = this.findNodeAnywhere(folderId);
+    const items = this.mergeWritingItems(folderId, kids.map((n) => this.listItemFromNode(n)));
+    if (folder) {
+      items.unshift({
+        key: refKey(nodeRef(folder)),
+        name: folder.name,
+        isDir: true,
+        size: nodeByteSize(folder),
+        mod: unixDate(folder.modDate),
+        node: folder,
+        finderInfo: folder.finderInfo,
+      });
+    }
+    this.prefetchIcons(items, 'add');
+  }
+
+  /** Navigate into a folder in icon view; park drag source so the gesture survives. */
+  private async springOpenIcon(node: VNode): Promise<void> {
+    if (this.cwd === nodeRef(node)) return;
+    // Only spring-open folders visible in the current directory.
+    if (!this.nodes.some((n) => nodeRef(n) === nodeRef(node))) {
+      const visible = this.querySelector(`.icon-item[data-id="${selRef(nodeRef(node))}"]`);
+      if (!visible) return;
+    }
+
+    this.parkDragSource();
+    const openedId = nodeRef(node);
+    this.cwd = nodeRef(node);
+    this.pathStack.push({ id: nodeRef(node), name: node.name });
+    this.selectedId = null;
+    this.expandedIds.clear();
+    await this.reload();
+    if (this.cwd !== openedId) return;
+    this.renderPath();
+    this.renderContent();
+    this.syncClipboardButtons();
+    this.syncHistory();
+    this.clearSpringTimer();
+    this.clearDropUi();
+  }
+
+  /** Open a folder into the next Miller column without remounting earlier columns (keeps drag alive). */
+  private async springOpenColumn(node: VNode): Promise<void> {
+    const colItem = this.querySelector(`.col-item[data-id="${selRef(nodeRef(node))}"]`) as HTMLElement | null;
+    if (!colItem) return;
+    const colIndex = Number(colItem.getAttribute('data-col') ?? '0');
+    if (this.pathStack[colIndex + 1]?.id === nodeRef(node) && !this.columnLoading) return;
+
+    this.parkDragSource();
+    const signal = this.beginNavListing();
+
+    this.pathStack = this.pathStack.slice(0, colIndex + 1);
+    this.pathStack.push({ id: nodeRef(node), name: node.name });
+    this.cwd = nodeRef(node);
+    this.selectedId = null;
+    this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
+
+    const view = this.querySelector('.column-view');
+    if (!view) {
+      await this.loadColumnFolder(nodeRef(node), colIndex);
+      this.syncHistory();
+      this.clearSpringTimer();
+      return;
+    }
+
+    view.querySelectorAll(':scope > .column').forEach((col) => {
+      const idx = Number(col.getAttribute('data-col-index'));
+      if (Number.isFinite(idx) && idx > colIndex) col.remove();
+    });
+    view.querySelectorAll('[data-preview]').forEach((el) => el.remove());
+
+    const parentCol = view.querySelector(`[data-col-index="${colIndex}"]`);
+    parentCol?.querySelectorAll('.col-item.selected').forEach((el) => el.classList.remove('selected'));
+    colItem.classList.add('selected');
+
+    this.columnLoadGen++;
+    const gen = this.columnLoadGen;
+    this.enumeratingFolderId = nodeRef(node);
+    this.columnLoading = true;
+    this.refreshFolderGlyph(nodeRef(node));
+    parentCol?.insertAdjacentHTML('afterend', this.columnLoadingHtml(colIndex + 1));
+    this.renderPath();
+    this.scrollColumnsToEnd();
+
+    try {
+      const kids = await this.streamChildren(
+        nodeRef(node),
+        (partial) => {
+          if (gen !== this.columnLoadGen || signal.aborted) return;
+          this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
+          this.columnChildren.push(partial);
+          this.nodes = partial;
+          this.columnLoading = false;
+          this.paintColumnKids(view, colIndex, partial);
+          this.scrollColumnsToEnd();
+        },
+        signal,
+      );
+      if (gen !== this.columnLoadGen || signal.aborted) return;
+      this.columnChildren = this.columnChildren.slice(0, colIndex + 1);
+      this.columnChildren.push(kids);
+      this.nodes = kids;
+      this.columnLoading = false;
+      this.paintColumnKids(view, colIndex, kids);
+    } catch (err) {
+      if (gen !== this.columnLoadGen || isAbortError(err)) return;
+      this.columnLoading = false;
+      view.querySelector('.column--loading')?.remove();
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Couldn’t open folder: ${msg}`);
+      this.pathStack = this.pathStack.slice(0, colIndex + 1);
+      this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+    } finally {
+      if (gen === this.columnLoadGen && !signal.aborted && this.enumeratingFolderId === nodeRef(node)) {
+        this.enumeratingFolderId = null;
+        this.refreshFolderGlyph(nodeRef(node));
+      }
+    }
+
+    if (gen !== this.columnLoadGen) return;
+    this.renderPath();
+    this.scrollColumnsToEnd();
+    this.syncHistory();
+    this.clearSpringTimer();
+    this.paintDropTarget(nodeRef(node), false);
+  }
+
+  private isValidMoveTarget(id: NodeRef, destParent: NodeRef, fs: Catalog = this.vfs): boolean {
+    if (this.dragCatalog && fs !== this.dragCatalog) return true;
+    if (id === destParent) return false;
+    const node =
+      (this.dragNodeId === id ? this.dragNode : null) ??
+      (fs === this.vfs ? this.findNodeAnywhere(id) : null);
+    if (!node) return true;
+    if (!node.isDir) return true;
+    const seen = new Set<NodeRef>();
+    let curId: NodeRef | null = destParent;
+    while (curId != null && !seen.has(curId)) {
+      if (curId === id) return false;
+      seen.add(curId);
+      if (fs === this.vfs) {
+        const idx = this.pathStack.findIndex((p) => p.id === curId);
+        if (idx > 0) {
+          curId = this.pathStack[idx - 1]!.id;
+          continue;
+        }
+        if (idx === 0) break;
+        const n = this.findNodeAnywhere(curId);
+        if (!n || parentRef(n) === nodeRef(n)) break;
+        curId = parentRef(n);
+        continue;
+      }
+      break;
+    }
+    return true;
+  }
+
+  private async planPlacement(
+    fs: Catalog,
+    parentId: NodeRef,
+    name: string,
+    isDir: boolean,
+    ignoreId?: NodeRef,
+    reserved?: Set<string>,
+  ): Promise<PlacementPlan> {
+    const plan = await planItemPlacement(fs, parentId, name, isDir, {
+      ignoreId,
+      reserved,
+      resolveConflict: (info) => this.host.promptNameConflict(info),
+    });
+    if (!plan) throw new TransferCancelled();
+    reserved?.add(plan.destName.toLowerCase());
+    return plan;
+  }
+
+  private async moveNodeTo(id: NodeRef, destParent: NodeRef, fs: Catalog = this.vfs): Promise<void> {
+    const node = (this.dragNodeId === id ? this.dragNode : null) ?? (await fs.get(id));
+    if (!node) return;
+    if (parentRef(node) === destParent) return;
+    if (!this.isValidMoveTarget(id, destParent, fs)) {
+      this.setStatus('Can’t move an item into itself');
+      return;
+    }
+    const plan = await this.planPlacement(fs, destParent, node.name, node.isDir, id);
+    await this.withOwnVfsMutation(async () => {
+      if (plan.replaceId != null) await fs.remove(plan.replaceId);
+      if (plan.destName !== node.name) await fs.rename(id, plan.destName);
+      await fs.move(id, destParent);
+    });
+  }
+
+  private async copyNodeAcross(
+    src: Catalog,
+    id: NodeRef,
+    dest: Catalog,
+    destParent: NodeRef,
+  ): Promise<void> {
+    const node =
+      (this.dragNodeId === id && this.dragCatalog === src ? this.dragNode : null) ??
+      (await src.get(id));
+    if (!node) return;
+    const plan = await this.planPlacement(dest, destParent, node.name, node.isDir);
+    const expected = node.isDir ? 0 : nodeByteSize(node);
+    const jobId = this.startTransfer(plan.destName, node.isDir, expected, node.finderInfo);
+    transferActivity.setDest(jobId, dest, destParent, plan.destName);
+    const signal = transferActivity.signal(jobId);
+    if (isCatalogWithBackend(src) && isCatalogWithBackend(dest) && src.api.backendId === dest.api.backendId) {
+      try {
+        await dest.copyFrom(src, id, destParent, {
+          destName: plan.destName,
+          replace: plan.replaceId != null,
+          replaceId: plan.replaceId,
+          signal,
+          onProgress: (p) => {
+            const cur = transferActivity.list().find((j) => j.id === jobId)?.bytesDone || 0;
+            if (typeof p.bytesTotal === 'number') transferActivity.setTotal(jobId, p.bytesTotal);
+            if (typeof p.bytesDone === 'number' && p.bytesDone > cur) transferActivity.addBytes(jobId, p.bytesDone - cur);
+          },
+        });
+        await transferActivity.settle(jobId);
+        return;
+      } catch (err) {
+        await transferActivity.settle(jobId, err);
+        throw err;
+      }
+    }
+    await this.withOwnVfsMutation(async () => {
+      dest.beginBatch();
+      try {
+        await transferActivity.withCopySlot(jobId, async () => {
+          throwIfAborted(signal);
+          if (plan.replaceId != null) await dest.remove(plan.replaceId);
+          const creditRead = !!src.reportsChunkedBytes && !dest.reportsChunkedBytes;
+          const creditWrite = !!dest.reportsChunkedBytes || !creditRead;
+          const snap = await this.snapshotNode(
+            src,
+            node,
+            creditRead ? (n) => {
+              throwIfAborted(signal);
+              transferActivity.addBytes(jobId, n);
+            } : undefined,
+            signal,
+          );
+          throwIfAborted(signal);
+          transferActivity.setTotal(jobId, clipByteSize(snap));
+          await this.writeClipNode(
+            dest,
+            destParent,
+            snap,
+            creditWrite ? (n) => {
+              throwIfAborted(signal);
+              transferActivity.addBytes(jobId, n);
+            } : undefined,
+            plan.destName,
+            jobId,
+          );
+          throwIfAborted(signal);
+        });
+        await transferActivity.settle(jobId);
+      } catch (err) {
+        await transferActivity.settle(jobId, err);
+        throw err;
+      } finally {
+        dest.endBatch();
+      }
+    });
+  }
+
+  private async refreshAfterMutation(): Promise<void> {
+    await this.pruneStalePath();
+    await this.reload();
+    this.renderPath();
+    this.renderContent();
+  }
+
+  /** Drop path crumbs whose folders were moved/removed. */
+  private async pruneStalePath(): Promise<void> {
+    if (this.pathStack.length <= 1) return;
+    const kept = [this.pathStack[0]!];
+    for (let i = 1; i < this.pathStack.length; i++) {
+      const step = this.pathStack[i]!;
+      const node = await this.vfs.get(step.id);
+      if (!node?.isDir || parentRef(node) !== kept[kept.length - 1]!.id) break;
+      kept.push({ id: nodeRef(node), name: node.name });
+    }
+    this.pathStack = kept;
+    this.cwd = kept[kept.length - 1]!.id;
+  }
+
+  private async onDrop(e: DragEvent): Promise<void> {
+    e.preventDefault();
+    e.stopPropagation();
+    const destInfo = this.resolveDropDest(e);
+    const internalId = this.dragNodeId;
+    const srcCat = this.dragCatalog;
+    this.clearSpringTimer();
+    this.clearDropUi();
+    this.dragDepth = 0;
+    this.dragNodeId = null;
+    this.querySelectorAll('.dragging').forEach((el) => el.classList.remove('dragging'));
+    this.clearDragPortal();
+
+    if (!destInfo) {
+      this.dragNode = null;
+      this.dragCatalog = null;
+      return;
+    }
+
+    try {
+      const destCat = destInfo.catalog ?? (destInfo.shareKey ? await this.ensureShareCatalog(destInfo.shareKey) : null);
+      if (!destCat) {
+        this.setStatus('Couldn’t open drop target');
+        return;
+      }
+      const destParent = destInfo.parentId ?? destCat.rootId();
+
+      if (internalId != null) {
+        if (!srcCat) return;
+        const srcNode =
+          (this.dragCatalog === srcCat ? this.dragNode : null) ?? (await srcCat.get(internalId));
+        const srcParent = srcNode ? parentRef(srcNode) : undefined;
+        if (srcCat === destCat) {
+          await this.moveNodeTo(internalId, destParent, destCat);
+          this.setStatus('Moved 1 item');
+          await this.refreshIfDestVisible(
+            destCat,
+            destParent,
+            ...(srcParent != null ? [srcParent] : []),
+          );
+        } else {
+          await this.copyNodeAcross(srcCat, internalId, destCat, destParent);
+          this.setStatus(`Copied 1 item to ${destInfo.label}`);
+          await this.refreshIfDestVisible(destCat, destParent);
+        }
+        return;
+      }
+
+      const dt = e.dataTransfer;
+      if (!dt) {
+        this.setStatus('No files in drop');
+        return;
+      }
+      this.setStatus('Scanning…', { busy: true });
+      let lastPaint = 0;
+      const count = await this.withOwnVfsMutation(() =>
+        destCat.importDataTransfer(destParent, dt, {
+          onScan: (total) => {
+            this.setStatus(
+              total > 0 ? `Importing… 0/${total} (0%)` : 'Importing…',
+              { busy: true },
+            );
+          },
+          onProgress: (done, total) => {
+            const now = performance.now();
+            if (done === 1 || done === total || now - lastPaint > 80) {
+              lastPaint = now;
+              const pct = total > 0 ? Math.min(100, Math.round((done / total) * 100)) : 0;
+              this.setStatus(
+                total > 0 ? `Importing… ${done}/${total} (${pct}%)` : `Importing… ${done} item(s)`,
+                { busy: true },
+              );
+            }
+          },
+          onItem: (item) => this.trackImportItem(item, destCat, destParent),
+          resolveConflict: (info) => this.host.promptNameConflict(info),
+        }),
+      );
+      if (count === 0) {
+        this.setStatus('No files in drop');
+        return;
+      }
+      this.setStatus(`Imported ${count} item(s) into ${destInfo.label}`);
+      if (this.vfs !== destCat || !this.changeImpactsVisibleFolders([destParent])) return;
+      iconCache.clearDirectoryCache();
+      this.iconUrls.clear();
+      this.bumpIconLoadGen();
+      await this.refreshAfterMutation();
+    } catch (err) {
+      if (isTransferCancelled(err)) {
+        this.setStatus('Transfer cancelled');
+        const cat = destInfo.catalog;
+        if (cat) await this.refreshIfDestVisible(cat, destInfo.parentId || cat.rootId());
+        return;
+      }
+      console.error(err);
+      this.setStatus(`Drop failed: ${(err as Error).message}`);
+    } finally {
+      this.dragNode = null;
+      this.dragCatalog = null;
+    }
+  }
+
+  private async handleAction(act: string): Promise<void> {
+    switch (act) {
+      case 'connect':
+        await this.onConnect();
+        break;
+      case 'refresh':
+        await this.onRefresh();
+        break;
+      case 'mkdir':
+        await this.onMkdir();
+        break;
+      case 'cut':
+        await this.cutSelection();
+        break;
+      case 'copy':
+        await this.copySelection();
+        break;
+      case 'paste':
+        await this.pasteClipboard();
+        break;
+      case 'delete':
+        await this.onDelete();
+        break;
+      case 'props':
+        if (this.selectedId == null) {
+          this.setStatus('Select an item for Get Info');
+          break;
+        }
+        this.showProps = !this.showProps;
+        this.syncPropsButton();
+        this.refreshPropsPanel();
+        break;
+      case 'close-props':
+        this.showProps = false;
+        this.syncPropsButton();
+        this.refreshPropsPanel();
+        break;
+      case 'apply-props':
+        await this.applyProps();
+        break;
+      case 'resources':
+        this.openResourceExplorer();
+        break;
+      case 'win-resources':
+        this.openWinResourceExplorer();
+        break;
+      case 'download':
+        await this.onDownload();
+        break;
+      case 'preview':
+        await this.openPreview();
+        break;
+      case 'close-preview':
+        this.closePreview();
+        break;
+      case 'locations':
+        this.sidebarOpen = !this.sidebarOpen;
+        this.classList.toggle('sidebar-open', this.sidebarOpen);
+        break;
+      case 'close-sidebar':
+        this.closeSidebar();
+        break;
+      case 'transfers':
+        this.toggleCallout('transfers');
+        break;
+      case 'actions':
+        this.toggleCallout('actions');
+        break;
+      case 'share-actions':
+        this.toggleCallout('share');
+        break;
+      case 'import':
+        this.querySelector<HTMLInputElement>('[data-import-files]')?.click();
+        break;
+      case 'zoom':
+        this.toggleMaximized();
+        break;
+      case 'expand':
+        await this.expandArchive();
+        break;
+    }
+  }
+
+  private async applyProps(): Promise<void> {
+    const sel = this.selectedNode();
+    if (!sel) return;
+    const caps = this.vfs.capabilities();
+    const typeEl =
+      (this.getInfoWindow?.querySelector('[data-prop="type"]') as HTMLInputElement | null) ??
+      (this.querySelector('[data-prop="type"]') as HTMLInputElement | null);
+    const creatorEl =
+      (this.getInfoWindow?.querySelector('[data-prop="creator"]') as HTMLInputElement | null) ??
+      (this.querySelector('[data-prop="creator"]') as HTMLInputElement | null);
+    if (showsTypeCreator(caps, sel.isDir) && typeEl && creatorEl) {
+      const type = typeEl.value.padEnd(4).slice(0, 4);
+      const creator = creatorEl.value.padEnd(4).slice(0, 4);
+      for (let i = 0; i < 4; i++) {
+        sel.finderInfo[i] = type.charCodeAt(i);
+        sel.finderInfo[4 + i] = creator.charCodeAt(i);
+      }
+      await this.withOwnVfsMutation(() => this.vfs.put(sel));
+    }
+    const patch: Record<string, boolean> = {};
+    for (const a of caps.attributes) {
+      const el =
+        (this.getInfoWindow?.querySelector(`[data-attr="${CSS.escape(a.id)}"]`) as HTMLInputElement | null) ??
+        (this.querySelector(`[data-attr="${CSS.escape(a.id)}"]`) as HTMLInputElement | null);
+      if (el) patch[a.id] = el.checked;
+    }
+    if (Object.keys(patch).length && this.vfs.setAttrs) {
+      await this.withOwnVfsMutation(() => this.vfs.setAttrs!(nodeRef(sel), patch));
+    }
+    this.setStatus('Info updated');
+    await this.reload();
+    this.refreshPropsPanel();
+  }
+
+  private async onConnect(): Promise<void> {
+    if (!this.hasTransport()) return;
+    if (this.host.isConnected()) {
+      await this.host.disconnectTransport?.();
+      this.unmountRemote('Disconnected');
+      return;
+    }
+    try {
+      await this.host.connectTransport?.();
+      this.setStatus('Serial connected — claiming LocalTalk node…');
+      this.render();
+    } catch (e) {
+      this.setStatus(`Connect failed: ${(e as Error).message}`);
+    }
+  }
+
+  /** Select a sidebar row and show listing placeholders while a share connects. */
+  private beginConnecting(ep: RemoteEndpoint, volume?: string): void {
+    this.connectingEndpointId = ep.id;
+    this.connectingVolume = volume?.trim() || null;
+    this.remoteBusy = true;
+    this.folderOpening = true;
+    this.nodes = [];
+    this.selectedId = null;
+    if (this.view === 'column') {
+      this.columnLoading = true;
+      this.columnChildren = [];
+    }
+    const label = this.connectingVolume || ep.title;
+    this.setStatus(
+      this.connectingVolume ? `Opening “${label}”…` : `Contacting ${ep.title}…`,
+      { busy: true },
+    );
+    this.renderSidebar();
+    this.renderPath();
+    this.renderContent();
+  }
+
+  private endConnecting(): void {
+    const was = this.connectingEndpointId != null;
+    this.connectingEndpointId = null;
+    this.connectingVolume = null;
+    this.remoteBusy = false;
+    if (!this.remoteOpen) {
+      this.folderOpening = false;
+      this.columnLoading = false;
+    }
+    if (was) this.renderSidebar();
+  }
+
+  private async restoreAfterFailedConnect(): Promise<void> {
+    if (this.hasLocalShare()) {
+      this.showLocalShare();
+      await this.reload();
+    } else {
+      this.nodes = [];
+      this.folderOpening = false;
+      this.columnLoading = false;
+    }
+  }
+
+  /** After a connect that only lists volumes, put a usable listing back on screen. */
+  private async restoreListingIfIdle(): Promise<void> {
+    if (this.remoteOpen || this.nodes.length > 0) return;
+    if (this.hasLocalShare() && this.source !== 'local') this.showLocalShare();
+    if (this.vfs) await this.reload();
+  }
+
+  private async connectServerWithLogin(
+    s: RemoteEndpoint,
+    volume?: string,
+    opts?: OpenRemoteOptions,
+  ): Promise<boolean> {
+    if (this.remoteBusy) return false;
+    const wantVol = volume?.trim() || '';
+    const autoOpenSingle = opts?.autoOpenSingle !== false;
+    const alreadyViewing =
+      this.viewingEndpoint(s) &&
+      (!wantVol || (this.source === 'remote' && this.pathStack[0]?.name === wantVol));
+    if (alreadyViewing) {
+      this.renderSidebar();
+      return true;
+    }
+
+    this.beginConnecting(s, wantVol || undefined);
+    let ok = false;
+    try {
+      if (this.loggedInEndpoints.has(s.id)) {
+        this.adoptEndpoint(s);
+        this.remoteNbpName = s.id;
+        this.remoteLoggedIn = true;
+        try {
+          const info = await this.host.beginRemote(s);
+          this.knownVolumes.set(s.id, [...(info.volumes ?? [])]);
+          this.adoptEndpoint(s, { title: info.serverName || s.title });
+        } catch {
+          /* keep cached volumes */
+        }
+        this.remoteVolumes = this.volumesFor(s);
+        if (wantVol && !this.remoteVolumes.some((v) => v.toLowerCase() === wantVol.toLowerCase())) {
+          this.remoteVolumes = [...this.remoteVolumes, wantVol];
+          this.knownVolumes.set(s.id, [...this.remoteVolumes]);
+        }
+        if (wantVol) {
+          await this.mountRemoteVolume(wantVol);
+          ok = true;
+          return true;
+        }
+        if (isCatalogEndpoint(s)) {
+          try {
+            await this.openCatalogVolume(s);
+            ok = true;
+            return true;
+          } catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            log.error(`Open volume failed: ${msg}`, s.kind);
+            this.setStatus(`Open volume failed: ${msg}`);
+            await this.restoreAfterFailedConnect();
+            return false;
+          }
+        }
+        this.remoteOpen = false;
+        this.renderSidebar();
+        await this.restoreListingIfIdle();
+        ok = true;
+        return true;
+      }
+
+      log.info(`Connecting to ${s.kind} “${s.title}” (${s.id})`, s.kind);
+      this.remoteLoggedIn = false;
+      this.remoteVolumes = [];
+      this.remoteOpen = false;
+      const info: SessionInfo = await this.host.beginRemote(s);
+      if (this.remoteNbpName === s.id) this.dropRemoteCatalogs(s.id);
+      const uams = info.uams ?? [];
+      const skipPrompt = info.allowGuest && uams.length === 0 && !opts?.credentials;
+      this.setStatus(`Connected to ${info.serverName || s.title} — sign in`);
+      let error: string | undefined;
+      let usedInitial = false;
+      for (;;) {
+        let creds: Credentials | null;
+        if (!usedInitial && opts?.credentials) {
+          usedInitial = true;
+          creds = opts.credentials;
+        } else if (skipPrompt) {
+          creds = { kind: 'guest' };
+        } else {
+          creds = await this.host.promptCredentials({
+            serverName: info.serverName || s.title,
+            uams,
+            error,
+            allowGuest: info.allowGuest,
+            kind: s.kind,
+          });
+        }
+        if (!creds) {
+          await this.host.closeRemote().catch(() => undefined);
+          this.remoteLoggedIn = false;
+          this.remoteVolumes = [];
+          this.remoteEndpoint = null;
+          this.remoteNbpName = '';
+          this.setStatus('Login cancelled');
+          await this.restoreAfterFailedConnect();
+          return false;
+        }
+        try {
+          const vols = await this.host.loginRemote(creds);
+          this.remoteLoggedIn = true;
+          this.remoteVolumes = vols.length ? vols : info.volumes;
+          if (wantVol && !this.remoteVolumes.some((v) => v.toLowerCase() === wantVol.toLowerCase())) {
+            this.remoteVolumes = [...this.remoteVolumes, wantVol];
+          }
+          this.remoteNbpName = s.id;
+          this.adoptEndpoint(s, { title: info.serverName || s.title });
+          this.remoteOpen = false;
+          this.knownVolumes.set(s.id, [...this.remoteVolumes]);
+          this.loggedInEndpoints.add(s.id);
+          this.setStatus(
+            `Signed in to ${info.serverName || s.title} — ${this.remoteVolumes.length} volume(s)`,
+          );
+          log.info(
+            `Authenticated to “${info.serverName || s.title}”; volumes: ${this.remoteVolumes.join(', ') || '(none)'}`,
+            s.kind,
+          );
+          this.host.dismissLogin?.();
+          if (wantVol) {
+            await this.mountRemoteVolume(wantVol);
+          } else if (autoOpenSingle && skipPrompt && this.remoteVolumes.length === 1) {
+            await this.mountRemoteVolume(this.remoteVolumes[0]!);
+          } else {
+            await this.restoreListingIfIdle();
+          }
+          ok = true;
+          return true;
+        } catch (err) {
+          error = err instanceof Error ? err.message : String(err);
+          log.error(`Login failed: ${error}`, s.kind);
+          if (skipPrompt) throw err;
+        }
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      log.error(`Connect failed: ${msg}`, s.kind);
+      this.setStatus(`Connect failed: ${msg}`);
+      await this.host.closeRemote().catch(() => undefined);
+      this.remoteLoggedIn = false;
+      this.remoteVolumes = [];
+      this.remoteEndpoint = null;
+      this.remoteNbpName = '';
+      await this.restoreAfterFailedConnect();
+      return false;
+    } finally {
+      this.endConnecting();
+      if (ok) this.renderSidebar();
+    }
+  }
+
+  /** Keep the sidebar row and current session endpoint in sync (host name after login). */
+  private adoptEndpoint(s: RemoteEndpoint, patch?: Partial<RemoteEndpoint>): RemoteEndpoint {
+    const next = { ...s, ...patch };
+    const i = this.servers.findIndex((x) => x.id === s.id);
+    if (i >= 0) this.servers[i] = next;
+    else this.servers = [next, ...this.servers];
+    this.remoteEndpoint = next;
+    return next;
+  }
+
+  /** Walk into a folder path on the currently mounted volume. */
+  private async enterFolderPath(path: string): Promise<void> {
+    const names = path.split('/').map((p) => p.trim()).filter(Boolean);
+    if (!names.length) return;
+    const volName = this.pathStack[0]?.name;
+    this.pathStack = await this.resolvePathNames(names, volName);
+    this.cwd = this.pathStack[this.pathStack.length - 1]!.id;
+  }
+
+  private async mountRemoteVolume(name: string): Promise<void> {
+    log.info(`Opening volume “${name}”`, 'afp');
+    const key = this.catalogKeyForVolume(name);
+    const cat = await this.ensureShareCatalog(key);
+    if (!cat) throw new Error(`Couldn’t open volume “${name}”`);
+    this.mountCatalog(cat, 'remote', name);
+    this.remoteOpen = true;
+    if (this.remoteEndpoint) this.openedVolumeKeys.add(shareKeyForEndpoint(this.remoteEndpoint, name));
+    this.setStatus(
+      this.remoteEndpoint?.kind === 'local' ? `Opened ${name}` : `Mounted ${this.remoteNbpName}:${name}`,
+    );
+  }
+
+  private async disconnectRemote(): Promise<void> {
+    log.info(`Disconnect “${this.remoteNbpName || 'remote'}”`, 'afp');
+    const nbp = this.remoteNbpName;
+    await this.host.closeRemote().catch(() => undefined);
+    this.dropRemoteCatalogs(nbp);
+    this.forgetEndpoint(nbp);
+    this.resetToLocalShare();
+    this.setStatus(this.isNoVolumeSelected() ? NO_VOLUME_HINT : 'Disconnected from server');
+    await this.refreshSidebarEndpoints();
+    await this.reload();
+    this.syncHistory();
+    this.render();
+  }
+
+  private async ejectVolume(name: string): Promise<void> {
+    log.info(`Eject volume “${name}”`, 'afp');
+    const viewing = this.source === 'remote' && this.pathStack[0]?.name === name;
+    if (viewing) {
+      this.abortAllListings();
+      this.bumpIconLoadGen();
+    }
+    const key = this.catalogKeyForVolume(name);
+    const cat = this.catalogs.get(key);
+    if (this.clipboard && this.clipboard.source === cat) this.clipboard.source = null;
+    this.catalogs.delete(key);
+    if (this.remoteEndpoint) this.openedVolumeKeys.delete(shareKeyForEndpoint(this.remoteEndpoint, name));
+    if (viewing) {
+      this.showLocalShare();
+      this.remoteOpen = false;
+    }
+    await this.host.closeVolume?.(name).catch(() => undefined);
+    if (!this.host.closeVolume) {
+      const ep = this.remoteEndpoint;
+      if (ep) await this.host.onSidebarAction?.(ep, 'unmount', name);
+    }
+    this.setStatus(viewing && this.isNoVolumeSelected() ? NO_VOLUME_HINT : `Ejected ${name}`);
+    await this.refreshSidebarEndpoints();
+    await this.reload();
+    this.syncHistory();
+    this.render();
+  }
+
+  private async ejectEndpoint(ep: RemoteEndpoint): Promise<void> {
+    log.info(`Eject “${ep.title}”`, ep.kind);
+    const current = this.remoteLoggedIn && this.remoteEndpoint?.id === ep.id;
+    if (current) {
+      const nbp = this.remoteNbpName;
+      await this.host.closeRemote().catch(() => undefined);
+      this.dropRemoteCatalogs(nbp);
+      this.resetToLocalShare();
+    } else if (this.remoteLoggedIn && ep.role === 'volume' && this.remoteEndpoint?.role !== 'volume') {
+      await this.ejectVolume(ep.title);
+      return;
+    } else {
+      await this.host.onSidebarAction?.(ep, 'eject');
+    }
+    this.setStatus(this.isNoVolumeSelected() ? NO_VOLUME_HINT : `Ejected ${ep.title}`);
+    await this.refreshSidebarEndpoints();
+    await this.reload();
+    this.syncHistory();
+    this.render();
+  }
+
+  private async refreshSidebarEndpoints(): Promise<void> {
+    try {
+      const list = this.host.cachedNetwork
+        ? await this.host.cachedNetwork()
+        : await this.host.refreshNetwork();
+      this.setServers(list);
+    } catch {
+      this.renderSidebar();
+    }
+  }
+
+  private async onRefresh(groupId?: string): Promise<void> {
+    const groups = this.sidebarGroups();
+    const title = groupId ? groups.find((g) => g.id === groupId)?.title : undefined;
+    this.networkScanning = groupId || '*';
+    this.renderSidebar();
+    this.setStatus(
+      title
+        ? `Scanning ${title}…`
+        : this.hasTransport()
+          ? 'Looking up AFPServer…'
+          : 'Looking up servers…',
+    );
+    try {
+      if (this.host.cachedNetwork) {
+        try {
+          this.setServers(await this.host.cachedNetwork(groupId));
+        } catch {
+          /* scan still runs */
+        }
+      }
+      const list = await this.host.refreshNetwork(groupId);
+      this.setServers(list);
+      const scoped = groupId
+        ? list.filter((s) => assignSidebarGroup(s, groups) === groupId && s.kind !== 'local')
+        : list.filter((s) => s.kind !== 'local');
+      const n = scoped.length;
+      this.setStatus(
+        title
+          ? n
+            ? `${title}: found ${n} server(s)`
+            : `${title}: none`
+          : n
+            ? `Found ${n} server(s)`
+            : 'No servers',
+      );
+    } catch (e) {
+      this.setStatus(`Lookup failed: ${(e as Error).message}`);
+    } finally {
+      this.networkScanning = null;
+      this.renderSidebar();
+    }
+  }
+
+  /**
+   * Switch icon/list/column view. List clicks do not navigate, so a nested
+   * selection is revealed in the destination view (parent folder for icons,
+   * Miller path for columns, outline expands for list).
+   */
+  private async setView(next: ViewMode, replaceHistory = false): Promise<void> {
+    if (this.view === next) return;
+    this.view = next;
+    const keep = this.selectedId;
+    const node =
+      keep != null ? (this.findNodeAnywhere(keep) ?? (await this.vfs.get(keep))) : null;
+    if (node) {
+      if (next === 'icon') await this.revealSelectionInIconView(node);
+      else if (next === 'column') await this.revealSelectionInColumnView(node);
+      else await this.revealSelectionInListView(node);
+    } else if (next === 'column' && this.columnChildren.length === 0) {
+      await this.refreshColumns(this.cwd);
+    }
+    this.selectedId = keep;
+    this.syncHistory(replaceHistory);
+    this.render();
+    this.scrollSelectedIntoView();
+  }
+
+  private scrollSelectedIntoView(): void {
+    if (this.selectedId == null) return;
+    const el = this.querySelector(`.content [data-id="${selRef(this.selectedId)}"]`) as HTMLElement | null;
+    el?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+  }
+
+  /** Icon view only shows cwd, so open the selected item's parent if needed. */
+  private async revealSelectionInIconView(node: VNode): Promise<void> {
+    if (nodeRef(node) === this.cwd) return;
+    if (parentRef(node) === this.cwd || parentRef(node) === nodeRef(node)) return;
+    const parent = this.findNodeAnywhere(parentRef(node)) ?? (await this.vfs.get(parentRef(node)));
+    if (!parent?.isDir) return;
+    await this.enterFolderKeepingSelection(parent);
+  }
+
+  /** Column view walks the path to the selection (folder contents in the next column). */
+  private async revealSelectionInColumnView(node: VNode): Promise<void> {
+    if (node.isDir) {
+      await this.enterFolderKeepingSelection(node);
+      return;
+    }
+    if (parentRef(node) === this.cwd || parentRef(node) === nodeRef(node)) {
+      if (this.columnChildren.length === 0) await this.refreshColumns(this.cwd);
+      return;
+    }
+    const parent = this.findNodeAnywhere(parentRef(node)) ?? (await this.vfs.get(parentRef(node)));
+    if (!parent?.isDir) return;
+    await this.enterFolderKeepingSelection(parent);
+  }
+
+  /** Re-expand outline ancestors so a nested list selection stays visible. */
+  private async revealSelectionInListView(node: VNode): Promise<void> {
+    if (this.nodes.some((n) => nodeRef(n) === nodeRef(node))) return;
+    const expand: NodeRef[] = [];
+    let pid = parentRef(node);
+    const seen = new Set<NodeRef>();
+    while (pid && pid !== this.cwd && !seen.has(pid)) {
+      seen.add(pid);
+      expand.push(pid);
+      const parent = this.findNodeAnywhere(pid) ?? (await this.vfs.get(pid));
+      if (!parent) return;
+      pid = parentRef(parent);
+    }
+    if (pid !== this.cwd) return;
+    expand.reverse();
+    for (const id of expand) {
+      this.expandedIds.add(id);
+      if (!this.listChildCache.has(id)) {
+        this.listChildCache.set(id, await this.streamChildren(id));
+      }
+    }
+  }
+
+  private async enterFolderKeepingSelection(folder: VNode): Promise<void> {
+    const keep = this.selectedId;
+    if (this.cwd === nodeRef(folder) && this.pathStack[this.pathStack.length - 1]?.id === nodeRef(folder)) {
+      if (this.view === 'column' && this.columnChildren.length === 0) {
+        await this.refreshColumns(this.cwd);
+      }
+      this.selectedId = keep;
+      return;
+    }
+    this.pathStack = await this.pathStackToFolder(nodeRef(folder));
+    this.cwd = nodeRef(folder);
+    this.expandedIds.clear();
+    await this.reload();
+    this.selectedId = keep;
+  }
+
+  private async pathStackToFolder(folderId: NodeRef): Promise<{ id: NodeRef; name: string }[]> {
+    const hit = this.pathStack.findIndex((p) => p.id === folderId);
+    if (hit >= 0) return this.pathStack.slice(0, hit + 1);
+
+    const suffix: { id: NodeRef; name: string }[] = [];
+    let id: NodeRef | null = folderId;
+    const seen = new Set<NodeRef>();
+    while (id != null && !seen.has(id)) {
+      seen.add(id);
+      const inPath = this.pathStack.findIndex((p) => p.id === id);
+      if (inPath >= 0) return [...this.pathStack.slice(0, inPath + 1), ...suffix.reverse()];
+      const n: VNode | null | undefined =
+        this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+      if (!n) break;
+      suffix.push({ id: nodeRef(n), name: n.name });
+      if (nodeRef(n) === this.vfs.rootId()) break;
+      id = parentRef(n);
+    }
+    const root = this.pathStack[0] ?? { id: this.vfs.rootId(), name: this.localShareTitle() };
+    const rest = suffix.reverse();
+    if (rest[0]?.id === root.id) return rest;
+    return [root, ...rest.filter((s) => s.id !== root.id)];
+  }
+
+  private async navigateToPathIndex(index: number): Promise<void> {
+    if (index < 0 || index >= this.pathStack.length) return;
+    if (index === this.pathStack.length - 1) return;
+    this.pathStack = this.pathStack.slice(0, index + 1);
+    const destId = this.pathStack[this.pathStack.length - 1]!.id;
+    this.cwd = destId;
+    this.selectedId = null;
+    await this.reload();
+    if (this.cwd !== destId) return;
+    this.renderPath();
+    this.renderContent();
+    this.syncClipboardButtons();
+    this.syncHistory();
+  }
+
+  private async goUp(): Promise<void> {
+    if (this.pathStack.length <= 1) return;
+    await this.navigateToPathIndex(this.pathStack.length - 2);
+  }
+
+  private async goNavBack(): Promise<void> {
+    if (this.navIndex <= 0) return;
+    this.navIndex--;
+    await this.applyNavEntry(this.navStack[this.navIndex]!);
+  }
+
+  private async goNavForward(): Promise<void> {
+    if (this.navIndex < 0 || this.navIndex >= this.navStack.length - 1) return;
+    this.navIndex++;
+    await this.applyNavEntry(this.navStack[this.navIndex]!);
+  }
+
+  private async applyNavEntry(
+    state: ReturnType<FinderWindow['historySnapshot']>,
+  ): Promise<void> {
+    this.navLock = true;
+    try {
+      await this.applyHistoryState(state);
+      history.replaceState(state, '', this.buildLocationUrl(state));
+      this.render();
+    } finally {
+      this.navLock = false;
+    }
+  }
+
+  private startRename(): void {
+    if (this.selectedId == null) return;
+    this.renamingId = this.selectedId;
+    this.renderContent();
+  }
+
+  private isPreviewable(node: VNode | null | undefined): node is VNode {
+    if (!node || node.isDir) return false;
+    return previewKindFor(node) != null;
+  }
+
+  private isExpandableArchive(node: VNode | null | undefined): node is VNode {
+    if (!node || node.isDir) return false;
+    return isExpandableArchive(node.name, node.finderInfo, node.data);
+  }
+
+  private async expandArchive(id: NodeRef | null = this.selectedId): Promise<void> {
+    if (id == null) return;
+    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+    if (!node || node.isDir) return;
+    const fail = (err?: unknown): void => {
+      const text = expandFailureMessage(err);
+      this.host.showAlert(`Couldn’t Expand “${node.name}”`, text);
+      this.setStatus(`Couldn’t expand “${node.name}”`);
+    };
+    const bytesTotal = nodeByteSize(node);
+    const track = this.trackImportItem({ name: node.name, isDir: false, bytesTotal }, this.vfs, parentRef(node), false);
+    this.setStatus(`Expanding “${node.name}”…`, { busy: true });
+    try {
+      if (isCatalogWithBackend(this.vfs)) {
+        let last = 0;
+        await this.vfs.expandNode(id, {
+          signal: track.signal,
+          onProgress: (p) => {
+            const next = p.bytesDone || 0;
+            if (next > last) track.onBytes?.(next - last);
+            last = next;
+          },
+        });
+        track.onDone?.();
+        this.setStatus(`Expanded “${node.name}”`);
+        iconCache.clearDirectoryCache();
+        this.iconUrls.clear();
+        this.bumpIconLoadGen();
+        await this.refreshAfterMutation();
+        return;
+      }
+      const inPlace = await expandSitInPlace(this.vfs, node, {
+        fileSize: node.dataBytes ?? node.data.length,
+        track,
+        resolveConflict: (info) => this.host.promptNameConflict(info),
+        wrapWrite: (fn) =>
+          this.withOwnVfsMutation(async () => {
+            this.vfs.beginBatch();
+            try {
+              await fn();
+            } finally {
+              this.vfs.endBatch();
+            }
+          }),
+      });
+      if (inPlace) {
+        track.onDone();
+        this.setStatus(`Expanded “${node.name}”`);
+        iconCache.clearDirectoryCache();
+        this.iconUrls.clear();
+        this.bumpIconLoadGen();
+        await this.refreshAfterMutation();
+        return;
+      }
+      const full = (await this.vfs.ensureContent(id, track.onBytes, track.signal)) ?? node;
+      let expanded;
+      try {
+        expanded = expandArchiveFile(full.name, full.data);
+      } catch (err) {
+        track.onDone(err instanceof Error ? err : new Error(expandFailureMessage(err)));
+        fail(err);
+        return;
+      }
+      const parentId = parentRef(full);
+      const reserved = new Set<string>();
+      const planned: { item: ExpandedNode; replaceId: NodeRef | null }[] = [];
+      for (const item of expanded) {
+        const plan = await planItemPlacement(this.vfs, parentId, item.name, item.kind === 'dir', {
+          reserved,
+          resolveConflict: (info) => this.host.promptNameConflict(info),
+        });
+        if (!plan) throw new TransferCancelled();
+        reserved.add(plan.destName.toLowerCase());
+        planned.push({ item: { ...item, name: plan.destName }, replaceId: plan.replaceId });
+      }
+      await this.withOwnVfsMutation(async () => {
+        this.vfs.beginBatch();
+        try {
+          for (const row of planned) {
+            if (row.replaceId != null) await this.vfs.remove(row.replaceId);
+          }
+          await importExpandedTree(
+            this.vfs,
+            parentId,
+            planned.map((row) => row.item),
+            track,
+          );
+        } finally {
+          this.vfs.endBatch();
+        }
+      });
+      track.onDone();
+      this.setStatus(`Expanded “${node.name}”`);
+      iconCache.clearDirectoryCache();
+      this.iconUrls.clear();
+      this.bumpIconLoadGen();
+      await this.refreshAfterMutation();
+    } catch (err) {
+      if (isTransferCancelled(err)) {
+        track.onDone(err instanceof Error ? err : new Error(String(err)));
+        this.setStatus('Transfer cancelled');
+        await this.refreshAfterMutation();
+        return;
+      }
+      track.onDone(err instanceof Error ? err : new Error(String(err)));
+      fail(err);
+    }
+  }
+
+  private async openPreview(id: NodeRef | null = this.selectedId): Promise<void> {
+    if (id == null) return;
+    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+    if (!this.isPreviewable(node)) return;
+    const kind = previewKindFor(node)!;
+    const gen = ++this.previewGen;
+    this.revokePreviewUrl();
+    this.preview = { id: nodeRef(node), name: node.name, kind, text: null };
+    this.renderPreview();
+    try {
+      const full = (await this.vfs.ensureContent(nodeRef(node))) ?? node;
+      if (gen !== this.previewGen) return;
+      if (!full.data.length) {
+        this.preview = { id: nodeRef(full), name: full.name, kind, text: '' };
+        this.renderPreview();
+        return;
+      }
+      if (kind === 'text') {
+        const truncated = full.data.length > PREVIEW_TEXT_MAX_BYTES;
+        const slice = truncated ? full.data.subarray(0, PREVIEW_TEXT_MAX_BYTES) : full.data;
+        this.preview = {
+          id: nodeRef(full),
+          name: full.name,
+          kind,
+          text: decodePreviewText(slice),
+          truncated,
+        };
+        this.renderPreview();
+        return;
+      }
+      if (kind === 'pict') {
+        const picture = decodePict(full.data);
+        const svg = picture ? await pictToSvg(picture) : null;
+        if (gen !== this.previewGen) return;
+        if (!svg) {
+          this.preview = {
+            id: nodeRef(full),
+            name: full.name,
+            kind,
+            text: '',
+            error: 'Could not decode this PICT (bitmap and QuickDraw opcodes only).',
+          };
+          this.renderPreview();
+          return;
+        }
+        const url = URL.createObjectURL(new Blob([svg], { type: 'image/svg+xml' }));
+        if (gen !== this.previewGen) {
+          URL.revokeObjectURL(url);
+          return;
+        }
+        this.preview = { id: nodeRef(full), name: full.name, kind, text: 'ok', url };
+        this.renderPreview();
+        return;
+      }
+      const type = readTypeCreator(full.finderInfo).type;
+      if (kind === 'image' && isBmpPreview(full.name, type)) {
+        const decoded = decodeBmp(full.data);
+        const dataUrl = decoded ? await decodedIconToDataUrl(decoded) : null;
+        if (gen !== this.previewGen) return;
+        if (dataUrl) {
+          this.preview = { id: nodeRef(full), name: full.name, kind, text: 'ok', url: dataUrl };
+          this.renderPreview();
+          return;
+        }
+      }
+      const mime = previewMime(kind, full.name, type);
+      const copy = full.data.slice();
+      const url = URL.createObjectURL(
+        new Blob([copy.buffer.slice(copy.byteOffset, copy.byteOffset + copy.byteLength) as ArrayBuffer], {
+          type: mime,
+        }),
+      );
+      if (gen !== this.previewGen) {
+        URL.revokeObjectURL(url);
+        return;
+      }
+      this.preview = { id: nodeRef(full), name: full.name, kind, text: 'ok', url };
+      this.renderPreview();
+    } catch (err) {
+      if (gen !== this.previewGen) return;
+      this.preview = {
+        id: nodeRef(node),
+        name: node.name,
+        kind,
+        text: null,
+        error: err instanceof Error ? err.message : String(err),
+      };
+      this.renderPreview();
+    }
+  }
+
+  private revokePreviewUrl(): void {
+    if (this.preview?.url?.startsWith('blob:')) URL.revokeObjectURL(this.preview.url);
+  }
+
+  private closePreview(): void {
+    if (!this.preview) return;
+    this.previewGen++;
+    this.revokePreviewUrl();
+    this.preview = null;
+    this.renderPreview();
+  }
+
+  private renderPreview(): void {
+    const root = this.querySelector('.quicklook-root');
+    if (!root) return;
+    const preview = this.preview;
+    if (!preview) {
+      root.innerHTML = '';
+      return;
+    }
+    let body: string;
+    let bodyClass = 'quicklook__body';
+    if (preview.error) {
+      body = `<p class="quicklook__empty">${this.escape(preview.error)}</p>`;
+    } else if (preview.text == null) {
+      body = `<div class="quicklook__loading">${this.spinnerHtml()}<span>Loading</span></div>`;
+    } else if (preview.kind === 'image' && preview.url) {
+      bodyClass += ' quicklook__body--media';
+      body = `<img class="quicklook__image" alt="${this.escape(preview.name)}" src="${this.escape(preview.url)}" />`;
+    } else if (preview.kind === 'audio' && preview.url) {
+      bodyClass += ' quicklook__body--media';
+      body = `<audio class="quicklook__audio" controls src="${this.escape(preview.url)}"></audio>`;
+    } else if (preview.kind === 'pict' && preview.url) {
+      bodyClass += ' quicklook__body--media';
+      body = `<img class="quicklook__image" alt="${this.escape(preview.name)}" src="${this.escape(preview.url)}" />`;
+    } else if (!preview.text) {
+      body = `<p class="quicklook__empty">This file is empty</p>`;
+    } else {
+      const note = preview.truncated
+        ? `<p class="quicklook__note">Showing the first ${formatBytes(PREVIEW_TEXT_MAX_BYTES)}</p>`
+        : '';
+      body = `${note}<pre class="quicklook__text">${this.escape(preview.text)}</pre>`;
+    }
+    root.innerHTML = `
+      <div class="quicklook">
+        <div class="quicklook__backdrop" data-act="close-preview"></div>
+        <div class="quicklook__card" role="dialog" aria-labelledby="quicklook-title" aria-modal="true">
+          <header class="quicklook__header">
+            <h2 id="quicklook-title" aria-label="${this.escape(preview.name)}">${this.escape(preview.name)}</h2>
+            <button type="button" class="btn" data-act="close-preview" aria-label="Close">✕</button>
+          </header>
+          <div class="${bodyClass}">${body}          </div>
+        </div>
+      </div>
+    `;
+  }
+
+  private showPropertiesPanel(): void {
+    if (this.selectedId == null) {
+      this.setStatus('Select an item for Get Info');
+      return;
+    }
+    this.showProps = true;
+    this.syncPropsButton();
+    this.refreshPropsPanel();
+  }
+
+  private async cutSelection(): Promise<void> {
+    await this.captureSelection('cut');
+  }
+
+  private async copySelection(): Promise<void> {
+    await this.captureSelection('copy');
+  }
+
+  private async captureSelection(mode: 'cut' | 'copy'): Promise<void> {
+    if (this.selectedId == null) return;
+    const node = this.findNodeAnywhere(this.selectedId) ?? (await this.vfs.get(this.selectedId));
+    if (!node) return;
+    this.setStatus(mode === 'cut' ? 'Cutting…' : 'Copying…', { busy: true });
+    const jobId = this.startTransfer(node.name, node.isDir, nodeByteSize(node), node.finderInfo);
+    const signal = transferActivity.signal(jobId);
+    try {
+      const item = await transferActivity.withCopySlot(jobId, () =>
+        this.snapshotNode(
+          this.vfs,
+          node,
+          this.vfs.reportsChunkedBytes
+            ? (n) => {
+                throwIfAborted(signal);
+                transferActivity.addBytes(jobId, n);
+              }
+            : undefined,
+          signal,
+        ),
+      );
+      await transferActivity.settle(jobId);
+      this.clipboard = {
+        mode,
+        items: [item],
+        source: this.vfs,
+        sourceIds: [nodeRef(node)],
+      };
+      this.syncClipboardButtons();
+      this.setStatus(
+        `${mode === 'cut' ? 'Cut' : 'Copied'} “${node.name}” — paste in this share or another`,
+      );
+    } catch (err) {
+      await transferActivity.settle(jobId, err);
+      if (isTransferCancelled(err)) {
+        this.setStatus('Transfer cancelled');
+        return;
+      }
+      this.setStatus(`${mode === 'cut' ? 'Cut' : 'Copy'} failed: ${(err as Error).message}`);
+    }
+  }
+
+  private async snapshotNode(
+    fs: Catalog,
+    node: VNode,
+    onBytes?: (n: number) => void,
+    signal?: AbortSignal,
+  ): Promise<ClipNode> {
+    throwIfAborted(signal);
+    if (node.isDir) {
+      const kids = await fs.children(nodeRef(node), undefined, signal);
+      const out: ClipNode[] = [];
+      for (const k of kids) {
+        throwIfAborted(signal);
+        const full = k.isDir ? k : ((await fs.ensureContent(nodeRef(k), onBytes, signal)) ?? k);
+        out.push(await this.snapshotNode(fs, full, onBytes, signal));
+      }
+      return {
+        name: node.name,
+        isDir: true,
+        data: new Uint8Array(),
+        resource: new Uint8Array(),
+        finderInfo: node.finderInfo.slice(),
+        kids: out,
+      };
+    }
+    const full = (await fs.ensureContent(nodeRef(node), onBytes, signal)) ?? node;
+    return {
+      name: full.name,
+      isDir: false,
+      data: full.data.slice(),
+      resource: full.resource.slice(),
+      finderInfo: full.finderInfo.slice(),
+    };
+  }
+
+  private catalogName(name: string): string {
+    const caps = this.vfs.capabilities();
+    let n = caps.nameCase === 'upper' ? name.toUpperCase() : name;
+    const max = caps.maxNameBytes.long ?? caps.maxNameBytes.medium ?? caps.maxNameBytes.short ?? 255;
+    const bytes = new TextEncoder().encode(n);
+    if (bytes.length > max) n = new TextDecoder().decode(bytes.subarray(0, max));
+    return n;
+  }
+
+  private async onMkdir(): Promise<void> {
+    const name = await this.uniqueChildName(this.cwd, this.catalogName('New folder'));
+    const node = await this.withOwnVfsMutation(() => this.vfs.mkdir(this.cwd, name));
+    this.selectedId = nodeRef(node);
+    this.renamingId = nodeRef(node);
+    await this.reload();
+    this.renderContent();
+  }
+
+  private async uniqueChildName(parentId: NodeRef, base: string, fs: Catalog = this.vfs): Promise<string> {
+    let name = base;
+    let n = 2;
+    while (await fs.lookup(parentId, name)) {
+      name = `${base} ${n++}`;
+    }
+    return name;
+  }
+
+  private async onDelete(): Promise<void> {
+    if (this.selectedId == null) return;
+    const id = this.selectedId;
+    const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+    if (!node) return;
+    if (!confirm(`Delete “${node.name}”?`)) return;
+    await this.withOwnVfsMutation(() => this.vfs.remove(id));
+    this.selectedId = null;
+    this.showProps = false;
+    this.closePreview();
+    this.syncPropsButton();
+    this.syncClipboardButtons();
+    await this.reload();
+    this.renderContent();
+  }
+
+  private async onDownload(): Promise<void> {
+    const node =
+      this.selectedId != null
+        ? (this.findNodeAnywhere(this.selectedId) ?? (await this.vfs.get(this.selectedId)))
+        : await this.vfs.get(this.cwd);
+    if (!node) {
+      this.setStatus('Nothing to download');
+      return;
+    }
+    const zipName = node.name || 'archive';
+    const jobId = this.startTransfer(zipName, node.isDir, node.isDir ? 0 : nodeByteSize(node), node.finderInfo);
+    const signal = transferActivity.signal(jobId);
+    try {
+      const entries = await transferActivity.withCopySlot(jobId, async () => {
+        throwIfAborted(signal);
+        let files;
+        if (node.isDir) {
+          transferActivity.setDetail(jobId, TRANSFER_DETAIL_SEARCHING);
+          const listed = await enumerateZipFiles(
+            this.vfs,
+            node,
+            '',
+            (p) => {
+              throwIfAborted(signal);
+              transferActivity.setFound(jobId, p.items, p.bytes);
+            },
+            signal,
+          );
+          throwIfAborted(signal);
+          transferActivity.setBytes(jobId, 0, listed.bytes, '');
+          files = listed.files;
+        } else {
+          files = [{ node, path: node.name, bytes: nodeByteSize(node) }];
+        }
+        return collectZipEntries(
+          this.vfs,
+          files,
+          loadPrefs().zipExportStyle,
+          (n) => {
+            throwIfAborted(signal);
+            transferActivity.addBytes(jobId, n);
+          },
+          signal,
+        );
+      });
+      throwIfAborted(signal);
+      downloadZipEntries(zipName, entries);
+      await transferActivity.settle(jobId);
+      this.setStatus(`Downloaded ${zipName}.zip`);
+    } catch (err) {
+      await transferActivity.settle(jobId, err);
+      if (isTransferCancelled(err)) {
+        this.setStatus('Transfer cancelled');
+        return;
+      }
+      const msg = err instanceof Error ? err.message : String(err);
+      this.setStatus(`Download failed: ${msg}`);
+    }
+  }
+
+  private applyCompactView(): void {
+    const compact = isCompactUi();
+    if (compact) {
+      if (this.desktopView == null) this.desktopView = this.view;
+      this.restoreFinderLayout();
+      if (this.view !== 'icon') {
+        void this.setView('icon', true);
+        return;
+      }
+    } else {
+      this.sidebarOpen = false;
+      this.classList.remove('sidebar-open');
+      this.restoreFinderLayout();
+      if (this.desktopView != null) {
+        const restore = this.desktopView;
+        this.desktopView = null;
+        if (this.view !== restore) {
+          this.openCallout = null;
+          void this.setView(restore, true);
+          return;
+        }
+      }
+    }
+    this.classList.toggle('sidebar-open', compact && this.sidebarOpen);
+    this.syncTransferButton();
+  }
+
+  private closeSidebar(): void {
+    if (!this.sidebarOpen) return;
+    this.sidebarOpen = false;
+    this.classList.remove('sidebar-open');
+  }
+
+  private toggleCallout(kind: 'transfers' | 'actions' | 'share'): void {
+    this.openCallout = this.openCallout === kind ? null : kind;
+    this.renderCallouts();
+  }
+
+  private onWinPointer = (e: PointerEvent): void => {
+    if (!this.openCallout) return;
+    const t = e.target as Node;
+    if (this.querySelector('.callout')?.contains(t)) return;
+    const triggers = this.querySelectorAll(
+      '[data-act="transfers"], [data-act="actions"], [data-act="share-actions"]',
+    );
+    for (const el of triggers) {
+      if (el.contains(t)) return;
+    }
+    this.openCallout = null;
+    this.renderCallouts();
+  };
+
+  private syncTransferButton(): void {
+    const btn = this.querySelector('[data-act="transfers"]') as HTMLButtonElement | null;
+    if (!btn) return;
+    const agg = transferActivity.aggregateProgress();
+    const show = agg.running || this.openCallout === 'transfers' || this.transferBtnVisible;
+    if (agg.running) {
+      this.transferBtnVisible = true;
+      if (!agg.indeterminate) this.lastTransferPct = agg.pct;
+      if (this.transferIdleTimer) {
+        clearTimeout(this.transferIdleTimer);
+        this.transferIdleTimer = null;
+      }
+    } else if (this.transferBtnVisible && this.openCallout !== 'transfers' && !this.transferIdleTimer) {
+      this.transferIdleTimer = setTimeout(() => {
+        this.transferIdleTimer = null;
+        this.transferBtnVisible = false;
+        if (this.openCallout !== 'transfers') this.syncTransferButton();
+        if (!transferActivity.hasRunning()) transferActivity.clearFinished();
+      }, 1800);
+    }
+    btn.hidden = !show;
+    btn.classList.toggle('indeterminate', agg.indeterminate);
+    const pct = agg.running && !agg.indeterminate ? agg.pct : this.lastTransferPct;
+    const label = agg.indeterminate ? 'File transfers in progress' : `File transfers, ${pct}%`;
+    btn.textContent = agg.indeterminate ? '…' : `${pct}%`;
+    btn.setAttribute('aria-label', label);
+    btn.title = label;
+    if (this.openCallout === 'transfers') this.paintTransferCallout();
+  }
+
+  private writingSignature(): string {
+    const parts: string[] = [];
+    for (const id of this.visibleFolderIds()) {
+      for (const w of transferActivity.writesIn(this.vfs, id)) {
+        parts.push(`${id}:${w.jobId}:${w.name}`);
+      }
+    }
+    return parts.sort().join('|');
+  }
+
+  private syncWriteOverlays(): void {
+    const sig = this.writingSignature();
+    const overlays = [...this.querySelectorAll<HTMLElement>('[data-write-job]')];
+    const jobs = new Map(transferActivity.list().map((j) => [j.id, j]));
+    const missingOverlay = !!sig && overlays.length === 0;
+    const staleOverlay = overlays.some((el) => {
+      const job = jobs.get(el.getAttribute('data-write-job') ?? '');
+      return !job || (job.status !== 'running' && job.status !== 'queued');
+    });
+    if (sig !== this.writeSig || missingOverlay || staleOverlay) {
+      this.writeSig = sig;
+      this.renderContent();
+      return;
+    }
+    for (const el of overlays) {
+      const job = jobs.get(el.getAttribute('data-write-job') ?? '');
+      if (!job || (job.status !== 'running' && job.status !== 'queued')) continue;
+      const pct =
+        job.bytesTotal > 0 ? Math.min(100, Math.round((job.bytesDone / job.bytesTotal) * 100)) : 0;
+      const indeterminate = job.status === 'running' && job.bytesTotal <= 0;
+      const overlay = el.querySelector('.icon-write') as HTMLElement | null;
+      if (overlay) {
+        overlay.style.setProperty('--write-pct', String(pct));
+        overlay.classList.toggle('icon-write--indeterminate', indeterminate);
+        const label = overlay.querySelector('.icon-write__pct');
+        if (label) label.textContent = indeterminate ? '' : `${pct}%`;
+      }
+      const name = el.getAttribute('data-write-name') ?? job.name;
+      el.setAttribute('aria-label', indeterminate ? `Copying ${name}` : `Copying ${name}, ${pct}%`);
+    }
+  }
+
+  private paintTransferCallout(): void {
+    const root = this.querySelector('.callout-root');
+    if (!root) return;
+    let el = root.querySelector('.callout--transfers') as HTMLElement | null;
+    const created = !el;
+    if (!el) {
+      root.innerHTML = `<div class="callout callout--transfers"></div>`;
+      el = root.querySelector('.callout--transfers') as HTMLElement;
+    }
+    if (!el) return;
+    const rebuilt = paintTransferList(el);
+    const anchor = this.querySelector('[data-act="transfers"]') as HTMLElement | null;
+    if (anchor && (created || rebuilt)) {
+      positionCallout(el, anchor);
+    }
+  }
+
+  private renderCallouts(): void {
+    const root = this.querySelector('.callout-root');
+    if (!root) return;
+    if (!this.openCallout) {
+      root.innerHTML = '';
+      return;
+    }
+    if (this.openCallout === 'transfers') {
+      this.paintTransferCallout();
+      return;
+    }
+    if (this.openCallout === 'share') {
+      root.innerHTML = `<div class="callout">
+        <button type="button" class="callout__item" data-callout-act="welcome-pack">Add Welcome Pack Items</button>
+        <hr />
+        <button type="button" class="callout__item callout__item--danger" data-callout-act="erase-local">Erase All Items…</button>
+      </div>`;
+      const el = root.querySelector('.callout') as HTMLElement;
+      const anchor =
+        (this.querySelector('[data-act="share-actions"]') as HTMLElement | null) ??
+        (this.querySelector('[data-act="locations"]') as HTMLElement | null);
+      if (el && anchor) positionCallout(el, anchor);
+      return;
+    }
+    const sel = this.selectedNode();
+    const items =
+      sel != null
+        ? [
+            this.isExpandableArchive(sel)
+              ? `<button type="button" class="callout__item" data-callout-act="expand">Expand</button>`
+              : '',
+            this.isPreviewable(sel) ? `<button type="button" class="callout__item" data-callout-act="preview">Preview…</button>` : '',
+            `<button type="button" class="callout__item" data-callout-act="rename">Rename</button>`,
+            `<button type="button" class="callout__item" data-callout-act="delete">Delete…</button>`,
+            `<button type="button" class="callout__item" data-callout-act="props">Get Info…</button>`,
+            sel && !sel.isDir && showsResourceFork(this.vfs.capabilities())
+              ? `<button type="button" class="callout__item" data-callout-act="resources">Resources…</button>`
+              : '',
+            sel && !sel.isDir && isWinResourceName(sel.name)
+              ? `<button type="button" class="callout__item" data-callout-act="win-resources">Windows Resources…</button>`
+              : '',
+            `<hr/>`,
+            `<button type="button" class="callout__item" data-callout-act="cut">Cut</button>`,
+            `<button type="button" class="callout__item" data-callout-act="copy">Copy</button>`,
+            this.clipboard ? `<button type="button" class="callout__item" data-callout-act="paste">Paste</button>` : '',
+          ]
+        : [
+            `<button type="button" class="callout__item" data-callout-act="mkdir">New Folder</button>`,
+            this.clipboard ? `<button type="button" class="callout__item" data-callout-act="paste">Paste</button>` : '',
+            `<button type="button" class="callout__item" data-callout-act="props-blank">Get Info</button>`,
+          ];
+    root.innerHTML = `<div class="callout">${items.filter(Boolean).join('')}</div>`;
+    const el = root.querySelector('.callout') as HTMLElement;
+    const anchor = this.querySelector('[data-act="actions"]') as HTMLElement | null;
+    if (el && anchor) positionCallout(el, anchor);
+  }
+
+  private async importPickedFiles(files: FileList): Promise<void> {
+    const dt = new DataTransfer();
+    for (const f of Array.from(files)) dt.items.add(f);
+    const destParent = this.cwd;
+    this.setStatus('Scanning…', { busy: true });
+    try {
+      const count = await this.withOwnVfsMutation(() =>
+        this.vfs.importDataTransfer(destParent, dt, {
+          onScan: (total) => {
+            this.setStatus(total > 0 ? `Importing… 0/${total} (0%)` : 'Importing…', { busy: true });
+          },
+          onProgress: (done, total) => {
+            const pct = total > 0 ? Math.min(100, Math.round((done / total) * 100)) : 0;
+            this.setStatus(
+              total > 0 ? `Importing… ${done}/${total} (${pct}%)` : `Importing… ${done} item(s)`,
+              { busy: true },
+            );
+          },
+          onItem: (item) => this.trackImportItem(item, this.vfs, destParent),
+          resolveConflict: (info) => this.host.promptNameConflict(info),
+        }),
+      );
+      if (count === 0) {
+        this.setStatus('No files to import');
+        return;
+      }
+      this.setStatus(`Imported ${count} item(s)`);
+      iconCache.clearDirectoryCache();
+      this.iconUrls.clear();
+      this.bumpIconLoadGen();
+      await this.refreshAfterMutation();
+    } catch (err) {
+      if (isTransferCancelled(err)) {
+        this.setStatus('Transfer cancelled');
+        await this.refreshAfterMutation();
+        return;
+      }
+      this.setStatus(`Import failed: ${(err as Error).message}`);
+    }
+  }
+
+  private async onContextMenu(e: MouseEvent): Promise<void> {
+    if (isCompactUi()) {
+      e.preventDefault();
+      return;
+    }
+    const t = e.target as HTMLElement;
+    if (t.closest('[data-local]')) {
+      e.preventDefault();
+      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: null, local: true };
+      this.renderContextMenu();
+      return;
+    }
+    const volEl = t.closest('[data-vol]');
+    const serverEl = t.closest('[data-server]');
+    if (volEl || serverEl) {
+      let index = -1;
+      let volume: string | undefined;
+      if (volEl) {
+        index = Number(volEl.getAttribute('data-server-parent'));
+        if (!Number.isFinite(index) || index < 0) {
+          index = this.servers.findIndex((s) => s.id === (this.remoteEndpoint?.id || this.remoteNbpName));
+        }
+        const parent = this.servers[index];
+        volume =
+          volEl.getAttribute('data-vol-name') ||
+          (parent ? this.volumesFor(parent)[Number(volEl.getAttribute('data-vol'))] : undefined);
+      } else if (serverEl) {
+        index = Number(serverEl.getAttribute('data-server'));
+      }
+      const ep = this.servers[index];
+      const hostActions = ep ? (this.host.sidebarContextMenu?.(ep, volume) ?? []) : [];
+      const actions: SidebarAction[] = [];
+      if (ep && (volume || ep.role === 'volume')) {
+        actions.push({ id: 'info', label: 'Get Info…' });
+        if (this.volumeIsOpen(ep, volume) || ep.role === 'volume') {
+          actions.push({ id: 'eject', label: 'Eject' });
+        }
+      } else if (ep) {
+        actions.push({ id: 'info', label: 'Get Info…' });
+        if (ep.kind === 'afp' || ep.kind === 'smb') {
+          actions.push({ id: 'message', label: 'Send Message…' });
+        }
+        if (this.loggedInEndpoints.has(ep.id) || (this.remoteLoggedIn && (ep.id === this.remoteNbpName || ep.id === this.remoteEndpoint?.id))) {
+          actions.push({ id: 'disconnect', label: 'Disconnect' });
+        }
+      }
+      for (const a of hostActions) {
+        if (actions.some((x) => x.id === a.id)) continue;
+        actions.push(a);
+      }
+      if (!ep || !actions.length) return;
+      e.preventDefault();
+      this.contextMenu = {
+        x: e.clientX,
+        y: e.clientY,
+        targetId: null,
+        sidebar: { index, volume, actions },
+      };
+      this.renderContextMenu();
+      return;
+    }
+    const content = this.querySelector('.content');
+    if (!content?.contains(e.target as Node)) return;
+    e.preventDefault();
+    const item = this.itemFromEvent(e);
+    if (item && (item.matches('[data-preview], .item-info') || item.closest('[data-preview], .item-info'))) {
+      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: this.selectedId };
+    } else if (item) {
+      const id = dataRef(item);
+      this.selectedId = id;
+      this.paintSelection(item);
+      if (this.showProps) this.refreshPropsPanel();
+      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: id };
+    } else {
+      this.contextMenu = { x: e.clientX, y: e.clientY, targetId: null };
+    }
+    this.renderContextMenu();
+  }
+
+  private renderContextMenu(): void {
+    const root = this.querySelector('.ctx-root');
+    if (!root) return;
+    if (!this.contextMenu) {
+      root.innerHTML = '';
+      return;
+    }
+    const { x, y, targetId, local, sidebar } = this.contextMenu;
+    const targetNode = targetId != null ? this.findNodeAnywhere(targetId) : null;
+    const canPreview = this.isPreviewable(targetNode);
+    const items = sidebar
+      ? sidebar.actions.map((a) => `<button type="button" data-ctx="${this.escape(a.id)}">${this.escape(a.label)}</button>`)
+      : local
+        ? [
+            `<button type="button" data-ctx="welcome-pack">Add Welcome Pack Items</button>`,
+            `<hr/>`,
+            `<button type="button" data-ctx="erase-local">Erase All Items…</button>`,
+          ]
+        : targetId != null
+          ? [
+              this.isExpandableArchive(targetNode)
+                ? `<button type="button" data-ctx="expand">Expand</button>`
+                : '',
+              `<button type="button" data-ctx="download">Download Zip</button>`,
+              canPreview ? `<button type="button" data-ctx="preview">Preview…</button>` : '',
+              `<button type="button" data-ctx="rename">Rename</button>`,
+              `<button type="button" data-ctx="delete">Delete…</button>`,
+              `<button type="button" data-ctx="props">Get Info…</button>`,
+              targetNode && !targetNode.isDir && showsResourceFork(this.vfs.capabilities())
+                ? `<button type="button" data-ctx="resources">Resources…</button>`
+                : '',
+              targetNode && !targetNode.isDir && isWinResourceName(targetNode.name)
+                ? `<button type="button" data-ctx="win-resources">Windows Resources…</button>`
+                : '',
+              `<hr/>`,
+              `<button type="button" data-ctx="cut">Cut</button>`,
+              `<button type="button" data-ctx="copy">Copy</button>`,
+              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
+            ]
+          : [
+              `<button type="button" data-ctx="mkdir">New Folder</button>`,
+              this.clipboard ? `<button type="button" data-ctx="paste">Paste</button>` : '',
+              `<button type="button" data-ctx="props-blank">Get Info</button>`,
+            ];
+    root.innerHTML = `<div class="ctx-menu" style="left:${x}px;top:${y}px">${items.filter(Boolean).join('')}</div>`;
+  }
+
+  private async handleContextAction(action: string, targetId: NodeRef | null = null): Promise<void> {
+    switch (action) {
+      case 'expand':
+        await this.expandArchive(targetId);
+        break;
+      case 'download':
+        if (targetId != null) this.selectedId = targetId;
+        await this.onDownload();
+        break;
+      case 'preview':
+        await this.openPreview(targetId);
+        break;
+      case 'rename':
+        this.startRename();
+        break;
+      case 'delete':
+        await this.onDelete();
+        break;
+      case 'props':
+        this.showPropertiesPanel();
+        break;
+      case 'resources':
+        this.openResourceExplorer(targetId);
+        break;
+      case 'win-resources':
+        this.openWinResourceExplorer(targetId);
+        break;
+      case 'props-blank': {
+        this.showProps = true;
+        if (this.selectedId == null) {
+          const folder = await this.vfs.get(this.cwd);
+          if (folder) this.selectedId = nodeRef(folder);
+        }
+        this.syncPropsButton();
+        this.refreshPropsPanel();
+        break;
+      }
+      case 'cut':
+        await this.cutSelection();
+        break;
+      case 'copy':
+        await this.copySelection();
+        break;
+      case 'paste':
+        await this.pasteClipboard(await this.pasteDestFromTarget(targetId));
+        break;
+      case 'mkdir':
+        await this.onMkdir();
+        break;
+      case 'erase-local':
+        await this.eraseLocalShare();
+        break;
+      case 'welcome-pack':
+        void this.runWelcomePack({ seed: false });
+        break;
+    }
+  }
+
+  private async runWelcomePack(opts: { seed: boolean }): Promise<void> {
+    if (opts.seed && !this.host.seedWelcomePack) return;
+    if (!opts.seed && !this.host.installWelcomePack) return;
+    if (this.welcomePackBusy) {
+      if (!opts.seed) this.setStatus('Welcome pack is already adding items');
+      return;
+    }
+    this.welcomePackBusy = true;
+    const progress: WelcomePackProgress = {
+      onBegin: (fileCount) => {
+        if (fileCount <= 0) return;
+        this.setStatus('Adding Welcome Pack Items…', { busy: true });
+      },
+      onItem: (item) => {
+        const dest = this.localVfs ?? this.host?.localCatalog() ?? this.vfs;
+        return this.trackImportItem(item, dest, dest.rootId());
+      },
+    };
+    try {
+      const result = opts.seed
+        ? await this.host.seedWelcomePack!(progress)
+        : await this.host.installWelcomePack!(progress);
+      if (!result) return;
+      if (result.imported === 0 && result.skipped === 0) {
+        this.setStatus('Welcome pack is empty');
+        return;
+      }
+      if (result.imported === 0) {
+        this.setStatus('Welcome pack items already present');
+        return;
+      }
+      const extra = result.skipped > 0 ? ` (${result.skipped} already present)` : '';
+      this.setStatus(`Added ${result.imported} welcome pack item${result.imported === 1 ? '' : 's'}${extra}`);
+    } catch (err) {
+      this.setStatus(`Welcome pack failed: ${err instanceof Error ? err.message : String(err)}`);
+    } finally {
+      this.welcomePackBusy = false;
+    }
+  }
+
+  private async eraseLocalShare(): Promise<void> {
+    const cat = this.localVfs ?? this.host?.localCatalog();
+    if (!cat) return;
+    const root = cat.rootId();
+    const kids = await cat.children(root);
+    if (!kids.length) {
+      this.setStatus(`${this.localShareTitle()} is empty`);
+      return;
+    }
+    if (!confirm(`Erase all items in ${this.localShareTitle()}? This cannot be undone.`)) {
+      return;
+    }
+    this.setStatus(`Erasing ${this.localShareTitle()}…`, { busy: true });
+    if (this.source === 'local') {
+      this.cwd = root;
+      this.pathStack = [{ id: root, name: this.localShareTitle() }];
+      this.selectedId = null;
+      this.expandedIds.clear();
+      this.loadingIds.clear();
+      this.listChildCache.clear();
+      this.columnChildren = [];
+      this.showProps = false;
+      this.syncPropsButton();
+    }
+    if (this.clipboard?.source === cat) {
+      this.clipboard = null;
+      this.syncClipboardButtons();
+    }
+    let failed = false;
+    await this.withOwnVfsMutation(async () => {
+      cat.beginBatch();
+      try {
+        for (const k of kids) await cat.remove(nodeRef(k));
+      } catch (err) {
+        failed = true;
+        this.setStatus(`Erase failed: ${err instanceof Error ? err.message : String(err)}`);
+      } finally {
+        cat.endBatch();
+      }
+    });
+    iconCache.clearDirectoryCache();
+    this.iconUrls.clear();
+    this.bumpIconLoadGen();
+    if (this.source === 'local') {
+      await this.reload();
+      this.syncHistory();
+      this.render();
+    }
+    if (!failed) this.setStatus(`Erased ${this.localShareTitle()}`);
+  }
+
+  private async pasteDestFromTarget(targetId: NodeRef | null): Promise<NodeRef> {
+    if (targetId == null) return this.cwd;
+    const node = this.findNodeAnywhere(targetId) ?? (await this.vfs.get(targetId));
+    if (node?.isDir) return nodeRef(node);
+    return node ? parentRef(node) : this.cwd;
+  }
+
+  private async pasteClipboard(destParent = this.cwd): Promise<void> {
+    if (!this.clipboard?.items.length) return;
+    const clip = this.clipboard;
+    this.setStatus('Pasting…', { busy: true });
+    const srcParents: NodeRef[] = [];
+    try {
+      const sameShare = clip.source === this.vfs;
+      const reserved = new Set<string>();
+      if (clip.mode === 'cut' && sameShare) {
+        const moves: { id: NodeRef; name: string; plan: PlacementPlan }[] = [];
+        for (const id of clip.sourceIds) {
+          const src = await this.vfs.get(id);
+          if (!src || parentRef(src) === destParent) continue;
+          if (!this.isValidMoveTarget(id, destParent)) {
+            this.setStatus('Can’t move an item into itself');
+            return;
+          }
+          srcParents.push(parentRef(src));
+          const plan = await this.planPlacement(this.vfs, destParent, src.name, src.isDir, id, reserved);
+          moves.push({ id, name: src.name, plan });
+        }
+        for (const { id, name, plan } of moves) {
+          await this.withOwnVfsMutation(async () => {
+            if (plan.replaceId != null) await this.vfs.remove(plan.replaceId);
+            if (plan.destName !== name) await this.vfs.rename(id, plan.destName);
+            await this.vfs.move(id, destParent);
+          });
+        }
+      } else {
+        const planned: { item: ClipNode; plan: PlacementPlan }[] = [];
+        for (const item of clip.items) {
+          planned.push({
+            item,
+            plan: await this.planPlacement(this.vfs, destParent, item.name, item.isDir, undefined, reserved),
+          });
+        }
+        await this.withOwnVfsMutation(async () => {
+          this.vfs.beginBatch();
+          try {
+            for (const { item, plan } of planned) {
+              if (plan.replaceId != null) await this.vfs.remove(plan.replaceId);
+              const jobId = this.startTransfer(plan.destName, item.isDir, clipByteSize(item), item.finderInfo);
+              transferActivity.setDest(jobId, this.vfs, destParent, plan.destName);
+              const signal = transferActivity.signal(jobId);
+              try {
+                await transferActivity.withCopySlot(jobId, async () => {
+                  await this.writeClipNode(
+                    this.vfs,
+                    destParent,
+                    item,
+                    (n) => {
+                      throwIfAborted(signal);
+                      transferActivity.addBytes(jobId, n);
+                    },
+                    plan.destName,
+                    jobId,
+                  );
+                  throwIfAborted(signal);
+                });
+                await transferActivity.settle(jobId);
+              } catch (err) {
+                await transferActivity.settle(jobId, err);
+                if (isTransferCancelled(err)) continue;
+                throw err;
+              }
+            }
+          } finally {
+            this.vfs.endBatch();
+          }
+          if (clip.mode === 'cut' && clip.source) {
+            for (const id of clip.sourceIds) {
+              await clip.source.remove(id).catch(() => undefined);
+            }
+          }
+        });
+      }
+      if (clip.mode === 'cut') this.clipboard = null;
+      this.syncClipboardButtons();
+      await this.refreshIfDestVisible(this.vfs, destParent, ...srcParents);
+      this.setStatus('Paste complete');
+    } catch (err) {
+      if (isTransferCancelled(err)) {
+        this.setStatus('Transfer cancelled');
+        await this.refreshIfDestVisible(this.vfs, destParent, ...srcParents);
+        return;
+      }
+      this.setStatus(`Paste failed: ${(err as Error).message}`);
+    }
+  }
+
+  private async writeClipNode(
+    fs: Catalog,
+    parentId: NodeRef,
+    item: ClipNode,
+    onBytes?: (n: number) => void,
+    destName = item.name,
+    jobId?: string,
+  ): Promise<void> {
+    const signal = jobId ? transferActivity.signal(jobId) : undefined;
+    throwIfAborted(signal);
+    const clash = await fs.lookup(parentId, destName);
+    const name = clash ? await uniqueCopyName(fs, parentId, destName) : destName;
+    if (item.isDir) {
+      const dir = await fs.mkdir(parentId, name);
+      if (jobId) transferActivity.addDest(jobId, fs, parentId, name, 'folder');
+      for (const kid of item.kids ?? []) {
+        throwIfAborted(signal);
+        await this.writeClipNode(fs, nodeRef(dir), kid, onBytes, kid.name, jobId);
+      }
+      return;
+    }
+    if (jobId) transferActivity.setWriteFile(jobId, fs, parentId, name);
+    try {
+      await fs.createFile(
+        parentId,
+        name,
+        item.data.slice(),
+        item.resource.slice(),
+        item.finderInfo.slice(),
+        onBytes,
+        signal,
+      );
+      throwIfAborted(signal);
+      if (jobId) transferActivity.clearPartial(jobId);
+    } catch (err) {
+      if (jobId && (isTransferCancelled(err) || transferActivity.isCancelled(jobId))) {
+        await transferActivity.discardPartial(jobId);
+      }
+      throw err;
+    }
+  }
+
+  private isEditingField(t: EventTarget | null): boolean {
+    return (
+      t instanceof HTMLInputElement ||
+      t instanceof HTMLTextAreaElement ||
+      t instanceof HTMLSelectElement ||
+      (t instanceof HTMLElement && t.isContentEditable)
+    );
+  }
+
+  private finderHasFocus(): boolean {
+    const ae = document.activeElement;
+    if (!ae || ae === document.body || ae === document.documentElement) return false;
+    return this.contains(ae);
+  }
+
+  private async onKeyDown(e: KeyboardEvent): Promise<void> {
+    const t = e.target as HTMLElement;
+
+    if (t instanceof HTMLInputElement && t.hasAttribute('data-rename')) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await this.commitRename(t);
+      } else if (e.key === 'Escape') {
+        e.preventDefault();
+        this.renamingId = null;
+        this.renderContent();
+      }
+      return;
+    }
+    if (t instanceof HTMLInputElement && t.hasAttribute('data-prop')) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await this.applyProps();
+      }
+      return;
+    }
+
+    if (!this.finderHasFocus()) return;
+    if (this.isEditingField(t)) return;
+    if (this.preview) {
+      if (e.key === 'Escape' || e.key === ' ') {
+        e.preventDefault();
+        this.closePreview();
+      }
+      return;
+    }
+    if (this.contextMenu) {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        this.contextMenu = null;
+        this.renderContextMenu();
+      }
+      return;
+    }
+    if (this.openCallout) {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        this.openCallout = null;
+        this.renderCallouts();
+      }
+      return;
+    }
+
+    const mod = e.metaKey || e.ctrlKey;
+    const key = e.key;
+    const lower = key.length === 1 ? key.toLowerCase() : key;
+
+    // View: ⌘1 / ⌘2 / ⌘3
+    if (mod && !e.shiftKey && !e.altKey && (key === '1' || key === '2' || key === '3')) {
+      e.preventDefault();
+      const modes: ViewMode[] = ['icon', 'list', 'column'];
+      await this.setView(modes[Number(key) - 1]!);
+      return;
+    }
+
+    // Quick Look: Space
+    if (key === ' ' && !mod && !e.altKey) {
+      e.preventDefault();
+      await this.openPreview();
+      return;
+    }
+
+    // Delete: Delete | ⌘⌫ | Ctrl+D
+    if (
+      key === 'Delete' ||
+      (mod && key === 'Backspace') ||
+      (e.ctrlKey && !e.metaKey && !e.altKey && lower === 'd')
+    ) {
+      e.preventDefault();
+      await this.onDelete();
+      return;
+    }
+
+    // Rename: Enter | F2
+    if ((key === 'Enter' && !e.altKey && !mod) || key === 'F2') {
+      e.preventDefault();
+      this.startRename();
+      return;
+    }
+
+    // Get Info: ⌘I | Alt+Enter
+    if ((mod && lower === 'i' && !e.shiftKey) || (e.altKey && key === 'Enter')) {
+      e.preventDefault();
+      this.showPropertiesPanel();
+      return;
+    }
+
+    // Back: ⌘[ | Backspace | Alt+←
+    if ((mod && key === '[') || (key === 'Backspace' && !mod && !e.altKey) || (e.altKey && key === 'ArrowLeft')) {
+      e.preventDefault();
+      await this.goNavBack();
+      return;
+    }
+
+    // Forward: ⌘] | Alt+→
+    if ((mod && key === ']') || (e.altKey && key === 'ArrowRight')) {
+      e.preventDefault();
+      await this.goNavForward();
+      return;
+    }
+
+    // Up: ⌘↑ | Alt+↑
+    if ((mod || e.altKey) && key === 'ArrowUp') {
+      e.preventDefault();
+      await this.goUp();
+      return;
+    }
+
+    // Cut / Copy / Paste
+    if (mod && !e.shiftKey && !e.altKey && lower === 'x') {
+      e.preventDefault();
+      await this.cutSelection();
+      return;
+    }
+    if (mod && !e.shiftKey && !e.altKey && lower === 'c') {
+      e.preventDefault();
+      await this.copySelection();
+      return;
+    }
+    if (mod && !e.shiftKey && !e.altKey && lower === 'v') {
+      e.preventDefault();
+      await this.pasteClipboard();
+      return;
+    }
+
+    // New folder: ⌘⇧N | Ctrl⇧N
+    if (mod && e.shiftKey && !e.altKey && lower === 'n') {
+      e.preventDefault();
+      await this.onMkdir();
+    }
+  }
+
+  private renameBusy = false;
+  private async commitRename(input: HTMLInputElement): Promise<void> {
+    if (this.renameBusy || !input.hasAttribute('data-rename')) return;
+    this.renameBusy = true;
+    const id = parseRefKey(input.getAttribute('data-rename'));
+    const name = this.catalogName(input.value.trim());
+    input.removeAttribute('data-rename');
+    this.renamingId = null;
+    try {
+      if (!name || id == null) {
+        this.renderContent();
+        return;
+      }
+      const node = this.findNodeAnywhere(id) ?? (await this.vfs.get(id));
+      if (!node) return;
+      if (node.name !== name) {
+        const clash = await this.vfs.lookup(parentRef(node), name);
+        if (clash && nodeRef(clash) !== id) {
+          this.setStatus(`“${name}” already exists`);
+          this.renamingId = id;
+          this.renderContent();
+          return;
+        }
+        await this.withOwnVfsMutation(() => this.vfs.rename(id, name));
+      }
+      await this.reload();
+      this.renderContent();
+      if (this.showProps) this.refreshPropsPanel();
+    } finally {
+      this.renameBusy = false;
+    }
+  }
+
+  // Commit rename on blur via delegated listener once
+  private renameBlurBound = false;
+  private ensureRenameBlur(): void {
+    if (this.renameBlurBound) return;
+    this.renameBlurBound = true;
+    this.addEventListener(
+      'focusout',
+      (e) => {
+        const t = e.target as HTMLElement;
+        if (t instanceof HTMLInputElement && t.hasAttribute('data-rename')) {
+          // Replacing innerHTML disconnects the input; don't treat that as a commit.
+          if (!t.isConnected) return;
+          void this.commitRename(t);
+        }
+      },
+      true,
+    );
+  }
+
+  private escape(s: string): string {
+    return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
+  }
+}
+
+function decodePreviewText(data: Uint8Array): string {
+  let text: string;
+  try {
+    text = new TextDecoder('utf-8', { fatal: true }).decode(data);
+  } catch {
+    text = decodeMacRoman(data);
+  }
+  return text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+}
+
+customElements.define('finder-window', FinderWindow);
+
+export function downloadAppleDoubleZip(
+  name: string,
+  data: Uint8Array,
+  resource: Uint8Array,
+  finderInfo: Uint8Array,
+  style: ZipExportStyle = loadPrefs().zipExportStyle,
+): void {
+  downloadZipEntries(name, [
+    { name, data },
+    { name: zipSidecarPath(name, style), data: buildAppleDouble(finderInfo, resource) },
+  ]);
+}
+
+export function downloadZipEntries(zipName: string, files: { name: string; data: Uint8Array }[]): void {
+  const zip = zipStore(files);
+  const blob = new Blob([zip.buffer.slice(zip.byteOffset, zip.byteOffset + zip.byteLength) as ArrayBuffer], {
+    type: 'application/zip',
+  });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = zipName.endsWith('.zip') ? zipName : `${zipName}.zip`;
+  a.click();
+  URL.revokeObjectURL(a.href);
+}
diff --git a/src/ui/format-bytes.test.ts b/src/ui/format-bytes.test.ts
index bcc0827..0b11e59 100644
--- a/src/ui/format-bytes.test.ts
+++ b/src/ui/format-bytes.test.ts
@@ -1,5 +1,16 @@
 import { describe, expect, it } from 'vitest';
-import { formatRemainingTime } from './format-bytes';
+import { formatItems, formatRemainingTime } from './format-bytes';
+
+describe('formatItems', () => {
+  it('singularizes one item', () => {
+    expect(formatItems(1)).toBe('1 item');
+  });
+
+  it('pluralizes other counts', () => {
+    expect(formatItems(0)).toBe('0 items');
+    expect(formatItems(12)).toBe('12 items');
+  });
+});
 
 describe('formatRemainingTime', () => {
   it('uses seconds under a minute', () => {
diff --git a/src/ui/format-bytes.ts b/src/ui/format-bytes.ts
index f64aea9..aa05af5 100644
--- a/src/ui/format-bytes.ts
+++ b/src/ui/format-bytes.ts
@@ -1,3 +1,10 @@
+/** Format a count of files/folders, e.g. "1 item" or "12 items". */
+export function formatItems(n: number): string {
+  if (!Number.isFinite(n) || n < 0) return '—';
+  const count = Math.round(n);
+  return count === 1 ? '1 item' : `${count} items`;
+}
+
 /** Format byte counts for display; sorting should use the raw number. */
 export function formatBytes(n: number): string {
   if (!Number.isFinite(n) || n < 0) return '—';
diff --git a/src/ui/lucide-icon.ts b/src/ui/lucide-icon.ts
index 43e8e4a..f1bcb22 100644
--- a/src/ui/lucide-icon.ts
+++ b/src/ui/lucide-icon.ts
@@ -14,12 +14,10 @@ import {
   Maximize2,
   Menu,
   Minimize2,
-  Network,
   Plus,
   RefreshCw,
   RotateCcw,
   Scissors,
-  Settings,
   Trash2,
   Upload,
   Usb,
@@ -65,7 +63,5 @@ export const uiIcons = {
   disclose: lucideSvg(ChevronRight, 16),
   maximize: lucideSvg(Maximize2, 14),
   restore: lucideSvg(Minimize2, 14),
-  settings: lucideSvg(Settings),
-  netboot: lucideSvg(Network),
   environment: lucideSvg(RotateCcw),
 };
diff --git a/src/ui/menu-bar-track.ts b/src/ui/menu-bar-track.ts
index 901bea5..7761297 100644
--- a/src/ui/menu-bar-track.ts
+++ b/src/ui/menu-bar-track.ts
@@ -4,7 +4,7 @@
 export const MENUBAR_CHANGE = 'cs-menubar-change';
 
 const MENU_SEL = '[data-menu]';
-const TRIGGER_SEL = '.app-menu__trigger';
+const DROPDOWN_SEL = '.app-menu__dropdown';
 
 /** Currently open menu key (`data-menu`), or null if all menus are closed. */
 export function menubarOpenKey(root: HTMLElement): string | null {
@@ -49,9 +49,19 @@ function adjacentKey(root: HTMLElement, current: string, dir: -1 | 1): string |
   return keys[(i + dir + keys.length) % keys.length] ?? current;
 }
 
+/** True when the event was aimed at this menubar, even if innerHTML detached the target. */
+function eventInsideRoot(root: HTMLElement, e: Event): boolean {
+  if (typeof e.composedPath === 'function' && e.composedPath().includes(root)) return true;
+  const t = e.target;
+  if (t instanceof Node && root.contains(t)) return true;
+  const menu = closestFrom(e.target, MENU_SEL);
+  return !!(menu && root.contains(menu));
+}
+
 /**
  * Bind click / hover / keyboard tracking on a stable root that contains `[data-menu]`
- * items (each with an `.app-menu__trigger`). The root must not be replaced by innerHTML.
+ * items. A click anywhere on a menu title (except the dropdown) toggles that menu.
+ * The root must not be replaced by innerHTML.
  *
  * While a menu is open, moving the pointer onto another title switches to that menu —
  * the same tracking mode as macOS / Windows menu bars.
@@ -60,13 +70,13 @@ export function bindMenuBarTracking(root: HTMLElement): () => void {
   const onPointerOver = (e: PointerEvent): void => {
     if (e.pointerType === 'touch') return;
     if (!menubarOpenKey(root)) return;
-    if (closestFrom(e.target, '.app-menu__dropdown')) return;
+    if (closestFrom(e.target, DROPDOWN_SEL)) return;
     const key = menuKeyOf(e.target, root);
     if (key) setMenubarOpen(root, key);
   };
 
   const onClick = (e: MouseEvent): void => {
-    if (!closestFrom(e.target, TRIGGER_SEL)) return;
+    if (closestFrom(e.target, DROPDOWN_SEL)) return;
     const key = menuKeyOf(e.target, root);
     if (!key) return;
     e.stopPropagation();
@@ -75,10 +85,9 @@ export function bindMenuBarTracking(root: HTMLElement): () => void {
     else setMenubarOpen(root, open === key ? null : key);
   };
 
-  const onWindowClick = (e: MouseEvent): void => {
+  const onDocumentClick = (e: MouseEvent): void => {
     if (!menubarOpenKey(root)) return;
-    const menu = closestFrom(e.target, MENU_SEL);
-    if (menu && root.contains(menu)) return;
+    if (eventInsideRoot(root, e)) return;
     setMenubarOpen(root, null);
   };
 
@@ -99,13 +108,15 @@ export function bindMenuBarTracking(root: HTMLElement): () => void {
 
   root.addEventListener('pointerover', onPointerOver);
   root.addEventListener('click', onClick);
-  window.addEventListener('click', onWindowClick);
+  // Capture so the same click that opens a menu cannot dismiss it after innerHTML
+  // replacement detaches the original target (the SPA View title hit this).
+  document.addEventListener('click', onDocumentClick, true);
   window.addEventListener('keydown', onKey);
 
   return () => {
     root.removeEventListener('pointerover', onPointerOver);
     root.removeEventListener('click', onClick);
-    window.removeEventListener('click', onWindowClick);
+    document.removeEventListener('click', onDocumentClick, true);
     window.removeEventListener('keydown', onKey);
   };
 }
diff --git a/src/ui/menu-shortcut.ts b/src/ui/menu-shortcut.ts
new file mode 100644
index 0000000..675206e
--- /dev/null
+++ b/src/ui/menu-shortcut.ts
@@ -0,0 +1,29 @@
+/** Platform-aware menu shortcut labels (⌘ on macOS, Ctrl on Windows/Linux). */
+
+export function isMacUi(): boolean {
+  if (typeof navigator === 'undefined') return true;
+  const hint = `${navigator.platform || ''} ${navigator.userAgent || ''}`;
+  return /Mac|iPhone|iPod|iPad/i.test(hint);
+}
+
+/** Primary modifier key label for menu shortcuts. */
+export function modKeyLabel(): string {
+  return isMacUi() ? '⌘' : 'Ctrl';
+}
+
+/** Build a human-readable shortcut string from symbolic parts. */
+export function menuShortcut(parts: string[]): string {
+  const mod = modKeyLabel();
+  const mapped = parts.map((p) => {
+    if (p === 'mod') return mod;
+    if (p === 'shift') return isMacUi() ? '⇧' : 'Shift';
+    if (p === 'alt') return isMacUi() ? '⌥' : 'Alt';
+    return p;
+  });
+  return isMacUi() ? mapped.join('') : mapped.join('+');
+}
+
+export function shortcutHtml(parts: string[]): string {
+  const text = menuShortcut(parts);
+  return `<span class="app-menu__shortcut" aria-hidden="true">${text.replace(/&/g, '&amp;').replace(/</g, '&lt;')}</span>`;
+}
diff --git a/src/ui/resource-fork-explorer.ts b/src/ui/resource-fork-explorer.ts
index 7135498..3acf436 100644
--- a/src/ui/resource-fork-explorer.ts
+++ b/src/ui/resource-fork-explorer.ts
@@ -1,446 +1,517 @@
-/**
- * Diagnostic window: every resource type/id in a file's resource fork.
- * Follows Finder selection so cdev / extension icons can be compared live.
- */
-
-import type { Catalog, VNode } from '../fs/virtual-fs';
-import { ResourceFork, resourceFetchCap, type ResourceEntry } from '../fs/resource-fork';
-import { decompileRez, decodeResourceType } from '../fs/codecs';
-import {
-  decodeFref,
-  describeBndl,
-  formatOsType,
-  hexDump,
-  ICON_RELATED_TYPES,
-  inspectLoadedFork,
-  preferredInspectType,
-  resourceIdHint,
-  resourceTypeLabel,
-  type ForkInspect,
-  type ResourceTypeGroup,
-} from '../fs/resource-inspect';
-import { decodeIcon, SUPPORTED_ICON_TYPES, decodedIconToDataUrl } from '../fs/resource-types/icon-decoder';
-import { pictToSvgDataUrl } from '../fs/pict/pict';
-import { readTypeCreator } from '../fs/icon-cache';
-import { formatBytes } from './format-bytes';
-import { enableWindowMove, enableWindowResize, onWindowGeometryChange, raiseFloatingWindow } from './window-resize';
-import { defaultResourceFrame, persistWindow, restoreWindow } from './window-layout';
-
-const ICON_TYPE_SET = new Set<string>(SUPPORTED_ICON_TYPES);
-const HEX_PREVIEW_BYTES = 512;
-
-function payloadCap(type: string): number {
-  return resourceFetchCap(type) || HEX_PREVIEW_BYTES;
-}
-
-function escapeHtml(s: string): string {
-  return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
-}
-
-function entryKey(type: string, id: number, index: number): string {
-  return `${type}:${id}:${index}`;
-}
-
-export class ResourceForkExplorer extends HTMLElement {
-  private catalog: Catalog | null = null;
-  private node: VNode | null = null;
-  private inspect: ForkInspect | null = null;
-  private source: 'resource' | 'data' | 'empty' = 'empty';
-  private selectedType: string | null = null;
-  private selectedKey: string | null = null;
-  private previewUrl: string | null = null;
-  private loadGen = 0;
-  private loading = false;
-  private error: string | null = null;
-  private rf: ResourceFork | null = null;
-
-  connectedCallback(): void {
-    this.classList.add('rsrc-explorer');
-    this.hidden = true;
-    this.renderShell();
-    enableWindowResize(this, { minWidth: 420, minHeight: 280 });
-    enableWindowMove(this, '.rsrc-explorer__chrome');
-    this.addEventListener('click', (e) => this.onClick(e));
-    window.addEventListener('keydown', this.onKey);
-    restoreWindow('resource', this, defaultResourceFrame);
-    onWindowGeometryChange(this, () => persistWindow('resource', this));
-  }
-
-  disconnectedCallback(): void {
-    window.removeEventListener('keydown', this.onKey);
-  }
-
-  show(): void {
-    this.hidden = false;
-    raiseFloatingWindow(this);
-    persistWindow('resource', this);
-  }
-
-  hide(): void {
-    this.hidden = true;
-    persistWindow('resource', this);
-  }
-
-  toggle(): void {
-    if (this.hidden) this.show();
-    else this.hide();
-  }
-
-  /** Open (or focus) on a catalog node. Pass null for the empty prompt. */
-  open(catalog: Catalog | null, node: VNode | null): void {
-    this.show();
-    void this.inspectNode(catalog, node, true);
-  }
-
-  /** Refresh when Finder selection changes, if the window is visible. */
-  followSelection(catalog: Catalog | null, node: VNode | null): void {
-    if (this.hidden) return;
-    void this.inspectNode(catalog, node, false);
-  }
-
-  private onKey = (e: KeyboardEvent): void => {
-    if (e.key === 'Escape' && !this.hidden) this.hide();
-  };
-
-  private renderShell(): void {
-    this.innerHTML = `
-      <div class="rsrc-explorer__chrome">
-        <div class="rsrc-explorer__title">Resource Fork</div>
-        <div class="rsrc-explorer__file" data-role="file"></div>
-        <button type="button" class="btn log-panel__btn" data-act="close" aria-label="Close">✕</button>
-      </div>
-      <div class="rsrc-explorer__meta" data-role="meta"></div>
-      <div class="rsrc-explorer__split">
-        <div class="rsrc-explorer__types" data-role="types"></div>
-        <div class="rsrc-explorer__entries" data-role="entries"></div>
-      </div>
-      <div class="rsrc-explorer__detail" data-role="detail"></div>
-    `;
-  }
-
-  private async inspectNode(catalog: Catalog | null, node: VNode | null, force: boolean): Promise<void> {
-    if (
-      !force &&
-      node &&
-      this.node?.id === node.id &&
-      this.catalog === catalog &&
-      this.inspect &&
-      !this.loading
-    ) {
-      return;
-    }
-    const gen = ++this.loadGen;
-    this.catalog = catalog;
-    this.node = node;
-    this.previewUrl = null;
-    this.error = null;
-    this.rf = null;
-    this.inspect = null;
-    this.source = 'empty';
-
-    if (!node) {
-      this.loading = false;
-      this.paint();
-      return;
-    }
-
-    this.loading = true;
-    this.paint();
-
-    try {
-      this.node = node;
-      this.source = 'empty';
-      this.rf = null;
-      this.inspect = null;
-      if (catalog) {
-        const rsrcHint = node.resourceBytes ?? node.resource.length;
-        const dataHint = node.dataBytes ?? node.data.length;
-        if (rsrcHint >= 16) {
-          this.rf = await catalog.loadResourceFork(node, { fork: 'resource' });
-          if (this.rf) this.source = 'resource';
-        }
-        if (!this.rf?.allEntries.length && dataHint >= 16) {
-          this.rf = await catalog.loadResourceFork(node, { fork: 'data' });
-          if (this.rf?.allEntries.length) this.source = 'data';
-        }
-      }
-      if (gen !== this.loadGen) return;
-      const forkBytes =
-        this.source === 'data' ? (node.dataBytes ?? node.data.length) : (node.resourceBytes ?? node.resource.length);
-      this.inspect = this.rf
-        ? inspectLoadedFork(this.rf, forkBytes)
-        : { header: null, forkBytes, entries: [], types: [], parsed: false };
-      const types = this.inspect.types.map((g) => g.type);
-      if (!this.selectedType || !types.includes(this.selectedType)) {
-        this.selectedType = preferredInspectType(types);
-        this.selectedKey = null;
-      }
-      this.loading = false;
-      this.paint();
-      await this.refreshPreview(gen);
-    } catch (err) {
-      if (gen !== this.loadGen) return;
-      this.loading = false;
-      this.error = err instanceof Error ? err.message : String(err);
-      this.paint();
-    }
-  }
-
-  private group(): ResourceTypeGroup | undefined {
-    return this.inspect?.types.find((g) => g.type === this.selectedType);
-  }
-
-  private selectedEntry(): { entry: ResourceEntry; index: number } | null {
-    const group = this.group();
-    if (!group) return null;
-    if (this.selectedKey) {
-      const hit = group.entries.findIndex((e, i) => entryKey(e.type, e.id, i) === this.selectedKey);
-      if (hit >= 0) return { entry: group.entries[hit]!, index: hit };
-    }
-    const first = group.entries[0];
-    return first ? { entry: first, index: 0 } : null;
-  }
-
-  private async refreshPreview(gen: number): Promise<void> {
-    this.previewUrl = null;
-    const sel = this.selectedEntry();
-    if (!sel || !this.rf) {
-      if (gen === this.loadGen) this.paintDetail();
-      return;
-    }
-    if (gen === this.loadGen) this.paintDetail();
-    const bytes = await this.pullSelectedBytes(sel.entry);
-    if (gen !== this.loadGen) return;
-    if (ICON_TYPE_SET.has(sel.entry.type)) {
-      const decoded = decodeIcon(sel.entry.type, bytes);
-      this.previewUrl = decoded ? await decodedIconToDataUrl(decoded) : null;
-      if (gen !== this.loadGen) return;
-    } else if (sel.entry.type === 'PICT') {
-      this.previewUrl = await pictToSvgDataUrl(bytes);
-      if (gen !== this.loadGen) return;
-    }
-    this.paintEntries();
-    this.paintDetail();
-  }
-
-  private async pullSelectedBytes(entry: ResourceEntry): Promise<Uint8Array> {
-    if (!this.rf) return new Uint8Array();
-    return this.rf.pullBytes(entry, payloadCap(entry.type));
-  }
-
-  private paint(): void {
-    this.paintFile();
-    this.paintMeta();
-    this.paintTypes();
-    this.paintEntries();
-    this.paintDetail();
-  }
-
-  private paintFile(): void {
-    const el = this.querySelector('[data-role="file"]');
-    if (!el) return;
-    el.textContent = this.node?.name ?? 'No file selected';
-  }
-
-  private paintMeta(): void {
-    const el = this.querySelector('[data-role="meta"]');
-    if (!el) return;
-    if (!this.node) {
-      el.innerHTML = `<p class="rsrc-explorer__empty">Select a file in the Finder to list its resources.</p>`;
-      return;
-    }
-    if (this.loading) {
-      el.innerHTML = `<p class="rsrc-explorer__empty">Reading resource fork…</p>`;
-      return;
-    }
-    if (this.error) {
-      el.innerHTML = `<p class="rsrc-explorer__empty rsrc-explorer__empty--error">${escapeHtml(this.error)}</p>`;
-      return;
-    }
-    const { type, creator } = readTypeCreator(this.node.finderInfo);
-    const hdr = this.inspect?.header;
-    const nTypes = this.inspect?.types.length ?? 0;
-    const nRes = this.inspect?.entries.length ?? 0;
-    const forkLabel =
-      this.source === 'data'
-        ? 'parsed from data fork'
-        : this.source === 'empty'
-          ? 'no resource fork'
-          : 'resource fork';
-    const hdrBits = hdr
-      ? `data @${hdr.dataOffset} (${hdr.dataLength} bytes) · map @${hdr.mapOffset} (${hdr.mapLength} bytes)`
-      : this.inspect && this.inspect.forkBytes > 0
-        ? 'header did not parse as a resource map'
-        : '';
-    el.innerHTML = `
-      <div class="rsrc-explorer__meta-row">
-        <span class="rsrc-explorer__pill">${escapeHtml(formatOsType(type))}</span>
-        <span class="rsrc-explorer__pill">${escapeHtml(formatOsType(creator))}</span>
-        <span>${escapeHtml(forkLabel)} · ${escapeHtml(formatBytes(this.inspect?.forkBytes ?? 0))} · ${nTypes} type${nTypes === 1 ? '' : 's'} · ${nRes} resource${nRes === 1 ? '' : 's'}</span>
-      </div>
-      ${hdrBits ? `<div class="rsrc-explorer__hdr">${escapeHtml(hdrBits)}</div>` : ''}
-    `;
-  }
-
-  private paintTypes(): void {
-    const el = this.querySelector('[data-role="types"]');
-    if (!el) return;
-    const types = this.inspect?.types ?? [];
-    if (!this.node || this.loading) {
-      el.innerHTML = '';
-      return;
-    }
-    if (!types.length) {
-      el.innerHTML = `<p class="rsrc-explorer__empty">No resources</p>`;
-      return;
-    }
-    el.innerHTML = types
-      .map((g) => {
-        const sel = g.type === this.selectedType ? ' is-selected' : '';
-        const icon = ICON_RELATED_TYPES.has(g.type) ? ' rsrc-explorer__type--icon' : '';
-        const label = resourceTypeLabel(g.type);
-        return `<button type="button" class="rsrc-explorer__type${sel}${icon}" data-act="type" data-type="${escapeHtml(g.type)}">
-          <span class="rsrc-explorer__type-code">${escapeHtml(formatOsType(g.type))}</span>
-          <span class="rsrc-explorer__type-count">${g.count}</span>
-          ${label ? `<span class="rsrc-explorer__type-label">${escapeHtml(label)}</span>` : ''}
-        </button>`;
-      })
-      .join('');
-  }
-
-  private paintEntries(): void {
-    const el = this.querySelector('[data-role="entries"]');
-    if (!el) return;
-    const group = this.group();
-    if (!group) {
-      el.innerHTML = '';
-      return;
-    }
-    const sel = this.selectedEntry();
-    const selectedKey = sel ? entryKey(sel.entry.type, sel.entry.id, sel.index) : null;
-    const rows = group.entries
-      .map((e, i) => {
-        const key = entryKey(e.type, e.id, i);
-        const isSel = key === selectedKey ? ' is-selected' : '';
-        const hint = resourceIdHint(e.type, e.id);
-        const name = e.name ? escapeHtml(e.name) : '';
-        return `<button type="button" class="rsrc-explorer__res${isSel}" data-act="res" data-key="${escapeHtml(key)}">
-          <span class="rsrc-explorer__res-id">${e.id}</span>
-          <span class="rsrc-explorer__res-name">${name}${hint ? `<span class="rsrc-explorer__hint">${escapeHtml(hint)}</span>` : ''}</span>
-          <span class="rsrc-explorer__res-size">${e.length < 0 ? '—' : escapeHtml(formatBytes(e.length))}</span>
-          <span class="rsrc-explorer__res-attr">0x${e.attributes.toString(16).padStart(2, '0')}</span>
-        </button>`;
-      })
-      .join('');
-    el.innerHTML = `
-      <div class="rsrc-explorer__res-head">
-        <span>ID</span><span>Name</span><span>Size</span><span>Attr</span>
-      </div>
-      ${rows}
-    `;
-  }
-
-  private paintDetail(): void {
-    const el = this.querySelector('[data-role="detail"]');
-    if (!el) return;
-    const sel = this.selectedEntry();
-    if (!sel || !this.rf) {
-      el.innerHTML = '';
-      return;
-    }
-    if (!this.rf.hasPayload(sel.entry)) {
-      el.innerHTML = `<p class="rsrc-explorer__empty">Reading resource…</p>`;
-      return;
-    }
-    const bytes = this.rf.readBytes(sel.entry);
-    const parts: string[] = [];
-
-    if (this.previewUrl) {
-      const isPict = sel.entry.type === 'PICT';
-      parts.push(
-        `<div class="rsrc-explorer__preview${isPict ? ' rsrc-explorer__preview--pict' : ''}"><img alt="" ${isPict ? '' : 'width="32" height="32" '}src="${escapeHtml(this.previewUrl)}" /><span>Decoded ${escapeHtml(formatOsType(sel.entry.type))} ${sel.entry.id}</span></div>`,
-      );
-    } else if (ICON_TYPE_SET.has(sel.entry.type)) {
-      parts.push(`<p class="rsrc-explorer__empty">Icon type present but decode failed (${sel.entry.length} bytes).</p>`);
-    } else if (sel.entry.type === 'PICT') {
-      parts.push(`<p class="rsrc-explorer__empty">PICT present but decode failed (${sel.entry.length} bytes). Bitmap and QuickDraw opcodes are supported; QuickTime-compressed pictures are not.</p>`);
-    }
-
-    if (sel.entry.type === 'FREF') {
-      const fref = decodeFref(bytes);
-      if (fref) {
-        parts.push(
-          `<div class="rsrc-explorer__decoded">FREF file type ${escapeHtml(formatOsType(fref.type))} → local icon ${fref.localId}${fref.name ? ` · “${escapeHtml(fref.name)}”` : ''}</div>`,
-        );
-      }
-    }
-
-    if (sel.entry.type === 'BNDL' && this.rf) {
-      const view = describeBndl(this.rf, sel.entry);
-      if (view) {
-        const rows = view.mappings
-          .map((m) => {
-            const miss = m.present ? '' : ' rsrc-explorer__map--missing';
-            return `<tr class="${miss}">
-              <td>${escapeHtml(formatOsType(m.code))}</td>
-              <td>${m.localId}</td>
-              <td>${m.resourceId}</td>
-              <td>${m.present ? 'present' : 'missing'}</td>
-            </tr>`;
-          })
-          .join('');
-        parts.push(`
-          <div class="rsrc-explorer__decoded">
-            BNDL owner ${escapeHtml(formatOsType(view.owner))} · owner id ${view.ownerId}
-            <table class="rsrc-explorer__map">
-              <thead><tr><th>Type</th><th>Local</th><th>Resource</th><th></th></tr></thead>
-              <tbody>${rows}</tbody>
-            </table>
-          </div>`);
-      }
-    }
-
-    const decoded = decodeResourceType(sel.entry.type, sel.entry.id, bytes);
-    if (typeof decoded === 'string' && decoded) {
-      parts.push(`<pre class="rsrc-explorer__decoded">${escapeHtml(decoded)}</pre>`);
-    }
-    const rez = decompileRez(sel.entry.type, sel.entry.id, bytes);
-    if (rez) {
-      parts.push(`<pre class="rsrc-explorer__rez">${escapeHtml(rez)}</pre>`);
-    }
-
-    const dump = hexDump(bytes);
-    const unread = sel.entry.length > bytes.length ? sel.entry.length - bytes.length : dump.truncated ? bytes.length - HEX_PREVIEW_BYTES : 0;
-    parts.push(
-      `<pre class="rsrc-explorer__hex">${escapeHtml(dump.text) || '(empty)'}${unread > 0 ? `\n… ${unread} more bytes` : ''}</pre>`,
-    );
-    el.innerHTML = parts.join('');
-  }
-
-  private onClick(e: MouseEvent): void {
-    const t = (e.target as HTMLElement).closest('[data-act]') as HTMLElement | null;
-    if (!t) return;
-    const act = t.dataset.act;
-    if (act === 'close') {
-      this.hide();
-      return;
-    }
-    if (act === 'type') {
-      this.selectedType = t.dataset.type ?? null;
-      this.selectedKey = null;
-      this.previewUrl = null;
-      this.paintTypes();
-      this.paintEntries();
-      void this.refreshPreview(this.loadGen);
-      return;
-    }
-    if (act === 'res') {
-      this.selectedKey = t.dataset.key ?? null;
-      this.previewUrl = null;
-      this.paintEntries();
-      void this.refreshPreview(this.loadGen);
-    }
-  }
-}
-
-customElements.define('resource-fork-explorer', ResourceForkExplorer);
+/**
+ * Diagnostic window: every resource type/id in a file's resource fork.
+ * Follows Finder selection so cdev / extension icons can be compared live.
+ */
+
+import type { Catalog, VNode } from '../fs/virtual-fs';
+import { nodeRef } from '../fs/virtual-fs';
+import { ResourceFork, resourceFetchCap, type ResourceEntry } from '../fs/resource-fork';
+import { decompileRez, decodeResourceType } from '../fs/codecs';
+import {
+  decodeFref,
+  describeBndl,
+  formatOsType,
+  hexDump,
+  ICON_RELATED_TYPES,
+  inspectLoadedFork,
+  preferredInspectType,
+  resourceIdHint,
+  resourceTypeLabel,
+  type ForkInspect,
+  type ResourceTypeGroup,
+} from '../fs/resource-inspect';
+import { decodeIcon, SUPPORTED_ICON_TYPES, decodedIconToDataUrl } from '../fs/resource-types/icon-decoder';
+import { pictToSvgDataUrl } from '../fs/pict/pict';
+import { readTypeCreator } from '../fs/icon-cache';
+import { formatBytes } from './format-bytes';
+import { downloadBytes } from '../util/pcap';
+import { enableWindowMove, enableWindowResize, onWindowGeometryChange, raiseFloatingWindow } from './window-resize';
+import { defaultResourceFrame, persistWindow, restoreWindow } from './window-layout';
+
+const ICON_TYPE_SET = new Set<string>(SUPPORTED_ICON_TYPES);
+const HEX_PREVIEW_BYTES = 512;
+
+function payloadCap(type: string): number {
+  return resourceFetchCap(type) || HEX_PREVIEW_BYTES;
+}
+
+function escapeHtml(s: string): string {
+  return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
+}
+
+function entryKey(type: string, id: number, index: number): string {
+  return `${type}:${id}:${index}`;
+}
+
+export class ResourceForkExplorer extends HTMLElement {
+  private catalog: Catalog | null = null;
+  private node: VNode | null = null;
+  private inspect: ForkInspect | null = null;
+  private source: 'resource' | 'data' | 'empty' = 'empty';
+  private selectedType: string | null = null;
+  private selectedKey: string | null = null;
+  private previewUrl: string | null = null;
+  private loadGen = 0;
+  private loading = false;
+  private error: string | null = null;
+  private rf: ResourceFork | null = null;
+  private previewOpen = false;
+
+  connectedCallback(): void {
+    this.classList.add('rsrc-explorer');
+    this.hidden = true;
+    this.renderShell();
+    enableWindowResize(this, { minWidth: 420, minHeight: 280 });
+    enableWindowMove(this, '.rsrc-explorer__chrome');
+    this.addEventListener('click', (e) => this.onClick(e));
+    window.addEventListener('keydown', this.onKey);
+    restoreWindow('resource', this, defaultResourceFrame);
+    onWindowGeometryChange(this, () => persistWindow('resource', this));
+  }
+
+  disconnectedCallback(): void {
+    window.removeEventListener('keydown', this.onKey);
+  }
+
+  show(): void {
+    this.hidden = false;
+    raiseFloatingWindow(this);
+    persistWindow('resource', this);
+  }
+
+  hide(): void {
+    this.hidden = true;
+    persistWindow('resource', this);
+  }
+
+  toggle(): void {
+    if (this.hidden) this.show();
+    else this.hide();
+  }
+
+  /** Open (or focus) on a catalog node. Pass null for the empty prompt. */
+  open(catalog: Catalog | null, node: VNode | null): void {
+    this.show();
+    void this.inspectNode(catalog, node, true);
+  }
+
+  /** Refresh when Finder selection changes, if the window is visible. */
+  followSelection(catalog: Catalog | null, node: VNode | null): void {
+    if (this.hidden) return;
+    void this.inspectNode(catalog, node, false);
+  }
+
+  private onKey = (e: KeyboardEvent): void => {
+    if (e.key !== 'Escape' || this.hidden) return;
+    if (this.previewOpen) {
+      this.previewOpen = false;
+      this.paintPreviewOverlay();
+      return;
+    }
+    this.hide();
+  };
+
+  private renderShell(): void {
+    this.innerHTML = `
+      <div class="rsrc-explorer__chrome">
+        <div class="rsrc-explorer__title">Resource Fork</div>
+        <div class="rsrc-explorer__file" data-role="file"></div>
+        <div class="rsrc-explorer__actions">
+          <button type="button" class="btn" data-act="preview-res" disabled>Preview</button>
+          <button type="button" class="btn" data-act="download-res" disabled>Download</button>
+        </div>
+        <button type="button" class="btn log-panel__btn" data-act="close" aria-label="Close">✕</button>
+      </div>
+      <div class="rsrc-explorer__meta" data-role="meta"></div>
+      <div class="rsrc-explorer__split">
+        <div class="rsrc-explorer__types" data-role="types"></div>
+        <div class="rsrc-explorer__entries" data-role="entries"></div>
+      </div>
+      <div class="rsrc-explorer__detail" data-role="detail"></div>
+      <div class="rsrc-explorer__preview-overlay" data-role="preview-overlay" hidden></div>
+    `;
+  }
+
+  private async inspectNode(catalog: Catalog | null, node: VNode | null, force: boolean): Promise<void> {
+    if (
+      !force &&
+      node &&
+      this.node &&
+      nodeRef(this.node) === nodeRef(node) &&
+      this.catalog === catalog &&
+      this.inspect &&
+      !this.loading
+    ) {
+      return;
+    }
+    const gen = ++this.loadGen;
+    this.catalog = catalog;
+    this.node = node;
+    this.previewUrl = null;
+    this.error = null;
+    this.rf = null;
+    this.inspect = null;
+    this.source = 'empty';
+
+    if (!node) {
+      this.loading = false;
+      this.paint();
+      return;
+    }
+
+    this.loading = true;
+    this.paint();
+
+    try {
+      this.node = node;
+      this.source = 'empty';
+      this.rf = null;
+      this.inspect = null;
+      if (catalog) {
+        const rsrcHint = node.resourceBytes ?? node.resource.length;
+        const dataHint = node.dataBytes ?? node.data.length;
+        if (rsrcHint >= 16) {
+          this.rf = await catalog.loadResourceFork(node, { fork: 'resource' });
+          if (this.rf) this.source = 'resource';
+        }
+        if (!this.rf?.allEntries.length && dataHint >= 16) {
+          this.rf = await catalog.loadResourceFork(node, { fork: 'data' });
+          if (this.rf?.allEntries.length) this.source = 'data';
+        }
+      }
+      if (gen !== this.loadGen) return;
+      const forkBytes =
+        this.source === 'data' ? (node.dataBytes ?? node.data.length) : (node.resourceBytes ?? node.resource.length);
+      this.inspect = this.rf
+        ? inspectLoadedFork(this.rf, forkBytes)
+        : { header: null, forkBytes, entries: [], types: [], parsed: false };
+      const types = this.inspect.types.map((g) => g.type);
+      if (!this.selectedType || !types.includes(this.selectedType)) {
+        this.selectedType = preferredInspectType(types);
+        this.selectedKey = null;
+      }
+      this.loading = false;
+      this.paint();
+      await this.refreshPreview(gen);
+    } catch (err) {
+      if (gen !== this.loadGen) return;
+      this.loading = false;
+      this.error = err instanceof Error ? err.message : String(err);
+      this.paint();
+    }
+  }
+
+  private group(): ResourceTypeGroup | undefined {
+    return this.inspect?.types.find((g) => g.type === this.selectedType);
+  }
+
+  private selectedEntry(): { entry: ResourceEntry; index: number } | null {
+    const group = this.group();
+    if (!group) return null;
+    if (this.selectedKey) {
+      const hit = group.entries.findIndex((e, i) => entryKey(e.type, e.id, i) === this.selectedKey);
+      if (hit >= 0) return { entry: group.entries[hit]!, index: hit };
+    }
+    const first = group.entries[0];
+    return first ? { entry: first, index: 0 } : null;
+  }
+
+  private async refreshPreview(gen: number): Promise<void> {
+    this.previewUrl = null;
+    const sel = this.selectedEntry();
+    if (!sel || !this.rf) {
+      if (gen === this.loadGen) this.paintDetail();
+      return;
+    }
+    if (gen === this.loadGen) this.paintDetail();
+    const bytes = await this.pullSelectedBytes(sel.entry);
+    if (gen !== this.loadGen) return;
+    if (ICON_TYPE_SET.has(sel.entry.type)) {
+      const decoded = decodeIcon(sel.entry.type, bytes);
+      this.previewUrl = decoded ? await decodedIconToDataUrl(decoded) : null;
+      if (gen !== this.loadGen) return;
+    } else if (sel.entry.type === 'PICT') {
+      this.previewUrl = await pictToSvgDataUrl(bytes);
+      if (gen !== this.loadGen) return;
+    }
+    this.paintEntries();
+    this.paintDetail();
+    this.paintActions();
+  }
+
+  private async pullSelectedBytes(entry: ResourceEntry): Promise<Uint8Array> {
+    if (!this.rf) return new Uint8Array();
+    return this.rf.pullBytes(entry, payloadCap(entry.type));
+  }
+
+  private paint(): void {
+    this.paintActions();
+    this.paintPreviewOverlay();
+    this.paintFile();
+    this.paintMeta();
+    this.paintTypes();
+    this.paintEntries();
+    this.paintDetail();
+  }
+
+  private paintFile(): void {
+    const el = this.querySelector('[data-role="file"]');
+    if (!el) return;
+    el.textContent = this.node?.name ?? 'No file selected';
+  }
+
+  private paintMeta(): void {
+    const el = this.querySelector('[data-role="meta"]');
+    if (!el) return;
+    if (!this.node) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Select a file in the Finder to list its resources.</p>`;
+      return;
+    }
+    if (this.loading) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Reading resource fork…</p>`;
+      return;
+    }
+    if (this.error) {
+      el.innerHTML = `<p class="rsrc-explorer__empty rsrc-explorer__empty--error">${escapeHtml(this.error)}</p>`;
+      return;
+    }
+    const { type, creator } = readTypeCreator(this.node.finderInfo);
+    const hdr = this.inspect?.header;
+    const nTypes = this.inspect?.types.length ?? 0;
+    const nRes = this.inspect?.entries.length ?? 0;
+    const forkLabel =
+      this.source === 'data'
+        ? 'parsed from data fork'
+        : this.source === 'empty'
+          ? 'no resource fork'
+          : 'resource fork';
+    const hdrBits = hdr
+      ? `data @${hdr.dataOffset} (${hdr.dataLength} bytes) · map @${hdr.mapOffset} (${hdr.mapLength} bytes)`
+      : this.inspect && this.inspect.forkBytes > 0
+        ? 'header did not parse as a resource map'
+        : '';
+    el.innerHTML = `
+      <div class="rsrc-explorer__meta-row">
+        <span class="rsrc-explorer__pill">${escapeHtml(formatOsType(type))}</span>
+        <span class="rsrc-explorer__pill">${escapeHtml(formatOsType(creator))}</span>
+        <span>${escapeHtml(forkLabel)} · ${escapeHtml(formatBytes(this.inspect?.forkBytes ?? 0))} · ${nTypes} type${nTypes === 1 ? '' : 's'} · ${nRes} resource${nRes === 1 ? '' : 's'}</span>
+      </div>
+      ${hdrBits ? `<div class="rsrc-explorer__hdr">${escapeHtml(hdrBits)}</div>` : ''}
+    `;
+  }
+
+  private paintTypes(): void {
+    const el = this.querySelector('[data-role="types"]');
+    if (!el) return;
+    const types = this.inspect?.types ?? [];
+    if (!this.node || this.loading) {
+      el.innerHTML = '';
+      return;
+    }
+    if (!types.length) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">No resources</p>`;
+      return;
+    }
+    el.innerHTML = types
+      .map((g) => {
+        const sel = g.type === this.selectedType ? ' is-selected' : '';
+        const icon = ICON_RELATED_TYPES.has(g.type) ? ' rsrc-explorer__type--icon' : '';
+        const label = resourceTypeLabel(g.type);
+        return `<button type="button" class="rsrc-explorer__type${sel}${icon}" data-act="type" data-type="${escapeHtml(g.type)}">
+          <span class="rsrc-explorer__type-code">${escapeHtml(formatOsType(g.type))}</span>
+          <span class="rsrc-explorer__type-count">${g.count}</span>
+          ${label ? `<span class="rsrc-explorer__type-label">${escapeHtml(label)}</span>` : ''}
+        </button>`;
+      })
+      .join('');
+  }
+
+  private paintEntries(): void {
+    const el = this.querySelector('[data-role="entries"]');
+    if (!el) return;
+    const group = this.group();
+    if (!group) {
+      el.innerHTML = '';
+      return;
+    }
+    const sel = this.selectedEntry();
+    const selectedKey = sel ? entryKey(sel.entry.type, sel.entry.id, sel.index) : null;
+    const rows = group.entries
+      .map((e, i) => {
+        const key = entryKey(e.type, e.id, i);
+        const isSel = key === selectedKey ? ' is-selected' : '';
+        const hint = resourceIdHint(e.type, e.id);
+        const name = e.name ? escapeHtml(e.name) : '';
+        return `<button type="button" class="rsrc-explorer__res${isSel}" data-act="res" data-key="${escapeHtml(key)}">
+          <span class="rsrc-explorer__res-id">${e.id}</span>
+          <span class="rsrc-explorer__res-name">${name}${hint ? `<span class="rsrc-explorer__hint">${escapeHtml(hint)}</span>` : ''}</span>
+          <span class="rsrc-explorer__res-size">${e.length < 0 ? '—' : escapeHtml(formatBytes(e.length))}</span>
+          <span class="rsrc-explorer__res-attr">0x${e.attributes.toString(16).padStart(2, '0')}</span>
+        </button>`;
+      })
+      .join('');
+    el.innerHTML = `
+      <div class="rsrc-explorer__res-head">
+        <span>ID</span><span>Name</span><span>Size</span><span>Attr</span>
+      </div>
+      ${rows}
+    `;
+  }
+
+  private paintDetail(): void {
+    const el = this.querySelector('[data-role="detail"]');
+    if (!el) return;
+    const sel = this.selectedEntry();
+    if (!sel || !this.rf) {
+      el.innerHTML = '';
+      return;
+    }
+    if (!this.rf.hasPayload(sel.entry)) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Reading resource…</p>`;
+      return;
+    }
+    const bytes = this.rf.readBytes(sel.entry);
+    const parts: string[] = [];
+
+    if (this.previewUrl) {
+      const isPict = sel.entry.type === 'PICT';
+      parts.push(
+        `<div class="rsrc-explorer__preview${isPict ? ' rsrc-explorer__preview--pict' : ''}"><img alt="" ${isPict ? '' : 'width="32" height="32" '}src="${escapeHtml(this.previewUrl)}" /><span>Decoded ${escapeHtml(formatOsType(sel.entry.type))} ${sel.entry.id}</span></div>`,
+      );
+    } else if (ICON_TYPE_SET.has(sel.entry.type)) {
+      parts.push(`<p class="rsrc-explorer__empty">Icon type present but decode failed (${sel.entry.length} bytes).</p>`);
+    } else if (sel.entry.type === 'PICT') {
+      parts.push(`<p class="rsrc-explorer__empty">PICT present but decode failed (${sel.entry.length} bytes). Bitmap and QuickDraw opcodes are supported; QuickTime-compressed pictures are not.</p>`);
+    }
+
+    if (sel.entry.type === 'FREF') {
+      const fref = decodeFref(bytes);
+      if (fref) {
+        parts.push(
+          `<div class="rsrc-explorer__decoded">FREF file type ${escapeHtml(formatOsType(fref.type))} → local icon ${fref.localId}${fref.name ? ` · “${escapeHtml(fref.name)}”` : ''}</div>`,
+        );
+      }
+    }
+
+    if (sel.entry.type === 'BNDL' && this.rf) {
+      const view = describeBndl(this.rf, sel.entry);
+      if (view) {
+        const rows = view.mappings
+          .map((m) => {
+            const miss = m.present ? '' : ' rsrc-explorer__map--missing';
+            return `<tr class="${miss}">
+              <td>${escapeHtml(formatOsType(m.code))}</td>
+              <td>${m.localId}</td>
+              <td>${m.resourceId}</td>
+              <td>${m.present ? 'present' : 'missing'}</td>
+            </tr>`;
+          })
+          .join('');
+        parts.push(`
+          <div class="rsrc-explorer__decoded">
+            BNDL owner ${escapeHtml(formatOsType(view.owner))} · owner id ${view.ownerId}
+            <table class="rsrc-explorer__map">
+              <thead><tr><th>Type</th><th>Local</th><th>Resource</th><th></th></tr></thead>
+              <tbody>${rows}</tbody>
+            </table>
+          </div>`);
+      }
+    }
+
+    const decoded = decodeResourceType(sel.entry.type, sel.entry.id, bytes);
+    if (typeof decoded === 'string' && decoded) {
+      parts.push(`<pre class="rsrc-explorer__decoded">${escapeHtml(decoded)}</pre>`);
+    }
+    const rez = decompileRez(sel.entry.type, sel.entry.id, bytes);
+    if (rez) {
+      parts.push(`<pre class="rsrc-explorer__rez">${escapeHtml(rez)}</pre>`);
+    }
+
+    const dump = hexDump(bytes);
+    const unread = sel.entry.length > bytes.length ? sel.entry.length - bytes.length : dump.truncated ? bytes.length - HEX_PREVIEW_BYTES : 0;
+    parts.push(
+      `<pre class="rsrc-explorer__hex">${escapeHtml(dump.text) || '(empty)'}${unread > 0 ? `\n… ${unread} more bytes` : ''}</pre>`,
+    );
+    el.innerHTML = parts.join('');
+  }
+
+
+  private selectedCanPreview(): boolean {
+    const sel = this.selectedEntry();
+    if (!sel) return false;
+    return ICON_TYPE_SET.has(sel.entry.type) || sel.entry.type === 'PICT';
+  }
+
+  private async downloadSelectedResource(): Promise<void> {
+    const sel = this.selectedEntry();
+    if (!sel || !this.rf) return;
+    const bytes = await this.pullSelectedBytes(sel.entry);
+    const type = sel.entry.type.trim().replace(/\s+/g, '_');
+    downloadBytes(bytes, `${type}_${sel.entry.id}.bin`, 'application/octet-stream');
+  }
+
+  private paintActions(): void {
+    const previewBtn = this.querySelector('[data-act="preview-res"]') as HTMLButtonElement | null;
+    const downloadBtn = this.querySelector('[data-act="download-res"]') as HTMLButtonElement | null;
+    const canPreview = this.selectedCanPreview() && !!this.previewUrl;
+    const hasSel = !!this.selectedEntry() && !!this.rf;
+    if (previewBtn) previewBtn.disabled = !canPreview;
+    if (downloadBtn) downloadBtn.disabled = !hasSel;
+  }
+
+  private paintPreviewOverlay(): void {
+    const el = this.querySelector('[data-role="preview-overlay"]') as HTMLElement | null;
+    if (!el) return;
+    if (!this.previewOpen || !this.previewUrl) {
+      el.hidden = true;
+      el.innerHTML = '';
+      return;
+    }
+    el.hidden = false;
+    el.innerHTML = `<button type="button" class="btn log-panel__btn" data-act="close-preview" aria-label="Close preview">✕</button><img alt="" src="${escapeHtml(this.previewUrl)}" />`;
+  }
+
+  private onClick(e: MouseEvent): void {
+    const t = (e.target as HTMLElement).closest('[data-act]') as HTMLElement | null;
+    if (!t) return;
+    const act = t.dataset.act;
+    if (act === 'close') {
+      this.hide();
+      return;
+    }
+    if (act === 'type') {
+      this.selectedType = t.dataset.type ?? null;
+      this.selectedKey = null;
+      this.previewUrl = null;
+      this.paintTypes();
+      this.paintEntries();
+      void this.refreshPreview(this.loadGen);
+      return;
+    }
+    if (act === 'res') {
+      this.selectedKey = t.dataset.key ?? null;
+      this.previewUrl = null;
+      this.previewOpen = false;
+      this.paintEntries();
+      void this.refreshPreview(this.loadGen);
+      return;
+    }
+    if (act === 'download-res') {
+      void this.downloadSelectedResource();
+      return;
+    }
+    if (act === 'preview-res') {
+      if (this.selectedCanPreview() && this.previewUrl) {
+        this.previewOpen = true;
+        this.paintPreviewOverlay();
+      }
+      return;
+    }
+    if (act === 'close-preview') {
+      this.previewOpen = false;
+      this.paintPreviewOverlay();
+    }
+  }
+}
+
+customElements.define('resource-fork-explorer', ResourceForkExplorer);
diff --git a/src/ui/settings-icons.ts b/src/ui/settings-icons.ts
new file mode 100644
index 0000000..870b336
--- /dev/null
+++ b/src/ui/settings-icons.ts
@@ -0,0 +1,31 @@
+/** Settings sidebar icons from ClassicStack-web/icons (Icons8 + classic). */
+
+function escapeAttr(value: string): string {
+  return value.replace(/&/g, '&amp;').replace(/"/g, '&quot;');
+}
+
+/** PNG nav glyph served from /icons/{ui|classic}/… */
+export function settingsIconImg(src: string, size = 18): string {
+  return `<img src="${escapeAttr(src)}" width="${size}" height="${size}" alt="" draggable="false" />`;
+}
+
+const ui = (name: string) => `/icons/ui/${name}`;
+const classic = (name: string) => `/icons/classic/${name}`;
+
+/** Bitmap icons for Settings / Preferences nav sections. */
+export const settingsBitmapIcons = {
+  general: settingsIconImg(ui('icons8-settings-100.png')),
+  bridge: settingsIconImg(ui('icons8-network-card-100.png')),
+  tashtalk: settingsIconImg(ui('icons8-ps2-female-100.png')),
+  ltoudp: settingsIconImg(ui('icons8-online-100.png')),
+  ethertalk: settingsIconImg(ui('icons8-wired-network-100.png')),
+  ipx: settingsIconImg(classic('ipx-cp.png')),
+  netbeui: settingsIconImg(ui('icons8-ibm-100.png')),
+  netbios: settingsIconImg(ui('icons8-bios-100.png')),
+  etherdfs: settingsIconImg(ui('icons8-dos-100.png')),
+  afp: settingsIconImg(ui('icons8-happy-mac-100.png')),
+  smb: settingsIconImg(ui('icons8-windows-95-100.png')),
+  ncp: settingsIconImg(ui('icons8-netware-logo-100.png')),
+  netboot: settingsIconImg(ui('icons8-work-boot-100.png')),
+  router: settingsIconImg(ui('icons8-router-symbol-100.png')),
+} as const;
diff --git a/src/ui/settings-panel.test.ts b/src/ui/settings-panel.test.ts
index 5133c8f..e1bcd12 100644
--- a/src/ui/settings-panel.test.ts
+++ b/src/ui/settings-panel.test.ts
@@ -8,11 +8,16 @@ describe('settings-panel', () => {
       nav: [{ id: 'general', label: 'General', iconHtml: '<svg/>' }],
       selectedId: 'general',
       panelTitle: 'General',
+      panelDescription: 'Finder preferences.',
+      panelIconHtml: '<svg class="panel-icon"/>',
       panelHtml: '<p>Body</p>',
     });
     expect(html).toContain('settings-shell__body');
     expect(html).toContain('is-selected');
     expect(html).toContain('aria-current="page"');
+    expect(html).toContain('settings-panel__heading');
+    expect(html).toContain('Finder preferences.');
+    expect(html).toContain('panel-icon');
     expect(html).toContain('<p>Body</p>');
   });
 
diff --git a/src/ui/settings-panel.ts b/src/ui/settings-panel.ts
index 91f7ac3..83af213 100644
--- a/src/ui/settings-panel.ts
+++ b/src/ui/settings-panel.ts
@@ -87,6 +87,28 @@ export function renderSettingsNav(nav: SettingsNavItem[], selectedId: string): s
     .join('');
 }
 
+/** Panel header: section icon left of title, short description underneath. */
+export function renderSettingsPanelHeading(opts: {
+  title: string;
+  description?: string;
+  iconHtml?: string;
+}): string {
+  const icon = opts.iconHtml
+    ? `<span class="settings-panel__heading-icon" aria-hidden="true">${opts.iconHtml}</span>`
+    : '';
+  const desc = opts.description
+    ? `<p class="settings-panel__desc">${escapeHtml(opts.description)}</p>`
+    : '';
+  return `
+    <header class="settings-panel__heading">
+      ${icon}
+      <div class="settings-panel__heading-text">
+        <h3 id="settings-panel-title" class="settings-panel__title">${escapeHtml(opts.title)}</h3>
+        ${desc}
+      </div>
+    </header>`;
+}
+
 export function renderSettingsFrame(title: string, navHtml: string): string {
   return `
     <div class="settings-shell__backdrop" data-act="close"></div>
@@ -98,7 +120,7 @@ export function renderSettingsFrame(title: string, navHtml: string): string {
       <div class="settings-shell__body">
         <nav class="settings-nav" aria-label="Settings sections">${navHtml}</nav>
         <section class="settings-panel" aria-labelledby="settings-panel-title">
-          <h3 id="settings-panel-title" class="settings-panel__title"></h3>
+          <div class="settings-panel__heading-slot"></div>
           <div class="settings-panel__content"></div>
         </section>
       </div>
@@ -110,9 +132,16 @@ export function renderSettingsShell(opts: {
   nav: SettingsNavItem[];
   selectedId: string;
   panelTitle: string;
+  panelDescription?: string;
+  panelIconHtml?: string;
   panelHtml: string;
 }): string {
   const nav = renderSettingsNav(opts.nav, opts.selectedId);
+  const heading = renderSettingsPanelHeading({
+    title: opts.panelTitle,
+    description: opts.panelDescription,
+    iconHtml: opts.panelIconHtml,
+  });
 
   return `
     <div class="settings-shell__backdrop" data-act="close"></div>
@@ -124,7 +153,7 @@ export function renderSettingsShell(opts: {
       <div class="settings-shell__body">
         <nav class="settings-nav" aria-label="Settings sections">${nav}</nav>
         <section class="settings-panel" aria-labelledby="settings-panel-title">
-          <h3 id="settings-panel-title" class="settings-panel__title">${escapeHtml(opts.panelTitle)}</h3>
+          ${heading}
           <div class="settings-panel__content">${opts.panelHtml}</div>
         </section>
       </div>
diff --git a/src/ui/settings-window.ts b/src/ui/settings-window.ts
index a8e0947..586b2c0 100644
--- a/src/ui/settings-window.ts
+++ b/src/ui/settings-window.ts
@@ -7,10 +7,12 @@ import { BOOTSTRAP_FLOPPY_URL } from './netboot-dialog';
 import type { ExtensionEditorDialog } from './extension-editor-dialog';
 import type { AlertDialog } from './alert-dialog';
 import { uiIcons } from './lucide-icon';
+import { settingsBitmapIcons } from './settings-icons';
 import {
   renderSettingsFrame,
   renderSettingsGroup,
   renderSettingsNav,
+  renderSettingsPanelHeading,
   type SettingsNavItem,
   type SettingsRow,
 } from './settings-panel';
@@ -36,8 +38,8 @@ export interface SettingsHost {
 }
 
 const NAV: SettingsNavItem[] = [
-  { id: 'general', label: 'General', iconHtml: uiIcons.settings },
-  { id: 'netboot', label: 'Netboot', iconHtml: uiIcons.netboot },
+  { id: 'general', label: 'General', iconHtml: settingsBitmapIcons.general },
+  { id: 'netboot', label: 'Netboot', iconHtml: settingsBitmapIcons.netboot },
   { id: 'environment', label: 'Environment', iconHtml: uiIcons.environment },
 ];
 
@@ -47,6 +49,12 @@ const SECTION_TITLES: Record<SettingsSection, string> = {
   environment: 'Environment',
 };
 
+const SECTION_DESC: Record<SettingsSection, string> = {
+  general: 'Finder appearance, import, and export preferences.',
+  netboot: 'AppleTalk Boot Protocol and ChainBoot for classic Macs.',
+  environment: 'Browser storage, preference backup, and reset options.',
+};
+
 /** Two-column settings window (General, Netboot, Environment). */
 export class SettingsWindow extends HTMLElement {
   private host: SettingsHost | null = null;
@@ -109,10 +117,17 @@ export class SettingsWindow extends HTMLElement {
       btn.classList.toggle('is-selected', selected);
       btn.setAttribute('aria-current', selected ? 'page' : 'false');
     });
-    const title = this.querySelector('.settings-panel__title');
+    const headingSlot = this.querySelector('.settings-panel__heading-slot');
     const content = this.querySelector('.settings-panel__content');
     const panel = this.querySelector('.settings-panel');
-    if (title) title.textContent = SECTION_TITLES[this.section];
+    if (headingSlot) {
+      const nav = NAV.find((item) => item.id === this.section);
+      headingSlot.innerHTML = renderSettingsPanelHeading({
+        title: SECTION_TITLES[this.section],
+        description: SECTION_DESC[this.section],
+        iconHtml: nav?.iconHtml,
+      });
+    }
     if (content) content.innerHTML = this.renderSection(this.section);
     if (panel) panel.scrollTop = 0;
   }
@@ -209,8 +224,6 @@ export class SettingsWindow extends HTMLElement {
       ? `${state.diskImage.name} (${state.diskImage.size.toLocaleString()} bytes)`
       : 'No System volume selected';
 
-    const intro = `<p class="settings-panel__lead">AppleTalk Boot Protocol + ChainBoot. Ships with <code>ChainLoader.bin</code>; advertises as <code>BootServer</code> when enabled and connected.</p>`;
-
     const rows: SettingsRow[] = [
       {
         type: 'link',
@@ -246,7 +259,7 @@ export class SettingsWindow extends HTMLElement {
       },
     ];
 
-    return intro + renderSettingsGroup(undefined, rows);
+    return renderSettingsGroup(undefined, rows);
   }
 
   private renderEnvironment(): string {
diff --git a/src/ui/styles/tokens.css b/src/ui/styles/tokens.css
index 99a094f..624aff9 100644
--- a/src/ui/styles/tokens.css
+++ b/src/ui/styles/tokens.css
@@ -1,3709 +1,3931 @@
-:root {
-  --bg: #1a1d21;
-  --bg-elevated: #23282e;
-  --bg-pane: #2a3038;
-  --border: #3a424c;
-  --text: #e8ecf0;
-  --text-muted: #9aa3ad;
-  --accent: #3d8bfd;
-  --accent-soft: rgba(61, 139, 253, 0.18);
-  --danger: #e85d5d;
-  --ok: #3ecf8e;
-  --sidebar-w: 240px;
-  --radius: 8px;
-  --font: 'DM Sans', system-ui, sans-serif;
-  --mono: 'IBM Plex Mono', ui-monospace, monospace;
-  --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
-  --app-menubar-height: 30px;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html,
-body {
-  margin: 0;
-  height: 100%;
-  font-family: var(--font);
-  background:
-    radial-gradient(1200px 600px at 10% -10%, #2a3544 0%, transparent 55%),
-    radial-gradient(900px 500px at 100% 0%, #1e2a28 0%, transparent 50%),
-    var(--bg);
-  color: var(--text);
-}
-
-#app {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-}
-
-.app-stage {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  place-items: center;
-  padding: 24px;
-  position: relative;
-}
-
-finder-window {
-  display: flex;
-  flex-direction: column;
-  position: fixed;
-  z-index: 20;
-  width: min(1100px, calc(100vw - 48px));
-  height: min(720px, calc(100vh - 80px));
-  min-width: min(560px, 100%);
-  min-height: min(360px, 100%);
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 420ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-finder-window.is-maximized {
-  left: 0 !important;
-  top: var(--app-menubar-height, 30px) !important;
-  width: 100vw !important;
-  height: calc(100vh - var(--app-menubar-height, 30px)) !important;
-  min-width: 0;
-  min-height: 0;
-  border-radius: 0;
-  border-left: 0;
-  border-right: 0;
-  border-bottom: 0;
-}
-
-finder-window.is-maximized .window-resize-handle {
-  display: none;
-}
-
-@keyframes rise {
-  from {
-    opacity: 0;
-    transform: translateY(10px) scale(0.985);
-  }
-  to {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-.titlebar {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 10px 14px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  cursor: grab;
-  user-select: none;
-  touch-action: none;
-}
-
-finder-window.is-dragging .titlebar {
-  cursor: grabbing;
-}
-
-.titlebar-zoom {
-  flex-shrink: 0;
-}
-
-.brand {
-  font-weight: 700;
-  font-size: 15px;
-  letter-spacing: -0.02em;
-}
-
-.titlebar .spacer {
-  flex: 1;
-}
-
-.toolbar {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--border);
-  background: var(--bg-pane);
-}
-
-.btn {
-  appearance: none;
-  border: 1px solid var(--border);
-  background: #323943;
-  color: var(--text);
-  font: 500 13px var(--font);
-  padding: 6px 12px;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: background 160ms ease, border-color 160ms ease, transform 120ms ease;
-}
-
-.btn:hover {
-  background: #3a4350;
-  border-color: #4a5562;
-}
-
-.btn:active {
-  transform: scale(0.97);
-}
-
-.btn.primary {
-  background: var(--accent);
-  border-color: transparent;
-  color: #fff;
-}
-
-.btn.danger {
-  background: var(--danger);
-  border-color: transparent;
-  color: #fff;
-}
-
-.btn.danger:hover {
-  filter: brightness(1.06);
-}
-
-.connect-icon {
-  display: none;
-}
-
-.connect-label {
-  display: inline;
-}
-
-.btn.primary:hover {
-  filter: brightness(1.06);
-}
-
-.btn.active {
-  background: var(--accent-soft);
-  border-color: var(--accent);
-  color: var(--text);
-}
-
-.btn:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.btn.icon-btn {
-  padding: 6px 8px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-}
-
-.btn.icon-btn svg {
-  display: block;
-}
-
-.window-resize-handle {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 16px;
-  height: 16px;
-  cursor: nwse-resize;
-  z-index: 8;
-  touch-action: none;
-}
-
-.window-resize-handle::after {
-  content: '';
-  position: absolute;
-  right: 4px;
-  bottom: 4px;
-  width: 8px;
-  height: 8px;
-  border-right: 2px solid var(--text-muted);
-  border-bottom: 2px solid var(--text-muted);
-  opacity: 0.75;
-}
-
-.window-resize-handle:hover::after {
-  opacity: 1;
-}
-
-.sort-wrap {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  margin-left: 4px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.sort-wrap select {
-  appearance: none;
-  border: 1px solid var(--border);
-  background: #323943;
-  color: var(--text);
-  font: 500 12px var(--font);
-  padding: 5px 24px 5px 10px;
-  border-radius: 6px;
-  cursor: pointer;
-  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
-    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
-  background-position:
-    calc(100% - 12px) 55%,
-    calc(100% - 7px) 55%;
-  background-size: 5px 5px, 5px 5px;
-  background-repeat: no-repeat;
-}
-
-.sort-wrap select:hover {
-  border-color: #4a5562;
-}
-
-.view-toggle {
-  display: flex;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  overflow: hidden;
-}
-
-.view-toggle button {
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-  padding: 6px 8px;
-  font: 500 12px var(--font);
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-}
-
-.view-toggle button svg {
-  display: block;
-}
-
-.view-toggle button.active {
-  background: var(--accent-soft);
-  color: var(--text);
-}
-
-.body {
-  display: grid;
-  grid-template-columns: var(--sidebar-w) 1fr;
-  grid-template-rows: minmax(0, 1fr);
-  flex: 1;
-  min-height: 0;
-}
-
-.sidebar {
-  border-right: 1px solid var(--border);
-  background: #22272e;
-  padding: 12px 8px;
-  overflow: auto;
-  min-height: 0;
-}
-
-.side-label {
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--text-muted);
-  padding: 8px 10px 6px;
-}
-
-.side-label--with-action {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 6px;
-  padding-right: 4px;
-}
-
-.side-refresh {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-  padding: 2px;
-  border-radius: 4px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-  flex-shrink: 0;
-}
-
-.side-refresh svg {
-  display: block;
-}
-
-.side-refresh.spinning svg {
-  animation: status-spin 0.7s linear infinite;
-}
-
-.side-refresh:hover:not(:disabled) {
-  background: rgba(255, 255, 255, 0.08);
-  color: var(--text);
-}
-
-.side-refresh:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-
-.side-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--text);
-  transition: background 140ms ease;
-}
-
-.side-item:hover {
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.side-item.selected {
-  background: var(--accent-soft);
-}
-
-.side-item.drop-target {
-  background: var(--accent-soft);
-  box-shadow: inset 0 0 0 1px var(--accent);
-}
-
-.side-item .dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--ok);
-  flex-shrink: 0;
-}
-
-.side-item .dot.off {
-  background: var(--text-muted);
-}
-
-.side-badge {
-  flex-shrink: 0;
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  padding: 1px 5px;
-  border-radius: 4px;
-  background: rgba(255, 255, 255, 0.08);
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-
-.side-item.selected .side-badge {
-  background: rgba(255, 255, 255, 0.14);
-  color: var(--text);
-}
-
-.main {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-  background: var(--bg-pane);
-}
-
-.file-plane {
-  position: relative;
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-.pathbar {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 2px 0;
-  padding: 8px 12px;
-  font-size: 12px;
-  color: var(--text-muted);
-  border-bottom: 1px solid var(--border);
-  background: #262c33;
-  min-height: 40px;
-}
-
-.pathbar .crumb {
-  appearance: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  max-width: 200px;
-  margin: 0;
-  padding: 4px 10px 4px 6px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  background: #323943;
-  color: var(--text);
-  font: 500 12px var(--font);
-  text-decoration: none;
-  cursor: pointer;
-  transition: background 140ms ease, border-color 140ms ease;
-}
-
-.pathbar .crumb:hover {
-  background: #3a4350;
-  border-color: #4a5562;
-}
-
-.pathbar .crumb.current {
-  background: var(--accent-soft);
-  border-color: transparent;
-  cursor: default;
-}
-
-.pathbar .crumb.drop-target {
-  background: var(--accent-soft);
-  border-color: var(--accent);
-  box-shadow: 0 0 0 1px var(--accent);
-}
-
-.pathbar .crumb-icon {
-  width: 14px;
-  height: 14px;
-  border-radius: 3px;
-  flex-shrink: 0;
-  background: linear-gradient(160deg, #7a9bbe, #45627a);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
-}
-
-.pathbar .crumb-icon-img {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-  display: block;
-}
-
-.pathbar .crumb-icon-svg {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-
-.pathbar .crumb-icon-svg svg {
-  display: block;
-}
-
-.pathbar .crumb-icon-spinner {
-  width: 14px;
-  height: 14px;
-  border-width: 1.5px;
-}
-
-.pathbar .crumb-icon.root {
-  background: linear-gradient(160deg, #6b8cae, #3d5a73);
-}
-
-.pathbar .crumb-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pathbar .crumb-sep {
-  color: var(--text-muted);
-  padding: 0 6px;
-  font-size: 11px;
-  font-weight: 600;
-  user-select: none;
-  line-height: 1;
-}
-
-.content {
-  flex: 1;
-  overflow: auto;
-  padding: 12px;
-  position: relative;
-  min-width: 0;
-  min-height: 0;
-  outline: none;
-}
-
-.content.drop-active {
-  outline: 2px dashed var(--accent);
-  outline-offset: -8px;
-}
-
-.content-loading {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  background: rgba(22, 26, 32, 0.55);
-  color: var(--text-muted);
-  font-size: 13px;
-  pointer-events: none;
-  z-index: 4;
-}
-
-.icon-item.drop-target,
-.col-item.drop-target {
-  background: var(--accent-soft);
-  outline: 2px solid var(--accent);
-  outline-offset: -2px;
-}
-
-.column.drop-target-col {
-  background: rgba(61, 139, 253, 0.08);
-  box-shadow: inset 0 0 0 2px var(--accent);
-}
-
-.list-table tr.drop-target td {
-  background: var(--accent-soft);
-}
-
-.icon-item.dragging,
-.col-item.dragging,
-.list-table tr.dragging {
-  opacity: 0.4;
-}
-
-.status {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 28px;
-  padding: 6px 14px;
-  font-size: 12px;
-  color: var(--text-muted);
-  border-top: 1px solid var(--border);
-  font-family: var(--mono);
-}
-
-.status--busy {
-  color: var(--text);
-}
-
-.status-spinner {
-  width: 12px;
-  height: 12px;
-  border: 2px solid var(--border);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  flex-shrink: 0;
-  animation: status-spin 0.7s linear infinite;
-}
-
-@keyframes status-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* Icon view */
-.icon-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
-  align-content: start;
-  gap: 10px;
-  padding-bottom: 8px;
-}
-
-.icon-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
-  padding: 10px 6px;
-  border-radius: 8px;
-  cursor: default;
-  user-select: none;
-  outline: none;
-  -webkit-tap-highlight-color: transparent;
-  animation: fadein 220ms ease both;
-}
-
-.icon-item:focus,
-.icon-item:focus-visible {
-  outline: none;
-}
-
-@keyframes fadein {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-}
-
-.icon-item:hover {
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.icon-item.selected {
-  background: var(--accent-soft);
-}
-
-.icon-glyph {
-  width: 48px;
-  height: 48px;
-  border-radius: 10px;
-  background: linear-gradient(160deg, #4a5564, #2f3640);
-  display: grid;
-  place-items: center;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  color: #c5ced8;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
-}
-
-.icon-glyph-img {
-  width: 32px;
-  height: 32px;
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-  display: block;
-  margin: 8px 0;
-}
-
-.icon-glyph-svg {
-  width: 32px;
-  height: 32px;
-  margin: 8px 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-
-.icon-glyph-svg svg {
-  display: block;
-}
-
-.icon-glyph-spinner {
-  width: 20px;
-  height: 20px;
-  margin: 14px 0;
-  border-width: 2px;
-  display: block;
-}
-
-.icon-write {
-  position: relative;
-  display: grid;
-  place-items: center;
-  flex-shrink: 0;
-  --write-pct: 0;
-  --write-size: 40px;
-  --write-ring: 3px;
-}
-
-.icon-write--icon {
-  width: 48px;
-  height: 48px;
-}
-
-.icon-write--row,
-.icon-write--col {
-  width: 22px;
-  height: 22px;
-  --write-size: 22px;
-  --write-ring: 2px;
-}
-
-.icon-write__glyph {
-  display: grid;
-  place-items: center;
-  filter: grayscale(1) opacity(0.42);
-}
-
-.icon-write--icon .icon-write__glyph .icon-glyph-img,
-.icon-write--icon .icon-write__glyph .icon-glyph-svg {
-  margin: 0;
-}
-
-.icon-write__ring {
-  position: absolute;
-  width: var(--write-size);
-  height: var(--write-size);
-  border-radius: 50%;
-  background: conic-gradient(var(--accent) calc(var(--write-pct) * 1%), rgba(255, 255, 255, 0.16) 0);
-  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--write-ring) - 0.5px), #000 calc(100% - var(--write-ring)));
-  mask: radial-gradient(farthest-side, transparent calc(100% - var(--write-ring) - 0.5px), #000 calc(100% - var(--write-ring)));
-  pointer-events: none;
-}
-
-.icon-write--indeterminate .icon-write__ring {
-  background: conic-gradient(var(--accent) 28%, transparent 0);
-  animation: status-spin 0.8s linear infinite;
-}
-
-.icon-write__pct {
-  position: absolute;
-  font-family: var(--mono);
-  font-size: 10px;
-  font-weight: 700;
-  font-variant-numeric: tabular-nums;
-  line-height: 1;
-  color: var(--text);
-  pointer-events: none;
-}
-
-.icon-write--row .icon-write__pct,
-.icon-write--col .icon-write__pct {
-  font-size: 8px;
-}
-
-.icon-item.writing .icon-name,
-.list-table tr.writing .item-label,
-.col-item.writing .item-label {
-  color: var(--text-muted);
-}
-
-.icon-item--listing,
-.col-item--listing,
-.list-table tr.listing-placeholder {
-  pointer-events: none;
-  color: var(--text-muted);
-}
-
-.icon-item--listing:hover,
-.col-item--listing:hover {
-  background: transparent;
-}
-
-.list-table tr.listing-placeholder:hover td {
-  background: transparent;
-}
-
-.icon-glyph.folder {
-  background: linear-gradient(160deg, #6b8cae, #3d5a73);
-  color: #e8f0f8;
-}
-
-.icon-name {
-  font-size: 12px;
-  text-align: center;
-  word-break: break-word;
-  max-width: 100%;
-}
-
-/* List view */
-.list-table {
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-  font-size: 13px;
-}
-
-.list-table th {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  background: var(--bg-pane);
-  text-align: left;
-  font-weight: 600;
-  color: var(--text-muted);
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  padding: 6px 10px;
-  border-bottom: 1px solid var(--border);
-}
-
-.list-table th.sortable {
-  cursor: pointer;
-  user-select: none;
-  transition: color 120ms ease;
-}
-
-.list-table th.sortable:hover {
-  color: var(--text);
-}
-
-.list-table th.sortable.sorted {
-  color: var(--text);
-}
-
-.list-table th.sortable.sorted::after {
-  content: ' ↑';
-  font-size: 10px;
-  letter-spacing: 0;
-  text-transform: none;
-  color: var(--accent);
-}
-
-.list-table th.sortable.sorted[aria-sort='descending']::after {
-  content: ' ↓';
-}
-
-.list-table td {
-  padding: 8px 10px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.5);
-}
-
-.list-table tr {
-  cursor: default;
-}
-
-.list-table tr.selected td {
-  background: var(--accent-soft);
-}
-
-.list-table tr:hover td {
-  background: rgba(255, 255, 255, 0.03);
-}
-
-.list-table .name-cell {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding-left: calc(10px + var(--depth, 0) * 16px);
-}
-
-.list-table .disclose {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  margin: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  flex-shrink: 0;
-  border-radius: 4px;
-  line-height: 0;
-  transition: color 120ms ease, background 120ms ease;
-}
-
-.list-table .disclose svg {
-  display: block;
-  width: 16px;
-  height: 16px;
-  transform-origin: 50% 50%;
-  transition: transform 200ms ease;
-}
-
-.list-table .disclose.open svg {
-  transform: rotate(90deg);
-}
-
-.list-table .disclose:focus,
-.list-table .disclose:focus-visible {
-  outline: none;
-}
-
-.list-table .disclose.spacer {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.list-table .disclose.loading {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.list-table .disclose-spinner {
-  width: 12px;
-  height: 12px;
-  border-width: 1.5px;
-}
-
-.list-table .row-icon-spinner,
-.column .col-icon-spinner {
-  width: 14px;
-  height: 14px;
-  border-width: 1.5px;
-}
-
-.preview-glyph-spinner {
-  width: 20px;
-  height: 20px;
-  border-width: 2px;
-}
-
-.list-table .row-icon {
-  width: 14px;
-  height: 14px;
-  border-radius: 3px;
-  flex-shrink: 0;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
-}
-
-.list-table .row-icon-img,
-.column .col-icon-img {
-  width: 16px;
-  height: 16px;
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-  flex-shrink: 0;
-  display: block;
-}
-
-.list-table .row-icon-svg,
-.column .col-icon-svg {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-
-.list-table .row-icon-svg svg,
-.column .col-icon-svg svg {
-  display: block;
-}
-
-.list-table .row-icon.folder {
-  background: linear-gradient(160deg, #7a9bbe, #45627a);
-}
-
-.list-table .row-icon.file {
-  background: linear-gradient(160deg, #6a7380, #3d4450);
-  border-radius: 2px;
-}
-
-.list-table .row-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* Column view */
-.column-view {
-  display: flex;
-  height: 100%;
-  min-height: 0;
-  max-height: 100%;
-  width: 100%;
-  max-width: 100%;
-  gap: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  scroll-behavior: smooth;
-}
-
-.column-view.is-resizing {
-  cursor: col-resize;
-  user-select: none;
-}
-
-.column {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 140px;
-  min-height: 0;
-  flex: 0 0 var(--col-width, 200px);
-  width: var(--col-width, 200px);
-  max-width: none;
-  border-right: 1px solid var(--border);
-  overflow: hidden;
-  align-self: stretch;
-}
-
-.column-pane {
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
-  overflow-y: auto;
-}
-
-.column-resizer {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 6px;
-  height: 100%;
-  cursor: col-resize;
-  z-index: 3;
-  touch-action: none;
-}
-
-.column-resizer:hover,
-.column-resizer.dragging {
-  background: var(--accent);
-  opacity: 0.45;
-}
-
-.column .col-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 7px 12px;
-  font-size: 13px;
-  cursor: default;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.column .col-item.selected {
-  background: var(--accent-soft);
-}
-
-.column .col-item:hover {
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.column .col-icon {
-  width: 14px;
-  height: 14px;
-  border-radius: 3px;
-  flex-shrink: 0;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
-}
-
-.column .col-icon.folder {
-  background: linear-gradient(160deg, #7a9bbe, #45627a);
-}
-
-.column .col-icon.file {
-  background: linear-gradient(160deg, #6a7380, #3d4450);
-  border-radius: 2px;
-}
-
-.column .col-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.column--loading {
-  display: flex;
-  align-items: flex-start;
-}
-
-.column-loading {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 16px 12px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.column.column-preview,
-.item-info {
-  flex: 0 0 var(--col-width, 240px);
-  width: var(--col-width, 240px);
-  max-width: none;
-  min-width: 180px;
-  background: #252b33;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  border: 1px solid var(--border);
-}
-
-.column.column-preview {
-  padding: 0;
-  gap: 0;
-}
-
-.column.column-preview > .column-pane {
-  padding: 16px 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-
-.item-info--dialog {
-  width: auto;
-  min-width: 0;
-  flex: none;
-  border: 0;
-  background: transparent;
-  box-shadow: none;
-  padding: 0;
-}
-
-.preview-hero {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-  text-align: center;
-}
-
-.preview-glyph {
-  width: 64px;
-  height: 64px;
-  border-radius: 12px;
-  background: linear-gradient(160deg, #6a7380, #3d4450);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-}
-
-.preview-glyph-img {
-  width: 48px;
-  height: 48px;
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-  display: block;
-  margin: 8px 0 0;
-  object-fit: contain;
-}
-
-.preview-glyph-svg {
-  width: 48px;
-  height: 48px;
-  margin: 8px 0 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-
-.preview-glyph-svg svg {
-  display: block;
-}
-
-.preview-glyph.folder {
-  background: linear-gradient(160deg, #7a9bbe, #45627a);
-}
-
-.preview-title {
-  font-size: 13px;
-  font-weight: 600;
-  word-break: break-word;
-}
-
-.preview-meta {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  font-size: 12px;
-}
-
-.preview-row {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  color: var(--text-muted);
-}
-
-.preview-row span:last-child {
-  color: var(--text);
-  text-align: right;
-  font-family: var(--mono);
-  font-size: 11px;
-}
-
-.preview-row--block {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 2px;
-}
-
-.preview-row--block span:last-child {
-  text-align: left;
-  white-space: pre-wrap;
-  font-family: inherit;
-  font-size: 12px;
-  line-height: 1.35;
-}
-
-.preview-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-family: inherit !important;
-  font-size: 12px !important;
-}
-
-.preview-label-swatch {
-  width: 10px;
-  height: 10px;
-  border-radius: 2px;
-  flex: 0 0 auto;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
-}
-
-.preview-meta [data-role="vers-slot"],
-.preview-meta [data-role="comment-slot"] {
-  display: contents;
-}
-
-.preview-fields label {
-  display: block;
-  font-size: 11px;
-  color: var(--text-muted);
-  margin: 8px 0 4px;
-}
-
-.preview-fields input {
-  width: 100%;
-  background: #1c2127;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text);
-  padding: 6px 8px;
-  font: 13px var(--mono);
-  pointer-events: auto;
-  user-select: text;
-  cursor: text;
-}
-
-.preview-fields input:disabled {
-  opacity: 0.55;
-}
-
-.preview-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 12px;
-}
-
-.preview-actions .btn {
-  width: 100%;
-}
-
-.empty {
-  color: var(--text-muted);
-  text-align: center;
-  padding: 48px 16px;
-  font-size: 14px;
-}
-
-.rename-input {
-  width: 100%;
-  max-width: 160px;
-  margin: 0;
-  padding: 2px 4px;
-  border: 1px solid var(--accent);
-  border-radius: 3px;
-  background: #1c2127;
-  color: var(--text);
-  font: 12px var(--font);
-  text-align: inherit;
-}
-
-.icon-name .rename-input {
-  text-align: center;
-  max-width: 100%;
-}
-
-.name-cell .rename-input,
-.col-item .rename-input {
-  flex: 1;
-  min-width: 0;
-  max-width: none;
-  font-size: 13px;
-}
-
-.drag-portal {
-  position: fixed;
-  left: -10000px;
-  top: 0;
-  width: 64px;
-  height: 64px;
-  overflow: hidden;
-  opacity: 0.01;
-  pointer-events: none;
-  z-index: -1;
-}
-
-.ctx-root {
-  position: absolute;
-  inset: 0;
-  z-index: 20;
-  pointer-events: none;
-}
-
-.ctx-menu {
-  position: fixed;
-  z-index: 20;
-  pointer-events: auto;
-  min-width: 168px;
-  padding: 4px;
-  background: #2c333b;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  box-shadow: var(--shadow);
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  animation: fadein 120ms ease;
-}
-
-.ctx-menu button {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: 500 13px var(--font);
-  text-align: left;
-  padding: 7px 12px;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.ctx-menu button:hover {
-  background: var(--accent-soft);
-}
-
-.ctx-menu hr {
-  border: 0;
-  border-top: 1px solid var(--border);
-  margin: 4px 6px;
-}
-
-.quicklook-root {
-  position: absolute;
-  inset: 0;
-  z-index: 30;
-  pointer-events: none;
-}
-
-.quicklook-root:empty {
-  display: none;
-}
-
-.quicklook {
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-  padding: 24px;
-  pointer-events: auto;
-}
-
-.quicklook__backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(10, 12, 16, 0.55);
-  animation: fadein 160ms ease;
-}
-
-.quicklook__card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: min(720px, 100%);
-  height: min(560px, 100%);
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.quicklook__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 10px 12px 10px 16px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  flex-shrink: 0;
-}
-
-.quicklook__header h2 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 650;
-  letter-spacing: -0.02em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.quicklook__body {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  background: #1c2127;
-}
-
-.quicklook__text {
-  flex: 1;
-  min-height: 0;
-  margin: 0;
-  padding: 14px 16px;
-  overflow: auto;
-  font: 13px/1.5 var(--mono);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.quicklook__empty,
-.quicklook__loading,
-.quicklook__note {
-  margin: 0;
-  padding: 16px;
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.quicklook__loading {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.quicklook__note {
-  padding-bottom: 0;
-  flex-shrink: 0;
-}
-
-.quicklook__body--media {
-  display: grid;
-  place-items: center;
-  padding: 16px;
-  background: #12161b;
-}
-
-.quicklook__image {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-  background: #fff;
-}
-
-.quicklook__audio {
-  width: min(100%, 480px);
-}
-
-/* —— Screen menu bar (outside Finder window) —— */
-
-.app-menubar {
-  flex: none;
-  position: relative;
-  z-index: 90;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2e353e 0%, #262c33 100%);
-  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
-  user-select: none;
-}
-
-.app-menubar__inner {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  height: var(--app-menubar-height, 30px);
-  padding: 0 12px;
-}
-
-.app-menubar__brand {
-  font-weight: 700;
-  font-size: 13px;
-  letter-spacing: -0.02em;
-}
-
-.app-menu__trigger.app-menubar__brand {
-  font-weight: 700;
-  letter-spacing: -0.02em;
-}
-
-.app-menubar__menus {
-  display: flex;
-  align-items: stretch;
-  height: 100%;
-}
-
-.app-menubar__status {
-  margin-left: auto;
-  font: 500 11px var(--mono);
-  color: var(--text-muted);
-}
-
-.pcap-live {
-  color: var(--ok);
-  animation: fadein 200ms ease;
-}
-
-.app-menu {
-  position: relative;
-  display: flex;
-  align-items: stretch;
-}
-
-.app-menu__trigger {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: 500 13px var(--font);
-  padding: 0 10px;
-  cursor: pointer;
-  border-radius: 4px;
-}
-
-.app-menu.open .app-menu__trigger,
-.app-menu__trigger:hover {
-  background: var(--accent-soft);
-}
-
-.app-menu__dropdown {
-  position: absolute;
-  top: calc(100% + 2px);
-  left: 0;
-  min-width: 220px;
-  padding: 4px;
-  background: #2c333b;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  box-shadow: var(--shadow);
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  animation: fadein 120ms ease;
-  z-index: 91;
-}
-
-.app-menu__dropdown[hidden] {
-  display: none;
-}
-
-.app-menu__item {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: 500 13px var(--font);
-  text-align: left;
-  padding: 7px 12px 7px 8px;
-  border-radius: 5px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.app-menu__item:hover:not(:disabled) {
-  background: var(--accent-soft);
-}
-
-.app-menu__item:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.app-menu__check {
-  width: 1.1em;
-  text-align: center;
-  color: var(--ok);
-  font-size: 12px;
-}
-
-.app-menu__dropdown hr {
-  border: 0;
-  border-top: 1px solid var(--border);
-  margin: 4px 6px;
-}
-
-/* —— Floating log panel (same z band as activity / resource; Finder stays at 20) —— */
-
-log-panel,
-.log-panel {
-  position: fixed;
-  z-index: 60;
-  width: min(520px, calc(100vw - 24px));
-  height: min(360px, calc(100vh - 48px));
-  min-width: min(320px, calc(100vw - 24px));
-  min-height: 180px;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-log-panel[hidden],
-.log-panel[hidden] {
-  display: none !important;
-}
-
-.log-panel__chrome {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  cursor: grab;
-  user-select: none;
-  touch-action: none;
-}
-
-.log-panel.is-dragging .log-panel__chrome,
-.activity-window.is-dragging .activity-window__chrome,
-.rsrc-explorer.is-dragging .rsrc-explorer__chrome,
-.get-info-window.is-dragging .get-info-window__chrome {
-  cursor: grabbing;
-}
-
-.log-panel__title {
-  font-weight: 600;
-  font-size: 13px;
-  margin-right: 4px;
-}
-
-.log-panel__level {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--text-muted);
-  cursor: default;
-}
-
-.log-panel__level select {
-  appearance: none;
-  border: 1px solid var(--border);
-  background: #323943;
-  color: var(--text);
-  font: 500 12px var(--font);
-  padding: 4px 22px 4px 8px;
-  border-radius: 5px;
-  cursor: pointer;
-  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
-    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
-  background-position:
-    calc(100% - 10px) 55%,
-    calc(100% - 5px) 55%;
-  background-size: 5px 5px, 5px 5px;
-  background-repeat: no-repeat;
-}
-
-.log-panel__btn {
-  padding: 4px 8px;
-  font-size: 12px;
-}
-
-.log-panel__chrome .log-panel__btn:last-child {
-  margin-left: auto;
-}
-
-.log-panel__body {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: 8px 10px;
-  font: 12px/1.45 var(--mono);
-  background: #1c2127;
-}
-
-.log-row {
-  display: grid;
-  grid-template-columns: 88px 48px 1fr;
-  gap: 8px;
-  padding: 2px 0;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
-}
-
-.log-row__time {
-  color: var(--text-muted);
-}
-
-.log-row__level {
-  text-transform: uppercase;
-  font-size: 10px;
-  letter-spacing: 0.04em;
-  padding-top: 2px;
-}
-
-.log-row--trace .log-row__level {
-  color: #7a8694;
-}
-
-.log-row--info .log-row__level {
-  color: var(--accent);
-}
-
-.log-row--warn .log-row__level {
-  color: #e6b84d;
-}
-
-.log-row--error .log-row__level {
-  color: var(--danger);
-}
-
-.log-row__msg {
-  word-break: break-word;
-  white-space: pre-wrap;
-}
-
-/* —— Activity window —— */
-
-activity-window,
-.activity-window {
-  position: fixed;
-  z-index: 60;
-  width: min(480px, calc(100vw - 24px));
-  height: min(460px, calc(100vh - 48px));
-  max-height: calc(100vh - 16px);
-  min-width: min(320px, calc(100vw - 24px));
-  min-height: 160px;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-activity-window[hidden],
-.activity-window[hidden] {
-  display: none !important;
-}
-
-.activity-window__chrome {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  cursor: grab;
-  user-select: none;
-  touch-action: none;
-  flex-shrink: 0;
-}
-
-.activity-window__panel {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-}
-
-.activity-window__title {
-  font-weight: 600;
-  font-size: 13px;
-  margin-right: 4px;
-}
-
-.activity-window__chrome .log-panel__btn:last-child {
-  margin-left: auto;
-}
-
-.activity-window__stats {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 8px;
-  padding: 10px;
-  border-bottom: 1px solid var(--border);
-  background: #1f252c;
-}
-
-.activity-stat__label {
-  font-size: 11px;
-  color: var(--text-muted);
-  letter-spacing: 0.02em;
-}
-
-.activity-stat__value {
-  font: 500 13px/1.35 var(--mono);
-  margin-top: 2px;
-}
-
-.activity-window__body {
-  padding: 8px 10px 12px;
-}
-
-.activity-window__section h3 {
-  margin: 8px 0 6px;
-  font-size: 11px;
-  font-weight: 650;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-}
-
-.activity-window__empty {
-  margin: 0;
-  padding: 8px 0;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.activity-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 12px;
-}
-
-.activity-table th {
-  text-align: left;
-  font-weight: 600;
-  color: var(--text-muted);
-  font-size: 11px;
-  padding: 4px 6px;
-  border-bottom: 1px solid var(--border);
-}
-
-.activity-table td {
-  padding: 5px 6px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
-  word-break: break-word;
-}
-
-.activity-table__mono {
-  font-family: var(--mono);
-  font-size: 11px;
-}
-
-/* —— File transfer window —— */
-
-file-activity-window,
-.file-activity-window {
-  position: fixed;
-  z-index: 60;
-  width: min(360px, calc(100vw - 24px));
-  height: min(240px, calc(100vh - 56px));
-  min-width: min(240px, calc(100vw - 24px));
-  min-height: 140px;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-file-activity-window[hidden],
-.file-activity-window[hidden] {
-  display: none !important;
-}
-
-.file-activity-window__chrome {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-}
-
-.file-activity-window__title {
-  font-weight: 600;
-  font-size: 13px;
-  margin-right: 4px;
-}
-
-.file-activity-window__chrome .log-panel__btn:last-child {
-  margin-left: auto;
-}
-
-.file-activity-window__body {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: 8px 10px 10px;
-}
-
-.file-activity-window__empty {
-  margin: 0;
-  padding: 8px 0;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-/* —— Get Info tool window (icon / list views) —— */
-
-get-info-window,
-.get-info-window {
-  position: fixed;
-  z-index: 60;
-  width: min(320px, calc(100vw - 24px));
-  height: min(560px, calc(100vh - 48px));
-  max-height: calc(100vh - 16px);
-  min-width: min(260px, calc(100vw - 24px));
-  min-height: 160px;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-get-info-window[hidden],
-.get-info-window[hidden] {
-  display: none !important;
-}
-
-.get-info-window__chrome {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  cursor: grab;
-  user-select: none;
-  touch-action: none;
-  flex-shrink: 0;
-}
-
-.get-info-window__title {
-  font-weight: 600;
-  font-size: 13px;
-  margin-right: 4px;
-}
-
-.get-info-window__chrome .log-panel__btn:last-child {
-  margin-left: auto;
-}
-
-.get-info-window__body {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: 16px 14px;
-  background: #252b33;
-}
-
-.get-info-window__empty {
-  margin: 0;
-  padding: 24px 8px;
-  font-size: 13px;
-  color: var(--text-muted);
-  text-align: center;
-}
-
-/* —— Resource fork explorer —— */
-
-resource-fork-explorer,
-.rsrc-explorer {
-  position: fixed;
-  z-index: 60;
-  width: min(640px, calc(100vw - 24px));
-  height: min(480px, calc(100vh - 48px));
-  min-width: min(420px, calc(100vw - 24px));
-  min-height: 280px;
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-resource-fork-explorer[hidden],
-.rsrc-explorer[hidden] {
-  display: none !important;
-}
-
-.rsrc-explorer__chrome {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  cursor: grab;
-  user-select: none;
-  touch-action: none;
-}
-
-.rsrc-explorer__title {
-  font-weight: 600;
-  font-size: 13px;
-  flex-shrink: 0;
-}
-
-.rsrc-explorer__file {
-  font: 500 12px var(--mono);
-  color: var(--text-muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-
-.rsrc-explorer__chrome .log-panel__btn:last-child {
-  margin-left: auto;
-}
-
-.rsrc-explorer__meta {
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: #1f252c;
-  font-size: 12px;
-}
-
-.rsrc-explorer__meta-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-}
-
-.rsrc-explorer__pill {
-  font: 500 11px var(--mono);
-  background: #323943;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  padding: 1px 6px;
-}
-
-.rsrc-explorer__hdr {
-  margin-top: 4px;
-  font: 11px var(--mono);
-  color: var(--text-muted);
-}
-
-.rsrc-explorer__split {
-  display: grid;
-  grid-template-columns: minmax(160px, 32%) 1fr;
-  flex: 1;
-  min-height: 0;
-}
-
-.rsrc-explorer__types,
-.rsrc-explorer__entries {
-  min-height: 0;
-  overflow: auto;
-}
-
-.rsrc-explorer__types {
-  border-right: 1px solid var(--border);
-  padding: 6px;
-}
-
-.rsrc-explorer__entries {
-  padding: 6px;
-}
-
-.rsrc-explorer__type,
-.rsrc-explorer__res {
-  appearance: none;
-  display: grid;
-  width: 100%;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  border-radius: 5px;
-  font: 12px var(--font);
-}
-
-.rsrc-explorer__type {
-  grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto;
-  gap: 0 8px;
-  padding: 6px 8px;
-}
-
-.rsrc-explorer__type-code {
-  font: 500 12px var(--mono);
-}
-
-.rsrc-explorer__type-count {
-  color: var(--text-muted);
-  font-variant-numeric: tabular-nums;
-}
-
-.rsrc-explorer__type-label {
-  grid-column: 1 / -1;
-  font-size: 10px;
-  color: var(--text-muted);
-}
-
-.rsrc-explorer__type--icon .rsrc-explorer__type-code {
-  color: var(--accent);
-}
-
-.rsrc-explorer__type:hover,
-.rsrc-explorer__res:hover {
-  background: var(--accent-soft);
-}
-
-.rsrc-explorer__type.is-selected,
-.rsrc-explorer__res.is-selected {
-  background: var(--accent-soft);
-}
-
-.rsrc-explorer__res-head,
-.rsrc-explorer__res {
-  grid-template-columns: 64px 1fr 88px 48px;
-  gap: 6px;
-  padding: 4px 6px;
-  align-items: baseline;
-}
-
-.rsrc-explorer__res-head {
-  display: grid;
-  font-size: 10px;
-  font-weight: 650;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-  padding: 2px 6px 6px;
-}
-
-.rsrc-explorer__res-id,
-.rsrc-explorer__res-size,
-.rsrc-explorer__res-attr {
-  font: 11px var(--mono);
-}
-
-.rsrc-explorer__res-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.rsrc-explorer__hint {
-  margin-left: 6px;
-  color: var(--accent);
-  font-size: 10px;
-}
-
-.rsrc-explorer__detail {
-  border-top: 1px solid var(--border);
-  max-height: 42%;
-  overflow: auto;
-  padding: 8px 10px;
-  background: #1c2127;
-}
-
-.rsrc-explorer__empty {
-  margin: 0;
-  padding: 8px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.rsrc-explorer__empty--error {
-  color: var(--danger);
-}
-
-.rsrc-explorer__preview {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 8px;
-  font-size: 12px;
-}
-
-.rsrc-explorer__preview img {
-  image-rendering: pixelated;
-  background:
-    linear-gradient(45deg, #2a3038 25%, transparent 25%),
-    linear-gradient(-45deg, #2a3038 25%, transparent 25%),
-    linear-gradient(45deg, transparent 75%, #2a3038 75%),
-    linear-gradient(-45deg, transparent 75%, #2a3038 75%);
-  background-size: 8px 8px;
-  background-position: 0 0, 0 4px, 4px -4px, -4px 0;
-  border-radius: 4px;
-}
-
-.rsrc-explorer__preview--pict {
-  align-items: flex-start;
-  flex-direction: column;
-}
-
-.rsrc-explorer__preview--pict img {
-  image-rendering: auto;
-  max-width: min(100%, 480px);
-  max-height: 280px;
-  height: auto;
-  width: auto;
-  background: #fff;
-}
-
-.rsrc-explorer__decoded {
-  margin-bottom: 8px;
-  font-size: 12px;
-}
-
-.rsrc-explorer__map {
-  width: 100%;
-  margin-top: 6px;
-  border-collapse: collapse;
-  font: 11px var(--mono);
-}
-
-.rsrc-explorer__map th,
-.rsrc-explorer__map td {
-  text-align: left;
-  padding: 3px 6px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
-}
-
-.rsrc-explorer__map--missing td {
-  color: var(--danger);
-}
-
-.rsrc-explorer__hex {
-  margin: 0;
-  font: 11px/1.4 var(--mono);
-  white-space: pre;
-  color: #c5cdd6;
-}
-
-.file-transfer {
-  display: flex;
-  gap: 10px;
-  align-items: flex-start;
-  padding: 8px 2px 10px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
-}
-
-.file-transfer:last-child,
-.file-transfer-group:last-child .file-transfer:last-child {
-  border-bottom: none;
-}
-
-.file-transfer-group {
-  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
-}
-
-.file-transfer-group .file-transfer {
-  border-bottom: none;
-}
-
-.file-transfer--sub {
-  padding-top: 2px;
-  padding-bottom: 8px;
-  padding-left: 26px;
-}
-
-.file-transfer__icon {
-  width: 16px;
-  height: 16px;
-  margin-top: 2px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-
-.file-transfer__icon svg {
-  display: block;
-}
-
-img.file-transfer__icon {
-  image-rendering: pixelated;
-}
-
-.file-transfer__main {
-  flex: 1;
-  min-width: 0;
-}
-
-.file-transfer__top {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 5px;
-}
-
-.file-transfer__name {
-  flex: 1;
-  min-width: 0;
-  font-size: 12px;
-  font-weight: 550;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.file-transfer__rate {
-  flex-shrink: 0;
-  font: 500 11px/1.3 var(--mono);
-  color: var(--text-muted);
-}
-
-.file-transfer__cancel {
-  appearance: none;
-  flex-shrink: 0;
-  margin: -2px -2px -2px 0;
-  padding: 0;
-  width: 18px;
-  height: 18px;
-  border: 0;
-  border-radius: 4px;
-  background: transparent;
-  color: var(--text-muted);
-  font: 600 12px/18px var(--font);
-  cursor: pointer;
-}
-
-.file-transfer__cancel:hover,
-.file-transfer__cancel:focus-visible {
-  color: var(--text);
-  background: var(--accent-soft);
-}
-
-.file-transfer__bar {
-  height: 6px;
-  border-radius: 99px;
-  background: #1a1f25;
-  overflow: hidden;
-}
-
-.file-transfer__bar-fill {
-  height: 100%;
-  border-radius: 99px;
-  background: var(--accent);
-  transition: width 160ms linear;
-}
-
-.file-transfer--error .file-transfer__bar-fill {
-  background: var(--danger);
-}
-
-.file-transfer--queued {
-  opacity: 0.62;
-}
-
-.file-transfer--queued .file-transfer__bar {
-  opacity: 0.45;
-}
-
-.file-transfer--cancelled {
-  opacity: 0.7;
-}
-
-.file-transfer--cancelled .file-transfer__bar-fill {
-  background: var(--text-muted);
-}
-
-.file-transfer__meta {
-  margin-top: 4px;
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-.file-transfer__error {
-  margin-top: 4px;
-  font-size: 11px;
-  color: var(--danger);
-}
-
-/* —— Settings window —— */
-
-settings-window,
-.settings-window {
-  position: fixed;
-  inset: 0;
-  z-index: 75;
-  display: grid;
-  place-items: center;
-}
-
-settings-window[hidden],
-.settings-window[hidden] {
-  display: none !important;
-}
-
-.settings-shell__backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(10, 12, 16, 0.55);
-  animation: fadein 160ms ease;
-}
-
-.settings-shell__card {
-  position: relative;
-  width: min(760px, calc(100vw - 32px));
-  height: min(560px, calc(100vh - 48px));
-  min-width: 520px;
-  min-height: 400px;
-  max-width: calc(100vw - 32px);
-  max-height: calc(100vh - 48px);
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  box-shadow: var(--shadow);
-  overflow: hidden;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.settings-shell__card .window-resize-handle {
-  z-index: 2;
-}
-
-.settings-shell__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border);
-  background: linear-gradient(180deg, #2c333b, #262c33);
-  flex-shrink: 0;
-}
-
-.settings-shell__header h2 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 650;
-  letter-spacing: -0.02em;
-}
-
-.settings-shell__body {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-columns: minmax(180px, 220px) 1fr;
-}
-
-.settings-nav {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 10px 8px;
-  border-right: 1px solid var(--border);
-  background: #22272e;
-  overflow: auto;
-}
-
-.settings-nav__item {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: 500 13px var(--font);
-  text-align: left;
-  padding: 9px 10px;
-  border-radius: 8px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  transition: background 140ms ease;
-}
-
-.settings-nav__item:hover {
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.settings-nav__item.is-selected {
-  background: var(--accent-soft);
-}
-
-.settings-nav__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  color: var(--text-muted);
-  flex-shrink: 0;
-}
-
-.settings-nav__item.is-selected .settings-nav__icon {
-  color: var(--accent);
-}
-
-.settings-nav__icon svg {
-  display: block;
-}
-
-.settings-nav__label {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.settings-panel {
-  min-width: 0;
-  min-height: 0;
-  overflow: auto;
-  padding: 18px 20px 24px;
-  background: var(--bg-pane);
-}
-
-.settings-panel__title {
-  margin: 0 0 14px;
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: -0.03em;
-}
-
-.settings-panel__lead {
-  margin: 0 0 16px;
-  font-size: 13px;
-  color: var(--text-muted);
-  line-height: 1.45;
-}
-
-.settings-panel__lead code {
-  font-size: 0.92em;
-}
-
-.settings-group {
-  margin-bottom: 22px;
-}
-
-.settings-group:last-child {
-  margin-bottom: 0;
-}
-
-.settings-group__title {
-  margin: 0 0 8px;
-  padding: 0 14px;
-  font-size: 12px;
-  font-weight: 650;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-}
-
-.settings-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 12px 14px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.03);
-  border: 1px solid rgba(58, 66, 76, 0.35);
-}
-
-.settings-group .settings-row + .settings-row {
-  margin-top: 8px;
-}
-
-.settings-row__main {
-  flex: 1;
-  min-width: 0;
-}
-
-.settings-row__label {
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.settings-row__desc,
-.settings-row__hint {
-  margin-top: 3px;
-  font-size: 12px;
-  color: var(--text-muted);
-  line-height: 1.4;
-  max-width: 360px;
-}
-
-.settings-row__hint {
-  font-family: var(--mono);
-  font-size: 11px;
-}
-
-.settings-select {
-  appearance: none;
-  border: 1px solid var(--border);
-  background: #323943;
-  color: var(--text);
-  font: 500 12px var(--font);
-  padding: 6px 28px 6px 10px;
-  border-radius: 8px;
-  cursor: pointer;
-  flex-shrink: 0;
-  min-width: 140px;
-  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
-    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
-  background-position:
-    calc(100% - 12px) 55%,
-    calc(100% - 7px) 55%;
-  background-size: 5px 5px, 5px 5px;
-  background-repeat: no-repeat;
-}
-
-.settings-switch {
-  position: relative;
-  display: inline-flex;
-  flex-shrink: 0;
-  cursor: pointer;
-}
-
-.settings-switch input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-.settings-switch__track {
-  position: relative;
-  display: block;
-  width: 44px;
-  height: 26px;
-  border-radius: 999px;
-  background: #3a424c;
-  transition: background 160ms ease;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
-}
-
-.settings-switch__track::after {
-  content: '';
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-  transition: transform 160ms ease;
-}
-
-.settings-switch input:checked + .settings-switch__track {
-  background: var(--ok);
-}
-
-.settings-switch input:checked + .settings-switch__track::after {
-  transform: translateX(18px);
-}
-
-.settings-switch input:disabled + .settings-switch__track {
-  opacity: 0.45;
-}
-
-.settings-badge {
-  display: inline-block;
-  flex-shrink: 0;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-  opacity: 0.85;
-}
-
-.settings-file-btn {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  flex-shrink: 0;
-}
-
-html.compact-ui .settings-shell__card {
-  width: calc(100vw - 16px);
-  height: min(calc(100dvh - 24px), 640px);
-  min-width: 0;
-  min-height: 320px;
-  border-radius: 12px;
-}
-
-html.compact-ui .settings-shell__body {
-  grid-template-columns: 1fr;
-  grid-template-rows: auto 1fr;
-}
-
-html.compact-ui .settings-nav {
-  flex-direction: row;
-  overflow-x: auto;
-  border-right: 0;
-  border-bottom: 1px solid var(--border);
-  padding: 8px;
-}
-
-html.compact-ui .settings-nav__item {
-  flex: 0 0 auto;
-  white-space: nowrap;
-}
-
-html.compact-ui .settings-panel__title {
-  font-size: 18px;
-}
-
-/* —— Netboot dialog —— */
-
-netboot-dialog,
-.netboot-dialog {
-  position: fixed;
-  inset: 0;
-  z-index: 70;
-  display: grid;
-  place-items: center;
-}
-
-netboot-dialog[hidden],
-.netboot-dialog[hidden] {
-  display: none !important;
-}
-
-.netboot-dialog__backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(10, 12, 16, 0.55);
-  animation: fadein 160ms ease;
-}
-
-.netboot-dialog__card {
-  position: relative;
-  width: min(480px, calc(100vw - 32px));
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  box-shadow: var(--shadow);
-  padding: 0;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.netboot-dialog__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border);
-}
-
-.netboot-dialog__header h2 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 650;
-  letter-spacing: -0.02em;
-}
-
-.netboot-dialog__lead {
-  margin: 0;
-  padding: 12px 16px 4px;
-  font-size: 13px;
-  color: var(--text-muted);
-  line-height: 1.45;
-}
-
-.netboot-dialog__row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px 16px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.45);
-}
-
-.netboot-dialog__label {
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.netboot-dialog__hint {
-  margin-top: 2px;
-  font-size: 12px;
-  color: var(--text-muted);
-  max-width: 260px;
-}
-
-.netboot-dialog__badge {
-  display: inline-block;
-  flex-shrink: 0;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-  opacity: 0.85;
-}
-
-.netboot-dialog__file-btn {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.netboot-dialog__seg {
-  display: flex;
-  gap: 6px;
-  flex-shrink: 0;
-}
-
-.netboot-dialog__num {
-  width: 88px;
-  padding: 6px 8px;
-  border: 1px solid rgba(58, 66, 76, 0.55);
-  border-radius: 4px;
-  background: rgba(0, 0, 0, 0.2);
-  color: inherit;
-  font: inherit;
-  font-size: 13px;
-}
-
-.netboot-dialog__lead code {
-  font-size: 0.92em;
-}
-
-.netboot-dialog__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 12px 16px 14px;
-}
-
-.netboot-dialog__footer .spacer {
-  flex: 1;
-}
-
-/* —— Alert / AFP sessions / About dialogs —— */
-
-alert-dialog,
-.alert-dialog,
-afp-sessions-dialog,
-.afp-sessions-dialog,
-about-dialog,
-.about-dialog {
-  position: fixed;
-  inset: 0;
-  z-index: 80;
-  display: grid;
-  place-items: center;
-}
-
-alert-dialog[hidden],
-.alert-dialog[hidden],
-afp-sessions-dialog[hidden],
-.afp-sessions-dialog[hidden],
-about-dialog[hidden],
-.about-dialog[hidden] {
-  display: none !important;
-}
-
-.alert-dialog__body {
-  margin: 0;
-  padding: 16px;
-  font-size: 13px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-}
-
-.alert-dialog__check {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  margin: 0;
-  padding: 0 16px 4px;
-  font-size: 13px;
-  line-height: 1.4;
-  cursor: pointer;
-}
-
-.alert-dialog__check input {
-  margin-top: 2px;
-}
-
-.about-dialog__card {
-  width: min(520px, calc(100vw - 32px));
-  max-height: min(640px, calc(100vh - 48px));
-  display: flex;
-  flex-direction: column;
-}
-
-.about-dialog__body {
-  padding: 12px 16px 8px;
-  overflow-y: auto;
-  font-size: 13px;
-  line-height: 1.5;
-}
-
-.about-dialog__name {
-  margin: 0 0 2px;
-  font-size: 18px;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-}
-
-.about-dialog__ver {
-  margin: 0 0 12px;
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-.about-dialog__body h3 {
-  margin: 16px 0 6px;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.about-dialog__body p {
-  margin: 0 0 8px;
-}
-
-.about-dialog__body ul {
-  margin: 0 0 8px;
-  padding-left: 1.2em;
-}
-
-.about-dialog__body li {
-  margin: 0 0 8px;
-}
-
-.about-dialog__body a {
-  color: var(--accent);
-}
-
-.afp-sessions-dialog__card {
-  width: min(640px, calc(100vw - 32px));
-}
-
-.afp-sessions-dialog__table-wrap {
-  padding: 8px 16px 0;
-  overflow-x: auto;
-}
-
-.afp-sessions-dialog__table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-
-.afp-sessions-dialog__table th,
-.afp-sessions-dialog__table td {
-  text-align: left;
-  padding: 8px 6px;
-  border-bottom: 1px solid rgba(58, 66, 76, 0.45);
-  vertical-align: middle;
-}
-
-.afp-sessions-dialog__acts {
-  display: flex;
-  gap: 6px;
-  justify-content: flex-end;
-}
-
-.afp-sessions-dialog__form {
-  display: flex;
-  flex-direction: column;
-}
-
-.afp-sessions-dialog__field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 8px 16px 4px;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.afp-sessions-dialog__field textarea {
-  font: inherit;
-  font-weight: 400;
-  padding: 8px;
-  border: 1px solid rgba(58, 66, 76, 0.55);
-  border-radius: 4px;
-  background: rgba(0, 0, 0, 0.2);
-  color: inherit;
-  resize: vertical;
-}
-
-.afp-sessions-dialog__err {
-  margin: 0;
-  padding: 8px 16px 0;
-  color: var(--danger);
-  font-size: 13px;
-}
-
-/* —— AFP login dialog —— */
-
-login-dialog,
-.login-dialog,
-name-conflict-dialog,
-.name-conflict-dialog {
-  position: fixed;
-  inset: 0;
-  z-index: 85;
-  display: grid;
-  place-items: center;
-}
-
-login-dialog[hidden],
-.login-dialog[hidden],
-name-conflict-dialog[hidden],
-.name-conflict-dialog[hidden] {
-  display: none !important;
-}
-
-.login-dialog__backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(10, 12, 16, 0.55);
-  animation: fadein 160ms ease;
-}
-
-.login-dialog__card {
-  position: relative;
-  width: min(420px, calc(100vw - 32px));
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  box-shadow: var(--shadow);
-  padding: 0;
-  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.login-dialog__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border);
-}
-
-.login-dialog__header h2 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 650;
-  letter-spacing: -0.02em;
-}
-
-.login-dialog__lead {
-  margin: 0;
-  padding: 12px 16px 8px;
-  font-size: 13px;
-  color: var(--text-muted);
-  line-height: 1.45;
-}
-
-.login-dialog__lead code {
-  font-size: 0.92em;
-}
-
-.login-dialog__error {
-  margin: 0 16px 8px;
-  padding: 8px 10px;
-  border-radius: 6px;
-  background: rgba(232, 93, 93, 0.12);
-  color: var(--danger);
-  font-size: 12px;
-}
-
-.login-dialog__field {
-  padding: 6px 16px 10px;
-}
-
-.login-dialog__field label {
-  display: block;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-muted);
-  margin-bottom: 4px;
-}
-
-.login-dialog__field input {
-  width: 100%;
-  padding: 8px 10px;
-  border: 1px solid rgba(58, 66, 76, 0.55);
-  border-radius: 6px;
-  background: rgba(0, 0, 0, 0.2);
-  color: inherit;
-  font: inherit;
-  font-size: 13px;
-}
-
-.login-dialog__footer {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px 14px;
-}
-
-.login-dialog__footer .spacer {
-  flex: 1;
-}
-
-.login-dialog__submit {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  min-width: 8.5rem;
-}
-
-.login-dialog__field input:disabled,
-.login-dialog__footer .btn:disabled {
-  opacity: 0.55;
-}
-
-.side-item .side-item-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.side-item--child {
-  padding-left: 28px;
-  font-size: 12px;
-}
-
-.side-eject {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-  padding: 2px;
-  border-radius: 4px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-  flex-shrink: 0;
-}
-
-.side-eject svg {
-  display: block;
-}
-
-.side-eject:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: var(--text);
-}
-
-/* —— Extension editor dialog —— */
-
-extension-editor-dialog,
-.extension-editor-dialog {
-  position: fixed;
-  inset: 0;
-  z-index: 85;
-  display: grid;
-  place-items: center;
-}
-
-extension-editor-dialog[hidden],
-.extension-editor-dialog[hidden] {
-  display: none !important;
-}
-
-.extension-editor__card {
-  width: min(720px, calc(100vw - 32px));
-}
-
-.extension-editor__table-wrap {
-  padding: 8px 16px 0;
-  max-height: min(420px, 55vh);
-  overflow: auto;
-}
-
-.extension-editor__grid {
-  display: grid;
-  grid-template-columns: 6.5em 5.5em 5.5em minmax(8em, 1fr) 2.25em;
-  gap: 6px 8px;
-  align-items: center;
-}
-
-.extension-editor__head {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--text-muted);
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  padding: 4px 2px;
-  position: sticky;
-  top: 0;
-  background: var(--bg-elevated);
-  z-index: 1;
-}
-
-.extension-editor__row {
-  display: contents;
-}
-
-.extension-editor__grid input {
-  width: 100%;
-  min-width: 0;
-  background: #1c2127;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text);
-  padding: 6px 8px;
-  font: 13px var(--font);
-}
-
-.extension-editor__ostype {
-  font-family: var(--mono) !important;
-  text-align: center;
-  letter-spacing: 0.04em;
-}
-
-.extension-editor__remove {
-  padding: 4px;
-  color: var(--text-muted);
-}
-
-.extension-editor__remove:hover {
-  color: var(--danger);
-}
-
-.extension-editor__empty {
-  margin: 8px 0 4px;
-  font-size: 13px;
-  color: var(--text-muted);
-}
-
-.extension-editor__error {
-  margin: 0 20px 8px;
-  font-size: 13px;
-  color: var(--danger);
-}
-
-.extension-editor__footer {
-  align-items: center;
-}
-
-.extension-editor__footer .btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.extension-editor__footer .btn svg {
-  display: block;
-}
-
-.extension-editor__spacer {
-  flex: 1;
-}
-
-/* —— Callouts (transfers, actions, Locations) —— */
-
-.callout {
-  position: fixed;
-  z-index: 65;
-  min-width: 200px;
-  max-width: min(360px, calc(100vw - 16px));
-  max-height: min(70vh, 480px);
-  overflow: auto;
-  padding: 6px;
-  background: #2c333b;
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  box-shadow: var(--shadow);
-  animation: fadein 120ms ease;
-}
-
-.callout[hidden] {
-  display: none !important;
-}
-
-.callout--transfers {
-  min-width: 280px;
-  padding: 8px 10px 10px;
-}
-
-.callout__item {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: 500 13px var(--font);
-  text-align: left;
-  padding: 10px 12px;
-  border-radius: 5px;
-  cursor: pointer;
-  display: block;
-  width: 100%;
-}
-
-.callout__item:hover,
-.callout__item:active {
-  background: var(--accent-soft);
-}
-
-.callout__item:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.callout__item--danger {
-  color: var(--danger);
-}
-
-.callout hr {
-  border: 0;
-  border-top: 1px solid var(--border);
-  margin: 4px 6px;
-}
-
-.file-activity-window .window-resize-handle {
-  display: none;
-}
-
-.transfer-btn {
-  min-width: 52px;
-  font-variant-numeric: tabular-nums;
-  font-weight: 600;
-}
-
-.transfer-btn[hidden] {
-  display: none !important;
-}
-
-.transfer-btn.indeterminate {
-  opacity: 0.85;
-}
-
-.toolbar-compact-only {
-  display: none;
-}
-
-html.compact-ui .toolbar-compact-only {
-  display: inline-flex;
-}
-
-.side-more {
-  display: none;
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--text-muted);
-  padding: 4px;
-  border-radius: 4px;
-  cursor: pointer;
-  line-height: 0;
-  margin-left: auto;
-  flex-shrink: 0;
-}
-
-.side-more:hover,
-.side-more:active {
-  color: var(--text);
-  background: var(--accent-soft);
-}
-
-.sidebar-backdrop {
-  display: none;
-}
-
-.pathbar .locations-btn {
-  display: none;
-}
-
-/* —— Compact (phone) shell —— */
-
-html.compact-ui,
-html.compact-ui body,
-html.compact-ui #app {
-  height: 100dvh;
-  max-height: 100dvh;
-}
-
-html.compact-ui {
-  --app-menubar-height: 44px;
-}
-
-html.compact-ui .app-menubar {
-  z-index: 90;
-  padding-top: env(safe-area-inset-top);
-}
-
-html.compact-ui .app-stage {
-  padding: 0;
-}
-
-html.compact-ui finder-window {
-  position: relative;
-  z-index: auto;
-  left: auto !important;
-  top: auto !important;
-  width: 100% !important;
-  height: 100% !important;
-  min-width: 0;
-  min-height: 0;
-  border-radius: 0;
-  border: 0;
-  box-shadow: none;
-}
-
-html.compact-ui finder-window .titlebar,
-html.compact-ui finder-window .window-resize-handle {
-  display: none;
-}
-
-html.compact-ui .app-menubar__inner {
-  height: 44px;
-  padding: 0 10px;
-}
-
-html.compact-ui .app-menu__trigger {
-  min-height: 44px;
-  padding: 0 12px;
-}
-
-html.compact-ui .btn {
-  min-height: 44px;
-  padding: 8px 12px;
-}
-
-html.compact-ui .btn.icon-btn {
-  min-width: 44px;
-  padding: 8px;
-}
-
-html.compact-ui .toolbar {
-  flex-wrap: nowrap;
-  gap: 8px;
-  padding: 8px 10px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-}
-
-html.compact-ui .toolbar > * {
-  flex: none;
-}
-
-html.compact-ui .toolbar [data-act='connect'] {
-  flex: none;
-  min-width: 44px;
-  padding: 8px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-}
-
-html.compact-ui .connect-icon {
-  display: block;
-}
-
-html.compact-ui .connect-icon svg {
-  display: block;
-}
-
-html.compact-ui .connect-label {
-  display: none;
-}
-
-html.compact-ui .view-toggle [data-view='list'] {
-  display: none;
-}
-
-html.compact-ui .view-toggle button {
-  min-height: 44px;
-  min-width: 44px;
-  padding: 8px;
-}
-
-html.compact-ui .body {
-  grid-template-columns: 1fr;
-}
-
-html.compact-ui .sidebar-backdrop {
-  display: none;
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.45);
-  z-index: 18;
-}
-
-html.compact-ui finder-window.sidebar-open .sidebar-backdrop {
-  display: block;
-}
-
-html.compact-ui .sidebar {
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: min(280px, 86vw);
-  z-index: 19;
-  transform: translateX(-110%);
-  transition: transform 200ms ease;
-  padding-top: calc(8px + env(safe-area-inset-top));
-  box-shadow: var(--shadow);
-}
-
-html.compact-ui finder-window.sidebar-open .sidebar {
-  transform: none;
-}
-
-html.compact-ui .pathbar .locations-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 44px;
-  min-height: 36px;
-  margin-right: 6px;
-  appearance: none;
-  border: 1px solid var(--border);
-  background: #323943;
-  color: var(--text);
-  border-radius: 6px;
-  cursor: pointer;
-  line-height: 0;
-}
-
-html.compact-ui .side-more {
-  display: inline-flex;
-}
-
-html.compact-ui .content {
-  -webkit-touch-callout: none;
-}
-
-html.compact-ui .status {
-  padding-bottom: calc(8px + env(safe-area-inset-bottom));
-}
-
-html.compact-ui .column-view .column {
-  flex: 0 0 100%;
-  min-width: 100%;
-  max-width: 100%;
-  width: auto;
-  scroll-snap-align: start;
-}
-
-html.compact-ui .column-resizer {
-  display: none;
-}
-
-html.compact-ui .column .col-item {
-  min-height: 44px;
-  padding: 10px 14px;
-}
-
-html.compact-ui .item-info--dialog {
-  left: auto;
-  right: auto;
-  top: auto;
-  bottom: auto;
-  max-width: none;
-  min-width: 0;
-  width: auto;
-  flex: none;
-}
-
-html.compact-ui .ctx-menu {
-  display: none !important;
-}
-
-html.compact-ui .callout {
-  width: calc(100vw - 16px);
-  max-width: none;
-}
-
-html.compact-ui log-panel,
-html.compact-ui .log-panel,
-html.compact-ui activity-window,
-html.compact-ui .activity-window,
-html.compact-ui .rsrc-explorer,
-html.compact-ui get-info-window,
-html.compact-ui .get-info-window {
-  width: calc(100vw - 16px);
-  max-width: none;
-  height: min(70vh, calc(100dvh - 56px));
-}
-
-html.compact-ui .rsrc-explorer {
-  left: 8px !important;
-  right: 8px;
-  top: auto !important;
-  bottom: 8px;
-}
-
-html.compact-ui .netboot-dialog__card,
-html.compact-ui .login-dialog__card,
-html.compact-ui .about-dialog__card {
-  max-width: calc(100vw - 24px);
-}
-
-html.compact-ui .side-item {
-  min-height: 44px;
-}
-
-html.compact-ui .icon-grid .icon-item,
-html.compact-ui .list-table td,
-html.compact-ui .list-table th {
-  min-height: 44px;
-}
-
-@media (hover: none) {
-  .btn:hover:not(.primary),
-  .side-item:hover,
-  .ctx-menu button:hover,
-  .callout__item:hover,
-  .app-menu__item:hover:not(:disabled) {
-    background: transparent;
-  }
-
-  .btn:active,
-  .side-item:active,
-  .callout__item:active,
-  .app-menu__item:active:not(:disabled) {
-    background: var(--accent-soft);
-  }
-
-  .btn.primary:active {
-    filter: brightness(1.06);
-  }
-}
-
-/* —— PWA update notice —— */
-
-update-banner {
-  position: fixed;
-  z-index: 100;
-  left: 12px;
-  right: 12px;
-  bottom: 12px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 10px 16px;
-  padding: 10px 12px;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow);
-}
-
-update-banner[hidden] {
-  display: none;
-}
-
-.update-banner__text {
-  margin: 0;
-  flex: 1 1 220px;
-  font: 500 13px var(--font);
-}
-
-.update-banner__actions {
-  display: flex;
-  gap: 8px;
-  margin-left: auto;
-}
-
+:root {
+  --bg: #1a1d21;
+  --bg-elevated: #23282e;
+  --bg-pane: #2a3038;
+  --border: #3a424c;
+  --text: #e8ecf0;
+  --text-muted: #9aa3ad;
+  --accent: #3d8bfd;
+  --accent-soft: rgba(61, 139, 253, 0.18);
+  --danger: #e85d5d;
+  --ok: #3ecf8e;
+  --sidebar-w: 240px;
+  --radius: 8px;
+  --font: 'DM Sans', system-ui, sans-serif;
+  --mono: 'IBM Plex Mono', ui-monospace, monospace;
+  --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
+  --app-menubar-height: 30px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  height: 100%;
+  font-family: var(--font);
+  background:
+    radial-gradient(1200px 600px at 10% -10%, #2a3544 0%, transparent 55%),
+    radial-gradient(900px 500px at 100% 0%, #1e2a28 0%, transparent 50%),
+    var(--bg);
+  color: var(--text);
+}
+
+#app {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.app-stage {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  position: relative;
+}
+
+finder-window {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  z-index: 20;
+  width: min(1100px, calc(100vw - 48px));
+  height: min(720px, calc(100vh - 80px));
+  min-width: min(560px, 100%);
+  min-height: min(360px, 100%);
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 420ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+finder-window.is-maximized {
+  left: 0 !important;
+  top: var(--app-menubar-height, 30px) !important;
+  width: 100vw !important;
+  height: calc(100vh - var(--app-menubar-height, 30px)) !important;
+  min-width: 0;
+  min-height: 0;
+  border-radius: 0;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+}
+
+finder-window.is-maximized .window-resize-handle {
+  display: none;
+}
+
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translateY(10px) scale(0.985);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.finder-chrome {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+}
+
+finder-window.is-dragging .finder-chrome {
+  cursor: grabbing;
+}
+
+.titlebar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+  max-width: min(280px, 36%);
+  padding: 8px 8px 8px 14px;
+  border-bottom: none;
+  background: transparent;
+  cursor: inherit;
+}
+
+.titlebar-zoom {
+  flex-shrink: 0;
+}
+
+.brand {
+  font-weight: 700;
+  font-size: 15px;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+
+.node-label {
+  font-size: 12px;
+  color: var(--text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+
+.titlebar .spacer,
+.toolbar .spacer {
+  flex: 1;
+  min-width: 8px;
+}
+
+.toolbar {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  padding: 8px 12px 8px 4px;
+  border-bottom: none;
+  background: transparent;
+  overflow-x: auto;
+  scrollbar-width: thin;
+}
+
+.btn {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  font: 500 13px var(--font);
+  padding: 6px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 160ms ease, border-color 160ms ease, transform 120ms ease;
+}
+
+.btn:hover {
+  background: #3a4350;
+  border-color: #4a5562;
+}
+
+.btn:active {
+  transform: scale(0.97);
+}
+
+.btn.primary {
+  background: var(--accent);
+  border-color: transparent;
+  color: #fff;
+}
+
+.btn.danger {
+  background: var(--danger);
+  border-color: transparent;
+  color: #fff;
+}
+
+.btn.danger:hover {
+  filter: brightness(1.06);
+}
+
+.connect-icon {
+  display: none;
+}
+
+.connect-label {
+  display: inline;
+}
+
+.btn.primary:hover {
+  filter: brightness(1.06);
+}
+
+.btn.active {
+  background: var(--accent-soft);
+  border-color: var(--accent);
+  color: var(--text);
+}
+
+.btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.btn.icon-btn {
+  padding: 6px 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+.btn.icon-btn svg {
+  display: block;
+}
+
+.window-resize-handle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 16px;
+  height: 16px;
+  cursor: nwse-resize;
+  z-index: 8;
+  touch-action: none;
+}
+
+.window-resize-handle::after {
+  content: '';
+  position: absolute;
+  right: 4px;
+  bottom: 4px;
+  width: 8px;
+  height: 8px;
+  border-right: 2px solid var(--text-muted);
+  border-bottom: 2px solid var(--text-muted);
+  opacity: 0.75;
+}
+
+.window-resize-handle:hover::after {
+  opacity: 1;
+}
+
+.sort-wrap {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 4px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.sort-wrap select {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  font: 500 12px var(--font);
+  padding: 5px 24px 5px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
+    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
+  background-position:
+    calc(100% - 12px) 55%,
+    calc(100% - 7px) 55%;
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+}
+
+.sort-wrap select:hover {
+  border-color: #4a5562;
+}
+
+.view-toggle {
+  display: flex;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.view-toggle button {
+  border: 0;
+  background: transparent;
+  color: var(--text-muted);
+  padding: 6px 8px;
+  font: 500 12px var(--font);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+.view-toggle button svg {
+  display: block;
+}
+
+.view-toggle button.active {
+  background: var(--accent-soft);
+  color: var(--text);
+}
+
+.body {
+  display: grid;
+  grid-template-columns: var(--sidebar-w) 1fr;
+  grid-template-rows: minmax(0, 1fr);
+  flex: 1;
+  min-height: 0;
+}
+
+.sidebar {
+  border-right: 1px solid var(--border);
+  background: #22272e;
+  padding: 12px 8px;
+  overflow: auto;
+  min-height: 0;
+}
+
+.side-label {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--text-muted);
+  padding: 8px 10px 6px;
+}
+
+.side-label--with-action {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  padding-right: 4px;
+}
+
+.side-refresh {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text-muted);
+  padding: 2px;
+  border-radius: 4px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  flex-shrink: 0;
+}
+
+.side-refresh svg {
+  display: block;
+}
+
+.side-refresh.spinning svg {
+  animation: status-spin 0.7s linear infinite;
+}
+
+.side-refresh:hover:not(:disabled) {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text);
+}
+
+.side-refresh:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+.side-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 13px;
+  color: var(--text);
+  transition: background 140ms ease;
+}
+
+.side-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.side-item.selected {
+  background: var(--accent-soft);
+}
+
+.side-item.drop-target {
+  background: var(--accent-soft);
+  box-shadow: inset 0 0 0 1px var(--accent);
+}
+
+.side-item .dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--ok);
+  flex-shrink: 0;
+}
+
+.side-item .dot.off {
+  background: var(--text-muted);
+}
+
+.side-item--windows .dot { background: #3a96dd; }
+.side-item--novell .dot { background: #d32f2f; }
+.side-item--dos .dot { background: #9e9e9e; }
+.side-item--appleshare .dot { background: var(--ok); }
+.side-item--disk .dot { background: var(--ok); }
+
+.preview-attrs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 12px;
+  margin: 8px 0;
+}
+.preview-attr {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+}
+
+.side-badge {
+  flex-shrink: 0;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 1px 5px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+.side-item.selected .side-badge {
+  background: rgba(255, 255, 255, 0.14);
+  color: var(--text);
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--bg-pane);
+}
+
+.file-plane {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.pathbar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 2px 0;
+  padding: 8px 12px;
+  font-size: 12px;
+  color: var(--text-muted);
+  border-bottom: 1px solid var(--border);
+  background: #262c33;
+  min-height: 40px;
+}
+
+.pathbar .crumb {
+  appearance: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 200px;
+  margin: 0;
+  padding: 4px 10px 4px 6px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: #323943;
+  color: var(--text);
+  font: 500 12px var(--font);
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 140ms ease, border-color 140ms ease;
+}
+
+.pathbar .crumb:hover {
+  background: #3a4350;
+  border-color: #4a5562;
+}
+
+.pathbar .crumb.current {
+  background: var(--accent-soft);
+  border-color: transparent;
+  cursor: default;
+}
+
+.pathbar .crumb.drop-target {
+  background: var(--accent-soft);
+  border-color: var(--accent);
+  box-shadow: 0 0 0 1px var(--accent);
+}
+
+.pathbar .crumb-icon {
+  width: 14px;
+  height: 14px;
+  border-radius: 3px;
+  flex-shrink: 0;
+  background: linear-gradient(160deg, #7a9bbe, #45627a);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+.pathbar .crumb-icon-img {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  display: block;
+}
+
+.pathbar .crumb-icon-svg {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+}
+
+.pathbar .crumb-icon-svg svg {
+  display: block;
+}
+
+.pathbar .crumb-icon-spinner {
+  width: 14px;
+  height: 14px;
+  border-width: 1.5px;
+}
+
+.pathbar .crumb-icon.root {
+  background: linear-gradient(160deg, #6b8cae, #3d5a73);
+}
+
+.pathbar .crumb-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pathbar .crumb-sep {
+  color: var(--text-muted);
+  padding: 0 6px;
+  font-size: 11px;
+  font-weight: 600;
+  user-select: none;
+  line-height: 1;
+}
+
+.content {
+  flex: 1;
+  overflow: auto;
+  padding: 12px;
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  outline: none;
+}
+
+.content.drop-active {
+  outline: 2px dashed var(--accent);
+  outline-offset: -8px;
+}
+
+.content-loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: rgba(22, 26, 32, 0.55);
+  color: var(--text-muted);
+  font-size: 13px;
+  pointer-events: none;
+  z-index: 4;
+}
+
+.icon-item.drop-target,
+.col-item.drop-target {
+  background: var(--accent-soft);
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+
+.column.drop-target-col {
+  background: rgba(61, 139, 253, 0.08);
+  box-shadow: inset 0 0 0 2px var(--accent);
+}
+
+.list-table tr.drop-target td {
+  background: var(--accent-soft);
+}
+
+.icon-item.dragging,
+.col-item.dragging,
+.list-table tr.dragging {
+  opacity: 0.4;
+}
+
+.status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 28px;
+  padding: 6px 14px;
+  font-size: 12px;
+  color: var(--text-muted);
+  border-top: 1px solid var(--border);
+  font-family: var(--mono);
+}
+
+.status--busy {
+  color: var(--text);
+}
+
+.status-spinner {
+  width: 12px;
+  height: 12px;
+  border: 2px solid var(--border);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  flex-shrink: 0;
+  animation: status-spin 0.7s linear infinite;
+}
+
+@keyframes status-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Icon view */
+.icon-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
+  align-content: start;
+  gap: 10px;
+  padding-bottom: 8px;
+}
+
+.icon-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 6px;
+  border-radius: 8px;
+  cursor: default;
+  user-select: none;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+  animation: fadein 220ms ease both;
+}
+
+.icon-item:focus,
+.icon-item:focus-visible {
+  outline: none;
+}
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+}
+
+.icon-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.icon-item.selected {
+  background: var(--accent-soft);
+}
+
+.icon-glyph {
+  width: 48px;
+  height: 48px;
+  border-radius: 10px;
+  background: linear-gradient(160deg, #4a5564, #2f3640);
+  display: grid;
+  place-items: center;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  color: #c5ced8;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
+}
+
+.icon-glyph-img {
+  width: 32px;
+  height: 32px;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  display: block;
+  margin: 8px 0;
+}
+
+.icon-glyph-svg {
+  width: 32px;
+  height: 32px;
+  margin: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+}
+
+.icon-glyph-svg svg {
+  display: block;
+}
+
+.icon-glyph-spinner {
+  width: 20px;
+  height: 20px;
+  margin: 14px 0;
+  border-width: 2px;
+  display: block;
+}
+
+.icon-write {
+  position: relative;
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  --write-pct: 0;
+  --write-size: 40px;
+  --write-ring: 3px;
+}
+
+.icon-write--icon {
+  width: 48px;
+  height: 48px;
+}
+
+.icon-write--row,
+.icon-write--col {
+  width: 22px;
+  height: 22px;
+  --write-size: 22px;
+  --write-ring: 2px;
+}
+
+.icon-write__glyph {
+  display: grid;
+  place-items: center;
+  filter: grayscale(1) opacity(0.42);
+}
+
+.icon-write--icon .icon-write__glyph .icon-glyph-img,
+.icon-write--icon .icon-write__glyph .icon-glyph-svg {
+  margin: 0;
+}
+
+.icon-write__ring {
+  position: absolute;
+  width: var(--write-size);
+  height: var(--write-size);
+  border-radius: 50%;
+  background: conic-gradient(var(--accent) calc(var(--write-pct) * 1%), rgba(255, 255, 255, 0.16) 0);
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--write-ring) - 0.5px), #000 calc(100% - var(--write-ring)));
+  mask: radial-gradient(farthest-side, transparent calc(100% - var(--write-ring) - 0.5px), #000 calc(100% - var(--write-ring)));
+  pointer-events: none;
+}
+
+.icon-write--indeterminate .icon-write__ring {
+  background: conic-gradient(var(--accent) 28%, transparent 0);
+  animation: status-spin 0.8s linear infinite;
+}
+
+.icon-write__pct {
+  position: absolute;
+  font-family: var(--mono);
+  font-size: 10px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+  color: var(--text);
+  pointer-events: none;
+}
+
+.icon-write--row .icon-write__pct,
+.icon-write--col .icon-write__pct {
+  font-size: 8px;
+}
+
+.icon-item.writing .icon-name,
+.list-table tr.writing .item-label,
+.col-item.writing .item-label {
+  color: var(--text-muted);
+}
+
+.icon-item--listing,
+.col-item--listing,
+.list-table tr.listing-placeholder {
+  pointer-events: none;
+  color: var(--text-muted);
+}
+
+.icon-item--listing:hover,
+.col-item--listing:hover {
+  background: transparent;
+}
+
+.list-table tr.listing-placeholder:hover td {
+  background: transparent;
+}
+
+.icon-glyph.folder {
+  background: linear-gradient(160deg, #6b8cae, #3d5a73);
+  color: #e8f0f8;
+}
+
+.icon-name {
+  font-size: 12px;
+  text-align: center;
+  word-break: break-word;
+  max-width: 100%;
+}
+
+/* List view */
+.list-table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: 13px;
+}
+
+.list-table th {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--bg-pane);
+  text-align: left;
+  font-weight: 600;
+  color: var(--text-muted);
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--border);
+}
+
+.list-table th.sortable {
+  cursor: pointer;
+  user-select: none;
+  transition: color 120ms ease;
+}
+
+.list-table th.sortable:hover {
+  color: var(--text);
+}
+
+.list-table th.sortable.sorted {
+  color: var(--text);
+}
+
+.list-table th.sortable.sorted::after {
+  content: ' ↑';
+  font-size: 10px;
+  letter-spacing: 0;
+  text-transform: none;
+  color: var(--accent);
+}
+
+.list-table th.sortable.sorted[aria-sort='descending']::after {
+  content: ' ↓';
+}
+
+.list-table td {
+  padding: 8px 10px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.5);
+}
+
+.list-table tr {
+  cursor: default;
+}
+
+.list-table tr.selected td {
+  background: var(--accent-soft);
+}
+
+.list-table tr:hover td {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.list-table .name-cell {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding-left: calc(10px + var(--depth, 0) * 16px);
+}
+
+.list-table .disclose {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text-muted);
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  border-radius: 4px;
+  line-height: 0;
+  transition: color 120ms ease, background 120ms ease;
+}
+
+.list-table .disclose svg {
+  display: block;
+  width: 16px;
+  height: 16px;
+  transform-origin: 50% 50%;
+  transition: transform 200ms ease;
+}
+
+.list-table .disclose.open svg {
+  transform: rotate(90deg);
+}
+
+.list-table .disclose:focus,
+.list-table .disclose:focus-visible {
+  outline: none;
+}
+
+.list-table .disclose.spacer {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.list-table .disclose.loading {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.list-table .disclose-spinner {
+  width: 12px;
+  height: 12px;
+  border-width: 1.5px;
+}
+
+.list-table .row-icon-spinner,
+.column .col-icon-spinner {
+  width: 14px;
+  height: 14px;
+  border-width: 1.5px;
+}
+
+.preview-glyph-spinner {
+  width: 20px;
+  height: 20px;
+  border-width: 2px;
+}
+
+.list-table .row-icon {
+  width: 14px;
+  height: 14px;
+  border-radius: 3px;
+  flex-shrink: 0;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+.list-table .row-icon-img,
+.column .col-icon-img {
+  width: 16px;
+  height: 16px;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  flex-shrink: 0;
+  display: block;
+}
+
+.list-table .row-icon-svg,
+.column .col-icon-svg {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+}
+
+.list-table .row-icon-svg svg,
+.column .col-icon-svg svg {
+  display: block;
+}
+
+.list-table .row-icon.folder {
+  background: linear-gradient(160deg, #7a9bbe, #45627a);
+}
+
+.list-table .row-icon.file {
+  background: linear-gradient(160deg, #6a7380, #3d4450);
+  border-radius: 2px;
+}
+
+.list-table .row-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Column view */
+.column-view {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  max-height: 100%;
+  width: 100%;
+  max-width: 100%;
+  gap: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-behavior: smooth;
+}
+
+.column-view.is-resizing {
+  cursor: col-resize;
+  user-select: none;
+}
+
+.column {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 140px;
+  min-height: 0;
+  flex: 0 0 var(--col-width, 200px);
+  width: var(--col-width, 200px);
+  max-width: none;
+  border-right: 1px solid var(--border);
+  overflow: hidden;
+  align-self: stretch;
+}
+
+.column-pane {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  overflow-y: auto;
+}
+
+.column-resizer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+  z-index: 3;
+  touch-action: none;
+}
+
+.column-resizer:hover,
+.column-resizer.dragging {
+  background: var(--accent);
+  opacity: 0.45;
+}
+
+.column .col-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 12px;
+  font-size: 13px;
+  cursor: default;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.column .col-item.selected {
+  background: var(--accent-soft);
+}
+
+.column .col-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.column .col-icon {
+  width: 14px;
+  height: 14px;
+  border-radius: 3px;
+  flex-shrink: 0;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+.column .col-icon.folder {
+  background: linear-gradient(160deg, #7a9bbe, #45627a);
+}
+
+.column .col-icon.file {
+  background: linear-gradient(160deg, #6a7380, #3d4450);
+  border-radius: 2px;
+}
+
+.column .col-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.column--loading {
+  display: flex;
+  align-items: flex-start;
+}
+
+.column-loading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 12px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.column.column-preview,
+.item-info {
+  flex: 0 0 var(--col-width, 240px);
+  width: var(--col-width, 240px);
+  max-width: none;
+  min-width: 180px;
+  background: #252b33;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  border: 1px solid var(--border);
+}
+
+.column.column-preview {
+  padding: 0;
+  gap: 0;
+}
+
+.column.column-preview > .column-pane {
+  padding: 16px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.item-info--dialog {
+  width: auto;
+  min-width: 0;
+  flex: none;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  padding: 0;
+}
+
+.preview-hero {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  text-align: center;
+}
+
+.preview-glyph {
+  width: 64px;
+  height: 64px;
+  border-radius: 12px;
+  background: linear-gradient(160deg, #6a7380, #3d4450);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.preview-glyph-img {
+  width: 48px;
+  height: 48px;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  display: block;
+  margin: 8px 0 0;
+  object-fit: contain;
+}
+
+.preview-glyph-svg {
+  width: 48px;
+  height: 48px;
+  margin: 8px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+}
+
+.preview-glyph-svg svg {
+  display: block;
+}
+
+.preview-glyph.folder {
+  background: linear-gradient(160deg, #7a9bbe, #45627a);
+}
+
+.preview-title {
+  font-size: 13px;
+  font-weight: 600;
+  word-break: break-word;
+}
+
+.preview-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+}
+
+.preview-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  color: var(--text-muted);
+}
+
+.preview-row span:last-child {
+  color: var(--text);
+  text-align: right;
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.preview-row--block {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+}
+
+.preview-row--block span:last-child {
+  text-align: left;
+  white-space: pre-wrap;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.preview-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: inherit !important;
+  font-size: 12px !important;
+}
+
+.preview-label-swatch {
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+  flex: 0 0 auto;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
+}
+
+.preview-meta [data-role="vers-slot"],
+.preview-meta [data-role="comment-slot"] {
+  display: contents;
+}
+
+.preview-fields label {
+  display: block;
+  font-size: 11px;
+  color: var(--text-muted);
+  margin: 8px 0 4px;
+}
+
+.preview-fields input {
+  width: 100%;
+  background: #1c2127;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text);
+  padding: 6px 8px;
+  font: 13px var(--mono);
+  pointer-events: auto;
+  user-select: text;
+  cursor: text;
+}
+
+.preview-fields input:disabled {
+  opacity: 0.55;
+}
+
+.preview-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.preview-actions .btn {
+  width: 100%;
+}
+
+.empty {
+  color: var(--text-muted);
+  text-align: center;
+  padding: 48px 16px;
+  font-size: 14px;
+}
+
+.rename-input {
+  width: 100%;
+  max-width: 160px;
+  margin: 0;
+  padding: 2px 4px;
+  border: 1px solid var(--accent);
+  border-radius: 3px;
+  background: #1c2127;
+  color: var(--text);
+  font: 12px var(--font);
+  text-align: inherit;
+}
+
+.icon-name .rename-input {
+  text-align: center;
+  max-width: 100%;
+}
+
+.name-cell .rename-input,
+.col-item .rename-input {
+  flex: 1;
+  min-width: 0;
+  max-width: none;
+  font-size: 13px;
+}
+
+.drag-portal {
+  position: fixed;
+  left: -10000px;
+  top: 0;
+  width: 64px;
+  height: 64px;
+  overflow: hidden;
+  opacity: 0.01;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.ctx-root {
+  position: absolute;
+  inset: 0;
+  z-index: 20;
+  pointer-events: none;
+}
+
+.ctx-menu {
+  position: fixed;
+  z-index: 20;
+  pointer-events: auto;
+  min-width: 168px;
+  padding: 4px;
+  background: #2c333b;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  animation: fadein 120ms ease;
+}
+
+.ctx-menu button {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  text-align: left;
+  padding: 7px 12px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.ctx-menu button:hover {
+  background: var(--accent-soft);
+}
+
+.ctx-menu hr {
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 4px 6px;
+}
+
+.quicklook-root {
+  position: absolute;
+  inset: 0;
+  z-index: 30;
+  pointer-events: none;
+}
+
+.quicklook-root:empty {
+  display: none;
+}
+
+.quicklook {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  pointer-events: auto;
+}
+
+.quicklook__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(10, 12, 16, 0.55);
+  animation: fadein 160ms ease;
+}
+
+.quicklook__card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: min(720px, 100%);
+  height: min(560px, 100%);
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.quicklook__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px 10px 16px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  flex-shrink: 0;
+}
+
+.quicklook__header h2 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 650;
+  letter-spacing: -0.02em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.quicklook__body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  background: #1c2127;
+}
+
+.quicklook__text {
+  flex: 1;
+  min-height: 0;
+  margin: 0;
+  padding: 14px 16px;
+  overflow: auto;
+  font: 13px/1.5 var(--mono);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.quicklook__empty,
+.quicklook__loading,
+.quicklook__note {
+  margin: 0;
+  padding: 16px;
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.quicklook__loading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.quicklook__note {
+  padding-bottom: 0;
+  flex-shrink: 0;
+}
+
+.quicklook__body--media {
+  display: grid;
+  place-items: center;
+  padding: 16px;
+  background: #12161b;
+}
+
+.quicklook__image {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  background: #fff;
+}
+
+.quicklook__audio {
+  width: min(100%, 480px);
+}
+
+/* —— Screen menu bar (outside Finder window) —— */
+
+.app-menubar {
+  flex: none;
+  position: relative;
+  z-index: 90;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2e353e 0%, #262c33 100%);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
+  user-select: none;
+}
+
+.app-menubar__inner {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  height: var(--app-menubar-height, 30px);
+  padding: 0 12px;
+}
+
+.app-menubar__brand {
+  font-weight: 700;
+  font-size: 13px;
+  letter-spacing: -0.02em;
+}
+
+.app-menu__trigger.app-menubar__brand {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+.app-menubar__menus {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+}
+
+.app-menubar__status {
+  margin-left: auto;
+  font: 500 11px var(--mono);
+  color: var(--text-muted);
+}
+
+.pcap-live {
+  color: var(--ok);
+  animation: fadein 200ms ease;
+}
+
+.app-menu {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+
+.app-menu__trigger {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  padding: 0 10px;
+  cursor: pointer;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  height: 100%;
+}
+
+.app-menu.open .app-menu__trigger,
+.app-menu__trigger:hover {
+  background: var(--accent-soft);
+}
+
+.app-menu__dropdown {
+  position: absolute;
+  top: calc(100% + 2px);
+  left: 0;
+  min-width: 220px;
+  padding: 4px;
+  background: #2c333b;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  animation: fadein 120ms ease;
+  z-index: 91;
+}
+
+.app-menu__dropdown[hidden] {
+  display: none;
+}
+
+.app-menu__item {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  text-align: left;
+  padding: 7px 12px 7px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.app-menu__item:hover:not(:disabled) {
+  background: var(--accent-soft);
+}
+
+.app-menu__item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.app-menu__check {
+  width: 1.1em;
+  text-align: center;
+  color: var(--ok);
+  font-size: 12px;
+}
+
+
+.app-menu__label {
+  flex: 1;
+  min-width: 0;
+}
+
+.app-menu__shortcut {
+  margin-left: auto;
+  padding-left: 16px;
+  opacity: 0.55;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.app-menu__submenu-trigger {
+  position: relative;
+}
+
+.app-menu__submenu-btn {
+  width: 100%;
+}
+
+.app-menu__submenu-arrow {
+  margin-left: auto;
+  opacity: 0.55;
+  font-size: 12px;
+}
+
+.app-menu__submenu {
+  position: absolute;
+  left: calc(100% - 4px);
+  top: -4px;
+  min-width: 180px;
+  padding: 4px;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: var(--bg-elevated);
+  box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.18));
+  z-index: 120;
+  display: none;
+}
+
+.app-menu__submenu-trigger:hover > .app-menu__submenu,
+.app-menu__submenu-trigger:focus-within > .app-menu__submenu {
+  display: block;
+}
+
+.rsrc-explorer__actions {
+  display: flex;
+  gap: 6px;
+  margin-left: auto;
+  margin-right: 8px;
+}
+
+.rsrc-explorer__preview-overlay[hidden] {
+  display: none !important;
+}
+
+.rsrc-explorer__preview-overlay {
+  position: absolute;
+  inset: 40px 8px 8px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+}
+
+.rsrc-explorer__preview-overlay img,
+.rsrc-explorer__preview-overlay svg {
+  max-width: 100%;
+  max-height: 100%;
+  background: #fff;
+  border-radius: 4px;
+}
+
+.rsrc-explorer__preview-overlay [data-act="close-preview"] {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.app-menu__dropdown hr {
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 4px 6px;
+}
+
+/* —— Floating log panel (same z band as activity / resource; Finder stays at 20) —— */
+
+log-panel,
+.log-panel {
+  position: fixed;
+  z-index: 60;
+  width: min(520px, calc(100vw - 24px));
+  height: min(360px, calc(100vh - 48px));
+  min-width: min(320px, calc(100vw - 24px));
+  min-height: 180px;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+log-panel[hidden],
+.log-panel[hidden] {
+  display: none !important;
+}
+
+.log-panel__chrome {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+}
+
+.log-panel.is-dragging .log-panel__chrome,
+.activity-window.is-dragging .activity-window__chrome,
+.rsrc-explorer.is-dragging .rsrc-explorer__chrome,
+.get-info-window.is-dragging .get-info-window__chrome {
+  cursor: grabbing;
+}
+
+.log-panel__title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-right: 4px;
+}
+
+.log-panel__level {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--text-muted);
+  cursor: default;
+}
+
+.log-panel__level select {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  font: 500 12px var(--font);
+  padding: 4px 22px 4px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
+    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
+  background-position:
+    calc(100% - 10px) 55%,
+    calc(100% - 5px) 55%;
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+}
+
+.log-panel__btn {
+  padding: 4px 8px;
+  font-size: 12px;
+}
+
+.log-panel__chrome .log-panel__btn:last-child {
+  margin-left: auto;
+}
+
+.log-panel__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 8px 10px;
+  font: 12px/1.45 var(--mono);
+  background: #1c2127;
+}
+
+.log-row {
+  display: grid;
+  grid-template-columns: 88px 48px 1fr;
+  gap: 8px;
+  padding: 2px 0;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.log-row__time {
+  color: var(--text-muted);
+}
+
+.log-row__level {
+  text-transform: uppercase;
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  padding-top: 2px;
+}
+
+.log-row--trace .log-row__level {
+  color: #7a8694;
+}
+
+.log-row--info .log-row__level {
+  color: var(--accent);
+}
+
+.log-row--warn .log-row__level {
+  color: #e6b84d;
+}
+
+.log-row--error .log-row__level {
+  color: var(--danger);
+}
+
+.log-row__msg {
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+
+/* —— Activity window —— */
+
+activity-window,
+.activity-window {
+  position: fixed;
+  z-index: 60;
+  width: min(480px, calc(100vw - 24px));
+  height: min(460px, calc(100vh - 48px));
+  max-height: calc(100vh - 16px);
+  min-width: min(320px, calc(100vw - 24px));
+  min-height: 160px;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+activity-window[hidden],
+.activity-window[hidden] {
+  display: none !important;
+}
+
+.activity-window__chrome {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+  flex-shrink: 0;
+}
+
+.activity-window__panel {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.activity-window__title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-right: 4px;
+}
+
+.activity-window__chrome .log-panel__btn:last-child {
+  margin-left: auto;
+}
+
+.activity-window__stats {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  padding: 10px;
+  border-bottom: 1px solid var(--border);
+  background: #1f252c;
+}
+
+.activity-stat__label {
+  font-size: 11px;
+  color: var(--text-muted);
+  letter-spacing: 0.02em;
+}
+
+.activity-stat__value {
+  font: 500 13px/1.35 var(--mono);
+  margin-top: 2px;
+}
+
+.activity-window__body {
+  padding: 8px 10px 12px;
+}
+
+.activity-window__section h3 {
+  margin: 8px 0 6px;
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+
+.activity-window__empty {
+  margin: 0;
+  padding: 8px 0;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.activity-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+
+.activity-table th {
+  text-align: left;
+  font-weight: 600;
+  color: var(--text-muted);
+  font-size: 11px;
+  padding: 4px 6px;
+  border-bottom: 1px solid var(--border);
+}
+
+.activity-table td {
+  padding: 5px 6px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
+  word-break: break-word;
+}
+
+.activity-table__mono {
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+/* —— File transfer window —— */
+
+file-activity-window,
+.file-activity-window {
+  position: fixed;
+  z-index: 60;
+  width: min(360px, calc(100vw - 24px));
+  height: min(240px, calc(100vh - 56px));
+  min-width: min(240px, calc(100vw - 24px));
+  min-height: 140px;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+file-activity-window[hidden],
+.file-activity-window[hidden] {
+  display: none !important;
+}
+
+.file-activity-window__chrome {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+}
+
+.file-activity-window__title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-right: 4px;
+}
+
+.file-activity-window__chrome .log-panel__btn:last-child {
+  margin-left: auto;
+}
+
+.file-activity-window__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 8px 10px 10px;
+}
+
+.file-activity-window__empty {
+  margin: 0;
+  padding: 8px 0;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+/* —— Get Info tool window (icon / list views) —— */
+
+get-info-window,
+.get-info-window {
+  position: fixed;
+  z-index: 60;
+  width: min(320px, calc(100vw - 24px));
+  height: min(560px, calc(100vh - 48px));
+  max-height: calc(100vh - 16px);
+  min-width: min(260px, calc(100vw - 24px));
+  min-height: 160px;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+get-info-window[hidden],
+.get-info-window[hidden] {
+  display: none !important;
+}
+
+.get-info-window__chrome {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+  flex-shrink: 0;
+}
+
+.get-info-window__title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-right: 4px;
+}
+
+.get-info-window__chrome .log-panel__btn:last-child {
+  margin-left: auto;
+}
+
+.get-info-window__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 16px 14px;
+  background: #252b33;
+}
+
+.get-info-window__empty {
+  margin: 0;
+  padding: 24px 8px;
+  font-size: 13px;
+  color: var(--text-muted);
+  text-align: center;
+}
+
+/* —— Resource fork explorer —— */
+
+resource-fork-explorer,
+win-resource-explorer,
+.rsrc-explorer {
+  position: fixed;
+  z-index: 60;
+  width: min(640px, calc(100vw - 24px));
+  height: min(480px, calc(100vh - 48px));
+  min-width: min(420px, calc(100vw - 24px));
+  min-height: 280px;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+resource-fork-explorer[hidden],
+win-resource-explorer[hidden],
+.rsrc-explorer[hidden] {
+  display: none !important;
+}
+
+.rsrc-explorer__chrome {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+}
+
+.rsrc-explorer__title {
+  font-weight: 600;
+  font-size: 13px;
+  flex-shrink: 0;
+}
+
+.rsrc-explorer__file {
+  font: 500 12px var(--mono);
+  color: var(--text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+}
+
+.rsrc-explorer__meta {
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: #1f252c;
+  font-size: 12px;
+}
+
+.rsrc-explorer__meta-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+
+.rsrc-explorer__pill {
+  font: 500 11px var(--mono);
+  background: #323943;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 1px 6px;
+}
+
+.rsrc-explorer__hdr {
+  margin-top: 4px;
+  font: 11px var(--mono);
+  color: var(--text-muted);
+}
+
+.rsrc-explorer__split {
+  display: grid;
+  grid-template-columns: minmax(160px, 32%) 1fr;
+  flex: 1;
+  min-height: 0;
+}
+
+.rsrc-explorer__types,
+.rsrc-explorer__entries {
+  min-height: 0;
+  overflow: auto;
+}
+
+.rsrc-explorer__types {
+  border-right: 1px solid var(--border);
+  padding: 6px;
+}
+
+.rsrc-explorer__entries {
+  padding: 6px;
+}
+
+.rsrc-explorer__type,
+.rsrc-explorer__res {
+  appearance: none;
+  display: grid;
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  border-radius: 5px;
+  font: 12px var(--font);
+}
+
+.rsrc-explorer__type {
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  gap: 0 8px;
+  padding: 6px 8px;
+}
+
+.rsrc-explorer__type-code {
+  font: 500 12px var(--mono);
+}
+
+.rsrc-explorer__type-count {
+  color: var(--text-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+.rsrc-explorer__type-label {
+  grid-column: 1 / -1;
+  font-size: 10px;
+  color: var(--text-muted);
+}
+
+.rsrc-explorer__type--icon .rsrc-explorer__type-code {
+  color: var(--accent);
+}
+
+.rsrc-explorer__type:hover,
+.rsrc-explorer__res:hover {
+  background: var(--accent-soft);
+}
+
+.rsrc-explorer__type.is-selected,
+.rsrc-explorer__res.is-selected {
+  background: var(--accent-soft);
+}
+
+.rsrc-explorer__res-head,
+.rsrc-explorer__res {
+  grid-template-columns: 64px 1fr 88px 48px;
+  gap: 6px;
+  padding: 4px 6px;
+  align-items: baseline;
+}
+
+.rsrc-explorer__res-head {
+  display: grid;
+  font-size: 10px;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  padding: 2px 6px 6px;
+}
+
+.rsrc-explorer__res-id,
+.rsrc-explorer__res-size,
+.rsrc-explorer__res-attr {
+  font: 11px var(--mono);
+}
+
+.rsrc-explorer__res-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rsrc-explorer__hint {
+  margin-left: 6px;
+  color: var(--accent);
+  font-size: 10px;
+}
+
+.rsrc-explorer__detail {
+  border-top: 1px solid var(--border);
+  max-height: 42%;
+  overflow: auto;
+  padding: 8px 10px;
+  background: #1c2127;
+}
+
+.rsrc-explorer__empty {
+  margin: 0;
+  padding: 8px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.rsrc-explorer__empty--error {
+  color: var(--danger);
+}
+
+.rsrc-explorer__preview {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+
+.rsrc-explorer__preview img {
+  image-rendering: pixelated;
+  background:
+    linear-gradient(45deg, #2a3038 25%, transparent 25%),
+    linear-gradient(-45deg, #2a3038 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #2a3038 75%),
+    linear-gradient(-45deg, transparent 75%, #2a3038 75%);
+  background-size: 8px 8px;
+  background-position: 0 0, 0 4px, 4px -4px, -4px 0;
+  border-radius: 4px;
+}
+
+.rsrc-explorer__preview--pict {
+  align-items: flex-start;
+  flex-direction: column;
+}
+
+.rsrc-explorer__preview--pict img {
+  image-rendering: auto;
+  max-width: min(100%, 480px);
+  max-height: 280px;
+  height: auto;
+  width: auto;
+  background: #fff;
+}
+
+.rsrc-explorer__decoded {
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+
+.rsrc-explorer__map {
+  width: 100%;
+  margin-top: 6px;
+  border-collapse: collapse;
+  font: 11px var(--mono);
+}
+
+.rsrc-explorer__map th,
+.rsrc-explorer__map td {
+  text-align: left;
+  padding: 3px 6px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.rsrc-explorer__map--missing td {
+  color: var(--danger);
+}
+
+.rsrc-explorer__hex {
+  margin: 0;
+  font: 11px/1.4 var(--mono);
+  white-space: pre;
+  color: #c5cdd6;
+}
+
+.file-transfer {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+  padding: 8px 2px 10px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.file-transfer:last-child,
+.file-transfer-group:last-child .file-transfer:last-child {
+  border-bottom: none;
+}
+
+.file-transfer-group {
+  border-bottom: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.file-transfer-group .file-transfer {
+  border-bottom: none;
+}
+
+.file-transfer--sub {
+  padding-top: 2px;
+  padding-bottom: 8px;
+  padding-left: 26px;
+}
+
+.file-transfer__icon {
+  width: 16px;
+  height: 16px;
+  margin-top: 2px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+}
+
+.file-transfer__icon svg {
+  display: block;
+}
+
+img.file-transfer__icon {
+  image-rendering: pixelated;
+}
+
+.file-transfer__main {
+  flex: 1;
+  min-width: 0;
+}
+
+.file-transfer__top {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 5px;
+}
+
+.file-transfer__name {
+  flex: 1;
+  min-width: 0;
+  font-size: 12px;
+  font-weight: 550;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-transfer__rate {
+  flex-shrink: 0;
+  font: 500 11px/1.3 var(--mono);
+  color: var(--text-muted);
+}
+
+.file-transfer__cancel {
+  appearance: none;
+  flex-shrink: 0;
+  margin: -2px -2px -2px 0;
+  padding: 0;
+  width: 18px;
+  height: 18px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-muted);
+  font: 600 12px/18px var(--font);
+  cursor: pointer;
+}
+
+.file-transfer__cancel:hover,
+.file-transfer__cancel:focus-visible {
+  color: var(--text);
+  background: var(--accent-soft);
+}
+
+.file-transfer__bar {
+  height: 6px;
+  border-radius: 99px;
+  background: #1a1f25;
+  overflow: hidden;
+}
+
+.file-transfer__bar-fill {
+  height: 100%;
+  border-radius: 99px;
+  background: var(--accent);
+  transition: width 160ms linear;
+}
+
+.file-transfer--error .file-transfer__bar-fill {
+  background: var(--danger);
+}
+
+.file-transfer--queued {
+  opacity: 0.62;
+}
+
+.file-transfer--queued .file-transfer__bar {
+  opacity: 0.45;
+}
+
+.file-transfer--cancelled {
+  opacity: 0.7;
+}
+
+.file-transfer--cancelled .file-transfer__bar-fill {
+  background: var(--text-muted);
+}
+
+.file-transfer--searching .file-transfer__bar-fill {
+  width: 32% !important;
+  border-radius: 99px;
+  animation: file-transfer-search 1.1s ease-in-out infinite;
+}
+
+@keyframes file-transfer-search {
+  0% {
+    transform: translateX(-120%);
+  }
+  100% {
+    transform: translateX(360%);
+  }
+}
+
+.file-transfer__meta {
+  margin-top: 4px;
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.file-transfer__error {
+  margin-top: 4px;
+  font-size: 11px;
+  color: var(--danger);
+}
+
+/* —— Settings window —— */
+
+settings-window,
+.settings-window {
+  position: fixed;
+  inset: 0;
+  z-index: 75;
+  display: grid;
+  place-items: center;
+}
+
+settings-window[hidden],
+.settings-window[hidden] {
+  display: none !important;
+}
+
+.settings-shell__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(10, 12, 16, 0.55);
+  animation: fadein 160ms ease;
+}
+
+.settings-shell__card {
+  position: relative;
+  width: min(760px, calc(100vw - 32px));
+  height: min(560px, calc(100vh - 48px));
+  min-width: 520px;
+  min-height: 400px;
+  max-width: calc(100vw - 32px);
+  max-height: calc(100vh - 48px);
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.settings-shell__card .window-resize-handle {
+  z-index: 2;
+}
+
+.settings-shell__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--border);
+  background: linear-gradient(180deg, #2c333b, #262c33);
+  flex-shrink: 0;
+}
+
+.settings-shell__header h2 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 650;
+  letter-spacing: -0.02em;
+}
+
+.settings-shell__body {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(180px, 220px) 1fr;
+}
+
+.settings-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 8px;
+  border-right: 1px solid var(--border);
+  background: #22272e;
+  overflow: auto;
+}
+
+.settings-nav__item {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  text-align: left;
+  padding: 9px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  transition: background 140ms ease;
+}
+
+.settings-nav__item:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.settings-nav__item.is-selected {
+  background: var(--accent-soft);
+}
+
+.settings-nav__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+
+.settings-nav__item.is-selected .settings-nav__icon {
+  color: var(--accent);
+}
+
+.settings-nav__icon svg,
+.settings-nav__icon img {
+  display: block;
+  width: 18px;
+  height: 18px;
+  object-fit: contain;
+}
+
+.settings-nav__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings-panel {
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  padding: 18px 20px 24px;
+  background: var(--bg-pane);
+}
+
+.settings-panel__heading-slot:empty {
+  display: none;
+}
+
+.settings-panel__heading {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin: 0 0 16px;
+}
+
+.settings-panel__heading-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  margin-top: 2px;
+}
+
+.settings-panel__heading-icon img,
+.settings-panel__heading-icon svg {
+  display: block;
+  width: 36px;
+  height: 36px;
+  object-fit: contain;
+}
+
+.settings-panel__heading-text {
+  min-width: 0;
+  flex: 1;
+}
+
+.settings-panel__title {
+  margin: 0;
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.03em;
+  line-height: 1.2;
+}
+
+.settings-panel__desc {
+  margin: 4px 0 0;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.45;
+}
+
+.settings-panel__lead {
+  margin: 0 0 16px;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.45;
+}
+
+.settings-panel__lead code {
+  font-size: 0.92em;
+}
+
+.settings-group {
+  margin-bottom: 22px;
+}
+
+.settings-group:last-child {
+  margin-bottom: 0;
+}
+
+.settings-group__title {
+  margin: 0 0 8px;
+  padding: 0 14px;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+
+.settings-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(58, 66, 76, 0.35);
+}
+
+.settings-group .settings-row + .settings-row {
+  margin-top: 8px;
+}
+
+.settings-row__main {
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-row__label {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.settings-row__desc,
+.settings-row__hint {
+  margin-top: 3px;
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.4;
+  max-width: 360px;
+}
+
+.settings-row__hint {
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.settings-select {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  font: 500 12px var(--font);
+  padding: 6px 28px 6px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  flex-shrink: 0;
+  min-width: 140px;
+  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
+    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
+  background-position:
+    calc(100% - 12px) 55%,
+    calc(100% - 7px) 55%;
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+}
+
+.settings-switch {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+.settings-switch input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.settings-switch__track {
+  position: relative;
+  display: block;
+  width: 44px;
+  height: 26px;
+  border-radius: 999px;
+  background: #3a424c;
+  transition: background 160ms ease;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+}
+
+.settings-switch__track::after {
+  content: '';
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  transition: transform 160ms ease;
+}
+
+.settings-switch input:checked + .settings-switch__track {
+  background: var(--ok);
+}
+
+.settings-switch input:checked + .settings-switch__track::after {
+  transform: translateX(18px);
+}
+
+.settings-switch input:disabled + .settings-switch__track {
+  opacity: 0.45;
+}
+
+.settings-badge {
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  opacity: 0.85;
+}
+
+.settings-file-btn {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+html.compact-ui .settings-shell__card {
+  width: calc(100vw - 16px);
+  height: min(calc(100dvh - 24px), 640px);
+  min-width: 0;
+  min-height: 320px;
+  border-radius: 12px;
+}
+
+html.compact-ui .settings-shell__body {
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 1fr;
+}
+
+html.compact-ui .settings-nav {
+  flex-direction: row;
+  overflow-x: auto;
+  border-right: 0;
+  border-bottom: 1px solid var(--border);
+  padding: 8px;
+}
+
+html.compact-ui .settings-nav__item {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+html.compact-ui .settings-panel__title {
+  font-size: 18px;
+}
+
+html.compact-ui .settings-panel__heading-icon,
+html.compact-ui .settings-panel__heading-icon img,
+html.compact-ui .settings-panel__heading-icon svg {
+  width: 28px;
+  height: 28px;
+}
+
+/* —— Netboot dialog —— */
+
+netboot-dialog,
+.netboot-dialog {
+  position: fixed;
+  inset: 0;
+  z-index: 70;
+  display: grid;
+  place-items: center;
+}
+
+netboot-dialog[hidden],
+.netboot-dialog[hidden] {
+  display: none !important;
+}
+
+.netboot-dialog__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(10, 12, 16, 0.55);
+  animation: fadein 160ms ease;
+}
+
+.netboot-dialog__card {
+  position: relative;
+  width: min(480px, calc(100vw - 32px));
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  padding: 0;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.netboot-dialog__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.netboot-dialog__header h2 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 650;
+  letter-spacing: -0.02em;
+}
+
+.netboot-dialog__lead {
+  margin: 0;
+  padding: 12px 16px 4px;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.45;
+}
+
+.netboot-dialog__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 14px 16px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.45);
+}
+
+.netboot-dialog__label {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.netboot-dialog__hint {
+  margin-top: 2px;
+  font-size: 12px;
+  color: var(--text-muted);
+  max-width: 260px;
+}
+
+.netboot-dialog__badge {
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  opacity: 0.85;
+}
+
+.netboot-dialog__file-btn {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.netboot-dialog__seg {
+  display: flex;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
+.netboot-dialog__num {
+  width: 88px;
+  padding: 6px 8px;
+  border: 1px solid rgba(58, 66, 76, 0.55);
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.2);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+}
+
+.netboot-dialog__lead code {
+  font-size: 0.92em;
+}
+
+.netboot-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px 14px;
+}
+
+.netboot-dialog__footer .spacer {
+  flex: 1;
+}
+
+/* —— Alert / AFP sessions / About dialogs —— */
+
+alert-dialog,
+.alert-dialog,
+afp-sessions-dialog,
+.afp-sessions-dialog,
+about-dialog,
+.about-dialog {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: grid;
+  place-items: center;
+}
+
+alert-dialog[hidden],
+.alert-dialog[hidden],
+afp-sessions-dialog[hidden],
+.afp-sessions-dialog[hidden],
+about-dialog[hidden],
+.about-dialog[hidden] {
+  display: none !important;
+}
+
+.alert-dialog__body {
+  margin: 0;
+  padding: 16px;
+  font-size: 13px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+}
+
+.alert-dialog__check {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 0;
+  padding: 0 16px 4px;
+  font-size: 13px;
+  line-height: 1.4;
+  cursor: pointer;
+}
+
+.alert-dialog__check input {
+  margin-top: 2px;
+}
+
+.about-dialog__card {
+  width: min(520px, calc(100vw - 32px));
+  max-height: min(640px, calc(100vh - 48px));
+  display: flex;
+  flex-direction: column;
+}
+
+.about-dialog__body {
+  padding: 12px 16px 8px;
+  overflow-y: auto;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.about-dialog__name {
+  margin: 0 0 2px;
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+.about-dialog__ver {
+  margin: 0 0 12px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.about-dialog__body h3 {
+  margin: 16px 0 6px;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.about-dialog__body p {
+  margin: 0 0 8px;
+}
+
+.about-dialog__body ul {
+  margin: 0 0 8px;
+  padding-left: 1.2em;
+}
+
+.about-dialog__body li {
+  margin: 0 0 8px;
+}
+
+.about-dialog__body a {
+  color: var(--accent);
+}
+
+.afp-sessions-dialog__card {
+  width: min(640px, calc(100vw - 32px));
+}
+
+.afp-sessions-dialog__table-wrap {
+  padding: 8px 16px 0;
+  overflow-x: auto;
+}
+
+.afp-sessions-dialog__table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+
+.afp-sessions-dialog__table th,
+.afp-sessions-dialog__table td {
+  text-align: left;
+  padding: 8px 6px;
+  border-bottom: 1px solid rgba(58, 66, 76, 0.45);
+  vertical-align: middle;
+}
+
+.afp-sessions-dialog__acts {
+  display: flex;
+  gap: 6px;
+  justify-content: flex-end;
+}
+
+.afp-sessions-dialog__form {
+  display: flex;
+  flex-direction: column;
+}
+
+.afp-sessions-dialog__field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px 16px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.afp-sessions-dialog__field textarea {
+  font: inherit;
+  font-weight: 400;
+  padding: 8px;
+  border: 1px solid rgba(58, 66, 76, 0.55);
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.2);
+  color: inherit;
+  resize: vertical;
+}
+
+.afp-sessions-dialog__err {
+  margin: 0;
+  padding: 8px 16px 0;
+  color: var(--danger);
+  font-size: 13px;
+}
+
+/* —— AFP login dialog —— */
+
+login-dialog,
+.login-dialog,
+name-conflict-dialog,
+.name-conflict-dialog {
+  position: fixed;
+  inset: 0;
+  z-index: 85;
+  display: grid;
+  place-items: center;
+}
+
+login-dialog[hidden],
+.login-dialog[hidden],
+name-conflict-dialog[hidden],
+.name-conflict-dialog[hidden] {
+  display: none !important;
+}
+
+.login-dialog__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(10, 12, 16, 0.55);
+  animation: fadein 160ms ease;
+}
+
+.login-dialog__card {
+  position: relative;
+  width: min(420px, calc(100vw - 32px));
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  padding: 0;
+  animation: rise 280ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.login-dialog__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.login-dialog__header h2 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 650;
+  letter-spacing: -0.02em;
+}
+
+.login-dialog__lead {
+  margin: 0;
+  padding: 12px 16px 8px;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.45;
+}
+
+.login-dialog__lead code {
+  font-size: 0.92em;
+}
+
+.login-dialog__error {
+  margin: 0 16px 8px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: rgba(232, 93, 93, 0.12);
+  color: var(--danger);
+  font-size: 12px;
+}
+
+.login-dialog__field {
+  padding: 6px 16px 10px;
+}
+
+.login-dialog__field label {
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-muted);
+  margin-bottom: 4px;
+}
+
+.login-dialog__field input {
+  width: 100%;
+  padding: 8px 10px;
+  border: 1px solid rgba(58, 66, 76, 0.55);
+  border-radius: 6px;
+  background: rgba(0, 0, 0, 0.2);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+}
+
+.login-dialog__footer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px 14px;
+}
+
+.login-dialog__footer .spacer {
+  flex: 1;
+}
+
+.login-dialog__submit {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-width: 8.5rem;
+}
+
+.login-dialog__field input:disabled,
+.login-dialog__footer .btn:disabled {
+  opacity: 0.55;
+}
+
+.side-item .side-item-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.side-item .side-item-host {
+  margin-left: 6px;
+  color: var(--text-muted);
+  font-size: 11px;
+}
+
+.side-item .side-item-spinner {
+  width: 10px;
+  height: 10px;
+  border-width: 1.5px;
+  flex-shrink: 0;
+}
+
+.side-item--child {
+  padding-left: 28px;
+  font-size: 12px;
+}
+
+.side-eject {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text-muted);
+  padding: 2px;
+  border-radius: 4px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  flex-shrink: 0;
+}
+
+.side-eject svg {
+  display: block;
+}
+
+.side-eject:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text);
+}
+
+/* —— Extension editor dialog —— */
+
+extension-editor-dialog,
+.extension-editor-dialog {
+  position: fixed;
+  inset: 0;
+  z-index: 85;
+  display: grid;
+  place-items: center;
+}
+
+extension-editor-dialog[hidden],
+.extension-editor-dialog[hidden] {
+  display: none !important;
+}
+
+.extension-editor__card {
+  width: min(720px, calc(100vw - 32px));
+}
+
+.extension-editor__table-wrap {
+  padding: 8px 16px 0;
+  max-height: min(420px, 55vh);
+  overflow: auto;
+}
+
+.extension-editor__grid {
+  display: grid;
+  grid-template-columns: 6.5em 5.5em 5.5em minmax(8em, 1fr) 2.25em;
+  gap: 6px 8px;
+  align-items: center;
+}
+
+.extension-editor__head {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-muted);
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  padding: 4px 2px;
+  position: sticky;
+  top: 0;
+  background: var(--bg-elevated);
+  z-index: 1;
+}
+
+.extension-editor__row {
+  display: contents;
+}
+
+.extension-editor__grid input {
+  width: 100%;
+  min-width: 0;
+  background: #1c2127;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text);
+  padding: 6px 8px;
+  font: 13px var(--font);
+}
+
+.extension-editor__ostype {
+  font-family: var(--mono) !important;
+  text-align: center;
+  letter-spacing: 0.04em;
+}
+
+.extension-editor__remove {
+  padding: 4px;
+  color: var(--text-muted);
+}
+
+.extension-editor__remove:hover {
+  color: var(--danger);
+}
+
+.extension-editor__empty {
+  margin: 8px 0 4px;
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.extension-editor__error {
+  margin: 0 20px 8px;
+  font-size: 13px;
+  color: var(--danger);
+}
+
+.extension-editor__footer {
+  align-items: center;
+}
+
+.extension-editor__footer .btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.extension-editor__footer .btn svg {
+  display: block;
+}
+
+.extension-editor__spacer {
+  flex: 1;
+}
+
+/* —— Callouts (transfers, actions, Locations) —— */
+
+.callout {
+  position: fixed;
+  z-index: 65;
+  min-width: 200px;
+  max-width: min(360px, calc(100vw - 16px));
+  max-height: min(70vh, 480px);
+  overflow: auto;
+  padding: 6px;
+  background: #2c333b;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow);
+  animation: fadein 120ms ease;
+}
+
+.callout[hidden] {
+  display: none !important;
+}
+
+.callout--transfers {
+  min-width: 280px;
+  padding: 8px 10px 10px;
+}
+
+.callout__item {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  font: 500 13px var(--font);
+  text-align: left;
+  padding: 10px 12px;
+  border-radius: 5px;
+  cursor: pointer;
+  display: block;
+  width: 100%;
+}
+
+.callout__item:hover,
+.callout__item:active {
+  background: var(--accent-soft);
+}
+
+.callout__item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.callout__item--danger {
+  color: var(--danger);
+}
+
+.callout hr {
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 4px 6px;
+}
+
+.file-activity-window .window-resize-handle {
+  display: none;
+}
+
+.transfer-btn {
+  min-width: 52px;
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+}
+
+.transfer-btn[hidden] {
+  display: none !important;
+}
+
+.transfer-btn.indeterminate {
+  opacity: 0.85;
+}
+
+.toolbar-compact-only {
+  display: none;
+}
+
+html.compact-ui .toolbar-compact-only {
+  display: inline-flex;
+}
+
+.side-more {
+  display: none;
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--text-muted);
+  padding: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  line-height: 0;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.side-more:hover,
+.side-more:active {
+  color: var(--text);
+  background: var(--accent-soft);
+}
+
+.sidebar-backdrop {
+  display: none;
+}
+
+.pathbar .locations-btn {
+  display: none;
+}
+
+/* —— Compact (phone) shell —— */
+
+html.compact-ui,
+html.compact-ui body,
+html.compact-ui #app {
+  height: 100dvh;
+  max-height: 100dvh;
+}
+
+html.compact-ui {
+  --app-menubar-height: 44px;
+}
+
+html.compact-ui .app-menubar {
+  z-index: 90;
+  padding-top: env(safe-area-inset-top);
+}
+
+html.compact-ui .app-stage {
+  padding: 0;
+}
+
+html.compact-ui finder-window {
+  position: relative;
+  z-index: auto;
+  left: auto !important;
+  top: auto !important;
+  width: 100% !important;
+  height: 100% !important;
+  min-width: 0;
+  min-height: 0;
+  border-radius: 0;
+  border: 0;
+  box-shadow: none;
+}
+
+html.compact-ui finder-window .titlebar,
+html.compact-ui finder-window .titlebar-zoom,
+html.compact-ui finder-window .window-resize-handle {
+  display: none;
+}
+
+html.compact-ui finder-window .finder-chrome {
+  cursor: default;
+  background: var(--bg-pane);
+}
+
+html.compact-ui .app-menubar__inner {
+  height: 44px;
+  padding: 0 10px;
+}
+
+html.compact-ui .app-menu__trigger {
+  min-height: 44px;
+  padding: 0 12px;
+}
+
+html.compact-ui .btn {
+  min-height: 44px;
+  padding: 8px 12px;
+}
+
+html.compact-ui .btn.icon-btn {
+  min-width: 44px;
+  padding: 8px;
+}
+
+html.compact-ui .toolbar {
+  flex-wrap: nowrap;
+  gap: 8px;
+  padding: 8px 10px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+}
+
+html.compact-ui .toolbar > * {
+  flex: none;
+}
+
+html.compact-ui .toolbar [data-act='connect'] {
+  flex: none;
+  min-width: 44px;
+  padding: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+html.compact-ui .connect-icon {
+  display: block;
+}
+
+html.compact-ui .connect-icon svg {
+  display: block;
+}
+
+html.compact-ui .connect-label {
+  display: none;
+}
+
+html.compact-ui .view-toggle [data-view='list'] {
+  display: none;
+}
+
+html.compact-ui .view-toggle button {
+  min-height: 44px;
+  min-width: 44px;
+  padding: 8px;
+}
+
+html.compact-ui .body {
+  grid-template-columns: 1fr;
+}
+
+html.compact-ui .sidebar-backdrop {
+  display: none;
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 18;
+}
+
+html.compact-ui finder-window.sidebar-open .sidebar-backdrop {
+  display: block;
+}
+
+html.compact-ui .sidebar {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: min(280px, 86vw);
+  z-index: 19;
+  transform: translateX(-110%);
+  transition: transform 200ms ease;
+  padding-top: calc(8px + env(safe-area-inset-top));
+  box-shadow: var(--shadow);
+}
+
+html.compact-ui finder-window.sidebar-open .sidebar {
+  transform: none;
+}
+
+html.compact-ui .pathbar .locations-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 36px;
+  margin-right: 6px;
+  appearance: none;
+  border: 1px solid var(--border);
+  background: #323943;
+  color: var(--text);
+  border-radius: 6px;
+  cursor: pointer;
+  line-height: 0;
+}
+
+html.compact-ui .side-more {
+  display: inline-flex;
+}
+
+html.compact-ui .content {
+  -webkit-touch-callout: none;
+}
+
+html.compact-ui .status {
+  padding-bottom: calc(8px + env(safe-area-inset-bottom));
+}
+
+html.compact-ui .column-view .column {
+  flex: 0 0 100%;
+  min-width: 100%;
+  max-width: 100%;
+  width: auto;
+  scroll-snap-align: start;
+}
+
+html.compact-ui .column-resizer {
+  display: none;
+}
+
+html.compact-ui .column .col-item {
+  min-height: 44px;
+  padding: 10px 14px;
+}
+
+html.compact-ui .item-info--dialog {
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+  max-width: none;
+  min-width: 0;
+  width: auto;
+  flex: none;
+}
+
+html.compact-ui .ctx-menu {
+  display: none !important;
+}
+
+html.compact-ui .callout {
+  width: calc(100vw - 16px);
+  max-width: none;
+}
+
+html.compact-ui log-panel,
+html.compact-ui .log-panel,
+html.compact-ui activity-window,
+html.compact-ui .activity-window,
+html.compact-ui .rsrc-explorer,
+html.compact-ui get-info-window,
+html.compact-ui .get-info-window {
+  width: calc(100vw - 16px);
+  max-width: none;
+  height: min(70vh, calc(100dvh - 56px));
+}
+
+html.compact-ui .rsrc-explorer {
+  left: 8px !important;
+  right: 8px;
+  top: auto !important;
+  bottom: 8px;
+}
+
+html.compact-ui .netboot-dialog__card,
+html.compact-ui .login-dialog__card,
+html.compact-ui .about-dialog__card {
+  max-width: calc(100vw - 24px);
+}
+
+html.compact-ui .side-item {
+  min-height: 44px;
+}
+
+html.compact-ui .icon-grid .icon-item,
+html.compact-ui .list-table td,
+html.compact-ui .list-table th {
+  min-height: 44px;
+}
+
+@media (hover: none) {
+  .btn:hover:not(.primary),
+  .side-item:hover,
+  .ctx-menu button:hover,
+  .callout__item:hover,
+  .app-menu__item:hover:not(:disabled) {
+    background: transparent;
+  }
+
+  .btn:active,
+  .side-item:active,
+  .callout__item:active,
+  .app-menu__item:active:not(:disabled) {
+    background: var(--accent-soft);
+  }
+
+  .btn.primary:active {
+    filter: brightness(1.06);
+  }
+}
+
+/* —— PWA update notice —— */
+
+update-banner {
+  position: fixed;
+  z-index: 100;
+  left: 12px;
+  right: 12px;
+  bottom: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px 16px;
+  padding: 10px 12px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+}
+
+update-banner[hidden] {
+  display: none;
+}
+
+.update-banner__text {
+  margin: 0;
+  flex: 1 1 220px;
+  font: 500 13px var(--font);
+}
+
+.update-banner__actions {
+  display: flex;
+  gap: 8px;
+  margin-left: auto;
+}
+
diff --git a/src/ui/transfer-list.test.ts b/src/ui/transfer-list.test.ts
index 1106f93..f0b90bb 100644
--- a/src/ui/transfer-list.test.ts
+++ b/src/ui/transfer-list.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
-import { jobRemainingTime } from './transfer-list';
-import type { TransferJob } from '../util/transfer-activity';
+import { jobRemainingTime, transferListHtml } from './transfer-list';
+import { TRANSFER_DETAIL_SEARCHING, type TransferJob } from '../util/transfer-activity';
 
 function job(partial: Partial<TransferJob>): TransferJob {
   return {
@@ -9,6 +9,7 @@ function job(partial: Partial<TransferJob>): TransferJob {
     kind: 'file',
     bytesDone: 0,
     bytesTotal: 0,
+    itemsDone: 0,
     rate: 0,
     status: 'running',
     iconSrc: '/icons/FILE16.png',
@@ -30,3 +31,36 @@ describe('jobRemainingTime', () => {
     expect(jobRemainingTime(job({ status: 'queued', bytesTotal: 100, rate: 50 }))).toBeNull();
   });
 });
+
+describe('searching zip download', () => {
+  it('shows Searching with item count and listed size', () => {
+    const html = transferListHtml([
+      job({
+        name: 'Docs',
+        kind: 'folder',
+        detail: TRANSFER_DETAIL_SEARCHING,
+        itemsDone: 12,
+        bytesTotal: 500,
+      }),
+    ]);
+    expect(html).toContain('file-transfer--searching');
+    expect(html).toContain('Searching');
+    expect(html).toContain('12 items');
+    expect(html).toContain('500 bytes');
+    expect(html).not.toContain('0 bytes of');
+  });
+
+  it('shows item count alone before any size is known', () => {
+    const html = transferListHtml([
+      job({
+        name: 'Docs',
+        kind: 'folder',
+        detail: TRANSFER_DETAIL_SEARCHING,
+        itemsDone: 1,
+        bytesTotal: 0,
+      }),
+    ]);
+    expect(html).toContain('1 item');
+    expect(html).not.toContain('0 bytes');
+  });
+});
diff --git a/src/ui/transfer-list.ts b/src/ui/transfer-list.ts
index 0013a25..43e27fe 100644
--- a/src/ui/transfer-list.ts
+++ b/src/ui/transfer-list.ts
@@ -1,8 +1,9 @@
 import {
+  isTransferSearching,
   transferActivity,
   type TransferJob,
 } from '../util/transfer-activity';
-import { formatBytes, formatBytesPerSec, formatRemainingTime } from './format-bytes';
+import { formatBytes, formatBytesPerSec, formatItems, formatRemainingTime } from './format-bytes';
 import { DEFAULT_FOLDER_ICONS } from '../fs/icon-cache';
 
 const STRUCTURE_ATTR = 'data-transfer-key';
@@ -12,7 +13,7 @@ function escapeHtml(s: string): string {
 }
 
 function jobPct(j: TransferJob): number {
-  if (j.status === 'queued') return 0;
+  if (j.status === 'queued' || isTransferSearching(j)) return 0;
   if (j.bytesTotal > 0) return Math.min(100, Math.round((j.bytesDone / j.bytesTotal) * 100));
   if (j.status === 'done' && j.bytesDone > 0) return 100;
   return 0;
@@ -21,6 +22,7 @@ function jobPct(j: TransferJob): number {
 function jobRate(j: TransferJob): string {
   if (j.status === 'queued') return 'Queued';
   if (j.status === 'cancelled') return 'Cancelled';
+  if (isTransferSearching(j)) return j.detail ?? 'Searching';
   if (j.status === 'running' && j.rate > 0) return formatBytesPerSec(j.rate);
   if (j.status === 'error') return 'Failed';
   if (j.status === 'done') return 'Done';
@@ -29,6 +31,10 @@ function jobRate(j: TransferJob): string {
 }
 
 function jobSize(j: TransferJob): string {
+  if (isTransferSearching(j)) {
+    const items = formatItems(j.itemsDone);
+    return j.bytesTotal > 0 ? `${items} · ${formatBytes(j.bytesTotal)}` : items;
+  }
   if (j.status === 'queued' && j.bytesTotal > 0) return formatBytes(j.bytesTotal);
   if (j.bytesTotal > 0) return `${formatBytes(j.bytesDone)} of ${formatBytes(j.bytesTotal)}`;
   if (j.bytesDone > 0) return formatBytes(j.bytesDone);
@@ -71,6 +77,7 @@ function rowHtml(j: TransferJob, nested = false): string {
       ? `<img class="file-transfer__icon" src="${DEFAULT_FOLDER_ICONS.small}" alt="" width="16" height="16" />`
       : `<img class="file-transfer__icon" src="${escapeHtml(j.iconSrc)}" alt="" width="16" height="16" />`;
   const nestClass = nested ? ' file-transfer--sub' : '';
+  const searching = isTransferSearching(j);
   const statusClass =
     j.status === 'error'
       ? ' file-transfer--error'
@@ -78,7 +85,9 @@ function rowHtml(j: TransferJob, nested = false): string {
         ? ' file-transfer--queued'
         : j.status === 'cancelled'
           ? ' file-transfer--cancelled'
-          : '';
+          : searching
+            ? ' file-transfer--searching'
+            : '';
   return `<div class="file-transfer${nestClass}${statusClass}" data-id="${escapeHtml(j.id)}">
       ${icon}
       <div class="file-transfer__main">
@@ -109,6 +118,7 @@ function paintRow(row: HTMLElement, j: TransferJob): void {
   row.classList.toggle('file-transfer--error', j.status === 'error');
   row.classList.toggle('file-transfer--queued', j.status === 'queued');
   row.classList.toggle('file-transfer--cancelled', j.status === 'cancelled');
+  row.classList.toggle('file-transfer--searching', isTransferSearching(j));
   const top = row.querySelector('.file-transfer__top');
   let cancel = row.querySelector('.file-transfer__cancel');
   if (canCancel(j)) {
diff --git a/src/ui/win-resource-explorer.ts b/src/ui/win-resource-explorer.ts
new file mode 100644
index 0000000..70e0d55
--- /dev/null
+++ b/src/ui/win-resource-explorer.ts
@@ -0,0 +1,519 @@
+/**
+ * Diagnostic window: PE / NE (and standalone ICO) resources in the data fork.
+ * Layout matches the Macintosh resource-fork explorer.
+ */
+
+import type { Catalog, VNode } from '../fs/virtual-fs';
+import { nodeRef } from '../fs/virtual-fs';
+import { hexDump } from '../fs/resource-inspect';
+import { decodedIconToDataUrl } from '../fs/resource-types/icon-decoder';
+import {
+  inspectWinResources,
+  preferredWinType,
+  previewWinResource,
+  RT_CURSOR,
+  RT_ICON,
+  type WinResEntry,
+  type WinResInspect,
+  type WinResPreview,
+  type WinResTypeGroup,
+} from '../fs/winicon';
+import { formatBytes } from './format-bytes';
+import { downloadBytes } from '../util/pcap';
+import { enableWindowMove, enableWindowResize, onWindowGeometryChange, raiseFloatingWindow } from './window-resize';
+import { defaultWinResourceFrame, persistWindow, restoreWindow } from './window-layout';
+
+const HEX_PREVIEW_BYTES = 512;
+
+function escapeHtml(s: string): string {
+  return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]!);
+}
+
+function entryKey(e: WinResEntry, index: number): string {
+  return `${e.typeKey}:${e.id ?? e.name ?? ''}:${e.language}:${index}`;
+}
+
+function kindTitle(kind: WinResInspect['kind']): string {
+  if (kind === 'pe') return 'PE Resources';
+  if (kind === 'ne') return 'NE Resources';
+  if (kind === 'ico') return 'Icon File';
+  if (kind === 'cur') return 'Cursor File';
+  return 'Windows Resources';
+}
+
+export class WinResourceExplorer extends HTMLElement {
+  private catalog: Catalog | null = null;
+  private node: VNode | null = null;
+  private inspect: WinResInspect | null = null;
+  private selectedType: string | null = null;
+  private selectedKey: string | null = null;
+  private preview: WinResPreview | null = null;
+  private previewUrls: string[] = [];
+  private loadGen = 0;
+  private loading = false;
+  private error: string | null = null;
+  private previewOpen = false;
+
+  connectedCallback(): void {
+    this.classList.add('rsrc-explorer');
+    this.hidden = true;
+    this.renderShell();
+    enableWindowResize(this, { minWidth: 420, minHeight: 280 });
+    enableWindowMove(this, '.rsrc-explorer__chrome');
+    this.addEventListener('click', (e) => this.onClick(e));
+    window.addEventListener('keydown', this.onKey);
+    restoreWindow('winresource', this, defaultWinResourceFrame);
+    onWindowGeometryChange(this, () => persistWindow('winresource', this));
+  }
+
+  disconnectedCallback(): void {
+    window.removeEventListener('keydown', this.onKey);
+  }
+
+  show(): void {
+    this.hidden = false;
+    raiseFloatingWindow(this);
+    persistWindow('winresource', this);
+  }
+
+  hide(): void {
+    this.hidden = true;
+    persistWindow('winresource', this);
+  }
+
+  toggle(): void {
+    if (this.hidden) this.show();
+    else this.hide();
+  }
+
+  /** Open (or focus) on a catalog node. Pass null for the empty prompt. */
+  open(catalog: Catalog | null, node: VNode | null): void {
+    this.show();
+    void this.inspectNode(catalog, node, true);
+  }
+
+  /** Refresh when Finder selection changes, if the window is visible. */
+  followSelection(catalog: Catalog | null, node: VNode | null): void {
+    if (this.hidden) return;
+    void this.inspectNode(catalog, node, false);
+  }
+
+  private onKey = (e: KeyboardEvent): void => {
+    if (e.key !== 'Escape' || this.hidden) return;
+    if (this.previewOpen) {
+      this.previewOpen = false;
+      this.paintPreviewOverlay();
+      return;
+    }
+    this.hide();
+  };
+
+  private renderShell(): void {
+    this.innerHTML = `
+      <div class="rsrc-explorer__chrome">
+        <div class="rsrc-explorer__title" data-role="title">Windows Resources</div>
+        <div class="rsrc-explorer__file" data-role="file"></div>
+        <div class="rsrc-explorer__actions">
+          <button type="button" class="btn" data-act="preview-res" disabled>Preview</button>
+          <button type="button" class="btn" data-act="download-res" disabled>Download</button>
+        </div>
+        <button type="button" class="btn log-panel__btn" data-act="close" aria-label="Close">✕</button>
+      </div>
+      <div class="rsrc-explorer__meta" data-role="meta"></div>
+      <div class="rsrc-explorer__split">
+        <div class="rsrc-explorer__types" data-role="types"></div>
+        <div class="rsrc-explorer__entries" data-role="entries"></div>
+      </div>
+      <div class="rsrc-explorer__detail" data-role="detail"></div>
+      <div class="rsrc-explorer__preview-overlay" data-role="preview-overlay" hidden></div>
+    `;
+  }
+
+  private async inspectNode(catalog: Catalog | null, node: VNode | null, force: boolean): Promise<void> {
+    if (
+      !force &&
+      node &&
+      this.node &&
+      nodeRef(this.node) === nodeRef(node) &&
+      this.catalog === catalog &&
+      this.inspect &&
+      !this.loading
+    ) {
+      return;
+    }
+    const gen = ++this.loadGen;
+    this.catalog = catalog;
+    this.node = node;
+    this.preview = null;
+    this.previewUrls = [];
+    this.error = null;
+    this.inspect = null;
+
+    if (!node) {
+      this.loading = false;
+      this.paint();
+      return;
+    }
+
+    this.loading = true;
+    this.paint();
+
+    try {
+      if (node.isDir) {
+        this.inspect = { kind: null, types: [], entries: [] };
+      } else if (catalog) {
+        this.inspect = await catalog.withRangeReader(node, (read) => inspectWinResources(read), {
+          resource: false,
+        });
+      } else {
+        this.inspect = { kind: null, types: [], entries: [] };
+      }
+      if (gen !== this.loadGen) return;
+      const types = this.inspect.types;
+      if (!this.selectedType || !types.some((g) => g.key === this.selectedType)) {
+        this.selectedType = preferredWinType(types);
+        this.selectedKey = null;
+      }
+      this.loading = false;
+      this.paint();
+      await this.refreshPreview(gen);
+    } catch (err) {
+      if (gen !== this.loadGen) return;
+      this.loading = false;
+      this.error = err instanceof Error ? err.message : String(err);
+      this.paint();
+    }
+  }
+
+  private group(): WinResTypeGroup | undefined {
+    return this.inspect?.types.find((g) => g.key === this.selectedType);
+  }
+
+  private selectedEntry(): { entry: WinResEntry; index: number } | null {
+    const group = this.group();
+    if (!group) return null;
+    if (this.selectedKey) {
+      const hit = group.entries.findIndex((e, i) => entryKey(e, i) === this.selectedKey);
+      if (hit >= 0) return { entry: group.entries[hit]!, index: hit };
+    }
+    const first = group.entries[0];
+    return first ? { entry: first, index: 0 } : null;
+  }
+
+  private blobsOf(typeId: number): Map<number, Uint8Array> {
+    const m = new Map<number, Uint8Array>();
+    for (const e of this.inspect?.entries ?? []) {
+      if (e.typeId === typeId && e.id != null) m.set(e.id, e.bytes);
+    }
+    return m;
+  }
+
+  private async refreshPreview(gen: number): Promise<void> {
+    this.preview = null;
+    this.previewUrls = [];
+    const sel = this.selectedEntry();
+    if (!sel) {
+      if (gen === this.loadGen) this.paintDetail();
+      return;
+    }
+    if (gen === this.loadGen) this.paintDetail();
+    const preview = await previewWinResource({
+      typeId: sel.entry.typeId,
+      id: sel.entry.id,
+      bytes: sel.entry.bytes,
+      iconBlobs: this.blobsOf(RT_ICON),
+      cursorBlobs: this.blobsOf(RT_CURSOR),
+    });
+    if (gen !== this.loadGen) return;
+    this.preview = preview;
+    const icons =
+      preview.kind === 'icon' ? preview.icons : preview.kind === 'bitmap' ? [preview.icon] : [];
+    this.previewUrls = [];
+    for (const icon of icons) {
+      const url = await decodedIconToDataUrl(icon);
+      if (url) this.previewUrls.push(url);
+    }
+    if (gen !== this.loadGen) return;
+    this.paintEntries();
+    this.paintDetail();
+  }
+
+  private paint(): void {
+    this.paintActions();
+    this.paintPreviewOverlay();
+    this.paintTitle();
+    this.paintFile();
+    this.paintMeta();
+    this.paintTypes();
+    this.paintEntries();
+    this.paintDetail();
+  }
+
+  private paintTitle(): void {
+    const el = this.querySelector('[data-role="title"]');
+    if (!el) return;
+    el.textContent = kindTitle(this.inspect?.kind ?? null);
+  }
+
+  private paintFile(): void {
+    const el = this.querySelector('[data-role="file"]');
+    if (!el) return;
+    el.textContent = this.node?.name ?? 'No file selected';
+  }
+
+  private paintMeta(): void {
+    const el = this.querySelector('[data-role="meta"]');
+    if (!el) return;
+    if (!this.node) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Select a file in the Finder to list its PE/NE resources.</p>`;
+      return;
+    }
+    if (this.loading) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Reading Windows resources…</p>`;
+      return;
+    }
+    if (this.error) {
+      el.innerHTML = `<p class="rsrc-explorer__empty rsrc-explorer__empty--error">${escapeHtml(this.error)}</p>`;
+      return;
+    }
+    if (this.node.isDir) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">Folders have no PE/NE resource table.</p>`;
+      return;
+    }
+    const nTypes = this.inspect?.types.length ?? 0;
+    const nRes = this.inspect?.entries.length ?? 0;
+    const size = this.node.dataBytes ?? this.node.data.length;
+    const pills: string[] = [];
+    if (this.inspect?.magic) pills.push(this.inspect.magic.toUpperCase());
+    if (this.inspect?.machineName) pills.push(this.inspect.machineName);
+    if (this.inspect?.kind === 'ne' && this.inspect.shift != null) {
+      pills.push(`align ${1 << this.inspect.shift}`);
+    }
+    const kindLabel =
+      this.inspect?.kind === 'pe'
+        ? 'PE resource directory'
+        : this.inspect?.kind === 'ne'
+          ? 'NE resource table'
+          : this.inspect?.kind === 'ico' || this.inspect?.kind === 'cur'
+            ? 'icon directory'
+            : 'not a PE, NE, or ICO file';
+    el.innerHTML = `
+      <div class="rsrc-explorer__meta-row">
+        ${pills.map((p) => `<span class="rsrc-explorer__pill">${escapeHtml(p)}</span>`).join('')}
+        <span>${escapeHtml(kindLabel)} · ${escapeHtml(formatBytes(size))} · ${nTypes} type${nTypes === 1 ? '' : 's'} · ${nRes} resource${nRes === 1 ? '' : 's'}</span>
+      </div>
+    `;
+  }
+
+  private paintTypes(): void {
+    const el = this.querySelector('[data-role="types"]');
+    if (!el) return;
+    const types = this.inspect?.types ?? [];
+    if (!this.node || this.loading) {
+      el.innerHTML = '';
+      return;
+    }
+    if (!types.length) {
+      el.innerHTML = `<p class="rsrc-explorer__empty">No resources</p>`;
+      return;
+    }
+    el.innerHTML = types
+      .map((g) => {
+        const sel = g.key === this.selectedType ? ' is-selected' : '';
+        const icon = g.icon ? ' rsrc-explorer__type--icon' : '';
+        return `<button type="button" class="rsrc-explorer__type${sel}${icon}" data-act="type" data-type="${escapeHtml(g.key)}">
+          <span class="rsrc-explorer__type-code">${escapeHtml(g.code)}</span>
+          <span class="rsrc-explorer__type-count">${g.count}</span>
+          <span class="rsrc-explorer__type-label">${escapeHtml(g.label)}</span>
+        </button>`;
+      })
+      .join('');
+  }
+
+  private paintEntries(): void {
+    const el = this.querySelector('[data-role="entries"]');
+    if (!el) return;
+    const group = this.group();
+    if (!group) {
+      el.innerHTML = '';
+      return;
+    }
+    const sel = this.selectedEntry();
+    const selectedKey = sel ? entryKey(sel.entry, sel.index) : null;
+    const showLang = this.inspect?.kind === 'pe';
+    const rows = group.entries
+      .map((e, i) => {
+        const key = entryKey(e, i);
+        const isSel = key === selectedKey ? ' is-selected' : '';
+        const id = e.id != null ? String(e.id) : '—';
+        const name = e.name ? escapeHtml(e.name) : '';
+        const lang =
+          showLang && e.language ? `0x${e.language.toString(16).padStart(4, '0')}` : showLang ? '—' : '';
+        return `<button type="button" class="rsrc-explorer__res${isSel}" data-act="res" data-key="${escapeHtml(key)}">
+          <span class="rsrc-explorer__res-id">${escapeHtml(id)}</span>
+          <span class="rsrc-explorer__res-name">${name}</span>
+          <span class="rsrc-explorer__res-size">${escapeHtml(formatBytes(e.length))}</span>
+          ${showLang ? `<span class="rsrc-explorer__res-attr">${escapeHtml(lang)}</span>` : ''}
+        </button>`;
+      })
+      .join('');
+    el.innerHTML = `
+      <div class="rsrc-explorer__res-head">
+        <span>ID</span><span>Name</span><span>Size</span>${showLang ? '<span>Lang</span>' : ''}
+      </div>
+      ${rows}
+    `;
+  }
+
+  private paintDetail(): void {
+    const el = this.querySelector('[data-role="detail"]');
+    if (!el) return;
+    const sel = this.selectedEntry();
+    if (!sel) {
+      el.innerHTML = '';
+      return;
+    }
+    const bytes = sel.entry.bytes;
+    const parts: string[] = [];
+    const preview = this.preview;
+
+    if (this.previewUrls.length) {
+      const imgs = this.previewUrls
+        .map((url) => `<img alt="" width="32" height="32" src="${escapeHtml(url)}" />`)
+        .join('');
+      const label =
+        preview?.kind === 'bitmap'
+          ? `Decoded bitmap ${sel.entry.id ?? sel.entry.name ?? ''}`
+          : `Decoded ${escapeHtml(sel.entry.typeName ?? 'icon')} ${sel.entry.id ?? ''}`;
+      parts.push(`<div class="rsrc-explorer__preview">${imgs}<span>${label}</span></div>`);
+    } else if (preview?.kind === 'icon' || preview?.kind === 'bitmap') {
+      parts.push(
+        `<p class="rsrc-explorer__empty">Image present but decode failed (${sel.entry.length} bytes).</p>`,
+      );
+    }
+
+    if (preview?.kind === 'version' && preview.fields.length) {
+      const rows = preview.fields
+        .map(
+          (f) =>
+            `<tr><td>${escapeHtml(f.key)}</td><td>${escapeHtml(f.value)}</td></tr>`,
+        )
+        .join('');
+      parts.push(`
+        <div class="rsrc-explorer__decoded">
+          Version info
+          <table class="rsrc-explorer__map">
+            <thead><tr><th>Key</th><th>Value</th></tr></thead>
+            <tbody>${rows}</tbody>
+          </table>
+        </div>`);
+    }
+
+    if (preview?.kind === 'strings' && preview.lines.length) {
+      const rows = preview.lines
+        .map((l) => `<tr><td>${l.index}</td><td>${escapeHtml(l.text)}</td></tr>`)
+        .join('');
+      parts.push(`
+        <div class="rsrc-explorer__decoded">
+          String table
+          <table class="rsrc-explorer__map">
+            <thead><tr><th>ID</th><th>Text</th></tr></thead>
+            <tbody>${rows}</tbody>
+          </table>
+        </div>`);
+    }
+
+    if (preview?.kind === 'text') {
+      parts.push(
+        `<pre class="rsrc-explorer__decoded">${escapeHtml(preview.encoding)}\n${escapeHtml(preview.text)}</pre>`,
+      );
+    }
+
+    const dump = hexDump(bytes, HEX_PREVIEW_BYTES);
+    const unread = dump.truncated ? bytes.length - HEX_PREVIEW_BYTES : 0;
+    parts.push(
+      `<pre class="rsrc-explorer__hex">${escapeHtml(dump.text) || '(empty)'}${unread > 0 ? `\n… ${unread} more bytes` : ''}</pre>`,
+    );
+    el.innerHTML = parts.join('');
+  }
+
+
+  private selectedCanPreview(): boolean {
+    const preview = this.preview;
+    return preview?.kind === 'icon' || preview?.kind === 'bitmap';
+  }
+
+  private downloadSelectedResource(): void {
+    const sel = this.selectedEntry();
+    if (!sel) return;
+    const name = sel.entry.name || `${sel.entry.typeName || 'resource'}_${sel.entry.id ?? '0'}.bin`;
+    downloadBytes(sel.entry.bytes, name, 'application/octet-stream');
+  }
+
+  private paintActions(): void {
+    const previewBtn = this.querySelector('[data-act="preview-res"]') as HTMLButtonElement | null;
+    const downloadBtn = this.querySelector('[data-act="download-res"]') as HTMLButtonElement | null;
+    const hasSel = !!this.selectedEntry();
+    if (previewBtn) previewBtn.disabled = !hasSel || !this.selectedCanPreview() || this.previewUrls.length === 0;
+    if (downloadBtn) downloadBtn.disabled = !hasSel;
+  }
+
+  private paintPreviewOverlay(): void {
+    const el = this.querySelector('[data-role="preview-overlay"]') as HTMLElement | null;
+    if (!el) return;
+    if (!this.previewOpen || !this.previewUrls.length) {
+      el.hidden = true;
+      el.innerHTML = '';
+      return;
+    }
+    el.hidden = false;
+    const imgs = this.previewUrls.map((url) => `<img alt="" src="${escapeHtml(url)}" />`).join('');
+    el.innerHTML = `<button type="button" class="btn log-panel__btn" data-act="close-preview" aria-label="Close preview">✕</button>${imgs}`;
+  }
+
+  private onClick(e: MouseEvent): void {
+    const t = (e.target as HTMLElement).closest('[data-act]') as HTMLElement | null;
+    if (!t) return;
+    const act = t.dataset.act;
+    if (act === 'close') {
+      this.hide();
+      return;
+    }
+    if (act === 'type') {
+      this.selectedType = t.dataset.type ?? null;
+      this.selectedKey = null;
+      this.preview = null;
+      this.previewUrls = [];
+      this.paintTypes();
+      this.paintEntries();
+      void this.refreshPreview(this.loadGen);
+      return;
+    }
+    if (act === 'res') {
+      this.selectedKey = t.dataset.key ?? null;
+      this.preview = null;
+      this.previewUrls = [];
+      this.previewOpen = false;
+      this.paintEntries();
+      void this.refreshPreview(this.loadGen);
+      return;
+    }
+    if (act === 'download-res') {
+      this.downloadSelectedResource();
+      return;
+    }
+    if (act === 'preview-res') {
+      if (this.selectedCanPreview() && this.previewUrls.length) {
+        this.previewOpen = true;
+        this.paintPreviewOverlay();
+      }
+      return;
+    }
+    if (act === 'close-preview') {
+      this.previewOpen = false;
+      this.paintPreviewOverlay();
+    }
+  }
+}
+
+customElements.define('win-resource-explorer', WinResourceExplorer);
diff --git a/src/ui/window-layout.test.ts b/src/ui/window-layout.test.ts
index e8077b6..8871d1c 100644
--- a/src/ui/window-layout.test.ts
+++ b/src/ui/window-layout.test.ts
@@ -1,26 +1,38 @@
-import { describe, expect, it } from 'vitest';
-import { clampFrame, parseFrame, parseWindowLayouts } from './window-layout';
-
-describe('window layout', () => {
-  it('parses stored frames and ignores junk', () => {
-    expect(parseWindowLayouts(null)).toEqual({});
-    expect(parseWindowLayouts({ finder: { left: 10, top: 20, width: 400, height: 300, maximized: true } })).toEqual({
-      finder: { left: 10, top: 20, width: 400, height: 300, maximized: true, open: false, userSized: false },
-    });
-    expect(parseFrame({ left: 'x', top: 1, width: 2, height: 3 })).toBeNull();
-    expect(parseFrame({ left: 1, top: 2, width: 3, height: 4, userSized: true })?.userSized).toBe(true);
-  });
-
-  it('clamps frames onto the viewport', () => {
-    const clamped = clampFrame(
-      { left: -40, top: 8000, width: 4000, height: 20, maximized: false },
-      { width: 800, height: 600 },
-      280,
-      160,
-    );
-    expect(clamped.left).toBe(8);
-    expect(clamped.top).toBe(560);
-    expect(clamped.width).toBe(800);
-    expect(clamped.height).toBe(160);
-  });
-});
+import { describe, expect, it } from 'vitest';
+import { clampFrame, menubarMinTop, parseFrame, parseWindowLayouts } from './window-layout';
+
+describe('window layout', () => {
+  it('parses stored frames and ignores junk', () => {
+    expect(parseWindowLayouts(null)).toEqual({});
+    expect(parseWindowLayouts({ finder: { left: 10, top: 20, width: 400, height: 300, maximized: true } })).toEqual({
+      finder: { left: 10, top: 20, width: 400, height: 300, maximized: true, open: false, userSized: false },
+    });
+    expect(parseFrame({ left: 'x', top: 1, width: 2, height: 3 })).toBeNull();
+    expect(parseFrame({ left: 1, top: 2, width: 3, height: 4, userSized: true })?.userSized).toBe(true);
+  });
+
+  it('clamps frames onto the viewport', () => {
+    const clamped = clampFrame(
+      { left: -40, top: 8000, width: 4000, height: 20, maximized: false },
+      { width: 800, height: 600 },
+      280,
+      160,
+    );
+    expect(clamped.left).toBe(8);
+    expect(clamped.top).toBe(560);
+    expect(clamped.width).toBe(800);
+    expect(clamped.height).toBe(160);
+  });
+});
+
+  it('respects a custom minimum top when clamping', () => {
+    const clamped = clampFrame(
+      { left: 10, top: 0, width: 400, height: 300, maximized: false },
+      { width: 800, height: 600 },
+      280,
+      160,
+      48,
+    );
+    expect(clamped.top).toBe(48);
+    expect(menubarMinTop()).toBeGreaterThan(0);
+  });
diff --git a/src/ui/window-layout.ts b/src/ui/window-layout.ts
index 1c511c8..b1ecb1b 100644
--- a/src/ui/window-layout.ts
+++ b/src/ui/window-layout.ts
@@ -1,251 +1,284 @@
-/** Persisted Finder / floating-window geometry (localStorage). */
-
-export const WINDOWS_STORAGE_KEY = 'classicstack.windows';
-
-export type WindowId = 'finder' | 'log' | 'activity' | 'resource' | 'info';
-
-export interface WindowFrame {
-  left: number;
-  top: number;
-  width: number;
-  height: number;
-  maximized?: boolean;
-  open?: boolean;
-  /** True after the user drags the resize handle; skip auto-fit to contents. */
-  userSized?: boolean;
-}
-
-export type WindowLayouts = Partial<Record<WindowId, WindowFrame>>;
-
-const PAD = 8;
-
-export function parseWindowLayouts(raw: unknown): WindowLayouts {
-  if (!raw || typeof raw !== 'object') return {};
-  const src = raw as Record<string, unknown>;
-  const out: WindowLayouts = {};
-  for (const id of ['finder', 'log', 'activity', 'resource', 'info'] as const) {
-    const frame = parseFrame(src[id]);
-    if (frame) out[id] = frame;
-  }
-  return out;
-}
-
-export function parseFrame(raw: unknown): WindowFrame | null {
-  if (!raw || typeof raw !== 'object') return null;
-  const o = raw as Record<string, unknown>;
-  if (![o.left, o.top, o.width, o.height].every((n) => typeof n === 'number' && Number.isFinite(n))) {
-    return null;
-  }
-  return {
-    left: o.left as number,
-    top: o.top as number,
-    width: o.width as number,
-    height: o.height as number,
-    maximized: o.maximized === true,
-    open: o.open === true,
-    userSized: o.userSized === true,
-  };
-}
-
-export function clampFrame(
-  frame: WindowFrame,
-  bounds: { width: number; height: number },
-  minWidth = 280,
-  minHeight = 160,
-): WindowFrame {
-  const width = Math.min(Math.max(Math.round(frame.width), minWidth), Math.max(minWidth, bounds.width));
-  const height = Math.min(Math.max(Math.round(frame.height), minHeight), Math.max(minHeight, bounds.height));
-  const maxLeft = Math.max(PAD, bounds.width - 40);
-  const maxTop = Math.max(PAD, bounds.height - 40);
-  return {
-    ...frame,
-    width,
-    height,
-    left: Math.max(PAD, Math.min(maxLeft, Math.round(frame.left))),
-    top: Math.max(PAD, Math.min(maxTop, Math.round(frame.top))),
-  };
-}
-
-export function loadWindowLayouts(): WindowLayouts {
-  try {
-    const raw = localStorage.getItem(WINDOWS_STORAGE_KEY);
-    if (!raw) return {};
-    return parseWindowLayouts(JSON.parse(raw) as unknown);
-  } catch {
-    return {};
-  }
-}
-
-export function saveWindowLayout(id: WindowId, patch: Partial<WindowFrame>): WindowLayouts {
-  const all = loadWindowLayouts();
-  const prev = all[id];
-  const next: WindowFrame = {
-    left: patch.left ?? prev?.left ?? 24,
-    top: patch.top ?? prev?.top ?? 56,
-    width: patch.width ?? prev?.width ?? 480,
-    height: patch.height ?? prev?.height ?? 360,
-    maximized: patch.maximized ?? prev?.maximized ?? false,
-    open: patch.open ?? prev?.open ?? false,
-    userSized: patch.userSized ?? prev?.userSized ?? false,
-  };
-  all[id] = next;
-  persistAll(all);
-  return all;
-}
-
-export function clearWindowLayouts(): void {
-  try {
-    localStorage.removeItem(WINDOWS_STORAGE_KEY);
-  } catch {
-    /* private mode */
-  }
-}
-
-export function replaceWindowLayouts(all: WindowLayouts): void {
-  persistAll(parseWindowLayouts(all));
-}
-
-export function captureWindowFrame(el: HTMLElement): WindowFrame {
-  const r = el.getBoundingClientRect();
-  return {
-    left: Math.round(r.left),
-    top: Math.round(r.top),
-    width: Math.round(r.width),
-    height: Math.round(r.height),
-    maximized: el.classList.contains('is-maximized'),
-    open: !el.hidden,
-    userSized: el.dataset.userSized === '1',
-  };
-}
-
-export function applyWindowFrame(el: HTMLElement, frame: WindowFrame): void {
-  const clamped = clampFrame(frame, { width: window.innerWidth, height: window.innerHeight });
-  el.style.left = `${clamped.left}px`;
-  el.style.top = `${clamped.top}px`;
-  el.style.width = `${clamped.width}px`;
-  el.style.height = `${clamped.height}px`;
-  el.classList.toggle('is-maximized', clamped.maximized === true);
-  if (frame.userSized) el.dataset.userSized = '1';
-  else delete el.dataset.userSized;
-}
-
-/**
- * Grow a floating window to its content (capped to the viewport).
- * No-op after the user resizes, or while the window is hidden / maximized.
- */
-export function fitWindowToContents(
-  el: HTMLElement,
-  opts: { panel?: string; minHeight?: number } = {},
-): void {
-  if (el.hidden || el.classList.contains('is-maximized') || el.dataset.userSized === '1') return;
-  const panel = (opts.panel ? el.querySelector(opts.panel) : null) as HTMLElement | null;
-  const prev = panel
-    ? { flex: panel.style.flex, minHeight: panel.style.minHeight, overflow: panel.style.overflow }
-    : null;
-  if (panel) {
-    panel.style.flex = 'none';
-    panel.style.minHeight = 'auto';
-    panel.style.overflow = 'visible';
-  }
-  el.style.height = 'auto';
-  const minH = opts.minHeight ?? 160;
-  const neededH = Math.max(minH, Math.ceil(el.scrollHeight));
-  if (panel && prev) {
-    panel.style.flex = prev.flex;
-    panel.style.minHeight = prev.minHeight;
-    panel.style.overflow = prev.overflow;
-  }
-  const maxH = Math.max(minH, window.innerHeight - 16);
-  const height = Math.min(neededH, maxH);
-  el.style.height = `${height}px`;
-  const r = el.getBoundingClientRect();
-  if (r.bottom > window.innerHeight - 8) {
-    el.style.top = `${Math.max(8, window.innerHeight - height - 8)}px`;
-  }
-}
-
-export function persistWindow(id: WindowId, el: HTMLElement): void {
-  const prev = loadWindowLayouts()[id];
-  if (el.classList.contains('is-maximized')) {
-    saveWindowLayout(id, {
-      left: prev?.left,
-      top: prev?.top,
-      width: prev?.width,
-      height: prev?.height,
-      maximized: true,
-      open: !el.hidden,
-    });
-    return;
-  }
-  saveWindowLayout(id, captureWindowFrame(el));
-}
-
-export function restoreWindow(
-  id: WindowId,
-  el: HTMLElement,
-  fallback: () => WindowFrame,
-): WindowFrame {
-  const saved = loadWindowLayouts()[id];
-  const frame = saved ?? fallback();
-  applyWindowFrame(el, frame);
-  return frame;
-}
-
-export function defaultFinderFrame(): WindowFrame {
-  const stage = document.querySelector('.app-stage')?.getBoundingClientRect();
-  const left0 = stage?.left ?? 24;
-  const top0 = stage?.top ?? 40;
-  const availW = stage?.width ?? Math.max(320, window.innerWidth - 48);
-  const availH = stage?.height ?? Math.max(240, window.innerHeight - 64);
-  const width = Math.min(1100, availW);
-  const height = Math.min(720, availH);
-  return {
-    left: left0 + Math.max(0, (availW - width) / 2),
-    top: top0 + Math.max(0, (availH - height) / 2),
-    width,
-    height,
-    maximized: false,
-    open: true,
-  };
-}
-
-export function defaultLogFrame(): WindowFrame {
-  return { left: 24, top: 56, width: 520, height: 360, open: false };
-}
-
-export function defaultActivityFrame(): WindowFrame {
-  return { left: 56, top: 72, width: 480, height: 460, open: false };
-}
-
-export function defaultInfoFrame(): WindowFrame {
-  const width = Math.min(320, window.innerWidth - 32);
-  const height = Math.min(560, window.innerHeight - 32);
-  return {
-    left: Math.max(16, window.innerWidth - width - 16),
-    top: 56,
-    width,
-    height,
-    open: false,
-  };
-}
-
-export function defaultResourceFrame(): WindowFrame {
-  const pad = 16;
-  const width = Math.min(640, window.innerWidth - pad * 2);
-  const height = Math.min(480, window.innerHeight - pad * 2);
-  return {
-    left: Math.max(pad, window.innerWidth - width - pad),
-    top: Math.max(pad, window.innerHeight - height - pad),
-    width,
-    height,
-    open: false,
-  };
-}
-
-function persistAll(all: WindowLayouts): void {
-  try {
-    localStorage.setItem(WINDOWS_STORAGE_KEY, JSON.stringify(all));
-  } catch {
-    /* quota / private mode */
-  }
-}
+/** Persisted Finder / floating-window geometry (localStorage). */
+
+export const WINDOWS_STORAGE_KEY = 'classicstack.windows';
+
+export type WindowId = 'finder' | 'log' | 'activity' | 'resource' | 'winresource' | 'info';
+
+export interface WindowFrame {
+  left: number;
+  top: number;
+  width: number;
+  height: number;
+  maximized?: boolean;
+  open?: boolean;
+  /** True after the user drags the resize handle; skip auto-fit to contents. */
+  userSized?: boolean;
+}
+
+export type WindowLayouts = Partial<Record<WindowId, WindowFrame>>;
+
+const PAD = 8;
+
+/** Bottom edge of the application menu bar (windows must not overlap it). */
+export function menubarMinTop(): number {
+  if (typeof document === 'undefined') return PAD;
+  const bar = document.querySelector('.app-menubar, .cs-shell') as HTMLElement | null;
+  if (bar) {
+    const bottom = bar.getBoundingClientRect().bottom;
+    if (bottom > 0) return Math.ceil(bottom);
+  }
+  const raw = getComputedStyle(document.documentElement).getPropertyValue('--app-menubar-height').trim();
+  const n = parseInt(raw, 10);
+  return Number.isFinite(n) && n > 0 ? n : PAD;
+}
+
+
+export function parseWindowLayouts(raw: unknown): WindowLayouts {
+  if (!raw || typeof raw !== 'object') return {};
+  const src = raw as Record<string, unknown>;
+  const out: WindowLayouts = {};
+  for (const id of ['finder', 'log', 'activity', 'resource', 'winresource', 'info'] as const) {
+    const frame = parseFrame(src[id]);
+    if (frame) out[id] = frame;
+  }
+  return out;
+}
+
+export function parseFrame(raw: unknown): WindowFrame | null {
+  if (!raw || typeof raw !== 'object') return null;
+  const o = raw as Record<string, unknown>;
+  if (![o.left, o.top, o.width, o.height].every((n) => typeof n === 'number' && Number.isFinite(n))) {
+    return null;
+  }
+  return {
+    left: o.left as number,
+    top: o.top as number,
+    width: o.width as number,
+    height: o.height as number,
+    maximized: o.maximized === true,
+    open: o.open === true,
+    userSized: o.userSized === true,
+  };
+}
+
+export function clampFrame(
+  frame: WindowFrame,
+  bounds: { width: number; height: number },
+  minWidth = 280,
+  minHeight = 160,
+  minTop = menubarMinTop(),
+): WindowFrame {
+  const width = Math.min(Math.max(Math.round(frame.width), minWidth), Math.max(minWidth, bounds.width));
+  const height = Math.min(Math.max(Math.round(frame.height), minHeight), Math.max(minHeight, bounds.height));
+  const maxLeft = Math.max(PAD, bounds.width - 40);
+  const maxTop = Math.max(minTop, bounds.height - 40);
+  return {
+    ...frame,
+    width,
+    height,
+    left: Math.max(PAD, Math.min(maxLeft, Math.round(frame.left))),
+    top: Math.max(minTop, Math.min(maxTop, Math.round(frame.top))),
+  };
+}
+
+export function loadWindowLayouts(): WindowLayouts {
+  try {
+    const raw = localStorage.getItem(WINDOWS_STORAGE_KEY);
+    if (!raw) return {};
+    return parseWindowLayouts(JSON.parse(raw) as unknown);
+  } catch {
+    return {};
+  }
+}
+
+export function saveWindowLayout(id: WindowId, patch: Partial<WindowFrame>): WindowLayouts {
+  const all = loadWindowLayouts();
+  const prev = all[id];
+  const next: WindowFrame = {
+    left: patch.left ?? prev?.left ?? 24,
+    top: patch.top ?? prev?.top ?? 56,
+    width: patch.width ?? prev?.width ?? 480,
+    height: patch.height ?? prev?.height ?? 360,
+    maximized: patch.maximized ?? prev?.maximized ?? false,
+    open: patch.open ?? prev?.open ?? false,
+    userSized: patch.userSized ?? prev?.userSized ?? false,
+  };
+  all[id] = next;
+  persistAll(all);
+  return all;
+}
+
+export function clearWindowLayouts(): void {
+  try {
+    localStorage.removeItem(WINDOWS_STORAGE_KEY);
+  } catch {
+    /* private mode */
+  }
+}
+
+export function replaceWindowLayouts(all: WindowLayouts): void {
+  persistAll(parseWindowLayouts(all));
+}
+
+export function captureWindowFrame(el: HTMLElement): WindowFrame {
+  const r = el.getBoundingClientRect();
+  return {
+    left: Math.round(r.left),
+    top: Math.round(r.top),
+    width: Math.round(r.width),
+    height: Math.round(r.height),
+    maximized: el.classList.contains('is-maximized'),
+    open: !el.hidden,
+    userSized: el.dataset.userSized === '1',
+  };
+}
+
+export function applyWindowFrame(el: HTMLElement, frame: WindowFrame): void {
+  const clamped = clampFrame(frame, { width: window.innerWidth, height: window.innerHeight });
+  el.style.left = `${clamped.left}px`;
+  el.style.top = `${clamped.top}px`;
+  el.style.width = `${clamped.width}px`;
+  el.style.height = `${clamped.height}px`;
+  el.classList.toggle('is-maximized', clamped.maximized === true);
+  if (frame.userSized) el.dataset.userSized = '1';
+  else delete el.dataset.userSized;
+}
+
+/**
+ * Grow a floating window to its content (capped to the viewport).
+ * No-op after the user resizes, or while the window is hidden / maximized.
+ */
+export function fitWindowToContents(
+  el: HTMLElement,
+  opts: { panel?: string; minHeight?: number } = {},
+): void {
+  if (el.hidden || el.classList.contains('is-maximized') || el.dataset.userSized === '1') return;
+  const panel = (opts.panel ? el.querySelector(opts.panel) : null) as HTMLElement | null;
+  const prev = panel
+    ? { flex: panel.style.flex, minHeight: panel.style.minHeight, overflow: panel.style.overflow }
+    : null;
+  if (panel) {
+    panel.style.flex = 'none';
+    panel.style.minHeight = 'auto';
+    panel.style.overflow = 'visible';
+  }
+  el.style.height = 'auto';
+  const minH = opts.minHeight ?? 160;
+  const neededH = Math.max(minH, Math.ceil(el.scrollHeight));
+  if (panel && prev) {
+    panel.style.flex = prev.flex;
+    panel.style.minHeight = prev.minHeight;
+    panel.style.overflow = prev.overflow;
+  }
+  const minTop = menubarMinTop();
+  const maxH = Math.max(minH, window.innerHeight - minTop - 8);
+  const height = Math.min(neededH, maxH);
+  el.style.height = `${height}px`;
+  const r = el.getBoundingClientRect();
+  if (r.bottom > window.innerHeight - 8) {
+    el.style.top = `${Math.max(minTop, window.innerHeight - height - 8)}px`;
+  }
+  if (r.top < minTop) {
+    el.style.top = `${minTop}px`;
+  }
+}
+
+export function persistWindow(id: WindowId, el: HTMLElement): void {
+  const prev = loadWindowLayouts()[id];
+  if (el.classList.contains('is-maximized')) {
+    saveWindowLayout(id, {
+      left: prev?.left,
+      top: prev?.top,
+      width: prev?.width,
+      height: prev?.height,
+      maximized: true,
+      open: !el.hidden,
+    });
+    return;
+  }
+  saveWindowLayout(id, captureWindowFrame(el));
+}
+
+export function restoreWindow(
+  id: WindowId,
+  el: HTMLElement,
+  fallback: () => WindowFrame,
+): WindowFrame {
+  const saved = loadWindowLayouts()[id];
+  const frame = saved ?? fallback();
+  applyWindowFrame(el, frame);
+  return frame;
+}
+
+export function defaultFinderFrame(): WindowFrame {
+  const stage = document.querySelector('.app-stage')?.getBoundingClientRect();
+  const left0 = stage?.left ?? 24;
+  const top0 = stage?.top ?? 40;
+  const availW = stage?.width ?? Math.max(320, window.innerWidth - 48);
+  const availH = stage?.height ?? Math.max(240, window.innerHeight - 64);
+  const width = Math.min(1100, availW);
+  const height = Math.min(720, availH);
+  return {
+    left: left0 + Math.max(0, (availW - width) / 2),
+    top: top0 + Math.max(0, (availH - height) / 2),
+    width,
+    height,
+    maximized: false,
+    open: true,
+  };
+}
+
+export function defaultLogFrame(): WindowFrame {
+  return { left: 24, top: 56, width: 520, height: 360, open: false };
+}
+
+export function defaultActivityFrame(): WindowFrame {
+  return { left: 56, top: 72, width: 480, height: 460, open: false };
+}
+
+export function defaultInfoFrame(): WindowFrame {
+  const width = Math.min(320, window.innerWidth - 32);
+  const height = Math.min(560, window.innerHeight - 32);
+  return {
+    left: Math.max(16, window.innerWidth - width - 16),
+    top: 56,
+    width,
+    height,
+    open: false,
+  };
+}
+
+export function defaultResourceFrame(): WindowFrame {
+  const pad = 16;
+  const width = Math.min(640, window.innerWidth - pad * 2);
+  const height = Math.min(480, window.innerHeight - pad * 2);
+  return {
+    left: Math.max(pad, window.innerWidth - width - pad),
+    top: Math.max(pad, window.innerHeight - height - pad),
+    width,
+    height,
+    open: false,
+  };
+}
+
+/** Default on the left so it can sit beside the Macintosh resource-fork viewer. */
+export function defaultWinResourceFrame(): WindowFrame {
+  const pad = 16;
+  const width = Math.min(640, window.innerWidth - pad * 2);
+  const height = Math.min(480, window.innerHeight - pad * 2);
+  return {
+    left: pad,
+    top: Math.max(pad, window.innerHeight - height - pad),
+    width,
+    height,
+    open: false,
+  };
+}
+
+function persistAll(all: WindowLayouts): void {
+  try {
+    localStorage.setItem(WINDOWS_STORAGE_KEY, JSON.stringify(all));
+  } catch {
+    /* quota / private mode */
+  }
+}
diff --git a/src/ui/window-resize.ts b/src/ui/window-resize.ts
index 823f335..93c63ae 100644
--- a/src/ui/window-resize.ts
+++ b/src/ui/window-resize.ts
@@ -1,132 +1,135 @@
-/** Bottom-right resize grip and title-bar move for Finder and floating windows. */
-
-interface ResizeOpts {
-  minWidth?: number;
-  minHeight?: number;
-}
-
-const resizeBound = new WeakSet<HTMLElement>();
-const moveBound = new WeakSet<HTMLElement>();
-const optsMap = new WeakMap<HTMLElement, { minWidth: number; minHeight: number }>();
-
-type ResizeDrag = { el: HTMLElement; w: number; h: number; x: number; y: number };
-type MoveDrag = { el: HTMLElement; left: number; top: number; x: number; y: number };
-let resize: ResizeDrag | null = null;
-let move: MoveDrag | null = null;
-let listening = false;
-let floatZ = 60;
-const FLOAT_Z_MAX = 69;
-const geometryListeners = new WeakMap<HTMLElement, () => void>();
-
-/** Bring a floating window above siblings. Finder uses `raise: false` and stays at z-index 20. */
-export function raiseFloatingWindow(el: HTMLElement): void {
-  floatZ = Math.min(floatZ + 1, FLOAT_Z_MAX);
-  el.style.zIndex = String(floatZ);
-}
-
-function ensureHandle(el: HTMLElement): void {
-  if (el.querySelector(':scope > .window-resize-handle')) return;
-  const handle = document.createElement('div');
-  handle.className = 'window-resize-handle';
-  handle.title = 'Resize';
-  handle.setAttribute('aria-hidden', 'true');
-  el.appendChild(handle);
-}
-
-function onPointerMove(e: PointerEvent): void {
-  if (resize) {
-    e.preventDefault();
-    const { minWidth, minHeight } = optsMap.get(resize.el) ?? { minWidth: 280, minHeight: 160 };
-    const w = Math.max(minWidth, resize.w + (e.clientX - resize.x));
-    const h = Math.max(minHeight, resize.h + (e.clientY - resize.y));
-    resize.el.style.width = `${Math.round(w)}px`;
-    resize.el.style.height = `${Math.round(h)}px`;
-    return;
-  }
-  if (!move) return;
-  e.preventDefault();
-  const pad = 8;
-  const left = Math.max(pad, Math.min(window.innerWidth - 40, move.left + (e.clientX - move.x)));
-  const top = Math.max(pad, Math.min(window.innerHeight - 40, move.top + (e.clientY - move.y)));
-  move.el.style.left = `${Math.round(left)}px`;
-  move.el.style.top = `${Math.round(top)}px`;
-}
-
-function isLocked(el: HTMLElement): boolean {
-  return el.classList.contains('is-maximized');
-}
-
-function notifyGeometry(el: HTMLElement): void {
-  geometryListeners.get(el)?.();
-}
-
-function onPointerUp(): void {
-  const el = resize?.el ?? move?.el ?? null;
-  resize = null;
-  if (move) {
-    move.el.classList.remove('is-dragging');
-    move = null;
-  }
-  if (el) notifyGeometry(el);
-}
-
-function ensureListeners(): void {
-  if (listening || typeof window === 'undefined') return;
-  listening = true;
-  window.addEventListener('pointermove', onPointerMove);
-  window.addEventListener('pointerup', onPointerUp);
-  window.addEventListener('pointercancel', onPointerUp);
-}
-
-export function enableWindowResize(el: HTMLElement, opts: ResizeOpts = {}): void {
-  optsMap.set(el, {
-    minWidth: opts.minWidth ?? 280,
-    minHeight: opts.minHeight ?? 160,
-  });
-  ensureHandle(el);
-  ensureListeners();
-  if (resizeBound.has(el)) return;
-  resizeBound.add(el);
-  el.addEventListener('pointerdown', (e) => {
-    const t = e.target as HTMLElement;
-    if (!t.closest('.window-resize-handle')) return;
-    if (isLocked(el)) return;
-    e.preventDefault();
-    e.stopPropagation();
-    const r = el.getBoundingClientRect();
-    el.dataset.userSized = '1';
-    resize = { el, w: r.width, h: r.height, x: e.clientX, y: e.clientY };
-    t.setPointerCapture?.(e.pointerId);
-  });
-}
-
-/** Persist size/position after a drag or resize finishes. */
-export function onWindowGeometryChange(el: HTMLElement, fn: () => void): void {
-  geometryListeners.set(el, fn);
-}
-
-/** Drag a floating window by its title chrome (ignores buttons and fields). */
-export function enableWindowMove(
-  el: HTMLElement,
-  chromeSelector: string,
-  opts: { raise?: boolean } = {},
-): void {
-  ensureListeners();
-  if (moveBound.has(el)) return;
-  moveBound.add(el);
-  const raise = opts.raise !== false;
-  el.addEventListener('pointerdown', (e) => {
-    if (raise) raiseFloatingWindow(el);
-    const t = e.target as HTMLElement;
-    if (t.closest('.window-resize-handle')) return;
-    if (isLocked(el)) return;
-    const chrome = t.closest(chromeSelector);
-    if (!chrome || !el.contains(chrome)) return;
-    if (t.closest('button, select, label, input, a')) return;
-    e.preventDefault();
-    const r = el.getBoundingClientRect();
-    move = { el, left: r.left, top: r.top, x: e.clientX, y: e.clientY };
-    el.classList.add('is-dragging');
-    el.setPointerCapture?.(e.pointerId);
-  });
-}
+import { menubarMinTop } from './window-layout';
+
+/** Bottom-right resize grip and title-bar move for Finder and floating windows. */
+
+interface ResizeOpts {
+  minWidth?: number;
+  minHeight?: number;
+}
+
+const resizeBound = new WeakSet<HTMLElement>();
+const moveBound = new WeakSet<HTMLElement>();
+const optsMap = new WeakMap<HTMLElement, { minWidth: number; minHeight: number }>();
+
+type ResizeDrag = { el: HTMLElement; w: number; h: number; x: number; y: number };
+type MoveDrag = { el: HTMLElement; left: number; top: number; x: number; y: number };
+let resize: ResizeDrag | null = null;
+let move: MoveDrag | null = null;
+let listening = false;
+let floatZ = 60;
+const FLOAT_Z_MAX = 69;
+const geometryListeners = new WeakMap<HTMLElement, () => void>();
+
+/** Bring a floating window above siblings. Finder uses `raise: false` and stays at z-index 20. */
+export function raiseFloatingWindow(el: HTMLElement): void {
+  floatZ = Math.min(floatZ + 1, FLOAT_Z_MAX);
+  el.style.zIndex = String(floatZ);
+}
+
+function ensureHandle(el: HTMLElement): void {
+  if (el.querySelector(':scope > .window-resize-handle')) return;
+  const handle = document.createElement('div');
+  handle.className = 'window-resize-handle';
+  handle.title = 'Resize';
+  handle.setAttribute('aria-hidden', 'true');
+  el.appendChild(handle);
+}
+
+function onPointerMove(e: PointerEvent): void {
+  if (resize) {
+    e.preventDefault();
+    const { minWidth, minHeight } = optsMap.get(resize.el) ?? { minWidth: 280, minHeight: 160 };
+    const w = Math.max(minWidth, resize.w + (e.clientX - resize.x));
+    const h = Math.max(minHeight, resize.h + (e.clientY - resize.y));
+    resize.el.style.width = `${Math.round(w)}px`;
+    resize.el.style.height = `${Math.round(h)}px`;
+    return;
+  }
+  if (!move) return;
+  e.preventDefault();
+  const pad = 8;
+  const minTop = menubarMinTop();
+  const left = Math.max(pad, Math.min(window.innerWidth - 40, move.left + (e.clientX - move.x)));
+  const top = Math.max(minTop, Math.min(window.innerHeight - 40, move.top + (e.clientY - move.y)));
+  move.el.style.left = `${Math.round(left)}px`;
+  move.el.style.top = `${Math.round(top)}px`;
+}
+
+function isLocked(el: HTMLElement): boolean {
+  return el.classList.contains('is-maximized');
+}
+
+function notifyGeometry(el: HTMLElement): void {
+  geometryListeners.get(el)?.();
+}
+
+function onPointerUp(): void {
+  const el = resize?.el ?? move?.el ?? null;
+  resize = null;
+  if (move) {
+    move.el.classList.remove('is-dragging');
+    move = null;
+  }
+  if (el) notifyGeometry(el);
+}
+
+function ensureListeners(): void {
+  if (listening || typeof window === 'undefined') return;
+  listening = true;
+  window.addEventListener('pointermove', onPointerMove);
+  window.addEventListener('pointerup', onPointerUp);
+  window.addEventListener('pointercancel', onPointerUp);
+}
+
+export function enableWindowResize(el: HTMLElement, opts: ResizeOpts = {}): void {
+  optsMap.set(el, {
+    minWidth: opts.minWidth ?? 280,
+    minHeight: opts.minHeight ?? 160,
+  });
+  ensureHandle(el);
+  ensureListeners();
+  if (resizeBound.has(el)) return;
+  resizeBound.add(el);
+  el.addEventListener('pointerdown', (e) => {
+    const t = e.target as HTMLElement;
+    if (!t.closest('.window-resize-handle')) return;
+    if (isLocked(el)) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const r = el.getBoundingClientRect();
+    el.dataset.userSized = '1';
+    resize = { el, w: r.width, h: r.height, x: e.clientX, y: e.clientY };
+    t.setPointerCapture?.(e.pointerId);
+  });
+}
+
+/** Persist size/position after a drag or resize finishes. */
+export function onWindowGeometryChange(el: HTMLElement, fn: () => void): void {
+  geometryListeners.set(el, fn);
+}
+
+/** Drag a floating window by its title chrome (ignores buttons and fields). */
+export function enableWindowMove(
+  el: HTMLElement,
+  chromeSelector: string,
+  opts: { raise?: boolean } = {},
+): void {
+  ensureListeners();
+  if (moveBound.has(el)) return;
+  moveBound.add(el);
+  const raise = opts.raise !== false;
+  el.addEventListener('pointerdown', (e) => {
+    if (raise) raiseFloatingWindow(el);
+    const t = e.target as HTMLElement;
+    if (t.closest('.window-resize-handle')) return;
+    if (isLocked(el)) return;
+    const chrome = t.closest(chromeSelector);
+    if (!chrome || !el.contains(chrome)) return;
+    if (t.closest('button, select, label, input, a')) return;
+    e.preventDefault();
+    const r = el.getBoundingClientRect();
+    move = { el, left: r.left, top: r.top, x: e.clientX, y: e.clientY };
+    el.classList.add('is-dragging');
+    el.setPointerCapture?.(e.pointerId);
+  });
+}
diff --git a/src/util/transfer-activity.test.ts b/src/util/transfer-activity.test.ts
index 53630b9..db8672f 100644
--- a/src/util/transfer-activity.test.ts
+++ b/src/util/transfer-activity.test.ts
@@ -92,6 +92,28 @@ describe('transferActivity', () => {
     transferActivity.clearFinished();
   });
 
+  it('tracks searching item counts without filling the progress bar', () => {
+    const id = transferActivity.start({ name: 'Docs', kind: 'folder', bytesTotal: 0 });
+    transferActivity.setFound(id, 3, 1500);
+    const job = transferActivity.list().find((j) => j.id === id)!;
+    expect(job.detail).toBe('Searching');
+    expect(job.itemsDone).toBe(3);
+    expect(job.bytesTotal).toBe(1500);
+    expect(job.bytesDone).toBe(0);
+    expect(transferActivity.aggregateProgress()).toEqual({
+      pct: 0,
+      running: true,
+      indeterminate: true,
+    });
+    transferActivity.setBytes(id, 0, 1500, '');
+    transferActivity.addBytes(id, 500);
+    const downloading = transferActivity.aggregateProgress();
+    expect(downloading.indeterminate).toBe(false);
+    expect(downloading.pct).toBe(33);
+    transferActivity.finish(id);
+    transferActivity.clearFinished();
+  });
+
   it('queues nested extract jobs and begins them later', () => {
     const parent = transferActivity.start({ name: 'Pack.sit', kind: 'file', bytesTotal: 80 });
     const [a, b] = transferActivity.startMany([
diff --git a/src/util/transfer-activity.ts b/src/util/transfer-activity.ts
index 4393c89..4d46ac1 100644
--- a/src/util/transfer-activity.ts
+++ b/src/util/transfer-activity.ts
@@ -3,14 +3,19 @@
 import { isAbortError, throwIfAborted } from './abort';
 import { AsyncSemaphore } from './async-semaphore';
 
+import type { NodeRef } from '../fs/catalog-caps';
+
 export type TransferKind = 'file' | 'folder';
 
 export type TransferStatus = 'queued' | 'running' | 'done' | 'error' | 'cancelled';
 
+/** Rate-column caption while a folder job is enumerating items before the copy/download. */
+export const TRANSFER_DETAIL_SEARCHING = 'Searching';
+
 /** Catalog subset used to delete a dest file left behind by a cancelled write. */
 export type TransferDest = {
-  lookup(parentId: number, name: string): Promise<{ id: number; isDir: boolean } | undefined>;
-  remove(id: number): Promise<void>;
+  lookup(parent: NodeRef, name: string): Promise<{ addr?: string; id?: number; path?: string; isDir: boolean } | undefined>;
+  remove(ref: NodeRef): Promise<void>;
 };
 
 export interface TransferJob {
@@ -19,6 +24,8 @@ export interface TransferJob {
   kind: TransferKind;
   bytesDone: number;
   bytesTotal: number;
+  /** Items found during Searching, or processed afterwards. */
+  itemsDone: number;
   rate: number;
   status: TransferStatus;
   error?: string;
@@ -52,7 +59,7 @@ type Listener = () => void;
 
 const FILE_ICON = '/icons/FILE16.png';
 
-type WriteLoc = { dest: TransferDest; parentId: number; name: string; kind?: TransferKind };
+type WriteLoc = { dest: TransferDest; parentId: NodeRef; name: string; kind?: TransferKind };
 
 type JobRec = TransferJob & {
   lastBytes: number;
@@ -126,6 +133,7 @@ class TransferActivity {
       if (j.parentId && this.jobs.has(j.parentId)) continue;
       if (j.status !== 'running') continue;
       running = true;
+      if (isSearchingJob(j)) continue;
       done += j.bytesDone;
       total += j.bytesTotal;
     }
@@ -186,7 +194,7 @@ class TransferActivity {
    * Dest folder + name for Finder overlay (the copy target, including folders).
    * Call as soon as the dest name is known so the item can appear before the write.
    */
-  setDest(id: string, dest: TransferDest, parentId: number, name: string, kind?: TransferKind): void {
+  setDest(id: string, dest: TransferDest, parentId: NodeRef, name: string, kind?: TransferKind): void {
     const j = this.jobs.get(id);
     if (!j || (j.status !== 'running' && j.status !== 'queued')) return;
     j.dests = [{ dest, parentId, name, kind }];
@@ -194,7 +202,7 @@ class TransferActivity {
   }
 
   /** Extra dest overlay (e.g. several top-level items from one archive). */
-  addDest(id: string, dest: TransferDest, parentId: number, name: string, kind?: TransferKind): void {
+  addDest(id: string, dest: TransferDest, parentId: NodeRef, name: string, kind?: TransferKind): void {
     const j = this.jobs.get(id);
     if (!j || (j.status !== 'running' && j.status !== 'queued')) return;
     const dests = j.dests ?? (j.dests = []);
@@ -215,7 +223,7 @@ class TransferActivity {
    * Remember the dest file currently being written so cancel can delete a
    * partial copy. Folder jobs should point this at the file in flight, not the folder.
    */
-  watchPartial(id: string, dest: TransferDest, parentId: number, name: string): void {
+  watchPartial(id: string, dest: TransferDest, parentId: NodeRef, name: string): void {
     this.setWriteFile(id, dest, parentId, name);
   }
 
@@ -223,7 +231,7 @@ class TransferActivity {
    * Overlay the dest file currently being written. Folder dest overlays on the
    * same job are kept so a parent listing still shows progress after enumerate.
    */
-  setWriteFile(id: string, dest: TransferDest, parentId: number, name: string): void {
+  setWriteFile(id: string, dest: TransferDest, parentId: NodeRef, name: string): void {
     const j = this.jobs.get(id);
     if (!j || (j.status !== 'running' && j.status !== 'queued')) return;
     const folders = (j.dests ?? []).filter((d) => (d.kind ?? j.kind) === 'folder');
@@ -234,7 +242,7 @@ class TransferActivity {
   }
 
   /** Running/queued writes targeting `parentId` in `dest` (top-level dest or in-flight file). */
-  writesIn(dest: TransferDest, parentId: number): TransferWriteProgress[] {
+  writesIn(dest: TransferDest, parentId: NodeRef): TransferWriteProgress[] {
     const out: TransferWriteProgress[] = [];
     const seen = new Set<string>();
     for (const j of this.jobs.values()) {
@@ -279,7 +287,10 @@ class TransferActivity {
     j.partial = undefined;
     try {
       const node = await partial.dest.lookup(partial.parentId, partial.name);
-      if (node && !node.isDir) await partial.dest.remove(node.id);
+      if (node && !node.isDir) {
+        const ref: NodeRef = node.path != null && node.addr === 'path' ? node.path : (node.id as number);
+        await partial.dest.remove(ref);
+      }
     } catch {
       /* dest may already be gone */
     }
@@ -330,6 +341,20 @@ class TransferActivity {
     this.emit();
   }
 
+  /**
+   * Searching-phase totals: item count and listed size so far. The progress
+   * bar stays indeterminate until setBytes starts the download.
+   */
+  setFound(id: string, items: number, bytes: number): void {
+    const j = this.jobs.get(id);
+    if (!j || (j.status !== 'running' && j.status !== 'queued')) return;
+    if (j.status === 'queued') j.status = 'running';
+    j.itemsDone = Math.max(0, items);
+    j.bytesTotal = Math.max(0, bytes);
+    j.detail = TRANSFER_DETAIL_SEARCHING;
+    this.emit();
+  }
+
   setDetail(id: string, detail: string): void {
     const j = this.jobs.get(id);
     if (!j || (j.status !== 'running' && j.status !== 'queued')) return;
@@ -412,6 +437,7 @@ class TransferActivity {
       kind: spec.kind,
       bytesDone: 0,
       bytesTotal: spec.bytesTotal ?? 0,
+      itemsDone: 0,
       rate: 0,
       status: spec.queued ? 'queued' : 'running',
       iconSrc: spec.iconSrc ?? (spec.kind === 'folder' ? '' : FILE_ICON),
@@ -430,9 +456,18 @@ class TransferActivity {
   }
 }
 
+function isSearchingJob(j: TransferJob): boolean {
+  return j.status === 'running' && j.detail === TRANSFER_DETAIL_SEARCHING;
+}
+
+/** True while a running job is enumerating items (zip download, folder copy prepare). */
+export function isTransferSearching(j: TransferJob): boolean {
+  return isSearchingJob(j);
+}
+
 function jobProgress(j: TransferJob): { pct: number; indeterminate: boolean } {
   if (j.status === 'queued') return { pct: 0, indeterminate: false };
-  if (j.bytesTotal <= 0) return { pct: 0, indeterminate: j.status === 'running' };
+  if (isSearchingJob(j) || j.bytesTotal <= 0) return { pct: 0, indeterminate: j.status === 'running' };
   return { pct: Math.min(100, Math.round((j.bytesDone / j.bytesTotal) * 100)), indeterminate: false };
 }
 
diff --git a/vite.config.ts b/vite.config.ts
index 301d9a4..d1bd30a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -34,6 +34,19 @@ function gitCommitShort(): string {
 
 /** Serve and copy ./icons → /icons for system Finder glyphs. */
 function iconsStaticPlugin(): Plugin {
+  const copyIconsTree = (srcDir: string, destDir: string): void => {
+    if (!fs.existsSync(srcDir)) return;
+    fs.mkdirSync(destDir, { recursive: true });
+    for (const name of fs.readdirSync(srcDir)) {
+      if (name === '.DS_Store') continue;
+      const src = path.join(srcDir, name);
+      const dest = path.join(destDir, name);
+      const st = fs.statSync(src);
+      if (st.isDirectory()) copyIconsTree(src, dest);
+      else if (st.isFile()) fs.copyFileSync(src, dest);
+    }
+  };
+
   return {
     name: 'classicstack-icons-static',
     configureServer(server) {
@@ -51,20 +64,16 @@ function iconsStaticPlugin(): Plugin {
           res.end('not found');
           return;
         }
-        res.setHeader('Content-Type', 'image/png');
+        const ext = path.extname(file).toLowerCase();
+        const type =
+          ext === '.gif' ? 'image/gif' : ext === '.svg' ? 'image/svg+xml' : 'image/png';
+        res.setHeader('Content-Type', type);
         res.setHeader('Cache-Control', 'public, max-age=86400');
         fs.createReadStream(file).pipe(res);
       });
     },
     closeBundle() {
-      const outDir = path.join(root, 'dist', 'icons');
-      fs.mkdirSync(outDir, { recursive: true });
-      for (const name of fs.readdirSync(iconsDir)) {
-        const src = path.join(iconsDir, name);
-        if (fs.statSync(src).isFile()) {
-          fs.copyFileSync(src, path.join(outDir, name));
-        }
-      }
+      copyIconsTree(iconsDir, path.join(root, 'dist', 'icons'));
     },
   };
 }

From f4730789dc40c46203efecca96b25fbf73a4a019 Mon Sep 17 00:00:00 2001
From: pgodwin <pgodwin@gmail.com>
Date: Fri, 21 Aug 2026 14:06:47 +1000
Subject: [PATCH 12/12] fix(afp): stop reopening a live session when mounting a
 share

Opening a share always failed with FPOpenVol UserNotAuth (-5023). A pcap
shows the client sending FPLogout + CloseSession, opening a fresh ASP
session, then issuing FPOpenVol on it with no FPLogin in between.

connectServerWithLogin has a fast path for endpoints already in
loggedInEndpoints that calls beginRemote purely to refresh the server name
and volume list, then mounts the volume without logging in again. That
holds for the Go SPA host, where the session lives server-side and
beginRemote is a cheap query. On the web PWA the session lives in the
browser, so beginRemote's unconditional close() threw the login away.

- afp-finder-host: beginRemote reuses a live authenticated session for the
  same endpoint instead of tearing it down, and reports the volumes it
  already knows rather than a hardcoded empty list.
- finder-window: only overwrite knownVolumes when beginRemote returns a
  non-empty list, so the cached volume list survives a fast-path connect.
- finder-window: a failed mount now drops the cached login and falls
  through to the sign-in loop, so a session the server timed out no longer
  leaves the share unopenable until the user disconnects by hand.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/finder/afp-finder-host.test.ts | 90 ++++++++++++++++++++++++++++++
 src/finder/afp-finder-host.ts      | 27 +++++++--
 src/ui/finder-window.ts            | 50 ++++++++++-------
 3 files changed, 143 insertions(+), 24 deletions(-)
 create mode 100644 src/finder/afp-finder-host.test.ts

diff --git a/src/finder/afp-finder-host.test.ts b/src/finder/afp-finder-host.test.ts
new file mode 100644
index 0000000..8495d55
--- /dev/null
+++ b/src/finder/afp-finder-host.test.ts
@@ -0,0 +1,90 @@
+import { describe, expect, it, vi } from 'vitest';
+import { AfpFinderHost, type AfpFinderUi } from './afp-finder-host';
+import type { AfpClient } from '../services/afp-client/client';
+import type { AtpClient } from '../services/atp-client';
+import type { VirtualFS } from '../fs/virtual-fs';
+import type { RemoteEndpoint } from '../ui/finder-host';
+
+const ep: RemoteEndpoint = { id: 'Mac Classic', kind: 'afp', title: 'Mac Classic' };
+
+function fakeClient(over?: Partial<AfpClient>): AfpClient {
+  return {
+    loggedIn: true,
+    serverName: 'Mac Classic',
+    uams: ['Cleartxt passwrd', 'Randnum exchange'],
+    volumes: [{ flags: 0, name: 'OpenRetroSCSI 7.5.3' }],
+    close: vi.fn(async () => undefined),
+    ...over,
+  } as unknown as AfpClient;
+}
+
+function host(): AfpFinderHost {
+  const ui = {
+    finder: {
+      setStatus: vi.fn(),
+      setServers: vi.fn(),
+      setNetworkScanning: vi.fn(),
+      unmountRemote: vi.fn(),
+    },
+    login: {} as AfpFinderUi['login'],
+    alert: {} as AfpFinderUi['alert'],
+    nameConflict: {} as AfpFinderUi['nameConflict'],
+  } satisfies AfpFinderUi;
+  const h = new AfpFinderHost({} as never, {} as VirtualFS, ui);
+  h.atp = {} as AtpClient;
+  return h;
+}
+
+describe('AfpFinderHost.beginRemote', () => {
+  it('reuses a live authenticated session instead of logging it out', async () => {
+    const h = host();
+    const client = fakeClient();
+    h.remote = client;
+    h.remoteNbpName = 'Mac Classic';
+    const lookup = vi.fn(async () => []);
+    h.nbp = { lookup } as never;
+
+    const info = await h.beginRemote(ep);
+
+    expect(client.close).not.toHaveBeenCalled();
+    expect(lookup).not.toHaveBeenCalled();
+    expect(h.remote).toBe(client);
+    expect(info.serverName).toBe('Mac Classic');
+    expect(info.volumes).toEqual(['OpenRetroSCSI 7.5.3']);
+    expect(info.uams).toEqual(['Cleartxt passwrd', 'Randnum exchange']);
+  });
+
+  it('matches the open session by endpoint title as well as id', async () => {
+    const h = host();
+    h.remote = fakeClient();
+    h.remoteNbpName = 'Mac Classic';
+    const lookup = vi.fn(async () => []);
+    h.nbp = { lookup } as never;
+
+    await h.beginRemote({ id: '0.2:252', kind: 'afp', title: 'mac classic' });
+
+    expect(lookup).not.toHaveBeenCalled();
+  });
+
+  it('reconnects when the session was never authenticated', async () => {
+    const h = host();
+    const client = fakeClient({ loggedIn: false });
+    h.remote = client;
+    h.remoteNbpName = 'Mac Classic';
+    h.nbp = { lookup: vi.fn(async () => []) } as never;
+
+    await expect(h.beginRemote(ep)).rejects.toThrow(/is not on the network/);
+  });
+
+  it('reconnects when the endpoint is a different server', async () => {
+    const h = host();
+    const client = fakeClient();
+    h.remote = client;
+    h.remoteNbpName = 'Mac Classic';
+    h.nbp = { lookup: vi.fn(async () => []) } as never;
+
+    await expect(
+      h.beginRemote({ id: 'Other Mac', kind: 'afp', title: 'Other Mac' }),
+    ).rejects.toThrow(/is not on the network/);
+  });
+});
diff --git a/src/finder/afp-finder-host.ts b/src/finder/afp-finder-host.ts
index 4bfc891..7816030 100644
--- a/src/finder/afp-finder-host.ts
+++ b/src/finder/afp-finder-host.ts
@@ -127,6 +127,14 @@ export class AfpFinderHost implements FinderHost {
 
   async beginRemote(ep: RemoteEndpoint): Promise<SessionInfo> {
     if (!this.atp) throw new Error('not connected');
+    // Callers re-enter this to refresh a server’s name and volumes. Opening a
+    // second ASP session would log the first one out, so a live authenticated
+    // session answers from what it already knows — otherwise the next FPOpenVol
+    // lands on a fresh unauthenticated session and comes back UserNotAuth.
+    if (this.remote?.loggedIn && this.matchesRemote(ep)) {
+      log.trace(`AFP session to “${this.remoteNbpName}” still open; reusing it`, 'afp');
+      return this.sessionInfo(this.remote);
+    }
     const list = this.nbp ? await this.nbp.lookup('=', 'AFPServer') : [];
     const h =
       list.find((x) => x.object === ep.id || x.object === ep.title) ??
@@ -137,11 +145,22 @@ export class AfpFinderHost implements FinderHost {
     this.remote = await AfpClient.openSession(this.atp, h.network, h.node, h.socket || asp.DefaultSLS);
     this.remoteNbpName = h.object;
     this.attachRemoteNotices(this.remote);
+    return this.sessionInfo(this.remote);
+  }
+
+  /** Does `ep` name the server the current session is open to? */
+  private matchesRemote(ep: RemoteEndpoint): boolean {
+    const name = this.remoteNbpName;
+    if (!name) return false;
+    return name === ep.id || name === ep.title || name.toLowerCase() === ep.title.toLowerCase();
+  }
+
+  private sessionInfo(client: AfpClient): SessionInfo {
     return {
-      serverName: this.remote.serverName,
-      volumes: [],
-      allowGuest: this.remote.uams.some((u) => /no user authent/i.test(u)),
-      uams: this.remote.uams,
+      serverName: client.serverName,
+      volumes: client.volumes.map((v) => v.name),
+      allowGuest: client.uams.some((u) => /no user authent/i.test(u)),
+      uams: client.uams,
     };
   }
 
diff --git a/src/ui/finder-window.ts b/src/ui/finder-window.ts
index 4f0f596..dba42b4 100644
--- a/src/ui/finder-window.ts
+++ b/src/ui/finder-window.ts
@@ -4606,7 +4606,7 @@ export class FinderWindow extends HTMLElement {
         this.remoteLoggedIn = true;
         try {
           const info = await this.host.beginRemote(s);
-          this.knownVolumes.set(s.id, [...(info.volumes ?? [])]);
+          if (info.volumes.length) this.knownVolumes.set(s.id, [...info.volumes]);
           this.adoptEndpoint(s, { title: info.serverName || s.title });
         } catch {
           /* keep cached volumes */
@@ -4616,29 +4616,39 @@ export class FinderWindow extends HTMLElement {
           this.remoteVolumes = [...this.remoteVolumes, wantVol];
           this.knownVolumes.set(s.id, [...this.remoteVolumes]);
         }
-        if (wantVol) {
-          await this.mountRemoteVolume(wantVol);
+        if (!wantVol) {
+          if (isCatalogEndpoint(s)) {
+            try {
+              await this.openCatalogVolume(s);
+              ok = true;
+              return true;
+            } catch (err) {
+              const msg = err instanceof Error ? err.message : String(err);
+              log.error(`Open volume failed: ${msg}`, s.kind);
+              this.setStatus(`Open volume failed: ${msg}`);
+              await this.restoreAfterFailedConnect();
+              return false;
+            }
+          }
+          this.remoteOpen = false;
+          this.renderSidebar();
+          await this.restoreListingIfIdle();
           ok = true;
           return true;
         }
-        if (isCatalogEndpoint(s)) {
-          try {
-            await this.openCatalogVolume(s);
-            ok = true;
-            return true;
-          } catch (err) {
-            const msg = err instanceof Error ? err.message : String(err);
-            log.error(`Open volume failed: ${msg}`, s.kind);
-            this.setStatus(`Open volume failed: ${msg}`);
-            await this.restoreAfterFailedConnect();
-            return false;
-          }
+        try {
+          await this.mountRemoteVolume(wantVol);
+          ok = true;
+          return true;
+        } catch (err) {
+          // The remembered login is no longer good — the server dropped the
+          // session, or the host had to reopen it. Sign in again rather than
+          // leaving the share unopenable until the user disconnects by hand.
+          const msg = err instanceof Error ? err.message : String(err);
+          log.warn(`Cached session for “${s.title}” is stale (${msg}); signing in again`, s.kind);
+          this.loggedInEndpoints.delete(s.id);
+          await this.host.closeRemote().catch(() => undefined);
         }
-        this.remoteOpen = false;
-        this.renderSidebar();
-        await this.restoreListingIfIdle();
-        ok = true;
-        return true;
       }
 
       log.info(`Connecting to ${s.kind} “${s.title}” (${s.id})`, s.kind);