import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
/** Props for {@link ExecutionProgress}. */
export interface ExecutionProgressProps {
    /** The execution to display progress for. Renders nothing when null. */
    readonly execution: AgentExecution | null;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Displays execution lifecycle phase and, when present, the agent's
 * todo checklist showing multi-step task progress.
 *
 * The phase badge is always visible so the user knows the execution
 * state at a glance. When the agent creates todo items (via the
 * `write_todos` tool), they appear as a compact checklist sorted by
 * activity: in-progress items first, then pending, completed, and
 * cancelled.
 *
 * Renders its content without card chrome (no border, background, or
 * elevation). The consumer controls the container styling.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * const stream = useExecutionStream(executionId);
 *
 * <div className="rounded-lg border border-border bg-card p-3">
 *   <ExecutionProgress execution={stream.execution} />
 * </div>
 * ```
 */
export declare function ExecutionProgress({ execution, className, }: ExecutionProgressProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=ExecutionProgress.d.ts.map