# Relay

Relay treats VPN subscriptions as a personal inbox. It places a compact, underlined destination bar at the top, then a continuous list with status group separators. Only the selected subscription expands. The dark selected row makes its remaining allowance easy to pick out while the other accounts remain visible, and a pinned chartreuse action dock always names the account it acts on.

This concept deliberately changes the first round's repeated card structure. Search, filtering, and sorting live in a toolbar disclosure. The initial three subscription identities fit on a phone together. Wallet history is an unboxed ledger; shopping is a compact directory of available categories. Shared confirmation sheets retain all financial and destructive safeguards.

Motion is tied to real interactions and values: selection uses FLIP position continuity and a clipped expansion reveal; fetched usage fills a segmented meter once per changed value; the selected action settles into the dock. Reduced motion disables CSS and Web Animations. No generated traffic, connection status, or decorative fake statistics are used.

The concept uses the existing shared API and application flows exclusively. Local state contains only selection, disclosure state, and animation bookkeeping. Both Persian and English, Telegram themes, variable account counts, loading, unavailable usage, expired subscriptions, and missing panel accounts are supported. Technical subscription names remain selectable, exact, and left-to-right.

Direct creative build without Refero, per the user's restriction of that workflow to the first two concepts.

## Validation

`node --check 07-relay/app.js` passed. Real browser QA covered Persian at 360 × 780 and 390 × 844, English and dark theme at 360 × 780, selection and contextual dock updates, expired subscription renewal offer, search/no-match recovery, wallet and shop navigation, QR rendering, Escape dismissal, and reduced-motion selection. All three seed identities and previews fit above the dock at 360 × 780. No horizontal overflow or browser errors occurred. Telegram's outside-host capability warnings were the only console warnings. Screenshots are in `output/playwright/relay-*.png`.