import { type UseWorkflowDashboardSummaryOptions } from "./useWorkflowDashboardSummary";
export interface WorkflowDashboardProps {
    /** Organization slug for scoping the dashboard data. */
    readonly org: string | null | undefined;
    /** Time window for the summary statistics. */
    readonly timeWindow?: UseWorkflowDashboardSummaryOptions["timeWindow"];
    /** Called when the user clicks "Review" on a pending approval. */
    readonly onApprovalClick?: (executionId: string) => void;
    /** Called when the user clicks "View" on a failed execution. */
    readonly onFailedRunClick?: (executionId: string) => void;
    readonly className?: string;
}
/**
 * Composed dashboard widget that aggregates execution KPIs,
 * pending approvals, and recent failures into a responsive layout.
 *
 * Composes three sub-widgets:
 * - **ExecutionSummaryWidget** — phase counts, cost, duration
 * - **PendingApprovalsWidget** — human_input tasks awaiting decisions
 * - **FailedRunsWidget** — recent failed executions (from existing list API)
 *
 * All data fetching is internal. The consumer provides org context and
 * navigation callbacks.
 *
 * @example
 * ```tsx
 * <WorkflowDashboard
 *   org="acme"
 *   onApprovalClick={(id) => navigate(`/workflows/executions/${id}`)}
 *   onFailedRunClick={(id) => navigate(`/workflows/executions/${id}`)}
 * />
 * ```
 */
export declare const WorkflowDashboard: import("react").NamedExoticComponent<WorkflowDashboardProps>;
//# sourceMappingURL=WorkflowDashboard.d.ts.map