# ServiceConfigurationModal

## 2026-07-22 | Connection test states and configurable connect label

**Prompted by:** Clint

### What changed
- New `connectLabel` prop (default "Connect") — Connective uses "Test & Connect".
- New `connectStatus` ("idle" | "testing" | "success" | "error") + `connectStatusMessage` props: render a spinner, green "Connection valid and live" tick, or red error banner above the footer in the not-connected state. The caller owns the actual test.
- Connect button shows a loading state and disables while testing.
- Round 11 (same change set): `credentialFields` prop for credential-based connects and `connectedStatusLabel` for the connected banner text.

### Why
- Connective's connect flow must prove the connection is working and live before linking, per Clint's call, rather than requiring specific fields.

### Affected tokens / files
- `packages/shadcn/src/components/ui/ai-builder/service-config-modal.tsx`