Clio connector PR 3: frontend practice-management card

↗ view on GitHub · sloth-ninja · 2026-08-03 · 8886caec

Adds the "Practice management - Clio" card at the top of Account ›
Connectors (above the MCP gallery), per the approved mock-up screen 1.

- ClioConnectorCard.tsx: self-contained card - Manage/Grow rows, state
  pills (green Connected-as / neutral Not-connected), Connect (OAuth
  popup) + MFA-gated Disconnect (confirm dialogue, optimistic + rollback),
  loading skeleton, LoadErrorRow-style retry, not-configured honest line.
- mikeApi.ts: getClioStatus / startClioConnect / disconnectClio + types;
  clioConnections added to UserProfile.
- connectors/page.tsx: render the card above the gallery.

Connect uses popup-location return-polling keyed off the backend's
redirect callback (routes/clio.ts redirects, it does not postMessage), so
no change to the connectors page. Frontend only; backend untouched
(tsc clean, vitest 589/589). UK English; aria-labels on actions.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Repository Sloth-ninja/JessicaOSS
Author sloth-ninja <ezanahaddis@gmail.com>
Authored
Parents 3f7a50e2
Stats 4 files changed , +568
Part of Clio connector: per-user OAuth, chat tools, and matter search

Capture this commit into my fork

Download a Markdown prompt that tells Claude how to port this exact commit into your working tree. Run it via claude -p < capture-commit-8886caec.md from inside the repo you want the change in.

⬇ Download capture-commit-8886caec.md