forked from bots-garden/ori
| ✨ Introduce new feature(s): ACP web client — Go backend (agent, bridge, httpserver, mockagent) + React SPA (Zed-like agent panel), tests, quality gate PASS | 1 | /** |
| 2 | * PlanView renders the agent's current execution plan (ACP "plan" updates) | |
| 3 | * as a compact checklist, like the plan block of Zed's agent panel. | |
| 4 | * | |
| 5 | * @example | |
| 6 | * <PlanView entries={[{ content: "Read the code", priority: "medium", status: "completed" }]} /> | |
| 7 | */ | |
| 8 | ||
| 9 | import type { AcpPlanEntry } from "../protocol"; | |
| 10 | ||
| 11 | const statusMarks: Record<string, string> = { | |
| 12 | pending: "○", | |
| 13 | in_progress: "◐", | |
| 14 | completed: "●", | |
| 15 | }; | |
| 16 | ||
| 17 | export function PlanView({ entries }: { entries: AcpPlanEntry[] }) { | |
| 18 | if (entries.length === 0) { | |
| 19 | return null; | |
| 20 | } | |
| 21 | return ( | |
| 22 | <details className="plan" open> | |
| 23 | <summary className="plan-summary"> | |
| 24 | Plan ({entries.filter((e) => e.status === "completed").length}/ | |
| 25 | {entries.length}) | |
| 26 | </summary> | |
| 27 | <ul className="plan-entries"> | |
| 28 | {entries.map((entry, index) => ( | |
| 29 | // biome-ignore lint/suspicious/noArrayIndexKey: ACP plan entries carry no id and the list is replaced wholesale on every update. | |
| 30 | <li key={index} className={`plan-entry plan-entry-${entry.status}`}> | |
| 31 | <span aria-hidden>{statusMarks[entry.status] ?? "○"}</span>{" "} | |
| 32 | {entry.content} | |
| 33 | </li> | |
| 34 | ))} | |
| 35 | </ul> | |
| 36 | </details> | |
| 37 | ); | |
| 38 | } |