My connection: connected, history, empty, loading, error

channel-binding-card.tsx, connect-channel-card.tsx and channel-history.tsx are deleted (stories too). In their place: channel-connection-card.tsx, channel-previous-connections.tsx, channel-empty-state.tsx + channel-connect-steps.tsx, and channel-load-error.tsx. No orphans left behind.

The one live binding as an object: the WhatsApp glyph, a StatusBadge Active, the full E.164 number in font-mono-app, Connected {date}, and a Button outline Disconnect. Revoked bindings never appear here.

Revoked bindings become quiet history rows on --surface-app-page-subtle — number, a Disconnected badge, and the date plus why it ended (reasonUnbind / reasonAdminRevoke / reasonOffboard / reasonRemoteLogout, all pre-existing in both locales). Renders nothing when there is no history.

Nothing bound: a centered WhatsApp glyph tile, the connect CTA, and a 3-up step strip on the subtle surface seamed into the same card — a mono 01/02/03 numeral + the mock's step copy per cell. Each cell has a divider on its right — except the last (last:border-r-0), so no 1px line seams against the card's own edge. Rows fill the full content width (no max-width cap), matching the register and the approved WhatsApp Settings mock.

Loading shows the neutral SettingsLoading. A failed bindings query shows ChannelLoadError — the destructive line + a PrimaryButton Retry with a loading state, matching Billing & Usage. Retry refetches the client query in place (distinct from the RSC-level CatalogLoadError).

The confirm (disconnect-binding-dialog.tsx) and the optimistic unbind hook (use-unbind-binding.ts) already landed in Story-3069 and already satisfy the AC. They are reused as-is: the confirm names the full number and states what dies; the hook flips the cache via optimisticCollectionPatch.

The deleted connect-channel-card also rendered the consent-required gate. That behaviour is carried into channel-empty-state.tsx unchanged so nothing regresses; the consent-variant redesign is Story-3068's scope, not this ticket's. The step strip is withheld while consent blocks the connect — there is nothing to walk through yet.

--surface-app-page-subtle for history rows and step badges, --surface-app-divider for the seams, font-mono-app for numbers. No hex / rgb / hsl in src/**.

pnpm lint (0 errors), pnpm test (1699 passed), pnpm build, pnpm check:routes (44 surfaces fresh), pnpm storybook:build, and git diff --check — all green.

en/hi key parity verified; the hardcoded-copy scan and the color-literal scan over the channels directory are both empty. The connection card, history rows, step strip, empty state and load-error each ship a Hindi story to prove the fixed-width chrome holds for the longer, taller Devanagari script.