---
title: Task
---
```js
import {API} from "../components/config.js";
import {fieldRow} from "../components/field-help.js";
```
```js
const taskId = observable.params.id;
const raw = await fetch(`${API}/tasks/${taskId}`)
.then(r => r.ok ? r.json() : r.json().then(e => ({error: e.detail ?? `HTTP ${r.status}`})))
.catch(e => ({error: String(e)}));
```
```js
if (raw.error) {
display(html`⚠️ ${raw.error}
`);
} else {
const name = raw.title || taskId;
const shortName = name.length > 60 ? name.slice(0, 60) + "…" : name;
display(html`Task · ${shortName}
`);
display(html`← Tasks | ← Token Cost
`);
const FIELD_ORDER = [
"id","title","status","priority","assignee",
"workstream_id","due_date","needs_human","intervention_note",
"created_at","updated_at",
];
const rows = FIELD_ORDER.map(k => fieldRow(k, raw[k] ?? null));
for (const k of Object.keys(raw)) {
if (!FIELD_ORDER.includes(k)) rows.push(fieldRow(k, raw[k]));
}
display(html``);
}
```