# Vector

A compact, native command console for access management. The app opens on subscriptions. It uses flat typographic rows, an integrated selected-account readout, precise rules and a mint segmented allowance scale. The navigation lives directly beneath the application header; there is no floating bottom bar or card feed.

## Interaction

Selecting an index row replaces the readout and its contextual action: copy for active accounts, renew for expired accounts, support for missing or disabled accounts. The entire technical identity is available in the details panel. Search and ordering open in a compact inline tray; shared paging preserves access to the full partner collection.

All data comes through the shared runtime and API. The segmented scale represents the actual remaining fraction; unlimited plans explicitly say that no data limit applies and have no percentage scale. Loading, failed and unavailable usage remain distinct. No connection, speed or historical values are invented.

## A different dialog language

Dialogs descend from the top edge as rectangular command palettes. A contrasting command strip, a ruled task heading, an Escape-like close key, individually separated content sections and a fixed keyboard-like confirmation row define the composition.

Subscription tools become full-width command rows before the data readout. Detailed plan and date facts live in a labeled disclosure. Plan choices become compact two-column rows with the selection key aligned beside price and allowance. QR appears in a square scan frame. Financial confirmation retains its complete real amount, wallet, balance, usernames and confirming action. Settings use one-column command entries. Shared native dialog trapping, Escape, back, validation and financial logic are preserved.

## Motion

The data scale fills once per loaded value over 850ms. Selection uses a 220ms readout transition; top-edge palette entry takes 260ms and nested content transitions take 180ms. Animation keys are committed only when connected elements finish their animation. Both CSS and Web Animations honor reduced motion. Money is never animated.

## Validation

- Real Chromium at 390×844 and 360×800; Persian and English; light and dark.
- Viewed home, details, QR, settings, plan selection, purchase and renewal confirmation.
- Checked active / expired / missing selection behavior, shared wallet/shop destinations, partner search for an account beyond the first page, empty and no-match states.
- Checked modal overflow, one accessible header, details disclosure, QR back, Escape and close, visible confirmation controls, rename validation, and reduced motion.
- Screenshots and focused browser drivers: `output/playwright/vector-*`.

Only this concept's presentation files are local. Its API, store, fixtures, ledger operations and Telegram handoff use `shared/`.