C
Storybook
T3ShippedExtension template

Generate Tab

Reply generation flow inside the side panel: context status, tone/length controls, generate CTA, and reply card list.

Implementation: charply-extension/src/components/ReplyAssistant.tsx` (generate tab), `charply-extension/src/components/Generator/ReplySelector.tsx

Package: @charply/design/templates

Live preview

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

Context ready

Post detected on LinkedIn feed

Professional
Medium

2 replies generated

linkedin
#1 · 94%Insightful

This is a great breakdown. The pacing piece separates useful automation from spam.

#2 · 87%Direct

Completely agree on the rate-limit point. Context quality matters as much as timing.

Guidelines

docs/design/templates/generate-tab.md

Do

  • ✓Show context status before generate (StatusBadge or equivalent).
  • ✓Tone + length controls before the generate CTA.
  • ✓Up to 3 reply cards with Insert as primary action.

Don't

  • ✗Do not generate without visible post context unless user pasted context.
  • ✗Do not auto-insert without explicit Insert click.

Interactive variant in Storybook → Templates.