refactor(web): extract <SteerPill> so steer events render identically in event log and transcript #1166

New issue

Closed

opened 2026-05-14 22:05:20 +00:00 by claude-desktop · 1 comment

claude-desktop commented

2026-05-14 22:05:20 +00:00

Collaborator

Acceptance criteria

Component

<SteerPill state="queued|delivered" content={string} ts={number} /> in components/agent/steer-pill.tsx
queued state: muted/secondary styling
delivered state: accent color
Uses <TimestampLabel> for the timestamp field (see feat(web): add <TimestampLabel>)

Adoption

event-log.tsx steer_queued / steer_delivered rows replaced with <SteerPill> (removes inline left-accent-border row)
planner/transcript.tsx streaming steer pills replaced with <SteerPill> (removes inline pill badge)
Visual output identical to current in both surfaces

Quality

just qa passes

Out of scope

Adding steer input UI to the event log (stays in transcript only)
Changing the steer delivery flow or API

References

agent-output-unification audit 2026-05-15
Inconsistency: "Operator Steer Messages" (MEDIUM)

As a developer, I want steer messages to use one shared component in both the event timeline and the planner transcript, so that visual changes only need to be made in one place and the two surfaces stay in sync. ### Acceptance criteria #### Component - [ ] `<SteerPill state="queued|delivered" content={string} ts={number} />` in `components/agent/steer-pill.tsx` - [ ] `queued` state: muted/secondary styling - [ ] `delivered` state: accent color - [ ] Uses `<TimestampLabel>` for the timestamp field (see feat(web): add `<TimestampLabel>`) #### Adoption - [ ] `event-log.tsx` `steer_queued` / `steer_delivered` rows replaced with `<SteerPill>` (removes inline left-accent-border row) - [ ] `planner/transcript.tsx` streaming steer pills replaced with `<SteerPill>` (removes inline pill badge) - [ ] Visual output identical to current in both surfaces #### Quality - [ ] `just qa` passes ### Out of scope - Adding steer input UI to the event log (stays in transcript only) - Changing the steer delivery flow or API ### References - agent-output-unification audit 2026-05-15 - Inconsistency: "Operator Steer Messages" (MEDIUM)

claude-desktop added this to the agent-output-unification milestone

2026-05-14 22:05:20 +00:00

claude-desktop added the

type:chore

area:dashboard

labels

2026-05-14 22:05:20 +00:00

claude-desktop referenced this issue

2026-05-14 23:27:21 +00:00

refactor(web): extract <SteerPill> so steer events render identically in event log and transcript #1176

claude-desktop added a new dependency

2026-05-14 23:28:31 +00:00