/**
 * Mission Control TUI Tasks Panel
 *
 * Right panel displaying:
 * - Tasks for the selected phase
 * - Status icons including spinner for in-progress
 * - Navigation indicator
 *
 * Icons (Nerd Font):
 * - Done: \uf058 (󰗠) check
 * - In Progress: \uf1ce (󰑐) spinner/sync
 * - Pending: \uf096 (󰄱) empty box
 * - Failed: \uf057 (󰅙) times
 */
import type { Theme } from "@mariozechner/pi-coding-agent";
import type { Task, Phase } from "../state.js";
export interface TasksPanelProps {
    phase: Phase | null;
    tasks: Task[];
    selectedIndex: number;
    focused: boolean;
}
/**
 * Render the tasks panel
 */
export declare function renderTasksPanel(width: number, height: number, props: TasksPanelProps, theme: Theme): string[];
/**
 * Tasks panel component class
 * Tracks per-phase selection state to avoid auto-selecting when switching phases
 */
export declare class TasksPanelComponent {
    private props;
    private cachedWidth?;
    private cachedHeight?;
    private cachedLines?;
    private phaseSelections;
    constructor(phase?: Phase | null, focused?: boolean);
    update(phase: Phase | null, selectedIndex?: number): void;
    setFocused(focused: boolean): void;
    isFocused(): boolean;
    getSelectedIndex(): number;
    getSelectedTask(): Task | undefined;
    navigateUp(): void;
    navigateDown(): void;
    render(width: number, height: number, theme: Theme): string[];
    invalidate(): void;
}
//# sourceMappingURL=tasks-panel.d.ts.map