Shadcn Marker Phase Separators

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 short flat list of tool calls with no phase headings or card: use the Marker Tool Call Log example
• 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

• Replace PHASES with your run; each phase name becomes a labeled divider above its steps
• Leave role off the phase dividers, since a separator role is named by aria-label and drops the visible phase name
• 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