Move settings into a standalone Settings window

The tab-bar popover had outgrown itself. Settings now open in their own
native window (a fourth window kind, built like the connection manager but
not modal): a sidebar with Appearance, Transfers, Editor, File list and
About, holding every popover row plus the visible-columns choice. Each
control is an ordinary settings save, so the other windows follow live
while it stays open.

The gear button in the tab bar, Ctrl+, and the macOS app menu's
"Settings..." (Cmd+,) open it. On macOS Cmd+W arrives as the main window's
close-tab menu action, so bun closes the focused Settings window first
instead of a main-window tab.

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

ui/src/app/core/context-menu.service.ts

@@ -5,7 +5,7 @@ import { IS_MAC, IS_WINDOWS, MOD_LABEL } from './platform';
 import { RpcService } from './rpc.service';
 
 /** Optional list columns, in display order (Name is fixed). */
-const COLUMN_KEYS: ColumnKey[] = ['size', 'mtime', 'kind', 'rights', 'owner', 'group'];
+export const COLUMN_KEYS: ColumnKey[] = ['size', 'mtime', 'kind', 'rights', 'owner', 'group'];
 
 export interface MenuItem {
   type?: 'separator';

ui/src/app/core/icons.ts

@@ -18,7 +18,6 @@ import {
   tdesignDelete,
   tdesignDownload,
   tdesignEdit,
-  tdesignEllipsis,
   tdesignFile,
   tdesignFile1,
   tdesignFileAdd,
@@ -54,7 +53,6 @@ export const APP_ICONS = {
   tdesignDelete,
   tdesignDownload,
   tdesignEdit,
-  tdesignEllipsis,
   tdesignFile,
   tdesignFile1,
   tdesignFileAdd,

ui/src/app/core/platform.ts

@@ -7,7 +7,7 @@ declare global {
   interface Window {
     __APP_PLATFORM?: string;
     /** Which root component this window boots. */
-    __APP_MODE?: 'main' | 'editor' | 'manager';
+    __APP_MODE?: 'main' | 'editor' | 'manager' | 'settings';
     /** Window-kind specific context (EditorOpenContext for editor windows). */
     __APP_CTX?: unknown;
   }
@@ -25,7 +25,7 @@ export const IS_LINUX = PLATFORM === 'linux';
 export const MOD_LABEL = IS_MAC ? '⌘' : 'Ctrl+';
 export const ALT_LABEL = IS_MAC ? '⌥' : 'Alt+';
 
-export const APP_MODE: 'main' | 'editor' | 'manager' =
+export const APP_MODE: 'main' | 'editor' | 'manager' | 'settings' =
   typeof window !== 'undefined' ? (window.__APP_MODE ?? 'main') : 'main';
 
 export const EDITOR_CONTEXT =

ui/src/app/core/shortcuts.service.ts

@@ -13,6 +13,7 @@ export type ShortcutId =
   | 'cycle-tab'
   | 'cycle-tab-back'
   | 'go-to-tab' // 1-9; the digit rides in ShortcutMatch.digit
+  | 'open-settings'
   // editor window
   | 'save'
   | 'find'
@@ -29,11 +30,11 @@ export interface ShortcutMatch {
   digit?: number;
 }
 
-/** Which keymap a window consults. 'manager' answers only to the any-window
- *  shortcuts (scale). Escape/Tab stay component-local: their meaning is
- *  contextual state (find bar open? close prompt up? which pane?), not a
+/** Which keymap a window consults. 'manager' and 'settings' answer only to the
+ *  any-window shortcuts (scale). Escape/Tab stay component-local: their meaning
+ *  is contextual state (find bar open? close prompt up? which pane?), not a
  *  global binding. */
-export type ShortcutScope = 'main' | 'editor' | 'manager';
+export type ShortcutScope = 'main' | 'editor' | 'manager' | 'settings';
 
 /**
  * The keyboard layer: modifier helpers + one declarative keymap.
@@ -83,9 +84,11 @@ export class ShortcutsService {
       if (event.code === 'Digit0' || event.code === 'Numpad0') return { id: 'scale-reset' };
     }
 
-    if (scope === 'manager') return null; // any-window shortcuts only
+    if (scope === 'manager' || scope === 'settings') return null; // any-window shortcuts only
 
     if (scope === 'main') {
+      // on macOS the app menu's ⌘, intercepts first; this is the Windows/Linux path
+      if (mod && key === ',') return { id: 'open-settings' };
       if (mod && key === 't') return { id: 'new-tab' };
       if (mod && key === 'w') return { id: 'close-tab' };
       // ctrlKey only, never meta: ⌘Tab is the macOS app switcher