feat(agent-team): dashboard UI redesign (Board + DAG tabs, Tailwind/shadcn) [read-only] #64

Merged
amoussa1229 merged 9 commits from feat/agent-team-dashboard-redesign into main 2026-06-24 23:05:05 +00:00
2 changed files with 5 additions and 17 deletions
Showing only changes of commit 6ad164a632 - Show all commits

View file

@ -223,14 +223,16 @@ interface ColumnProps {
function KanbanColumn({ stage, topology, selectedId, onSelect }: ColumnProps) {
const gate = isGate(stage, topology);
// `gated` here means INERT (disabled P3 node), not a human gate — dim it.
const inert = stage.gated;
// NOTE: we intentionally do NOT dim stages from the backend `stage.gated`
// flag. In the live deployment build/verify/dispatch are wired and active even
// though they're still flagged gated, so that flag is a stale "P3 opt-in" hint,
// not a real "inactive" signal. Activity is conveyed by live task counts/status.
return (
<div
className={cn(
"flex h-full min-h-0 w-52 shrink-0 flex-col gap-1.5 rounded-lg border border-border bg-muted/40 p-2",
inert && "opacity-60",
)}
role="listitem"
aria-label={`Stage: ${stage.label}`}
@ -239,11 +241,6 @@ function KanbanColumn({ stage, topology, selectedId, onSelect }: ColumnProps) {
<div className="flex items-center justify-between gap-1 mb-0.5">
<span className="flex items-center gap-1 truncate text-xs font-semibold text-foreground">
{stage.label}
{inert && (
<span className="text-[9px] font-semibold uppercase tracking-wide text-muted-foreground">
inert
</span>
)}
</span>
<div className="flex items-center gap-1 shrink-0">
<Badge variant="outline" className="px-1.5 py-0 text-xs">

View file

@ -26,8 +26,6 @@ function MapNodeImpl({ data }: NodeProps<RFData>) {
onPath && "ring-2 ring-primary shadow-md shadow-primary/20",
// Dimmed when a task is selected and this node is not on its path
dimmed && "opacity-30",
// Gated / inert nodes
meta.gated && "opacity-60",
)}
role="group"
aria-label={`${meta.label} stage, ${state}, ${count} task${count === 1 ? "" : "s"}`}
@ -77,13 +75,6 @@ function MapNodeImpl({ data }: NodeProps<RFData>) {
{meta.agent}
</div>
{/* Inert tag — bottom-right corner */}
{meta.gated && (
<span className="absolute bottom-1 right-1.5 text-[9px] uppercase tracking-wide font-semibold text-muted-foreground">
inert
</span>
)}
<Handle type="source" position={Position.Right} />
</div>
);