ActorHeaderCell
components/actor/HeaderCell.vue
One headline cell in an ActorHeader's #cells: a text-13 bold label over a value — the plain text-32 number via `value` (Spend), or anything else via the default slot (a DataSmile score, a pill). `center` stacks label and content on the cell's center axis, the score idiom.
Claude Code
Spend
$1,204.10
Scenarios
minimal — label + value (Spend); typical — centered score with a DataSmile in the slot; overflow — long label and value
claude-opus-4-8
Spend
$1,204.10
Security Score
64
Cumulative spend since first observed run
$1,204,918.10
components/actor/HeaderCell.vue
Usage
<ActorHeaderCell
label = "(required)"
:value = "value"
:center = "false"
>
Content here
</ActorHeaderCell>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | String | (required) | The text-13 bold label |
| value | [String, Number] | undefined | Plain text-32 bold headline value; ignored when the default slot is filled |
| center | Boolean | false | Center label and content (score-style cell) |
Slots
| Slot | Description |
|---|---|
| default | Custom cell content under the label — a DataSmile, a pill, a stacked number |