TaskManager
API reference and demos for TaskManager.
Import
Section titled “Import”import { TaskManager } from "@flanksource/clicky-ui/data";The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.
| Prop | Type | Default | Description |
|---|---|---|---|
basePath |
string |
— | Base path of the clicky task API, e.g. "/api/v1". |
className |
string |
— | — |
compact |
boolean |
— | Keep the run columns usable in a narrow panel. |
controlUrl |
(…) => string |
— | — |
extraTabs |
TaskExtraTabs |
— | Contributes host-owned output panes to each task, alongside its own stdout/stderr — an agent's session transcript, say. |
headerExtra |
TaskHeaderExtra |
— | Replaces the content beside a task's name in its header row. Returning null for a task falls back to the default metadata chips. |
kind |
string |
— | Restrict the listing to a single kind (also hides the kind filter). |
labels |
Record<string, string> |
— | Restrict the listing to runs whose labels contain every key/value pair. |
onSelectRun |
(…) => void |
— | Called when a run row is toggled: the new selection id, or null when the open row is collapsed. Pair with selectedId for URL-driven deep links. |
pollMs |
number |
— | — |
renderRunDetails |
(…) => ReactNode |
— | — |
selectedId |
string |
— | Currently-selected (expanded) run id, e.g. driven from the URL. When set, the matching run renders expanded and selection is controlled — otherwise each row manages its own expand/collapse state. |
showTaskControls |
(…) => boolean |
— | — |