zidane-ui 9.1.1 → 9.1.3

package/src/settings/sections/appearance/labels.ts

@@ -1,77 +0,0 @@
-/**
- * The Appearance settings section's strings. One flat dictionary an app
- * overrides with `<LabelsProvider>`; keys you leave out keep the default
- * English label.
- */
-
-/** The default English strings of the Appearance section. */
-export const DEFAULT_APPEARANCE_SECTION_LABELS = {
-  appearanceSectionTitle: 'Appearance',
-  appearanceSectionMode: 'Mode',
-  appearanceSectionModeSystem: 'System',
-  appearanceSectionModeLight: 'Light',
-  appearanceSectionModeDark: 'Dark',
-  appearanceSectionModeCaption: 'System follows macOS.',
-  appearanceSectionDarkTheme: 'Dark theme',
-  appearanceSectionLightTheme: 'Light theme',
-  appearanceSectionNoThemes: 'No themes of this kind installed.',
-  appearanceSectionActive: 'active',
-  appearanceSectionCodeTheme: 'Code theme',
-  appearanceSectionCodeDark: 'Dark',
-  appearanceSectionCodeLight: 'Light',
-  appearanceSectionCodeAuto: 'Auto (matches theme)',
-  appearanceSectionCodeThemeOf: (slot: string) => `${slot} code theme`,
-  appearanceSectionAccent: 'Accent',
-  appearanceSectionAccentTheme: 'Theme',
-  appearanceSectionAccentCaption: 'Overrides the theme accent. First swatch restores it.',
-  appearanceSectionAccentCustom: 'Custom color',
-  appearanceSectionAccentCustomAria: 'Custom accent color',
-  appearanceSectionAppIcon: 'App icon',
-  appearanceSectionContrast: 'Contrast',
-  appearanceSectionTextContrast: 'Text contrast',
-  appearanceSectionTextContrastDescription: 'Lower softens, higher sharpens.',
-  appearanceSectionFonts: 'Fonts',
-  appearanceSectionFontInterface: 'Interface',
-  appearanceSectionFontInterfaceDescription: 'Sidebar and controls.',
-  appearanceSectionFontInterfaceDefault: 'System',
-  appearanceSectionFontChat: 'Chat',
-  appearanceSectionFontChatDescription: 'Messages.',
-  appearanceSectionFontChatDefault: 'Same as interface',
-  appearanceSectionFontPrompt: 'Prompt',
-  appearanceSectionFontPromptDescription: 'Composer.',
-  appearanceSectionFontPromptDefault: 'Same as chat',
-  appearanceSectionFontCode: 'Code',
-  appearanceSectionFontCodeDescription: 'Code, diffs, paths.',
-  appearanceSectionFontCodeDefault: 'System monospace',
-  appearanceSectionFontOf: (label: string) => `${label} font`,
-  appearanceSectionFontSample: 'Aa Zz 0123 {}',
-  appearanceSectionFontsInstalled: (count: number) => `${count} installed fonts`,
-  appearanceSectionFontsUnavailable: 'Common fonts only. The full list is unavailable.',
-  appearanceSectionFontsCurated: 'Showing common installed fonts',
-  appearanceSectionFontsShowAll: 'Show all',
-  appearanceSectionSizes: 'Sizes',
-  appearanceSectionSizeChat: 'Chat text',
-  appearanceSectionSizePrompt: 'Prompt text',
-  appearanceSectionSizeCode: 'Code',
-  appearanceSectionInterfaceSize: 'Interface size',
-  appearanceSectionInterfaceSizeDescription: '⌘= / ⌘− / ⌘0',
-  appearanceSectionMotion: 'Motion',
-  appearanceSectionMotionSystem: 'System',
-  appearanceSectionMotionFull: 'Full',
-  appearanceSectionMotionReduced: 'Reduced',
-  appearanceSectionMotionOff: 'Off',
-  appearanceSectionMotionCaption: 'Reduced keeps fades, drops movement. Off is instant.',
-  appearanceSectionSprings: 'Spring animations',
-  appearanceSectionSpringsOn: 'Panels, menus and indicators settle with a slight bounce.',
-  appearanceSectionSpringsOff: 'Turn Motion to Full to use springs.',
-  appearanceSectionSpringsNeedsFull: 'Needs Full motion',
-  appearanceSectionPanelAnimation: 'Panel animation',
-  appearanceSectionPanelAnimationSprings: 'How long the sidebar and side panels take to settle.',
-  appearanceSectionPanelAnimationPlain: 'Sidebar and side panels.',
-  appearanceSectionReset: 'Reset',
-  appearanceSectionResetLabel: 'Reset appearance',
-  appearanceSectionResetDescription: 'Restore every default above.',
-};
-
-/** The shape of the Appearance section's label dictionary. */
-export type AppearanceSectionLabels = typeof DEFAULT_APPEARANCE_SECTION_LABELS;

package/src/settings/sections/claude-import/ClaudeImportDialog.tsx

@@ -1,258 +0,0 @@
-/**
- * Import from Claude Code (`SettingsHost.claudeImport`), the counterpart of
- * the TUI's import modal, opened from Settings › General. Two phases:
- *
- *   1. Pick: which pieces to import (conversations, MCP servers, skills,
- *      commands and subagents) and the conversations' scope (this project
- *      or every Claude project), then run.
- *   2. Done: what was imported, skipped or failed, and the notes on what is
- *      deliberately not imported.
- *
- * Everything goes to zidane's own places; `~/.claude` is never touched. A
- * rerun skips what a previous run brought over.
- */
-import { useCallback, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react';
-
-import { ModalShell } from '../../../app/ModalProvider';
-import { ErrorNote, MetaChip, ROW_BUTTON_CLASS, RowText, Switch } from '../../../components/Form';
-import { EmptyState, SectionLabel, Tray } from '../../../components/Surface';
-import { BTN_LG_SECONDARY, BTN_LG_SOLID } from '../../../components/button';
-import type {
-  SettingsClaudeImportCopy,
-  SettingsClaudeImportDetect,
-  SettingsClaudeImportSelection,
-  SettingsClaudeImportSummary,
-} from '../../headless/claude-import';
-import { toSettingsError } from '../../headless/host';
-import { useSettingsHost } from '../../SettingsProvider';
-import { useSectionLabels } from '../use-section-labels';
-import { DEFAULT_CLAUDE_IMPORT_LABELS, type ClaudeImportLabels } from './labels';
-
-/** The Claude Code import dialog's strings, overridable through `LabelsProvider`. */
-export function useClaudeImportLabels(): ClaudeImportLabels {
-  return useSectionLabels(DEFAULT_CLAUDE_IMPORT_LABELS);
-}
-
-/** Props for {@link ClaudeImportDialog}. */
-export interface ClaudeImportDialogProps {
-  /** The folder whose conversations "this project" counts (`null`: none). */
-  cwd: string | null;
-  /** Dismisses the dialog. */
-  onClose: () => void;
-  /** Back to the settings page that opened it. Absent: no back button; Done closes. */
-  onBack?: () => void;
-  /** After an import ran (the app reads its session list again). */
-  onImported?: () => void | Promise<void>;
-  /** The active chat runs on this server: the import still targets this computer, and says so. */
-  activeServerName?: string;
-  /** Extra classes on the dialog's panel. */
-  className?: string;
-  /** Inline styles on the dialog's panel. */
-  style?: CSSProperties;
-}
-
-const NOTHING: SettingsClaudeImportDetect = { available: false, counts: { project: 0, all: 0 } };
-
-/**
- * The Claude Code import dialog. Renders nothing when the host can't import.
- *
- * @param props - Component props.
- */
-export function ClaudeImportDialog({
-  cwd,
-  onClose,
-  onBack,
-  onImported,
-  activeServerName,
-  className,
-  style,
-}: ClaudeImportDialogProps) {
-  const l = useClaudeImportLabels();
-  const host = useSettingsHost().claudeImport;
-  const [detect, setDetect] = useState<SettingsClaudeImportDetect | null>(null);
-  const [options, setOptions] = useState<SettingsClaudeImportSelection>({
-    sessions: true,
-    allProjects: false,
-    mcps: true,
-    skills: true,
-    commands: true,
-  });
-  const [phase, setPhase] = useState<'pick' | 'running' | 'done'>('pick');
-  const [summary, setSummary] = useState<SettingsClaudeImportSummary | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  // A second click can land before the re-render; two imports at once would race the copies.
-  const runningRef = useRef(false);
-
-  useEffect(() => {
-    if (!host) return undefined;
-    let cancelled = false;
-    host.detect(cwd ?? '').then(
-      (result) => {
-        if (!cancelled) setDetect(result);
-      },
-      (err: unknown) => {
-        if (cancelled) return;
-        const failure = toSettingsError(err);
-        setError(failure.detail ?? failure.kind);
-        setDetect(NOTHING);
-      },
-    );
-    return () => {
-      cancelled = true;
-    };
-  }, [host, cwd]);
-
-  const runImport = useCallback(async () => {
-    if (!host || runningRef.current) return;
-    runningRef.current = true;
-    setPhase('running');
-    let result: SettingsClaudeImportSummary | undefined;
-    try {
-      result = await host.run(cwd ?? '', options);
-      setSummary(result);
-    } catch (err) {
-      const failure = toSettingsError(err);
-      setError(failure.detail ?? failure.kind);
-    } finally {
-      setPhase('done');
-      runningRef.current = false;
-    }
-    // Outside the try: a failed refresh must not read as a failed import.
-    if (result) {
-      try {
-        await onImported?.();
-      } catch {
-        // The app reports its own refresh failures.
-      }
-    }
-  }, [host, cwd, options, onImported]);
-
-  if (!host) return null;
-
-  const counts = detect?.counts ?? NOTHING.counts;
-  const found = options.allProjects ? counts.all : counts.project;
-  const pickRows: { key: keyof SettingsClaudeImportSelection; label: string; detail: string }[] = [
-    { key: 'sessions', label: l.claudeImportConversations, detail: l.claudeImportTranscripts(found) },
-    {
-      key: 'allProjects',
-      label: l.claudeImportAllProjects,
-      detail: l.claudeImportProjectCounts(counts.project, counts.all),
-    },
-    { key: 'mcps', label: l.claudeImportMcps, detail: l.claudeImportMcpsDetail },
-    { key: 'skills', label: l.claudeImportSkills, detail: l.claudeImportSkillsDetail },
-    { key: 'commands', label: l.claudeImportCommands, detail: l.claudeImportCommandsDetail },
-  ];
-
-  return (
-    <ModalShell
-      title={l.claudeImportTitle}
-      description={l.claudeImportDescription}
-      onClose={onClose}
-      onBack={onBack}
-      size="large"
-      className={className}
-      style={style}
-      footer={
-        (detect?.available && phase === 'pick') || phase === 'done' ? (
-          <div className="flex items-center justify-end gap-2">
-            {phase === 'pick' ? (
-              <button
-                type="button"
-                onClick={() => void runImport()}
-                disabled={!options.sessions && !options.mcps && !options.skills && !options.commands}
-                className={BTN_LG_SOLID}
-              >
-                {l.claudeImportRun}
-              </button>
-            ) : (
-              <button type="button" onClick={onBack ?? onClose} className={BTN_LG_SECONDARY}>
-                {l.claudeImportDone}
-              </button>
-            )}
-          </div>
-        ) : undefined
-      }
-    >
-      <>
-        {detect === null && <div className="text-sm text-[var(--zg-text-muted)]">{l.claudeImportLooking}</div>}
-
-        {detect !== null && !detect.available && (
-          <EmptyState icon="i-ph-folder-dashed-duotone" title={l.claudeImportNone} />
-        )}
-
-        {activeServerName && (
-          <p className="m-0 mb-3 text-xs text-[var(--zg-text-muted)] zg-pretty" data-testid="claude-import-host-note">
-            {l.claudeImportHostNote(activeServerName)}
-          </p>
-        )}
-
-        {detect?.available && phase === 'pick' && (
-          <Tray radius="lg" className="p-1 flex flex-col">
-            {pickRows.map((row) => (
-              <button
-                key={row.key}
-                type="button"
-                aria-pressed={options[row.key]}
-                onClick={() => setOptions((prev) => ({ ...prev, [row.key]: !prev[row.key] }))}
-                className={ROW_BUTTON_CLASS}
-              >
-                <RowText label={row.label} description={row.detail} />
-                <Switch on={options[row.key]} />
-              </button>
-            ))}
-          </Tray>
-        )}
-
-        {phase === 'running' && <div className="text-sm text-[var(--zg-text-muted)]">{l.claudeImportImporting}</div>}
-
-        {phase === 'done' && (
-          <div className="space-y-3 text-sm">
-            {error && <ErrorNote>{l.claudeImportFailed(error)}</ErrorNote>}
-            {summary?.sessions && (
-              <SummaryBlock title={l.claudeImportConversations}>
-                <MetaChip tone="text">{l.claudeImportImported(summary.sessions.imported)}</MetaChip>
-                <MetaChip>{l.claudeImportAlready(summary.sessions.skipped)}</MetaChip>
-                <MetaChip>{l.claudeImportEmpty(summary.sessions.empty)}</MetaChip>
-                <Failed count={summary.sessions.failed.length} l={l} />
-              </SummaryBlock>
-            )}
-            {summary?.mcps && <CopySummary title={l.claudeImportMcps} result={summary.mcps} l={l} />}
-            {summary?.skills && <CopySummary title={l.claudeImportSkills} result={summary.skills} l={l} />}
-            {summary?.commands && <CopySummary title={l.claudeImportCommandsTitle} result={summary.commands} l={l} />}
-            {summary?.agents && <CopySummary title={l.claudeImportAgentsTitle} result={summary.agents} l={l} />}
-            {summary && summary.notes.length > 0 && (
-              <ul className="m-0 pl-4 list-disc text-xs text-[var(--zg-text-muted)] space-y-1">
-                {summary.notes.map((note) => (
-                  <li key={note}>{note}</li>
-                ))}
-              </ul>
-            )}
-          </div>
-        )}
-      </>
-    </ModalShell>
-  );
-}
-
-function SummaryBlock({ title, children }: { title: string; children: ReactNode }) {
-  return (
-    <Tray radius="md" className="px-3 py-2.5">
-      <SectionLabel className="mb-1">{title}</SectionLabel>
-      <div className="flex flex-wrap gap-1 tabular-nums">{children}</div>
-    </Tray>
-  );
-}
-
-function CopySummary({ title, result, l }: { title: string; result: SettingsClaudeImportCopy; l: ClaudeImportLabels }) {
-  return (
-    <SummaryBlock title={title}>
-      <MetaChip tone="text">{l.claudeImportCopied(result.copied.length)}</MetaChip>
-      <MetaChip title={l.claudeImportSkippedTitle}>{l.claudeImportSkipped(result.skipped.length)}</MetaChip>
-      <Failed count={result.failed.length} l={l} />
-    </SummaryBlock>
-  );
-}
-
-function Failed({ count, l }: { count: number; l: ClaudeImportLabels }) {
-  return count > 0 ? <MetaChip tone="danger">{l.claudeImportFailedCount(count)}</MetaChip> : null;
-}

package/src/settings/sections/claude-import/labels.ts

@@ -1,42 +0,0 @@
-/**
- * The Claude Code import dialog's strings. Overridable through `LabelsProvider`.
- */
-const plural = (n: number, one: string, many: string) => `${n} ${n === 1 ? one : many}`;
-
-/** The default English strings of the Claude Code import dialog. */
-export const DEFAULT_CLAUDE_IMPORT_LABELS = {
-  claudeImportTitle: 'Import from Claude Code',
-  claudeImportDescription:
-    'Copy conversations, MCP servers, skills, commands and subagents from ~/.claude. Zidane never changes your Claude Code setup and skips what it already imported.',
-  claudeImportRun: 'Import',
-  claudeImportDone: 'Done',
-  claudeImportLooking: 'Looking for Claude Code…',
-  claudeImportNone: 'No Claude Code setup at ~/.claude. Nothing to import.',
-  /** The active chat runs on a server: the import still goes to this computer. */
-  claudeImportHostNote: (server: string) =>
-    `Imports go to this computer, not to ${server}. Find them in this computer's session list.`,
-  claudeImportConversations: 'Conversations',
-  claudeImportTranscripts: (n: number) => `${plural(n, 'transcript', 'transcripts')} found`,
-  claudeImportAllProjects: 'From all projects',
-  claudeImportProjectCounts: (project: number, all: number) => `${project} in this project, ${all} in all`,
-  claudeImportMcps: 'MCP servers',
-  claudeImportMcpsDetail: "Copy into Zidane's mcps.json. Servers you already have stay.",
-  claudeImportSkills: 'Skills',
-  claudeImportSkillsDetail: 'Copy .claude/skills into .zidane/skills',
-  claudeImportCommands: 'Commands and subagents',
-  claudeImportCommandsDetail: 'Copy .claude/commands and .claude/agents into .zidane/',
-  claudeImportImporting: 'Importing…',
-  claudeImportFailed: (error: string) => `Import failed: ${error}`,
-  claudeImportImported: (n: number) => `${n} imported`,
-  claudeImportAlready: (n: number) => `${n} already imported`,
-  claudeImportEmpty: (n: number) => `${n} empty`,
-  claudeImportCommandsTitle: 'Commands',
-  claudeImportAgentsTitle: 'Subagents',
-  claudeImportCopied: (n: number) => `${n} copied`,
-  claudeImportSkipped: (n: number) => `${n} skipped`,
-  claudeImportSkippedTitle: 'Zidane already has one with the same name',
-  claudeImportFailedCount: (n: number) => `${n} failed`,
-};
-
-/** The shape of the Claude Code import dialog's label dictionary. */
-export type ClaudeImportLabels = typeof DEFAULT_CLAUDE_IMPORT_LABELS;

package/src/settings/sections/claude-import/use-claude-import-available.ts

@@ -1,35 +0,0 @@
-/**
- * Whether to offer Import from Claude Code: the host has a Claude Code setup
- * (`SettingsHost.claudeImport.detect`), as the TUI hides the action on a
- * machine without one. `~/.claude` is the same for every folder, so one read
- * per host.
- */
-import { useEffect, useState } from 'react';
-
-import type { SettingsClaudeImportHost } from '../../headless/claude-import';
-import { useSettingsHost } from '../../SettingsProvider';
-
-/**
- * Whether the provided settings host has a Claude Code setup to import.
- *
- * @returns `false` until the host says so, and without `claudeImport`.
- */
-export function useClaudeImportAvailable(): boolean {
-  const claudeImport = useSettingsHost().claudeImport;
-  // Keyed by the host it came from: another host's answer never shows.
-  const [found, setFound] = useState<{ from: SettingsClaudeImportHost; available: boolean } | null>(null);
-  useEffect(() => {
-    if (!claudeImport) return undefined;
-    let cancelled = false;
-    claudeImport
-      .detect('')
-      .then((result) => {
-        if (!cancelled) setFound({ from: claudeImport, available: result.available });
-      })
-      .catch(() => undefined);
-    return () => {
-      cancelled = true;
-    };
-  }, [claudeImport]);
-  return found !== null && found.from === claudeImport && found.available;
-}

package/src/settings/sections/descriptors.tsx

@@ -1,261 +0,0 @@
-/**
- * The per-device preference sections as `SettingsSection`s for the shell:
- * Appearance, Files & editor and Keybindings. Each takes its title, icon,
- * nav group, description and search entries from zidane's settings layout
- * (`SETTINGS_PAGES`, one list), and renders its body with the props given.
- *
- *   <SettingsShell sections={[...kitSections, appearanceSettingsSection(), keybindingsSettingsSection()]} />
- */
-import type { SettingsSection } from '../headless/registry';
-import { describedOn, SETTINGS_PAGES, type SettingsPanelId } from '../headless/layout';
-import { AppearanceSection, type AppearanceSectionProps } from './appearance/AppearanceSection';
-import { EditorSection, type EditorSectionProps } from './editor/EditorSection';
-import { KeybindingsSection, type KeybindingsSectionProps } from './keybindings/KeybindingsSection';
-import { EnvironmentsSection, type EnvironmentsSectionProps } from './environments/EnvironmentsSection';
-import { ExtensionsSection, type ExtensionsSectionProps } from './extensions/ExtensionsSection';
-import { HostCatalogSection, type HostCatalogSectionProps } from './host-catalog/HostCatalogSection';
-import { InstructionsSection, type InstructionsSectionProps } from './instructions/InstructionsSection';
-import { LogsSection, type LogsSectionProps } from './logs/LogsSection';
-import { PerformanceSection, type PerformanceSectionProps } from './performance/PerformanceSection';
-import { PluginsSection, type PluginsSectionProps } from './plugins/PluginsSection';
-import { SkillsSection, type SkillsSectionProps } from './skills/SkillsSection';
-import { EnabledListSection, type EnabledListSectionProps } from './enabled-list/EnabledListSection';
-import { McpSection, type McpSectionProps } from './mcp/McpSection';
-import { ProvidersSection, type ProvidersSectionProps } from './providers/ProvidersSection';
-import { ServerProvidersSection, type ServerProvidersSectionProps } from './providers/ServerProvidersSection';
-
-/** What a preference section's descriptor may change from the layout's. */
-export interface PreferenceSectionOverrides {
-  /** The nav and header title. Default: the layout page's label. */
-  title?: string;
-  /** Under the title. Default: the layout page's description. */
-  description?: string;
-  /** The nav group. Default: the layout page's parent. */
-  group?: string;
-}
-
-/** A layout page as a section; `host`: a server's page, worded for it. */
-function fromLayout(
-  id: SettingsPanelId,
-  overrides: PreferenceSectionOverrides,
-  render: () => unknown,
-  host?: string,
-): SettingsSection {
-  const page = SETTINGS_PAGES.find((p) => p.id === id);
-  const search = page && 'search' in page ? page.search : undefined;
-  return {
-    id,
-    title: overrides.title ?? page?.label ?? id,
-    icon: page?.icon,
-    group: overrides.group ?? page?.parent,
-    description: overrides.description ?? (page ? describedOn(page, host) : undefined),
-    search,
-    // Its async state (installed fonts, the tool lists) survives switching away, and its header actions get a slot.
-    keepMounted: true,
-    render,
-  };
-}
-
-/**
- * The Appearance section, over the nearest `AppearanceProvider`.
- *
- * @param props - What {@link AppearanceSection} takes (the app's `appIcon`, `onReset`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function appearanceSettingsSection(
-  props: AppearanceSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('appearance', overrides, () => <AppearanceSection {...props} />);
-}
-
-/**
- * The Files & editor section, over the nearest `FilesProvider` (editor preferences) and `AppearanceProvider`.
- *
- * @param props - What {@link EditorSection} takes (the session `cwd`, the app's `openIn` and lists).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function editorSettingsSection(
-  props: EditorSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('editor', overrides, () => <EditorSection {...props} />);
-}
-
-/**
- * The Keybindings section, over the nearest `KeybindingsProvider`.
- *
- * @param props - What {@link KeybindingsSection} takes (extra header `actions`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function keybindingsSettingsSection(
-  props: KeybindingsSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('keybindings', overrides, () => <KeybindingsSection {...props} />);
-}
-
-/**
- * The Skills section, over the settings host's `skills` group.
- *
- * @param props - What {@link SkillsSection} takes (the folder, the app's `onEdit` and header `actions`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function skillsSettingsSection(
-  props: SkillsSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('skills', overrides, () => <SkillsSection {...props} />);
-}
-
-/**
- * The Extensions section, over the settings host's `extensions` group.
- *
- * @param props - What {@link ExtensionsSection} takes (the folder, `onEdit`, `onCreateExtension`, `children`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function extensionsSettingsSection(
-  props: ExtensionsSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('extensions', overrides, () => <ExtensionsSection {...props} />);
-}
-
-/**
- * The Plugins section, over the settings host's `plugins` group.
- *
- * @param props - What {@link PluginsSection} takes (the folder).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function pluginsSettingsSection(
-  props: PluginsSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('plugins', overrides, () => <PluginsSection {...props} />);
-}
-
-/**
- * The Instructions section, over the settings host's `instructions` group.
- *
- * @param props - What {@link InstructionsSection} takes (the session).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function instructionsSettingsSection(
-  props: InstructionsSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('instructions', overrides, () => <InstructionsSection {...props} />);
-}
-
-/**
- * The Environments section, over the settings host's `environments` group.
- *
- * @param props - What {@link EnvironmentsSection} takes (the folder).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function environmentsSettingsSection(
-  props: EnvironmentsSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('environments', overrides, () => <EnvironmentsSection {...props} />);
-}
-
-/**
- * The Logs section, over the settings host's `logs` group.
- *
- * @param props - What {@link LogsSection} takes.
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function logsSettingsSection(
-  props: LogsSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('logs', overrides, () => <LogsSection {...props} />);
-}
-
-/**
- * The Performance section, over the settings host's `performance` member. Kept mounted, it
- * watches only while open.
- *
- * @param props - What {@link PerformanceSection} takes.
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function performanceSettingsSection(
-  props: PerformanceSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('performance', overrides, () => <PerformanceSection {...props} />);
-}
-
-/**
- * A host's own catalog (a server's Skills, Extensions or Plugins) in that page's place,
- * over the settings host's `hostCatalog` group.
- *
- * @param props - What {@link HostCatalogSection} takes (the kind, the host's name, the folder there).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function hostCatalogSettingsSection(
-  props: HostCatalogSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout(props.kind, overrides, () => <HostCatalogSection {...props} />, props.hostName);
-}
-
-/**
- * Accounts (providers and keys), over the settings host's `providers` group.
- *
- * @param props - What {@link ProvidersSection} takes (the folder, an `intro`, `confirm`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function providersSettingsSection(
-  props: ProvidersSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('accounts', overrides, () => <ProvidersSection {...props} />);
-}
-
-/**
- * A server's Accounts as cards, over the settings host's `providers` group (that server's).
- *
- * @param props - What {@link ServerProvidersSection} takes (the server's name).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function serverProvidersSettingsSection(
-  props: ServerProvidersSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('accounts', overrides, () => <ServerProvidersSection {...props} />, props.hostName);
-}
-
-/**
- * MCP servers, over the settings host's `mcp` group and its settings document.
- *
- * @param props - What {@link McpSection} takes (the folder, an `intro`, header `actions`).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function mcpSettingsSection(
-  props: McpSectionProps = {},
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout('mcp', overrides, () => <McpSection {...props} />);
-}
-
-const ENABLED_LIST_PAGE = {
-  enabledSkills: 'skills',
-  enabledMcps: 'mcp',
-  enabledExtensions: 'extensions',
-  enabledPlugins: 'plugins',
-} as const;
-
-/**
- * A host's enabled list (for a host that can't list its catalog) in its page's place.
- *
- * @param props - What {@link EnabledListSection} takes (the list, the host's name).
- * @param overrides - The title, description or group, instead of the layout's.
- */
-export function enabledListSettingsSection(
-  props: EnabledListSectionProps,
-  overrides: PreferenceSectionOverrides = {},
-): SettingsSection {
-  return fromLayout(ENABLED_LIST_PAGE[props.settingKey], overrides, () => <EnabledListSection {...props} />);
-}