zidane-ui 9.1.1 → 9.1.4

package/src/settings/sections/instructions/InstructionsSection.tsx

@@ -1,385 +0,0 @@
-/**
- * Settings › Instructions: every chunk of text in a session's system prompt,
- * with provenance, over the settings host's `instructions` group. The data
- * is the live agent's assembly, so it reflects MCP instructions, extension
- * fragments and whichever `SYSTEM.md` won: "what is my agent loaded with",
- * answered by the thing that loaded it.
- *
- * Row model, preview clamping and origin badges are zidane's
- * (`instructionPreviewLines`, `instructionOriginBadge`), so this section and
- * the TUI's label and truncate segments alike. Expanded text renders inside
- * the row, so a 1500-line AGENTS.md is one row.
- *
- * The `SYSTEM.md` affordances: create one (`createSystemOverride`) when an
- * override could apply and none does; a named reason when it could not
- * (profile vs scope); a note when a file exists but lost precedence.
- */
-import { useCallback, useEffect, useState, type CSSProperties, type ReactNode } from 'react';
-import type { ContextSegmentsReport } from 'zidane/chat';
-import { instructionOriginBadge, instructionPreviewLines, type ContextSegment } from 'zidane/chat/pure';
-
-import { Markdown } from '../../../chat/transcript/markdown';
-import { BTN_SECONDARY, buttonClass } from '../../../components/button';
-import { ErrorNote, MetaChip } from '../../../components/Form';
-import { EmptyState } from '../../../components/Surface';
-import { useDisplayPath } from '../../../hooks/useDisplayPath';
-import { formatTokens } from '../../../session/headless/usage-format';
-import { toSettingsError, type SettingsError } from '../../headless/host';
-import { useSettingsHost } from '../../SettingsProvider';
-import { SettingsPanel, SettingsPanelBody } from '../../section';
-import { SettingsTutorial } from '../../SettingsTutorial';
-import { OpenFileButton, RevealPathButton, useCatalogSharedLabels } from '../shared/catalog';
-import { useSectionLabels } from '../use-section-labels';
-import { DEFAULT_INSTRUCTIONS_SECTION_LABELS, type InstructionsSectionLabels } from './labels';
-
-/** The Instructions section's strings, overridable through `LabelsProvider`. */
-export function useInstructionsSectionLabels(): InstructionsSectionLabels {
-  return useSectionLabels(DEFAULT_INSTRUCTIONS_SECTION_LABELS);
-}
-
-/** One hue per kind of instruction, the ones the composer's context breakdown uses. */
-function segmentColor(segment: ContextSegment): string {
-  if (segment.id === 'system') return '#4f9dff';
-  if (segment.id === 'skills') return '#a855f7';
-  if (segment.id === 'subagent-defs') return '#ec4899';
-  if (segment.origin === 'mcp' || segment.id === 'mcp-instructions') return '#eab308';
-  if (segment.origin === 'file') return '#22d3ee';
-  return 'var(--zg-text-muted)';
-}
-
-type LoadState =
-  | { kind: 'idle' }
-  | { kind: 'loading' }
-  | { kind: 'ready'; report: ContextSegmentsReport }
-  | { kind: 'none' }
-  | { kind: 'error'; error: SettingsError };
-
-const renderDocument = (text: string) => <Markdown document>{text}</Markdown>;
-
-/** Props for {@link InstructionsSection}. */
-export interface InstructionsSectionProps {
-  /** The session whose prompt shows (`null`: none open). */
-  sessionId: string | null;
-  /** The session's files are on this device: offer to show them in the file manager. Default: true. */
-  localFiles?: boolean;
-  /** Renders an expanded instruction's text. Default: the kit's `Markdown` as a document. */
-  renderMarkdown?: (text: string) => ReactNode;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/**
- * Renders what the session's agent is loaded with, from the nearest `SettingsProvider`'s host.
- *
- * @param props - The session, whether its files are local, the markdown renderer, `className` and `style`.
- */
-export function InstructionsSection({
-  sessionId,
-  localFiles = true,
-  renderMarkdown = renderDocument,
-  className,
-  style,
-}: InstructionsSectionProps) {
-  const host = useSettingsHost().instructions;
-  const l = useInstructionsSectionLabels();
-  const shared = useCatalogSharedLabels();
-  const [state, setState] = useState<LoadState>({ kind: 'idle' });
-  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());
-  const [busy, setBusy] = useState(false);
-  const [actionError, setActionError] = useState<SettingsError | null>(null);
-
-  const load = useCallback(async () => {
-    if (!sessionId || !host) {
-      setState({ kind: 'none' });
-      return;
-    }
-    setState({ kind: 'loading' });
-    try {
-      const report = await host.segments(sessionId);
-      setState(report ? { kind: 'ready', report } : { kind: 'none' });
-    } catch (err) {
-      setState({ kind: 'error', error: toSettingsError(err) });
-    }
-  }, [sessionId, host]);
-
-  // Read again on every visit: the context changes as a session runs (MCP instructions arrive, extensions add fragments).
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect -- the report lands when the host answers
-    void load();
-  }, [load]);
-
-  const toggle = (id: string) =>
-    setExpanded((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-
-  const openInEditor = host?.openFile;
-  const openFile = async (segment: ContextSegment) => {
-    if (!sessionId || !segment.path || !openInEditor) return;
-    setActionError(null);
-    try {
-      await openInEditor(sessionId, segment.path);
-    } catch (err) {
-      setActionError(toSettingsError(err));
-    }
-  };
-
-  const createSystemOverride = host?.createSystemOverride;
-  const createOverride = async () => {
-    if (!sessionId || !createSystemOverride) return;
-    setActionError(null);
-    setBusy(true);
-    try {
-      await createSystemOverride(sessionId);
-      await load();
-    } catch (err) {
-      setActionError(toSettingsError(err));
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  // Edit your system prompt: open the SYSTEM.md in use, or create one from the built-in prompt.
-  const system = state.kind === 'ready' ? state.report.segments.find((s) => s.id === 'system') : undefined;
-  const override = state.kind === 'ready' ? overrideState(state.report, l, Boolean(createSystemOverride)) : undefined;
-  const editPrompt =
-    system?.origin === 'file' && system.path && openInEditor
-      ? { run: () => void openFile(system), title: system.path }
-      : override?.canCreate
-        ? { run: () => void createOverride(), title: l.instructionsSectionCreateOverrideTitle }
-        : undefined;
-
-  return (
-    <SettingsPanel className={className} style={style}>
-      <SettingsPanelBody>
-        <div className="flex flex-col gap-3">
-          <SettingsTutorial
-            topic="instructions"
-            className="mb-3"
-            actions={
-              editPrompt && (
-                <button
-                  type="button"
-                  disabled={busy}
-                  title={editPrompt.title}
-                  onClick={editPrompt.run}
-                  className={buttonClass({ variant: 'secondary', size: 'sm' })}
-                >
-                  {l.instructionsSectionEditPrompt}
-                </button>
-              )
-            }
-          />
-          {state.kind === 'none' && <EmptyState title={l.instructionsSectionNoSession} />}
-          {state.kind === 'loading' && <EmptyState title={l.instructionsSectionLoading} />}
-          {state.kind === 'error' && <ErrorNote>{shared.catalogError(state.error)}</ErrorNote>}
-
-          {state.kind === 'ready' && (
-            <>
-              {actionError && <ErrorNote>{shared.catalogError(actionError)}</ErrorNote>}
-
-              {state.report.segments.length === 0 ? (
-                <EmptyState title={l.instructionsSectionNoContext} />
-              ) : (
-                <>
-                  <ShareBar segments={state.report.segments} />
-                  <ul className="flex flex-col gap-2 m-0 p-0 list-none" data-testid="instruction-list">
-                    {state.report.segments.map((segment) => (
-                      <ContextSegmentRow
-                        key={segment.id}
-                        segment={segment}
-                        expanded={expanded.has(segment.id)}
-                        onToggle={() => toggle(segment.id)}
-                        total={state.report.segments.reduce((sum, s) => sum + s.tokens, 0)}
-                        onOpen={
-                          segment.origin === 'file' && segment.path && openInEditor
-                            ? () => void openFile(segment)
-                            : undefined
-                        }
-                        canReveal={localFiles}
-                        renderMarkdown={renderMarkdown}
-                        {...(segment.id === 'system' ? { override, busy, onCreateOverride: createOverride } : {})}
-                      />
-                    ))}
-                  </ul>
-                </>
-              )}
-
-              <div className="flex justify-end">
-                <button type="button" className={BTN_SECONDARY} onClick={() => void load()}>
-                  {l.instructionsSectionReload}
-                </button>
-              </div>
-            </>
-          )}
-        </div>
-      </SettingsPanelBody>
-    </SettingsPanel>
-  );
-}
-
-/**
- * What the system prompt's row says about SYSTEM.md: an override could apply and none does (offer to
- * create one); a file exists but is not loaded (a warning with the reason); otherwise nothing.
- */
-interface OverrideState {
-  canCreate: boolean;
-  /** Why a SYSTEM.md on disk is not in the prompt, if one is. */
-  unloaded?: string;
-}
-
-function overrideState(report: ContextSegmentsReport, l: InstructionsSectionLabels, canCreate: boolean): OverrideState {
-  // The prompt is id `'system'` with `origin: 'file'` exactly when a SYSTEM.md replaced it.
-  const active = report.segments.some((s) => s.id === 'system' && s.origin === 'file');
-  const path = report.shadowedSystemPath;
-  const unloaded = path
-    ? report.overrideBlockedBy === 'scope'
-      ? l.instructionsSectionBlockedByScope(path)
-      : report.overrideBlockedBy === 'profile'
-        ? l.instructionsSectionBlockedByProfile(path)
-        : l.instructionsSectionShadowed(path)
-    : undefined;
-  return { canCreate: canCreate && report.canOverrideSystem && !active, ...(unloaded ? { unloaded } : {}) };
-}
-
-/**
- * One piece of the prompt, laid out like a skill: line 1 names it with its badges (where it comes
- * from, what it weighs, its share), line 2 says which file or source. Expanded, its text renders inside.
- */
-function ContextSegmentRow({
-  segment,
-  expanded,
-  total,
-  onToggle,
-  onOpen,
-  canReveal = false,
-  renderMarkdown,
-  override,
-  busy = false,
-  onCreateOverride,
-}: {
-  segment: ContextSegment;
-  expanded: boolean;
-  total: number;
-  onToggle: () => void;
-  onOpen?: () => void;
-  /** Its file is on this device: show it in the file manager. */
-  canReveal?: boolean;
-  renderMarkdown: (text: string) => ReactNode;
-  /** The system prompt's row only. */
-  override?: OverrideState;
-  busy?: boolean;
-  onCreateOverride?: () => void;
-}) {
-  const l = useInstructionsSectionLabels();
-  const preview = expanded ? instructionPreviewLines(segment.text) : null;
-  const color = segmentColor(segment);
-  const share = total > 0 ? Math.round((segment.tokens / total) * 100) : 0;
-  // A file's path with its home folder as `~` (the tooltip keeps the real one).
-  const display = useDisplayPath();
-  const second = segment.path ? display.path(segment.path) : segment.detail;
-  const secondTitle = segment.path ?? segment.detail;
-
-  return (
-    <li className="zg-raised border rounded-zg-md overflow-hidden" data-testid={`instruction-${segment.id}`}>
-      <div className="flex items-start gap-2.5 px-3 py-2.5">
-        <button
-          type="button"
-          aria-expanded={expanded}
-          onClick={onToggle}
-          className="flex-1 min-w-0 flex flex-col gap-1 text-left bg-transparent border-0 p-0 cursor-pointer"
-        >
-          {/* Line 1: what it is, where it comes from, what it weighs. */}
-          <span className="flex items-center gap-2 min-w-0">
-            <span
-              aria-hidden
-              className={`i-ph-caret-right text-zg-meta text-[var(--zg-text-muted)] shrink-0 transition-transform duration-snap ease-snap ${expanded ? 'rotate-90' : ''}`}
-            />
-            <span aria-hidden className="w-2 h-2 rounded-full shrink-0" style={{ background: color }} />
-            <span className="text-sm font-medium text-[var(--zg-text)] min-w-0 truncate">{segment.label}</span>
-            <MetaChip>{instructionOriginBadge(segment)}</MetaChip>
-            <MetaChip
-              className="tabular-nums"
-              title={l.instructionsSectionTokensTitle(segment.tokens.toLocaleString('en-US'))}
-            >
-              <span aria-hidden className="i-ph-text-align-left text-zg-meta" />
-              {l.instructionsSectionTokens(formatTokens(segment.tokens))}
-            </MetaChip>
-            <MetaChip className="tabular-nums" title={l.instructionsSectionShareTitle}>
-              {l.instructionsSectionShare(share)}
-            </MetaChip>
-            {override?.unloaded && (
-              <MetaChip tone="warn" title={override.unloaded}>
-                <span aria-hidden className="i-ph-warning text-zg-meta" />
-                {l.instructionsSectionNotLoaded}
-              </MetaChip>
-            )}
-          </span>
-          {/* Line 2: which file or source. */}
-          {second && (
-            <span className="pl-[35px] text-xs leading-[18px] text-[var(--zg-text-muted)] truncate" title={secondTitle}>
-              {second}
-            </span>
-          )}
-        </button>
-        <div className="shrink-0 flex items-center gap-0.5 -my-0.5">
-          {override?.canCreate && onCreateOverride && (
-            <button
-              type="button"
-              className={BTN_SECONDARY}
-              disabled={busy}
-              onClick={onCreateOverride}
-              title={l.instructionsSectionCreateOverrideTitle}
-            >
-              {busy ? l.instructionsSectionCreating : l.instructionsSectionCreate}
-            </button>
-          )}
-          {onOpen && segment.path && <OpenFileButton path={segment.path} name={segment.label} onOpen={onOpen} />}
-          {onOpen && canReveal && segment.path && <RevealPathButton path={segment.path} name={segment.label} />}
-        </div>
-      </div>
-      {preview && (
-        <div
-          className="border-t border-[var(--zg-hairline)] max-h-[480px] overflow-y-auto px-4 py-3 text-zg-ui"
-          style={{ boxShadow: `inset 2px 0 0 ${color}` }}
-        >
-          {renderMarkdown(preview.lines.join('\n'))}
-          {preview.hidden > 0 && (
-            <p className="m-0 mt-2 text-xs text-[var(--zg-text-muted)]">
-              {l.instructionsSectionMoreLines(preview.hidden, Boolean(segment.path))}
-            </p>
-          )}
-        </div>
-      )}
-    </li>
-  );
-}
-
-/** Where the default context goes: one bar, a slice per section, the total on the right. */
-function ShareBar({ segments }: { segments: readonly ContextSegment[] }) {
-  const l = useInstructionsSectionLabels();
-  const total = segments.reduce((sum, s) => sum + s.tokens, 0);
-  if (total <= 0) return null;
-  return (
-    <div className="flex items-center gap-3 px-1">
-      <div className="zg-track-chip flex-1 flex h-1.5 overflow-hidden" aria-hidden>
-        {segments.map((segment) => (
-          <span
-            key={segment.id}
-            title={l.instructionsSectionSlice(segment.label, formatTokens(segment.tokens))}
-            className="h-full"
-            style={{ width: `${(segment.tokens / total) * 100}%`, background: segmentColor(segment) }}
-          />
-        ))}
-      </div>
-      <span className="zg-meta shrink-0" title={l.instructionsSectionEstimateTitle}>
-        {l.instructionsSectionTotal(formatTokens(total))}
-      </span>
-    </div>
-  );
-}

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

@@ -1,33 +0,0 @@
-/**
- * The Instructions section's strings. Overridable through `LabelsProvider`.
- */
-
-/** The default English strings of the Instructions section. */
-export const DEFAULT_INSTRUCTIONS_SECTION_LABELS = {
-  instructionsSectionCreateOverrideTitle:
-    'Replace the built-in system prompt with your own SYSTEM.md, copied from it. AGENTS.md files still load.',
-  instructionsSectionEditPrompt: 'Edit your system prompt',
-  instructionsSectionNoSession: 'No open session. Open one to see what its agent reads.',
-  instructionsSectionLoading: 'Reading session context…',
-  instructionsSectionNoContext: 'This profile loads no default context.',
-  instructionsSectionReload: 'Reload',
-  instructionsSectionBlockedByScope: (path: string) => `${path} is not loaded. Your instruction scope excludes it.`,
-  instructionsSectionBlockedByProfile: (path: string) =>
-    `${path} is not loaded. This profile has its own system prompt.`,
-  instructionsSectionShadowed: (path: string) => `${path} is not loaded. The project SYSTEM.md replaces it.`,
-  instructionsSectionTokensTitle: (tokens: string) => `About ${tokens} tokens`,
-  instructionsSectionTokens: (tokens: string) => `~${tokens}`,
-  instructionsSectionShareTitle: 'Share of the default context',
-  instructionsSectionShare: (percent: number) => `${percent}%`,
-  instructionsSectionNotLoaded: 'SYSTEM.md not loaded',
-  instructionsSectionCreate: 'Create SYSTEM.md',
-  instructionsSectionCreating: 'Creating…',
-  instructionsSectionMoreLines: (hidden: number, hasFile: boolean) =>
-    `${hidden} more line${hidden === 1 ? '' : 's'}${hasFile ? '. Open the file to read the rest.' : '.'}`,
-  instructionsSectionSlice: (label: string, tokens: string) => `${label}: ~${tokens}`,
-  instructionsSectionEstimateTitle: 'Estimated at about 4 characters per token',
-  instructionsSectionTotal: (tokens: string) => `~${tokens} tokens`,
-};
-
-/** The shape of the Instructions section's label dictionary. */
-export type InstructionsSectionLabels = typeof DEFAULT_INSTRUCTIONS_SECTION_LABELS;

package/src/settings/sections/keybindings/KeybindingsSection.tsx

@@ -1,124 +0,0 @@
-/**
- * Settings › Keybindings, over the keybindings area (`zidane-ui/keybindings`):
- * every shortcut the app exposes, grouped (`KEYBINDING_SECTIONS`). A rebound
- * shortcut shows its new keys: the rows read the merged bindings (defaults
- * plus the host's overrides). Prompt keys (Enter, @, /) belong to the
- * composer, not the action catalog, so those rows carry a literal spec.
- *
- * Read-only: "Edit in file" (the host's `openInEditor`) opens where the
- * overrides live, and "Reload" reads them again and tells every
- * `useKeybindings` consumer.
- */
-import { useCallback, useEffect, useState, type CSSProperties, type ReactNode } from 'react';
-
-import { BTN_LG_PRIMARY, BTN_LG_SECONDARY } from '../../../components/button';
-import { FormSection } from '../../../components/Form';
-import { KEYBINDING_DEF_BY_ACTION, type KeyBindings } from '../../../keybindings/headless/catalog';
-import { useKeybindingsHost, useMergedKeybindings } from '../../../keybindings/KeybindingsProvider';
-import { KeyHint } from '../../../keybindings/KeyHint';
-import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from '../../section';
-import { useSectionLabels } from '../use-section-labels';
-import { DEFAULT_KEYBINDINGS_SECTION_LABELS, type KeybindingsSectionLabels } from './labels';
-import { KEYBINDING_SECTIONS, type KeybindingRow } from './rows';
-
-/** The Keybindings section's strings, overridable through `LabelsProvider`. */
-export function useKeybindingsSectionLabels(): KeybindingsSectionLabels {
-  return useSectionLabels(DEFAULT_KEYBINDINGS_SECTION_LABELS);
-}
-
-/** Props for {@link KeybindingsSection}. */
-export interface KeybindingsSectionProps {
-  /** More header actions after Edit in file and Reload (a desktop app's "Show in Finder"). */
-  actions?: ReactNode;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/**
- * Renders every binding of the nearest `KeybindingsProvider`'s host (the defaults outside one). Edit in file
- * needs the host's `openInEditor`, Reload a host.
- *
- * @param props - Extra header `actions`, `className` and `style`.
- */
-export function KeybindingsSection({ actions, className, style }: KeybindingsSectionProps) {
-  const host = useKeybindingsHost();
-  const merged = useMergedKeybindings();
-  const l = useKeybindingsSectionLabels();
-  const [reloading, setReloading] = useState(false);
-
-  // The file may have changed since the app read it: read it again each time the section mounts.
-  useEffect(() => {
-    void host?.refresh();
-  }, [host]);
-
-  const handleReload = useCallback(async () => {
-    if (!host) return;
-    setReloading(true);
-    try {
-      await host.refresh();
-    } finally {
-      setReloading(false);
-    }
-  }, [host]);
-
-  const openInEditor = host?.openInEditor?.bind(host);
-
-  return (
-    <SettingsPanel className={className} style={style}>
-      <SettingsPanelActions
-        actions={
-          host || actions ? (
-            <>
-              {openInEditor && (
-                <button type="button" onClick={() => void openInEditor()} className={BTN_LG_SECONDARY}>
-                  {l.keybindingsSectionEdit}
-                </button>
-              )}
-              {host && (
-                <button
-                  type="button"
-                  onClick={() => void handleReload()}
-                  disabled={reloading}
-                  className={BTN_LG_PRIMARY}
-                >
-                  {reloading ? l.keybindingsSectionReloading : l.keybindingsSectionReload}
-                </button>
-              )}
-              {actions}
-            </>
-          ) : undefined
-        }
-      />
-      {/* A reference list with nothing to focus: the region takes focus so the keyboard can scroll it. */}
-      <SettingsPanelBody scrollLabel={l.keybindingsSectionTitle}>
-        <div className="flex flex-col gap-5">
-          {KEYBINDING_SECTIONS.map((section) => (
-            <FormSection key={section.title} title={l[section.title] as string}>
-              <ul className="flex flex-col list-none m-0 p-0">
-                {section.rows.map((row, idx) => (
-                  <RowItem key={`${section.title}-${idx}`} row={row} merged={merged} label={l[row.label] as string} />
-                ))}
-              </ul>
-            </FormSection>
-          ))}
-        </div>
-      </SettingsPanelBody>
-    </SettingsPanel>
-  );
-}
-
-function RowItem({ row, merged, label }: { row: KeybindingRow; merged: KeyBindings; label: string }) {
-  // The merged map is always complete; the default keeps a hint from rendering blank if it ever isn't.
-  const base = row.action ? (merged[row.action] ?? KEYBINDING_DEF_BY_ACTION[row.action].default) : (row.spec ?? '');
-  const spec = row.extra ? `${base} | ${row.extra}` : base;
-
-  return (
-    // Read-only (keys change where the host keeps them): no hover wash, which would promise a click.
-    <li className="flex items-center justify-between gap-3 px-3 py-1.5">
-      <span className="text-sm text-[var(--zg-text)]">{label}</span>
-      <KeyHint spec={spec} />
-    </li>
-  );
-}

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

@@ -1,72 +0,0 @@
-/**
- * The Keybindings settings section's strings: its actions and one label per
- * row of `KEYBINDING_SECTIONS`. One flat dictionary an app overrides with
- * `<LabelsProvider>`; keys you leave out keep the default English label.
- */
-
-/** The default English strings of the Keybindings section. */
-export const DEFAULT_KEYBINDINGS_SECTION_LABELS = {
-  keybindingsSectionTitle: 'Keybindings',
-  keybindingsSectionEdit: 'Edit in file',
-  keybindingsSectionReload: 'Reload',
-  keybindingsSectionReloading: 'Reloading…',
-
-  keybindingsSectionPrompt: 'Prompt',
-  keybindingsSectionSend: 'Send message',
-  keybindingsSectionNewLine: 'New line',
-  keybindingsSectionHistoryPrev: 'Previous history entry',
-  keybindingsSectionHistoryNext: 'Next history entry',
-  keybindingsSectionMention: 'Mention a file',
-  keybindingsSectionSkill: 'Use a skill',
-
-  keybindingsSectionSession: 'Session',
-  keybindingsSectionNewSession: 'New session',
-  keybindingsSectionMainSession: 'Back to the main session',
-  keybindingsSectionBrowse: 'Browse messages',
-  keybindingsSectionDetails: 'Session details',
-  keybindingsSectionCycleAgent: 'Switch agent',
-  keybindingsSectionModel: 'Switch model',
-  keybindingsSectionEffort: 'Reasoning effort',
-  keybindingsSectionTodos: 'Todo list',
-  keybindingsSectionArtifacts: 'Artifacts',
-  keybindingsSectionCancel: 'Stop the current work',
-
-  keybindingsSectionSessionActions: 'Session actions',
-  keybindingsSectionGenerateTitle: 'Generate title',
-  keybindingsSectionCompact: 'Compact conversation',
-  keybindingsSectionExportMarkdown: 'Export as Markdown',
-  keybindingsSectionExportJson: 'Export as JSON',
-  keybindingsSectionCopyId: 'Copy session id',
-  keybindingsSectionFavorite: 'Add to or remove from favorites',
-  keybindingsSectionDelete: 'Delete session',
-
-  keybindingsSectionPanels: 'Panels and tabs',
-  keybindingsSectionPanelNext: 'Next panel',
-  keybindingsSectionPanelPrev: 'Previous panel',
-  keybindingsSectionTabNext: 'Next tab, file or terminal (else next space)',
-  keybindingsSectionTabPrev: 'Previous tab, file or terminal (else previous space)',
-  keybindingsSectionCloseTab: 'Close tab, file or terminal',
-  keybindingsSectionSplitRight: 'Split the panel tab right',
-  keybindingsSectionSplitDown: 'Split the panel tab down',
-  keybindingsSectionFind: 'Find in the file or diffs (in Files and Diffs)',
-  keybindingsSectionSearch: 'Search across files (in Files and Diffs)',
-  keybindingsSectionTerminal: 'Show or hide the terminal',
-  keybindingsSectionNewTerminal: 'New terminal',
-  keybindingsSectionAnnotate: 'Annotate the page (in the Browser tab)',
-
-  keybindingsSectionApp: 'App',
-  keybindingsSectionPalette: 'Command palette',
-  keybindingsSectionSidebar: 'Show or hide the sidebar',
-  keybindingsSectionUsage: 'Usage',
-  keybindingsSectionSettings: 'Settings',
-  keybindingsSectionKeybindings: 'Keybindings',
-  keybindingsSectionZoomIn: 'Zoom in',
-  keybindingsSectionZoomOut: 'Zoom out',
-  keybindingsSectionZoomReset: 'Reset zoom',
-};
-
-/** The shape of the Keybindings section's label dictionary. */
-export type KeybindingsSectionLabels = typeof DEFAULT_KEYBINDINGS_SECTION_LABELS;
-
-/** A key of {@link KeybindingsSectionLabels} that names a string (a row or a group). */
-export type KeybindingsSectionLabelKey = keyof KeybindingsSectionLabels;