@jmoyers/harness 0.1.11 → 0.1.20

package/src/ui/left-rail-pointer-input.ts

@@ -1,148 +0,0 @@
-import { handleLeftRailActionClick } from '../mux/live-mux/left-rail-actions.ts';
-import { handleLeftRailConversationClick } from '../mux/live-mux/left-rail-conversation-click.ts';
-import {
-  handleLeftRailPointerClick,
-  type LeftRailPointerContext,
-} from '../mux/live-mux/left-rail-pointer.ts';
-import type { buildWorkspaceRailViewRows } from '../mux/workspace-rail-model.ts';
-
-export interface ConversationTitleClickState {
-  readonly conversationId: string;
-  readonly atMs: number;
-}
-
-interface LeftRailPointerInputOptions {
-  readonly getLatestRailRows: () => ReturnType<typeof buildWorkspaceRailViewRows>;
-  readonly hasConversationTitleEdit: () => boolean;
-  readonly conversationTitleEditConversationId: () => string | null;
-  readonly stopConversationTitleEdit: () => void;
-  readonly hasSelection: () => boolean;
-  readonly clearSelection: () => void;
-  readonly activeConversationId: () => string | null;
-  readonly repositoriesCollapsed: () => boolean;
-  readonly clearConversationTitleEditClickState: () => void;
-  readonly resolveDirectoryForAction: () => string | null;
-  readonly openNewThreadPrompt: (directoryId: string) => void;
-  readonly queueArchiveConversation: (conversationId: string) => void;
-  readonly openAddDirectoryPrompt: () => void;
-  readonly openRepositoryPromptForCreate: () => void;
-  readonly repositoryExists: (repositoryId: string) => boolean;
-  readonly openRepositoryPromptForEdit: (repositoryId: string) => void;
-  readonly queueArchiveRepository: (repositoryId: string) => void;
-  readonly toggleRepositoryGroup: (repositoryGroupId: string) => void;
-  readonly selectLeftNavRepository: (repositoryGroupId: string) => void;
-  readonly expandAllRepositoryGroups: () => void;
-  readonly collapseAllRepositoryGroups: () => void;
-  readonly enterHomePane: () => void;
-  readonly queueCloseDirectory: (directoryId: string) => void;
-  readonly toggleShortcutsCollapsed: () => void;
-  readonly previousConversationClickState: () => ConversationTitleClickState | null;
-  readonly setConversationClickState: (next: ConversationTitleClickState | null) => void;
-  readonly nowMs: () => number;
-  readonly conversationTitleEditDoubleClickWindowMs: number;
-  readonly isConversationPaneActive: () => boolean;
-  readonly ensureConversationPaneActive: (conversationId: string) => void;
-  readonly beginConversationTitleEdit: (conversationId: string) => void;
-  readonly queueActivateConversation: (conversationId: string) => void;
-  readonly queueActivateConversationAndEdit: (conversationId: string) => void;
-  readonly directoriesHas: (directoryId: string) => boolean;
-  readonly enterProjectPane: (directoryId: string) => void;
-  readonly markDirty: () => void;
-}
-
-interface LeftRailPointerInputDependencies {
-  readonly handleLeftRailPointerClick?: typeof handleLeftRailPointerClick;
-  readonly handleLeftRailActionClick?: typeof handleLeftRailActionClick;
-  readonly handleLeftRailConversationClick?: typeof handleLeftRailConversationClick;
-}
-
-interface HandlePointerClickInput {
-  readonly clickEligible: boolean;
-  readonly paneRows: number;
-  readonly leftCols: number;
-  readonly pointerRow: number;
-  readonly pointerCol: number;
-}
-
-export class LeftRailPointerInput {
-  private readonly pointerClick: typeof handleLeftRailPointerClick;
-  private readonly actionClick: typeof handleLeftRailActionClick;
-  private readonly conversationClick: typeof handleLeftRailConversationClick;
-
-  constructor(
-    private readonly options: LeftRailPointerInputOptions,
-    dependencies: LeftRailPointerInputDependencies = {},
-  ) {
-    this.pointerClick = dependencies.handleLeftRailPointerClick ?? handleLeftRailPointerClick;
-    this.actionClick = dependencies.handleLeftRailActionClick ?? handleLeftRailActionClick;
-    this.conversationClick =
-      dependencies.handleLeftRailConversationClick ?? handleLeftRailConversationClick;
-  }
-
-  handlePointerClick(input: HandlePointerClickInput): boolean {
-    return this.pointerClick({
-      clickEligible: input.clickEligible,
-      rows: this.options.getLatestRailRows(),
-      paneRows: input.paneRows,
-      leftCols: input.leftCols,
-      pointerRow: input.pointerRow,
-      pointerCol: input.pointerCol,
-      hasConversationTitleEdit: this.options.hasConversationTitleEdit(),
-      conversationTitleEditConversationId: this.options.conversationTitleEditConversationId(),
-      stopConversationTitleEdit: this.options.stopConversationTitleEdit,
-      hasSelection: this.options.hasSelection(),
-      clearSelection: this.options.clearSelection,
-      handleAction: (context) => this.handleAction(context),
-      handleConversation: (context) => this.handleConversation(context),
-    });
-  }
-
-  private handleAction(context: LeftRailPointerContext): boolean {
-    return this.actionClick({
-      action: context.selectedAction,
-      selectedProjectId: context.selectedProjectId,
-      selectedRepositoryId: context.selectedRepositoryId,
-      activeConversationId: this.options.activeConversationId(),
-      repositoriesCollapsed: this.options.repositoriesCollapsed(),
-      clearConversationTitleEditClickState: this.options.clearConversationTitleEditClickState,
-      resolveDirectoryForAction: this.options.resolveDirectoryForAction,
-      openNewThreadPrompt: this.options.openNewThreadPrompt,
-      queueArchiveConversation: this.options.queueArchiveConversation,
-      openAddDirectoryPrompt: this.options.openAddDirectoryPrompt,
-      openRepositoryPromptForCreate: this.options.openRepositoryPromptForCreate,
-      repositoryExists: this.options.repositoryExists,
-      openRepositoryPromptForEdit: this.options.openRepositoryPromptForEdit,
-      queueArchiveRepository: this.options.queueArchiveRepository,
-      toggleRepositoryGroup: this.options.toggleRepositoryGroup,
-      selectLeftNavRepository: this.options.selectLeftNavRepository,
-      expandAllRepositoryGroups: this.options.expandAllRepositoryGroups,
-      collapseAllRepositoryGroups: this.options.collapseAllRepositoryGroups,
-      enterHomePane: this.options.enterHomePane,
-      queueCloseDirectory: this.options.queueCloseDirectory,
-      toggleShortcutsCollapsed: this.options.toggleShortcutsCollapsed,
-      markDirty: this.options.markDirty,
-    });
-  }
-
-  private handleConversation(context: LeftRailPointerContext): void {
-    this.conversationClick({
-      selectedConversationId: context.selectedConversationId,
-      selectedProjectId: context.selectedProjectId,
-      supportsConversationTitleEditClick: context.supportsConversationTitleEditClick,
-      previousClickState: this.options.previousConversationClickState(),
-      nowMs: this.options.nowMs(),
-      conversationTitleEditDoubleClickWindowMs:
-        this.options.conversationTitleEditDoubleClickWindowMs,
-      activeConversationId: this.options.activeConversationId(),
-      isConversationPaneActive: this.options.isConversationPaneActive(),
-      setConversationClickState: this.options.setConversationClickState,
-      ensureConversationPaneActive: this.options.ensureConversationPaneActive,
-      beginConversationTitleEdit: this.options.beginConversationTitleEdit,
-      queueActivateConversation: this.options.queueActivateConversation,
-      queueActivateConversationAndEdit: this.options.queueActivateConversationAndEdit,
-      directoriesHas: this.options.directoriesHas,
-      enterProjectPane: this.options.enterProjectPane,
-      markDirty: this.options.markDirty,
-    });
-  }
-}

package/src/ui/modals/manager.ts

@@ -1,218 +0,0 @@
-import {
-  buildCommandMenuModalOverlay as buildCommandMenuModalOverlayFrame,
-  buildAddDirectoryModalOverlay as buildAddDirectoryModalOverlayFrame,
-  buildApiKeyModalOverlay as buildApiKeyModalOverlayFrame,
-  buildConversationTitleModalOverlay as buildConversationTitleModalOverlayFrame,
-  buildNewThreadModalOverlay as buildNewThreadModalOverlayFrame,
-  buildRepositoryModalOverlay as buildRepositoryModalOverlayFrame,
-  buildTaskEditorModalOverlay as buildTaskEditorModalOverlayFrame,
-} from '../../mux/live-mux/modal-overlays.ts';
-import { dismissModalOnOutsideClick as dismissModalOnOutsideClickFrame } from '../../mux/live-mux/modal-pointer.ts';
-import type {
-  CommandMenuActionDescriptor,
-  CommandMenuState,
-} from '../../mux/live-mux/command-menu.ts';
-import type { createNewThreadPromptState } from '../../mux/new-thread-prompt.ts';
-import type {
-  ConversationTitleEditState,
-  RepositoryPromptState,
-  TaskEditorPromptState,
-} from '../../domain/workspace.ts';
-import { isUiModalOverlayHit } from '../kit.ts';
-
-type NewThreadPromptState = ReturnType<typeof createNewThreadPromptState>;
-type AddDirectoryPromptState = { value: string; error: string | null };
-type ApiKeyPromptState = {
-  keyName: string;
-  displayName: string;
-  value: string;
-  error: string | null;
-  hasExistingValue: boolean;
-};
-type ModalOverlay = Exclude<ReturnType<typeof buildNewThreadModalOverlayFrame>, null>;
-type ModalTheme = Parameters<typeof buildNewThreadModalOverlayFrame>[3];
-type DismissModalOnOutsideClickInput = Parameters<typeof dismissModalOnOutsideClickFrame>[0];
-
-interface ModalManagerOptions {
-  readonly theme: ModalTheme;
-  readonly resolveRepositoryName: (repositoryId: string) => string | null;
-  readonly getCommandMenu: () => CommandMenuState | null;
-  readonly resolveCommandMenuActions: () => readonly CommandMenuActionDescriptor[];
-  readonly getNewThreadPrompt: () => NewThreadPromptState | null;
-  readonly getAddDirectoryPrompt: () => AddDirectoryPromptState | null;
-  readonly getApiKeyPrompt?: () => ApiKeyPromptState | null;
-  readonly getTaskEditorPrompt: () => TaskEditorPromptState | null;
-  readonly getRepositoryPrompt: () => RepositoryPromptState | null;
-  readonly getConversationTitleEdit: () => ConversationTitleEditState | null;
-}
-
-interface ModalManagerDependencies {
-  readonly buildCommandMenuModalOverlay?: typeof buildCommandMenuModalOverlayFrame;
-  readonly buildNewThreadModalOverlay?: typeof buildNewThreadModalOverlayFrame;
-  readonly buildAddDirectoryModalOverlay?: typeof buildAddDirectoryModalOverlayFrame;
-  readonly buildTaskEditorModalOverlay?: typeof buildTaskEditorModalOverlayFrame;
-  readonly buildApiKeyModalOverlay?: typeof buildApiKeyModalOverlayFrame;
-  readonly buildRepositoryModalOverlay?: typeof buildRepositoryModalOverlayFrame;
-  readonly buildConversationTitleModalOverlay?: typeof buildConversationTitleModalOverlayFrame;
-  readonly dismissModalOnOutsideClick?: typeof dismissModalOnOutsideClickFrame;
-  readonly isOverlayHit?: typeof isUiModalOverlayHit;
-}
-
-interface ModalDismissInput {
-  readonly input: Buffer;
-  readonly inputRemainder: string;
-  readonly layoutCols: number;
-  readonly viewportRows: number;
-  readonly dismiss: () => void;
-  readonly onInsidePointerPress?: (col: number, row: number) => boolean;
-}
-
-interface ModalDismissResult {
-  readonly handled: boolean;
-  readonly inputRemainder: string;
-}
-
-export class ModalManager {
-  private readonly buildCommandMenuModalOverlay: typeof buildCommandMenuModalOverlayFrame;
-  private readonly buildNewThreadModalOverlay: typeof buildNewThreadModalOverlayFrame;
-  private readonly buildAddDirectoryModalOverlay: typeof buildAddDirectoryModalOverlayFrame;
-  private readonly buildTaskEditorModalOverlay: typeof buildTaskEditorModalOverlayFrame;
-  private readonly buildApiKeyModalOverlay: typeof buildApiKeyModalOverlayFrame;
-  private readonly buildRepositoryModalOverlay: typeof buildRepositoryModalOverlayFrame;
-  private readonly buildConversationTitleModalOverlay: typeof buildConversationTitleModalOverlayFrame;
-  private readonly dismissModalOnOutsideClick: typeof dismissModalOnOutsideClickFrame;
-  private readonly isOverlayHit: typeof isUiModalOverlayHit;
-
-  constructor(
-    private readonly options: ModalManagerOptions,
-    dependencies: ModalManagerDependencies = {},
-  ) {
-    this.buildCommandMenuModalOverlay =
-      dependencies.buildCommandMenuModalOverlay ?? buildCommandMenuModalOverlayFrame;
-    this.buildNewThreadModalOverlay =
-      dependencies.buildNewThreadModalOverlay ?? buildNewThreadModalOverlayFrame;
-    this.buildAddDirectoryModalOverlay =
-      dependencies.buildAddDirectoryModalOverlay ?? buildAddDirectoryModalOverlayFrame;
-    this.buildTaskEditorModalOverlay =
-      dependencies.buildTaskEditorModalOverlay ?? buildTaskEditorModalOverlayFrame;
-    this.buildApiKeyModalOverlay =
-      dependencies.buildApiKeyModalOverlay ?? buildApiKeyModalOverlayFrame;
-    this.buildRepositoryModalOverlay =
-      dependencies.buildRepositoryModalOverlay ?? buildRepositoryModalOverlayFrame;
-    this.buildConversationTitleModalOverlay =
-      dependencies.buildConversationTitleModalOverlay ?? buildConversationTitleModalOverlayFrame;
-    this.dismissModalOnOutsideClick =
-      dependencies.dismissModalOnOutsideClick ?? dismissModalOnOutsideClickFrame;
-    this.isOverlayHit = dependencies.isOverlayHit ?? isUiModalOverlayHit;
-  }
-
-  buildCommandMenuOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildCommandMenuModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getCommandMenu(),
-      this.options.resolveCommandMenuActions(),
-      this.options.theme,
-    );
-  }
-
-  buildNewThreadOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildNewThreadModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getNewThreadPrompt(),
-      this.options.theme,
-    );
-  }
-
-  buildAddDirectoryOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildAddDirectoryModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getAddDirectoryPrompt(),
-      this.options.theme,
-    );
-  }
-
-  buildTaskEditorOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildTaskEditorModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getTaskEditorPrompt(),
-      this.options.resolveRepositoryName,
-      this.options.theme,
-    );
-  }
-
-  buildApiKeyOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildApiKeyModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getApiKeyPrompt?.() ?? null,
-      this.options.theme,
-    );
-  }
-
-  buildRepositoryOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildRepositoryModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getRepositoryPrompt(),
-      this.options.theme,
-    );
-  }
-
-  buildConversationTitleOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    return this.buildConversationTitleModalOverlay(
-      layoutCols,
-      viewportRows,
-      this.options.getConversationTitleEdit(),
-      this.options.theme,
-    );
-  }
-
-  buildCurrentOverlay(layoutCols: number, viewportRows: number): ModalOverlay | null {
-    const commandMenuOverlay = this.buildCommandMenuOverlay(layoutCols, viewportRows);
-    if (commandMenuOverlay !== null) {
-      return commandMenuOverlay;
-    }
-    const newThreadOverlay = this.buildNewThreadOverlay(layoutCols, viewportRows);
-    if (newThreadOverlay !== null) {
-      return newThreadOverlay;
-    }
-    const addDirectoryOverlay = this.buildAddDirectoryOverlay(layoutCols, viewportRows);
-    if (addDirectoryOverlay !== null) {
-      return addDirectoryOverlay;
-    }
-    const taskEditorOverlay = this.buildTaskEditorOverlay(layoutCols, viewportRows);
-    if (taskEditorOverlay !== null) {
-      return taskEditorOverlay;
-    }
-    const apiKeyOverlay = this.buildApiKeyOverlay(layoutCols, viewportRows);
-    if (apiKeyOverlay !== null) {
-      return apiKeyOverlay;
-    }
-    const repositoryOverlay = this.buildRepositoryOverlay(layoutCols, viewportRows);
-    if (repositoryOverlay !== null) {
-      return repositoryOverlay;
-    }
-    return this.buildConversationTitleOverlay(layoutCols, viewportRows);
-  }
-
-  dismissOnOutsideClick(input: ModalDismissInput): ModalDismissResult {
-    const dismissInput: DismissModalOnOutsideClickInput = {
-      input: input.input,
-      inputRemainder: input.inputRemainder,
-      dismiss: input.dismiss,
-      buildCurrentModalOverlay: () =>
-        this.buildCurrentOverlay(input.layoutCols, input.viewportRows),
-      isOverlayHit: this.isOverlayHit,
-      ...(input.onInsidePointerPress === undefined
-        ? {}
-        : {
-            onInsidePointerPress: input.onInsidePointerPress,
-          }),
-    };
-    return this.dismissModalOnOutsideClick(dismissInput);
-  }
-}

package/src/ui/repository-fold-input.ts

@@ -1,91 +0,0 @@
-import {
-  reduceRepositoryFoldChordInput,
-  repositoryTreeArrowAction,
-} from '../mux/live-mux/repository-folding.ts';
-import type { LeftNavSelection } from '../mux/live-mux/left-nav.ts';
-
-interface RepositoryFoldInputOptions {
-  readonly getLeftNavSelection: () => LeftNavSelection;
-  readonly getRepositoryToggleChordPrefixAtMs: () => number | null;
-  readonly setRepositoryToggleChordPrefixAtMs: (value: number | null) => void;
-  readonly conversations: ReadonlyMap<string, { directoryId: string | null }>;
-  readonly repositoryGroupIdForDirectory: (directoryId: string) => string;
-  readonly collapseRepositoryGroup: (repositoryGroupId: string) => void;
-  readonly expandRepositoryGroup: (repositoryGroupId: string) => void;
-  readonly collapseAllRepositoryGroups: () => void;
-  readonly expandAllRepositoryGroups: () => void;
-  readonly selectLeftNavRepository: (repositoryGroupId: string) => void;
-  readonly markDirty: () => void;
-  readonly chordTimeoutMs: number;
-  readonly collapseAllChordPrefix: Buffer;
-  readonly nowMs: () => number;
-}
-
-export class RepositoryFoldInput {
-  constructor(private readonly options: RepositoryFoldInputOptions) {}
-
-  private selectedRepositoryGroupId(): string | null {
-    const leftNavSelection = this.options.getLeftNavSelection();
-    if (leftNavSelection.kind === 'repository') {
-      return leftNavSelection.repositoryId;
-    }
-    if (leftNavSelection.kind === 'project') {
-      return this.options.repositoryGroupIdForDirectory(leftNavSelection.directoryId);
-    }
-    if (leftNavSelection.kind === 'conversation') {
-      const conversation = this.options.conversations.get(leftNavSelection.sessionId);
-      if (conversation?.directoryId !== null && conversation?.directoryId !== undefined) {
-        return this.options.repositoryGroupIdForDirectory(conversation.directoryId);
-      }
-    }
-    return null;
-  }
-
-  handleRepositoryTreeArrow(input: Buffer): boolean {
-    const repositoryId = this.selectedRepositoryGroupId();
-    const action = repositoryTreeArrowAction(
-      input,
-      this.options.getLeftNavSelection(),
-      repositoryId,
-    );
-    if (repositoryId === null || action === null) {
-      return false;
-    }
-    if (action === 'expand') {
-      this.options.expandRepositoryGroup(repositoryId);
-      this.options.selectLeftNavRepository(repositoryId);
-      this.options.markDirty();
-      return true;
-    }
-    if (action === 'collapse') {
-      this.options.collapseRepositoryGroup(repositoryId);
-      this.options.selectLeftNavRepository(repositoryId);
-      this.options.markDirty();
-      return true;
-    }
-    return false;
-  }
-
-  handleRepositoryFoldChords(input: Buffer): boolean {
-    const reduced = reduceRepositoryFoldChordInput({
-      input,
-      leftNavSelection: this.options.getLeftNavSelection(),
-      nowMs: this.options.nowMs(),
-      prefixAtMs: this.options.getRepositoryToggleChordPrefixAtMs(),
-      chordTimeoutMs: this.options.chordTimeoutMs,
-      collapseAllChordPrefix: this.options.collapseAllChordPrefix,
-    });
-    this.options.setRepositoryToggleChordPrefixAtMs(reduced.nextPrefixAtMs);
-    if (reduced.action === 'expand-all') {
-      this.options.expandAllRepositoryGroups();
-      this.options.markDirty();
-      return true;
-    }
-    if (reduced.action === 'collapse-all') {
-      this.options.collapseAllRepositoryGroups();
-      this.options.markDirty();
-      return true;
-    }
-    return reduced.consumed;
-  }
-}

package/src/ui/surface.ts

@@ -1,224 +0,0 @@
-import { measureDisplayWidth } from '../terminal/snapshot-oracle.ts';
-
-export type UiColor =
-  | { kind: 'default' }
-  | { kind: 'indexed'; index: number }
-  | { kind: 'rgb'; r: number; g: number; b: number };
-
-export interface UiStyle {
-  readonly fg: UiColor;
-  readonly bg: UiColor;
-  readonly bold: boolean;
-}
-
-interface UiCell {
-  glyph: string;
-  continued: boolean;
-  style: UiStyle;
-}
-
-export interface UiSurface {
-  readonly cols: number;
-  readonly rows: number;
-  readonly baseStyle: UiStyle;
-  readonly cells: UiCell[];
-}
-
-const DEFAULT_COLOR: UiColor = {
-  kind: 'default',
-};
-
-export const DEFAULT_UI_STYLE: UiStyle = {
-  fg: DEFAULT_COLOR,
-  bg: DEFAULT_COLOR,
-  bold: false,
-};
-
-function cloneColor(color: UiColor): UiColor {
-  if (color.kind === 'default') {
-    return DEFAULT_COLOR;
-  }
-  if (color.kind === 'indexed') {
-    return {
-      kind: 'indexed',
-      index: color.index,
-    };
-  }
-  return {
-    kind: 'rgb',
-    r: color.r,
-    g: color.g,
-    b: color.b,
-  };
-}
-
-function cloneStyle(style: UiStyle): UiStyle {
-  return {
-    fg: cloneColor(style.fg),
-    bg: cloneColor(style.bg),
-    bold: style.bold,
-  };
-}
-
-function styleEqual(left: UiStyle, right: UiStyle): boolean {
-  if (left.bold !== right.bold) {
-    return false;
-  }
-  if (left.fg.kind !== right.fg.kind || left.bg.kind !== right.bg.kind) {
-    return false;
-  }
-
-  if (left.fg.kind === 'indexed') {
-    if (left.fg.index !== (right.fg as Extract<UiColor, { kind: 'indexed' }>).index) {
-      return false;
-    }
-  } else if (left.fg.kind === 'rgb') {
-    const typedRight = right.fg as Extract<UiColor, { kind: 'rgb' }>;
-    if (left.fg.r !== typedRight.r || left.fg.g !== typedRight.g || left.fg.b !== typedRight.b) {
-      return false;
-    }
-  }
-
-  if (left.bg.kind === 'indexed') {
-    if (left.bg.index !== (right.bg as Extract<UiColor, { kind: 'indexed' }>).index) {
-      return false;
-    }
-  } else if (left.bg.kind === 'rgb') {
-    const typedRight = right.bg as Extract<UiColor, { kind: 'rgb' }>;
-    if (left.bg.r !== typedRight.r || left.bg.g !== typedRight.g || left.bg.b !== typedRight.b) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-function createCell(style: UiStyle): UiCell {
-  return {
-    glyph: ' ',
-    continued: false,
-    style: cloneStyle(style),
-  };
-}
-
-function cellOffset(surface: UiSurface, col: number, row: number): number {
-  return row * surface.cols + col;
-}
-
-function colorSgrCodes(color: UiColor, target: 'fg' | 'bg'): readonly string[] {
-  const prefix = target === 'fg' ? '38' : '48';
-  if (color.kind === 'default') {
-    return [target === 'fg' ? '39' : '49'];
-  }
-  if (color.kind === 'indexed') {
-    return [prefix, '5', String(color.index)];
-  }
-  return [prefix, '2', String(color.r), String(color.g), String(color.b)];
-}
-
-function styleToSgr(style: UiStyle): string {
-  const codes: string[] = ['0'];
-  if (style.bold) {
-    codes.push('1');
-  }
-  codes.push(...colorSgrCodes(style.fg, 'fg'));
-  codes.push(...colorSgrCodes(style.bg, 'bg'));
-  return `\u001b[${codes.join(';')}m`;
-}
-
-export function createUiSurface(
-  cols: number,
-  rows: number,
-  baseStyle: UiStyle = DEFAULT_UI_STYLE,
-): UiSurface {
-  const safeCols = Math.max(1, cols);
-  const safeRows = Math.max(1, rows);
-  const typedBaseStyle = cloneStyle(baseStyle);
-  return {
-    cols: safeCols,
-    rows: safeRows,
-    baseStyle: typedBaseStyle,
-    cells: Array.from({ length: safeCols * safeRows }, () => createCell(typedBaseStyle)),
-  };
-}
-
-export function fillUiRow(surface: UiSurface, row: number, style: UiStyle): void {
-  if (row < 0 || row >= surface.rows) {
-    return;
-  }
-  const typedStyle = cloneStyle(style);
-  for (let col = 0; col < surface.cols; col += 1) {
-    const cell = surface.cells[cellOffset(surface, col, row)]!;
-    cell.glyph = ' ';
-    cell.continued = false;
-    cell.style = typedStyle;
-  }
-}
-
-export function drawUiText(
-  surface: UiSurface,
-  colStart: number,
-  row: number,
-  text: string,
-  style: UiStyle = surface.baseStyle,
-): void {
-  if (row < 0 || row >= surface.rows || colStart >= surface.cols) {
-    return;
-  }
-  let col = Math.max(0, colStart);
-  const typedStyle = cloneStyle(style);
-
-  for (const glyph of text) {
-    const width = Math.max(0, measureDisplayWidth(glyph));
-    if (width === 0) {
-      continue;
-    }
-    if (col >= surface.cols) {
-      break;
-    }
-
-    if (width === 1) {
-      const cell = surface.cells[cellOffset(surface, col, row)]!;
-      cell.glyph = glyph;
-      cell.continued = false;
-      cell.style = typedStyle;
-      col += 1;
-      continue;
-    }
-
-    if (col + width > surface.cols) {
-      break;
-    }
-
-    const first = surface.cells[cellOffset(surface, col, row)]!;
-    first.glyph = glyph;
-    first.continued = false;
-    first.style = typedStyle;
-    for (let offset = 1; offset < width && col + offset < surface.cols; offset += 1) {
-      const cell = surface.cells[cellOffset(surface, col + offset, row)]!;
-      cell.glyph = '';
-      cell.continued = true;
-      cell.style = typedStyle;
-    }
-    col += width;
-  }
-}
-
-export function renderUiSurfaceAnsiRows(surface: UiSurface): readonly string[] {
-  const rows: string[] = [];
-  for (let row = 0; row < surface.rows; row += 1) {
-    let output = '';
-    let lastStyle: UiStyle | null = null;
-    for (let col = 0; col < surface.cols; col += 1) {
-      const cell = surface.cells[cellOffset(surface, col, row)]!;
-      if (lastStyle === null || !styleEqual(lastStyle, cell.style)) {
-        output += styleToSgr(cell.style);
-        lastStyle = cell.style;
-      }
-      output += cell.continued ? '' : cell.glyph.length > 0 ? cell.glyph : ' ';
-    }
-    output += '\u001b[0m';
-    rows.push(output);
-  }
-  return rows;
-}