/**
 * Mission Control TUI Phases Panel
 *
 * Left panel displaying:
 * - List of phases with status icons
 * - Navigation indicator (arrow) for selected phase
 * - Keyboard navigation support
 *
 * Icons (Nerd Font):
 * - Done: \uf058 (󰗠) check
 * - In Progress: \uf192 () dot-circle
 * - Pending: \uf096 (󰄱) empty box
 * - Selected: \uf054 (󰁔) arrow
 */
import type { Theme } from "@mariozechner/pi-coding-agent";
import type { Phase } from "../state.js";
export interface PhasesPanelProps {
    phases: Phase[];
    selectedIndex: number;
    focused: boolean;
}
/**
 * Render the phases panel
 */
export declare function renderPhasesPanel(width: number, height: number, props: PhasesPanelProps, theme: Theme): string[];
/**
 * Phases panel component class
 */
export declare class PhasesPanelComponent {
    private props;
    private cachedWidth?;
    private cachedHeight?;
    private cachedLines?;
    constructor(phases?: Phase[], focused?: boolean);
    update(phases: Phase[], selectedIndex?: number): void;
    setFocused(focused: boolean): void;
    isFocused(): boolean;
    getSelectedIndex(): number;
    getSelectedPhase(): Phase | undefined;
    navigateUp(): void;
    navigateDown(): void;
    selectFirstInProgress(): void;
    render(width: number, height: number, theme: Theme): string[];
    invalidate(): void;
}
//# sourceMappingURL=phases-panel.d.ts.map