Task Explorer
A two-pane task-status console: task detail on the left (status, delivery, timestamps) and the live status-update stream on the right. It re-themes in one switch and keeps ids, timestamps and counts left-to-right in RTL. Copy templates/src/TaskExplorer and swap mock-data.ts for your feed.
| Event time | Status | Delivery status | Updated by | Actions |
|---|---|---|---|---|
| 06JUL26 08:41:29Z | SENT | PENDING_EXECUTE | — | |
| 06JUL26 08:41:29Z | SENT | DELIVERED | DAGGER-6 | |
| 06JUL26 08:41:29Z | WILCO | DELIVERED | DAGGER-6 | |
| 06JUL26 08:41:30Z | EXECUTING | DELIVERED | DAGGER-6 |
{
"status": "EXECUTING",
"deliveryStatus": "DELIVERED",
"assigneeId": "DAGGER-6"
}What it demonstrates
Section titled “What it demonstrates”- One-switch theming — Day / Night-NVG / Mono via
ThemeProvider. - Never color alone — every status and delivery status is a labelled
Tag, never bare color. - RTL-safe telemetry — the task id, timestamps and result count stay left-to-right inside an Arabic layout.
- Real components only —
Table,Tabs,Tag,BreadcrumbandButtoninstances, no hand-drawn chrome.