Workboard

Workboard renders a dashboard-style board showing all agents' status, activity, signals, and recent history. It is the primary UI for monitoring a Downcity agent fleet.

Import

import { Workboard } from "@downcity/ui";
import "@downcity/ui/styles.css";

Usage

function AgentDashboard() {
  const [board, setBoard] = useState(null);

  return (
    <Workboard
      board={board}
      loading={!board}
      selectedAgentId={selectedId}
      onSelectAgent={(id) => setSelectedId(id)}
      onRefresh={() => fetchBoard()}
    />
  );
}

Props

interface DowncityWorkboardProps {
  board: DowncityWorkboardBoardSnapshot | null;
  loading?: boolean;
  selectedAgentId?: string;
  onSelectAgent?: (agentId: string) => void;
  onRefresh?: () => void;
  className?: string;
}

Prop	Type	Description
`board`	`DowncityWorkboardBoardSnapshot`	Current board snapshot with summary and agent list
`loading`	`boolean`	Show loading state when refreshing
`selectedAgentId`	`string`	Currently selected agent
`onSelectAgent`	`(id) => void`	Fired when user selects an agent
`onRefresh`	`() => void`	Fired when user triggers refresh

See DowncityWorkboardBoardSnapshot, DowncityWorkboardAgentItem, DowncityWorkboardActivityItem, DowncityWorkboardSignalItem from @downcity/ui.

Workboard

Workboard

Import

Usage

Props

Related types

Table of Contents