C
Storybook
T6ShippedExtension template

Agent Panel

Agent tab: running status, pause/stop controls, assist mode switch, queue list, and session stats.

Implementation: charply-extension/src/components/Agent/AgentTabContent.tsx

Package: @charply/design/templates

Live preview

Rendered from @charply/design/templates — same components used in Storybook and intended for the extension.

Running

Scanning visible posts

LinkedIn Assist Mode

Queue drafts for review

Queue (2)

@techleaderready
@productmgrready

12

Posted

4

Skipped

2

Queued

Guidelines

docs/design/templates/agent-panel.md

Do

  • ✓Use StatusBadge for the top-level agent state.
  • ✓Show queue count and per-item status (ready vs reviewing).
  • ✓Expose assist mode as a Switch with a clear label.

Don't

  • ✗Do not auto-start the agent without explicit user action.
  • ✗Do not hide rate-limit or error state in the stats row only — surface in StatusBadge too.

Interactive variant in Storybook → Templates.