# CopilotConnectionState

## 2026-06-17 — New molecule: extension handshake state

**Prompted by:** Copilot extension design work (Hellen)

### What changed
- New molecule `CopilotConnectionState` renders a whole-panel state for the WealthX ↔ Copilot extension handshake: `not-installed` (Install CTA), `connecting` (spinner), `connected` (success + optional continue).

### Why
- The onboarding flow needs to detect whether the Copilot extension is installed/connected and guide the broker accordingly.

### Affected tokens / files
- `packages/shadcn/src/components/ui/copilot-connection-state.tsx`
- Composes Empty + Button + Spinner; `connected` uses `success-text`.