zidane-ui 9.1.1 → 9.1.3

package/src/settings/headless/layout.ts

@@ -1,732 +0,0 @@
-/**
- * Zidane's settings layout, as data: the six nav entries (General, Agent,
- * Extensions, Interface, Accounts, Advanced) and their sub-pages, each page either a list of sections of rows or one panel an app
- * draws. Everything else reads this table: `SettingsRowsPage` renders a page
- * of rows, search indexes it (`search.ts`), the placement test checks it
- * gives every catalog setting one home, and the website's desktop reference
- * documents it (`website/plugins/desktop-reference/settings.ts`, which
- * evaluates the constants statically: keep them plain literals).
- */
-import type { Settings } from 'zidane/chat';
-
-import type { SettingsSearchEntry } from './registry';
-
-/** Pages of rows. */
-export type SettingsSectionsPageId = 'general' | 'agent' | 'interface' | 'advanced';
-
-/** The rail's entries. */
-export type SettingsTopId = SettingsSectionsPageId | 'accounts' | 'extensions';
-
-/** Pages drawn by one panel component, mounted on first visit and then kept alive (their async state survives). */
-export type SettingsPanelId =
-  | 'instructions'
-  | 'skills'
-  | 'mcp'
-  | 'plugins'
-  | 'extensions'
-  | 'environments'
-  | 'appearance'
-  | 'editor'
-  | 'keybindings'
-  | 'accounts'
-  | 'hosts'
-  | 'logs'
-  | 'performance';
-
-/** Every page's id. */
-export type SettingsTabId = SettingsSectionsPageId | SettingsPanelId;
-
-/** Rows that aren't a table toggle or choice: a model picker, or the agent defaults. */
-export type SettingsCustomRowId =
-  'agentDefaults' | 'textModel' | 'decisionModel' | 'compactionModel' | 'clearSiteData' | 'conversationPresets';
-
-/** Host actions (`SettingsAction.id`, wired by the app): a row that opens a flow of its own. */
-export type SettingsActionId = 'claude-import' | 'safelist';
-
-/** A host action's row: the host owns the flow (a full modal), the layout places it. */
-export interface SettingsAction {
-  /** Which action row it fills. */
-  id: SettingsActionId;
-  /** The row's label. */
-  label: string;
-  /** The row's description. */
-  description: string;
-  /** The row's icon class. */
-  icon: string;
-  /** Opens the app's flow. */
-  onSelect: () => void;
-}
-
-/** One row of a section: a catalog key, a custom row the app draws, or an app action. */
-export type SettingsRow =
-  /** A row of the catalog (`SETTINGS_TOGGLES` / `SETTINGS_CHOICES`). */
-  | { key: keyof Settings }
-  | { custom: SettingsCustomRowId; search?: readonly SettingsSearchEntry[]; localOnly?: true }
-  | { action: SettingsActionId };
-
-/** Status lines an app draws under a section (`SettingsRowsPage`'s `notes`): the terminals' daemon, how the app updates. */
-export type SettingsSectionNoteId = 'terminalDaemon' | 'updates';
-
-/** One titled section of a page of rows. */
-export type SettingsPageSection =
-  | {
-      title: string;
-      rows: readonly SettingsRow[];
-      /** A status line under the section. */
-      note?: SettingsSectionNoteId;
-    }
-  /** A component that draws its own sections (Spaces). */
-  | { title: string; panel: 'spaces'; search: readonly SettingsSearchEntry[]; localOnly?: true };
-
-interface PageBase {
-  label: string;
-  icon: string;
-  /** Under the title in the header. */
-  description: string;
-  /** Under the title on a server's settings, where `description` would name this computer. `{host}`: the server's name. */
-  serverDescription?: string;
-  /** A sub-page: listed under this entry. */
-  parent?: SettingsTopId;
-  /** Composes this computer's files: not offered while editing a server. */
-  localOnly?: true;
-}
-
-/** A page of sections of rows. */
-export interface SettingsSectionsPage extends PageBase {
-  /** The page's id. */
-  id: SettingsSectionsPageId;
-  /** Its sections, in order. */
-  sections: readonly SettingsPageSection[];
-}
-
-/** A page one panel component draws; `search` stands in for its rows, which it loads lazily. */
-export interface SettingsPanelPage extends PageBase {
-  /** The page's id. */
-  id: SettingsPanelId;
-  /** Table settings the panel draws among its own rows: searched like any table row. */
-  keys?: readonly (keyof Settings)[];
-  /** What search finds on it: the page itself first, then its rows. */
-  search: readonly SettingsSearchEntry[];
-}
-
-/** A page of the layout. */
-export type SettingsPage = SettingsSectionsPage | SettingsPanelPage;
-
-/** Table choices no page places: TUI-only (`targetFps`) or drawn by Appearance (`theme`). */
-export const HIDDEN_TABLE_KEYS = ['theme', 'targetFps'] as const;
-
-const GENERAL: SettingsSectionsPage = {
-  id: 'general',
-  label: 'General',
-  icon: 'i-ph-faders-horizontal',
-  description: 'Sessions, updates, notifications and spaces.',
-  sections: [
-    { title: 'Sessions', rows: [{ key: 'resumeLastSession' }, { key: 'durability' }] },
-    { title: 'Updates', rows: [{ key: 'checkForUpdates' }, { key: 'autoInstallUpdates' }], note: 'updates' },
-    { title: 'Notifications', rows: [{ key: 'notifications' }, { key: 'notificationSound' }] },
-    {
-      title: 'Spaces',
-      panel: 'spaces',
-      localOnly: true,
-      search: [
-        {
-          label: 'Spaces',
-          description: 'Group sessions into spaces, each with its own icon and defaults for new sessions.',
-          key: 'spaces',
-          keywords: ['personal', 'work'],
-        },
-      ],
-    },
-    { title: 'Import', rows: [{ action: 'claude-import' }] },
-  ],
-};
-
-const AGENT: SettingsSectionsPage = {
-  id: 'agent',
-  label: 'Agent',
-  icon: 'i-ph-robot',
-  description: 'What new sessions start on, the helper models, approvals and limits.',
-  sections: [
-    {
-      title: 'Defaults',
-      rows: [
-        {
-          custom: 'agentDefaults',
-          localOnly: true,
-          search: [
-            {
-              label: 'Default agent',
-              description: 'The agent new sessions start on.',
-              key: 'agentDefaults',
-              keywords: ['build', 'plan', 'mode', 'profile'],
-            },
-            {
-              label: 'Default model',
-              description: 'The model new sessions start on.',
-              key: 'agentDefaults',
-              keywords: ['opus', 'sonnet', 'gpt'],
-            },
-            {
-              label: 'Effort and options',
-              description: 'The effort and options new sessions start with.',
-              key: 'agentDefaults',
-              keywords: ['reasoning', 'thinking', 'fast'],
-            },
-          ],
-        },
-        { key: 'interactionMode' },
-      ],
-    },
-    {
-      title: 'Helper models',
-      rows: [
-        {
-          custom: 'textModel',
-          search: [
-            {
-              label: 'Text model',
-              description: 'The model that writes titles, commit messages and other short text.',
-              key: 'textModel',
-              keywords: ['title', 'commit message', 'helper'],
-            },
-          ],
-        },
-        { key: 'decisions' },
-        { custom: 'decisionModel' },
-        { key: 'autoTitle' },
-        { key: 'runEstimates' },
-        {
-          custom: 'compactionModel',
-          search: [
-            {
-              label: 'Compaction model',
-              description: 'The model that writes summaries. Defaults to the main model.',
-              key: 'compactionModel',
-              keywords: ['compact', 'summarize'],
-            },
-          ],
-        },
-        { key: 'subagentModels' },
-        { key: 'imageGeneration' },
-      ],
-    },
-    {
-      title: 'Approvals & safety',
-      rows: [
-        { key: 'approvalMode' },
-        { action: 'safelist' },
-        { key: 'sandbox' },
-        { key: 'sandboxNetwork' },
-        { key: 'loadProjectExtensions' },
-        { key: 'importForeignConfigs' },
-        { key: 'importRulerConfigs' },
-      ],
-    },
-    {
-      title: 'Context & limits',
-      rows: [
-        { key: 'autoCompact' },
-        { key: 'autoCompactThreshold' },
-        { key: 'userInstructionsScope' },
-        { key: 'maxTurns' },
-        { key: 'maxCostUsd' },
-        { key: 'maxTotalTokens' },
-        { key: 'maxWallMinutes' },
-        { key: 'maxParallelSubagents' },
-      ],
-    },
-    {
-      title: 'Agent tools',
-      rows: [
-        { key: 'terminalAgent' },
-        { key: 'terminalAgentTasks' },
-        { key: 'browserAgent' },
-        { key: 'webSearch' },
-        { key: 'codemode' },
-      ],
-    },
-  ],
-};
-
-const INTERFACE: SettingsSectionsPage = {
-  id: 'interface',
-  label: 'Interface',
-  icon: 'i-ph-app-window',
-  description: 'The conversation, composer, sidebar, terminals, browser and git.',
-  sections: [
-    {
-      title: 'Conversation',
-      rows: [
-        {
-          custom: 'conversationPresets',
-          search: [
-            {
-              label: 'Conversation preset',
-              description: 'Focused, Balanced or Detailed, with a preview of each.',
-              keywords: ['transcript', 'output', 'focused', 'balanced', 'detailed'],
-            },
-          ],
-        },
-        { key: 'transcriptDensity' },
-        { key: 'showRowIcons' },
-        { key: 'showThinking' },
-        { key: 'thinkingAutoExpand' },
-        { key: 'showRunReceipt' },
-        { key: 'hideSubagentOutput' },
-        { key: 'showCacheNotices' },
-        { key: 'showTodoIndicator' },
-        { key: 'artifacts' },
-        { key: 'preserveScroll' },
-        { key: 'renderDiagrams' },
-      ],
-    },
-    {
-      title: 'Tool activity',
-      rows: [
-        { key: 'toolCallDisplay' },
-        { key: 'showToolResults' },
-        { key: 'showEditDiffs' },
-        { key: 'showToolAttachments' },
-        { key: 'groupToolCalls' },
-        { key: 'showFullShellOutput' },
-        { key: 'codemodeShowCalls' },
-      ],
-    },
-    { title: 'Streaming', rows: [{ key: 'smoothStreaming' }, { key: 'showThrobber' }] },
-    {
-      title: 'Composer',
-      rows: [
-        { key: 'queueMessages' },
-        { key: 'attachmentsEnabled' },
-        { key: 'inlineAutocomplete' },
-        { key: 'promptSuggestions' },
-      ],
-    },
-    {
-      title: 'Sidebar & usage',
-      rows: [{ key: 'sidebarRunDetails' }, { key: 'subscriptionUsage' }, { key: 'showUsageIndicator' }],
-    },
-    {
-      title: 'Terminal & browser',
-      rows: [
-        { key: 'terminal' },
-        { key: 'closeTerminalOnCleanExit' },
-        { key: 'browser' },
-        { key: 'browserAutoShow' },
-        {
-          custom: 'clearSiteData',
-          search: [
-            {
-              label: 'Clear site data for this project',
-              description: 'Logins, cookies, storage and cache of the pages opened in this project.',
-              key: 'clearSiteData',
-              keywords: ['cookies', 'browser'],
-            },
-          ],
-        },
-      ],
-      note: 'terminalDaemon',
-    },
-    { title: 'Git', rows: [{ key: 'confirmGitSync' }] },
-  ],
-};
-
-const ACCOUNTS: SettingsPanelPage = {
-  id: 'accounts',
-  label: 'Accounts',
-  icon: 'i-ph-key',
-  description: 'Keys and sign-ins, saved in ~/.zidane/credentials.json and shared with the CLI.',
-  serverDescription: 'Keys and sign-ins saved on {host}.',
-  search: [
-    {
-      label: 'Accounts',
-      description: 'Sign in to providers with API keys or OAuth.',
-      keywords: ['authentication', 'api key', 'oauth', 'login'],
-    },
-  ],
-};
-
-const ADVANCED: SettingsSectionsPage = {
-  id: 'advanced',
-  label: 'Advanced',
-  icon: 'i-ph-flask',
-  description: 'Experimental features and the agent loop internals.',
-  sections: [
-    {
-      title: 'Experimental',
-      rows: [{ key: 'useDaemon' }, { key: 'remoteHosts' }, { key: 'orchestration' }, { key: 'projectHome' }],
-    },
-    {
-      title: 'Agent internals',
-      rows: [
-        { key: 'persistToolResults' },
-        { key: 'stableToolList' },
-        { key: 'freezeSessionPrompt' },
-        { key: 'compactBeforeCacheExpiry' },
-        { key: 'compactToolCatalog' },
-        { key: 'thinkingBinding' },
-        { key: 'maxOutputTokens' },
-        { key: 'resumeOnMaxTokens' },
-        { key: 'retryMaxAttempts' },
-      ],
-    },
-  ],
-};
-
-/**
- * Every page: the rail's entries in order, then the sub-pages (each listed
- * under its `parent`). Extensions is an entry of its own, after Agent: the
- * extensions' settings entries list under it (`useExtensionSettingsSections`).
- * One flat literal: the website's evaluator skips spreads.
- */
-export const SETTINGS_PAGES: readonly SettingsPage[] = [
-  GENERAL,
-  AGENT,
-  {
-    id: 'extensions',
-    label: 'Extensions',
-    icon: 'i-ph-puzzle-piece',
-    description: 'Project and user extensions. Choose which ones can run.',
-    search: [{ label: 'Extensions', description: 'Choose which extensions run.' }],
-  },
-  INTERFACE,
-  ACCOUNTS,
-  ADVANCED,
-  {
-    id: 'instructions',
-    parent: 'agent',
-    label: 'Instructions',
-    icon: 'i-ph-file-text',
-    description: "What the session's agent reads, each part with its source.",
-    localOnly: true,
-    search: [{ label: 'Instructions', description: 'Each part of the system prompt with its source.' }],
-  },
-  {
-    id: 'skills',
-    parent: 'agent',
-    label: 'Skills',
-    icon: 'i-ph-book-bookmark',
-    description: 'Project and user skills. Choose which ones the agent can use.',
-    search: [{ label: 'Skills', description: 'Choose which skills the agent can use.' }],
-  },
-  {
-    id: 'mcp',
-    parent: 'agent',
-    label: 'MCP servers',
-    icon: 'i-ph-lightning',
-    description: "Servers from your mcps.json and the project's. Test one to check that it connects.",
-    serverDescription: "Servers from {host}'s mcps.json and the project's. Test one to check that it connects.",
-    search: [{ label: 'MCP servers', description: 'Turn MCP servers on or off, test their tools and sign in.' }],
-  },
-  {
-    id: 'plugins',
-    parent: 'agent',
-    label: 'Plugins',
-    icon: 'i-ph-squares-four',
-    description: 'Agent Plugins and the skills and MCP servers they bring.',
-    search: [
-      {
-        label: 'Plugins',
-        description: 'Choose which Agent Plugins load, with their skills and MCP servers.',
-      },
-    ],
-  },
-  {
-    id: 'environments',
-    parent: 'agent',
-    label: 'Environments',
-    icon: 'i-ph-cube',
-    description: 'Where sessions run: this computer, a git worktree or a sandbox provider.',
-    localOnly: true,
-    search: [
-      {
-        label: 'Environments',
-        description: 'Where new sessions run: worktrees, the OS sandbox and sandbox providers.',
-      },
-      { label: 'Worktree', description: 'Run a session on its own branch in a git worktree.' },
-    ],
-  },
-  {
-    id: 'appearance',
-    parent: 'interface',
-    label: 'Appearance',
-    icon: 'i-ph-paint-brush',
-    description: 'Themes, colors, fonts, size and motion on this computer.',
-    // One entry per row (the page itself first, without a key): what search finds and the rail counts.
-    search: [
-      {
-        label: 'Appearance',
-        description: 'Light and dark mode, themes, accent, app icon, contrast, fonts and size.',
-      },
-      {
-        label: 'Mode',
-        description: 'Light, dark, or follow the system.',
-        key: 'mode',
-        keywords: ['dark mode', 'light mode', 'system'],
-      },
-      {
-        label: 'Dark theme',
-        description: 'The theme in dark mode, including extension themes.',
-        key: 'darkTheme',
-        keywords: ['theme', 'color', 'colors', 'dark mode', 'palette'],
-      },
-      {
-        label: 'Light theme',
-        description: 'The theme in light mode, including extension themes.',
-        key: 'lightTheme',
-        keywords: ['theme', 'color', 'colors', 'light mode', 'palette'],
-      },
-      {
-        label: 'Code theme',
-        description: 'The syntax colors of code and diffs in dark mode.',
-        key: 'codeTheme',
-        keywords: ['syntax', 'highlighting', 'shiki'],
-      },
-      {
-        label: 'Light code theme',
-        description: 'The syntax colors of code and diffs in light mode.',
-        key: 'codeTheme',
-        keywords: ['syntax', 'highlighting', 'shiki'],
-      },
-      { label: 'Accent', description: 'The highlight color.', key: 'accent', keywords: ['color'] },
-      {
-        label: 'App icon',
-        description: 'The icon in the Dock and in Finder.',
-        key: 'appIcon',
-        keywords: ['icon', 'dock', 'logo', 'midnight', 'modern', 'chrome', 'holographic'],
-      },
-      {
-        label: 'Text contrast',
-        description: 'Lower softens, higher sharpens.',
-        key: 'contrast',
-        keywords: ['contrast'],
-      },
-      { label: 'Interface font', description: 'Sidebar and controls.', key: 'fonts', keywords: ['typeface'] },
-      { label: 'Chat font', description: 'Messages.', key: 'fonts', keywords: ['typeface'] },
-      { label: 'Prompt font', description: 'Composer.', key: 'fonts', keywords: ['typeface'] },
-      { label: 'Code font', description: 'Code, diffs, paths.', key: 'fonts', keywords: ['typeface', 'monospace'] },
-      { label: 'Chat text', description: 'Size of the messages.', key: 'sizes', keywords: ['font size'] },
-      {
-        label: 'Prompt text',
-        description: 'Size of what you type in the composer.',
-        key: 'sizes',
-        keywords: ['font size'],
-      },
-      { label: 'Code size', description: 'Size of code, diffs and paths.', key: 'sizes', keywords: ['font size'] },
-      { label: 'Interface size', description: 'Scale of the whole window.', key: 'sizes', keywords: ['zoom', 'scale'] },
-      {
-        label: 'Motion',
-        description: 'How much the interface animates.',
-        key: 'motion',
-        keywords: ['animation', 'reduced motion'],
-      },
-      {
-        label: 'Spring animations',
-        description: 'Panels, menus and indicators settle with a slight bounce.',
-        key: 'motion',
-        keywords: ['animation', 'springs'],
-      },
-      {
-        label: 'Panel animation',
-        description: 'How long panels take to open and close.',
-        key: 'motion',
-        keywords: ['animation'],
-      },
-    ],
-  },
-  {
-    id: 'editor',
-    parent: 'interface',
-    label: 'Files & editor',
-    icon: 'i-ph-note-pencil',
-    description: 'Where files open and how the Files panel edits them.',
-    keys: ['openIn'],
-    // One entry per row besides the table's `openIn`: what search finds and the rail counts.
-    search: [
-      {
-        label: 'File tree side',
-        description: 'Left or right of the Files panel.',
-        key: 'filesTreeSide',
-        keywords: ['files', 'tree', 'left', 'right', 'layout', 'explorer'],
-      },
-      {
-        label: 'Edit files in the panel',
-        description: 'Type in the viewer. ⌘S saves.',
-        key: 'editing',
-        keywords: ['editable', 'read-only'],
-      },
-      { label: 'Save', description: 'When Zidane writes your edits to disk.', key: 'editing', keywords: ['autosave'] },
-      { label: 'Tab size', description: 'Spaces per indent level.', key: 'editing', keywords: ['indent', 'spaces'] },
-      {
-        label: 'Wrap long lines',
-        description: 'Wrap lines wider than the editor instead of scrolling sideways.',
-        key: 'wordWrap',
-        keywords: ['wrap', 'word wrap', 'soft wrap'],
-      },
-      {
-        label: 'Match brackets',
-        description: 'Highlight the bracket pair around the caret.',
-        key: 'editing',
-        keywords: ['brackets', 'parentheses'],
-      },
-      { label: 'Rounded selection', description: 'Draw text selections with rounded corners.', key: 'editing' },
-      {
-        label: 'Auto-surround',
-        description: 'Typing a quote or bracket over a selection wraps it.',
-        key: 'editing',
-        keywords: ['quotes', 'brackets'],
-      },
-      {
-        label: 'Diagnostics',
-        description: "Check files with the project's tools or language servers.",
-        key: 'diagnostics',
-        keywords: ['lint', 'lsp', 'typecheck', 'errors'],
-      },
-      { label: 'Diagnostics run', description: 'On open, or only after your own saves.', key: 'diagnostics' },
-      { label: 'Diagnostics timeout', description: 'Per tool, per run.', key: 'diagnostics', keywords: ['slow'] },
-      {
-        label: 'Hovers',
-        description: 'Show types and docs from the language server on hover.',
-        key: 'diagnostics',
-        keywords: ['lsp', 'hover', 'tooltip'],
-      },
-      {
-        label: 'Stop language servers when idle',
-        description: 'Stop a server with no open file after a while.',
-        key: 'diagnostics',
-        keywords: ['lsp', 'idle'],
-      },
-    ],
-  },
-  {
-    id: 'keybindings',
-    parent: 'interface',
-    label: 'Keybindings',
-    icon: 'i-ph-keyboard',
-    description: 'Every shortcut. Change them in ~/.zidane/keybindings.json, then reload.',
-    localOnly: true,
-    search: [
-      {
-        label: 'Keyboard shortcuts',
-        description: 'Every shortcut, and the keybindings.json file that changes them.',
-        keywords: ['keybindings', 'hotkeys'],
-      },
-    ],
-  },
-  {
-    id: 'hosts',
-    parent: 'accounts',
-    label: 'Hosts',
-    icon: 'i-ph-hard-drives',
-    description: 'This computer and your saved zidane-servers.',
-    search: [{ label: 'Hosts', description: 'Add, test, rename or remove saved zidane-servers.' }],
-  },
-  {
-    id: 'logs',
-    parent: 'advanced',
-    label: 'Logs',
-    icon: 'i-ph-file-magnifying-glass',
-    description: 'Extension warnings, MCP diagnostics and host debug lines, live.',
-    search: [{ label: 'Logs', description: 'Extension warnings, MCP diagnostics and host debug lines.' }],
-  },
-  {
-    id: 'performance',
-    parent: 'advanced',
-    label: 'Performance',
-    icon: 'i-ph-gauge',
-    description: 'Live CPU, memory and GPU per process. Samples only while open.',
-    search: [
-      {
-        label: 'Performance',
-        description: 'CPU, memory and GPU per process and thread, IPC and slow frames, reports and CPU profiles.',
-        keywords: ['cpu', 'memory', 'gpu', 'profile', 'threads', 'slow', 'monitor'],
-      },
-    ],
-  },
-];
-
-/**
- * What a page or row says under its title: on a server's settings (`host`, its name) its server wording when
- * it has one, else its description.
- *
- * @param part - The page or row.
- * @param host - The server whose settings are shown. Absent: this computer's.
- * @returns The description.
- */
-export function describedOn(part: { description: string; serverDescription?: string }, host?: string): string {
-  return host !== undefined && part.serverDescription
-    ? part.serverDescription.replaceAll('{host}', host)
-    : part.description;
-}
-
-/**
- * Whether a page is drawn by one panel (rather than rows).
- *
- * @param page - The page.
- * @returns `true` for a panel page.
- */
-export function isPanelPage(page: SettingsPage): page is SettingsPanelPage {
-  return !('sections' in page);
-}
-
-/** Custom rows that act (clear data) rather than hold a setting. */
-const ACTION_ROWS: ReadonlySet<SettingsCustomRowId> = new Set(['clearSiteData']);
-
-/**
- * How many settings a page holds, as this table describes it (the rail's
- * count): a page of rows, each table row and each part of a custom row,
- * actions aside; a panel, the table settings it draws and the rows its search
- * entries name (those with a `key`). Pages that list things (skills,
- * servers…) count those from their data instead.
- *
- * @param page - The page.
- * @param server - Editing a server: `localOnly` rows are left out.
- * @returns How many settings it holds.
- */
-export function settingsCount(page: SettingsPage, server: boolean): number {
-  if (isPanelPage(page)) return (page.keys?.length ?? 0) + page.search.filter((entry) => entry.key).length;
-  let count = 0;
-  for (const section of page.sections) {
-    if (!shown(section, server)) continue;
-    if ('panel' in section) {
-      count += section.search.length;
-      continue;
-    }
-    for (const row of section.rows) {
-      if (!shown(row, server)) continue;
-      if ('key' in row) count += 1;
-      else if ('custom' in row && !ACTION_ROWS.has(row.custom)) count += row.search?.length ?? 1;
-    }
-  }
-  return count;
-}
-
-/**
- * The pages this modal offers: Hosts needs remote hosts on, and while it edits
- * a server the pages (and sections and rows, see `shown`) composing this
- * computer's files drop out.
- *
- * @param opts - Editing a server, and whether remote hosts are on.
- * @returns The pages offered, in order.
- */
-export function visiblePages(opts: { server: boolean; hostsEnabled: boolean }): SettingsPage[] {
-  return SETTINGS_PAGES.filter((page) => (page.id !== 'hosts' || opts.hostsEnabled) && shown(page, opts.server));
-}
-
-/**
- * Whether a page, section or row is offered: everything but `localOnly` parts while editing a server, Spaces
- * included when the app's spaces are the server's.
- *
- * @param part - The page, section or row.
- * @param server - Editing a server.
- * @param spacesOnServer - The app's spaces live in the server's settings (the web app's do).
- * @returns Whether it is offered.
- */
-export function shown(
-  part: SettingsPage | SettingsPageSection | SettingsRow,
-  server: boolean,
-  spacesOnServer = false,
-): boolean {
-  if (spacesOnServer && 'panel' in part && part.panel === 'spaces') return true;
-  return !(server && 'localOnly' in part && part.localOnly);
-}