Shadcn Marker Run Status

When to use

• Agent run logs and tool call lists, one short line of status text per step
• Labeled dividers that split a transcript or run log into named phases
• Ruled summaries such as changed files, and rows that open a link or run an action

When not to use

• A summary of changed files with a kind badge and line counts per row: use the Marker Changed Files example
• Run steps that open to their output or nest steps of their own: use the Trace component
• A plain horizontal or vertical rule between content sections or menu items: use the Separator component
• A complete run console with approval steps, log views or an outcome report: use the Agent Activity blocks
• Dated events or milestones joined by indicator dots and a connecting line: use the Timeline component

Agent notes

• The 5 rows are written out by hand; render them from your run state and keep role status on the live row
• Spinner brings its own fixed size class, so it takes size-full to fill MarkerIcon at each style's size
• Make a row a link or button with render on the base twin and asChild on the radix twin
• MarkerIcon is aria-hidden with everything inside it, so the MarkerContent text alone must say what the row means
• An svg in MarkerIcon takes each style's icon size only while it carries no size class of its own