import React from 'react';
import { SessionTask, TaskStatus } from '../lib/session-events.js';
/**
 * Get status color for a task
 */
export declare function getStatusColor(status: TaskStatus): string;
/**
 * Get status icon for a task
 */
export declare function getStatusIcon(status: TaskStatus): string;
interface TaskViewProps {
    tasks: SessionTask[];
}
/**
 * TaskView - Hierarchical task tree display (matching web SessionDetailsSidebar)
 *
 * Shows tasks in a tree format with colored status dots:
 *   ● assistant                              19s
 *   └ ✓ coding                               15s
 *
 * Features:
 * - Tree prefixes (└) for child tasks
 * - Colored status dots (gray=pending, blue=running, yellow=waiting, green=done, red=error)
 * - Animated icons for running tasks (alternates between ○ and ●)
 * - Duration display (elapsed for active, final for completed)
 * - Collapsible completed tasks (Ctrl+O to expand/collapse)
 */
export declare function TaskView({ tasks }: TaskViewProps): React.JSX.Element | null;
/**
 * Check if any task is active (not completed)
 */
export declare function hasActiveTasks(tasks: SessionTask[]): boolean;
export {};
//# sourceMappingURL=TaskView.d.ts.map