layout
columns
Puts two to four blocks side by side in equal shares, such as a chart and the events that explain it; they stack on a narrow screen.
columns: takes a list of 2 to 4 blocks directly, with no mapping and no id. Each child gets an equal share of
the width; under 900 px they stack top to bottom in the written order, so put the block a person needs first
first. There is no width or span: the theme decides spacing, the app decides only what sits next to what.
When to use
Use it when
A chart and the timeline or list that explains it belong next to each other, such as hand-offs per hour beside the latest events.
Two short things a person compares at a glance, such as what an agent may do and what it may not do.
A form beside the note that says what happens after it is saved.
Use another block when
Hand-offs per hour beside the latest events
Closed per hour today
Opened by M. Okafor from the portal
· portal
Network agent pushed the corrected VPN profile
· Network agent
Requester confirmed the fix
· M. Okafor
columns:
- chart: { title: Closed per hour today, kind: bar, source: hourly, x: hour, series: [closed, handed_off] }
- timeline: { source: events, at: at, title: title, actor: actor, tone: tone }
<a id="columns-1"></a>
<a id="chart-1"></a>
**Closed per hour today** — bar chart, 3 points, hour 08:00 … 10:00
- closed: 31–52
- handed_off: 3–6
<a id="timeline-1"></a>
- 2026-10-31 09:12 · Opened by M. Okafor from the portal (portal)
- 2026-10-31 09:13 · Network agent pushed the corrected VPN profile (Network agent)
- 2026-10-31 09:20 · Requester confirmed the fix (M. Okafor)
Where the money goes, beside the tools still rented
Where the money goes this month
Expense tool
Renews on 1 December
Remote support seats
Renews on 15 January, 40 seats
columns:
- chart: { title: Where the money goes this month, kind: donut, source: spend, x: category, series: [usd], format: usd }
- list: { source: tools, title: name, subtitle: detail }
<a id="columns-1"></a>
<a id="chart-1"></a>
**Where the money goes this month** — donut chart, 3 points, category Agent results … People hours on tickets
- usd: $2,650–$6,140
<a id="list-1"></a>
- Expense tool — Renews on 1 December
- Remote support seats — Renews on 15 January, 40 seats
What an agent may and may not do
May do: reset passwords, unlock accounts and send verified MFA reset links.
May not do: change a manager's access or anything in payroll; those go to a person.
columns:
- markdown: { text: '**May do:** reset passwords, unlock accounts and send verified MFA reset links.' }
- markdown: { text: "**May not do:** change a manager's access or anything in payroll; those go to a person." }
<a id="columns-1"></a>
<a id="markdown-1"></a>
**May do:** reset passwords, unlock accounts and send verified MFA reset links.
<a id="markdown-2"></a>
**May not do:** change a manager's access or anything in payroll; those go to a person.
States
ready
always drawn; it reads no data
This block offers no actions; it only shows.
JSON Schema