UI inventory

This is a structural reference, not a tour. It catalogues every distinct screen and tab Northstake's UI exposes, with one-line descriptions of each. Use it to look up what a specific tab is for, or to confirm whether something exists at all.

Global layout

Every SVM page shares the same chrome:

Element	Purpose
Top bar	Account selector, tier indicator (Pro only), notifications, account menu
Left navigation	Dashboard / Vaults / Analytics / History / Linked Wallets / Settings
Main content	The current view

The tier indicator in the top bar appears only for Pro-entitled accounts. It's the toggle that switches the UI between Pro and Standard rendering.

Top-level pages

Page	Purpose
Dashboard	High-level overview of your vaults' health and balances
Vaults	List of every vault on your account
Analytics	Time-series performance across the portfolio
History	Audit log of operations performed on the account
Linked Wallets	Wallets paired to your account for signing
Settings	API keys, organization, profile, webhooks

Dashboard

Section	Shows
Portfolio totals	Staked, rewards earned, accruing fees
Per-vault summary cards	Name, type, validator count, health factor, outstanding obligations
Activity feed	Recent events on your vaults

Vaults page

Sortable list with columns for type, validator count, balance, status.

Vault detail tabs

Tab	Shows	When visible
Metrics	Performance over time: balance, rewards, validator count	Always
Operations	Buttons triggering on-chain actions (fund, withdraw, settle fees, manage validators)	Always
Permissions	Current role members on Dashboard / Pool / Withdrawal Queue contracts	Always
Addresses	Contract addresses (Dashboard, Staking Vault, Pool, Withdrawal Queue, Timelock)	Always
Validators	Per-validator state and operations	Always
Pool	Deposit/withdraw preview, participant list, pool stats	Pool vaults only
Withdrawals	Pending requests, claims, finalization	Pool vaults only
Allowlist	Manage `DEPOSIT_ROLE` membership	Permissioned pools (Pro)
Configuration	Unresolved configuration warnings	When issues exist

Validators view

Per-validator columns:

Column	Source
Index	Beacon chain
Public key	Validator BLS pubkey
Status	`pending` / `active` / `exited` / `withdrawn`
PDG state	`predeposited` / `proven` / `null`
Balance	Effective balance + rewards

Filters: status, PDG state.

Operations menu

The Operations menu on a vault page exposes buttons depending on vault type and tier:

Operation	Available on
Fund	All
Withdraw	All
Claim	All
Create Validator	All
Top-up validator	All
Consolidate	All
Unstake	All
Request exit	All
Settle Fees	All (Pro shows combined modal; Standard shows single-action)
Manage Allowlist	Permissioned pools (Pro)
Change Fee Rate	Pro
Activate	Pro, when eligible PDG validators exist
Operator Grid	Pro
Timelocked Operations	Pro
Tier Settings	Pro

Settings sub-pages

Section	Purpose	Visibility
API Keys	Issue, view (once), revoke keys for programmatic access	All
Organization	Profile and account metadata	All
Webhooks	Event subscriptions	Pro
Tier Settings	Share-limit management	Pro

Linked Wallets

Wallets paired to the account appear in:

Vault wizard (owner selection)
Manage Allowlist modal (quick-pick targets for adds)
Other modals prompting for an address

Header tier toggle (Pro)

Pro-entitled users can flip the UI between Pro and Standard rendering through the header toggle. The toggle writes to local storage (northstake.productTier) and only affects local rendering: backend entitlement and Pro endpoints are unaffected.