import type { DirectiveWithProgress } from "../../lib/api"; export function OverviewTab({ directive }: { directive: DirectiveWithProgress }) { return (
{/* Goal */}

Goal

{directive.goal}

{/* Progress */}

Progress

{directive.chain?.completedSteps || 0}
Completed Steps
{directive.chain?.totalSteps || 0}
Total Steps
{directive.chain?.currentConfidence != null ? `${Math.round((directive.chain?.currentConfidence ?? 0) * 100)}%` : "-"}
Confidence
{/* Configuration */}

Configuration

Autonomy Level {directive.autonomyLevel}
Max Rework Cycles {directive.maxReworkCycles}
Green Threshold {directive.confidenceThresholdGreen}
Yellow Threshold {directive.confidenceThresholdYellow}
{/* Repository */} {directive.repositoryUrl && (

Repository

{directive.repositoryUrl}

)}
); }