Skip to content

Panel reference

Every panel that ships with the trading UI is listed here, each with a current screenshot pulled from a live render. Screenshots are auto-generated by the panel-walkthrough Playwright spec (frontend/tests/panel-walkthrough.spec.ts) on every CI run against main and committed back to docs/panel-walkthrough/. The spec runs as four roles in sequence: admin (covers all non-trader-only panels), trader (order-ticket, basket-order), sales (sales-workbench), and external-client (client-rfq). Verdicts are merged into a single report keyed by panel id.

For trading-style access (which roles can see which panels), see the Trading styles matrix.

53 panels total51 rendered2 trader-only

Market Ladder (live quotes)

market-ladder

Live bid/ask ladder for any asset

Market Ladder (live quotes) screenshot

Order Ticket (place trades)

order-ticket

Submit buy/sell orders

Order Ticket (place trades) screenshot

Orders (active & filled)

order-blotter

Live view of all open orders

Orders (active & filled) screenshot

Child Orders (executions)

child-orders

Execution slices for the selected parent order

Child Orders (executions) screenshot

Algo Monitor (strategy status)

algo-monitor

Monitor running algo strategies

Algo Monitor (strategy status) screenshot

Observability (system health)

observability

System events and service health

Observability (system health) screenshot

Price Chart (OHLC history)

candle-chart

OHLCV candlestick price chart

Price Chart (OHLC history) screenshot

Market Depth (bid/ask book)

market-depth

Order book depth visualisation

Market Depth (bid/ask book) screenshot

Executions (trade fills)

executions

Filled order history and analytics

Executions (trade fills) screenshot

Decision Log (algo audit trail)

decision-log

Real-time algo reasoning — every slice, fill, and decision

Decision Log (algo audit trail) screenshot

Market Match (trade tape)

market-match

Live fill tape: venue, counterparty, liquidity, and impact

Market Match (trade tape) screenshot

Mission Control (system config)

admin

Mission Control — system config and user management

Mission Control (system config) screenshot

News & Signals (market analysis)

news

Live market news with sentiment scoring

News & Signals (market analysis) screenshot

News Sources (mission control)

news-sources

Enable or disable news feed sources

News Sources (mission control) screenshot

Order Progress (fill tracker)

order-progress

Fill progress pies and avg fill rate by strategy

Order Progress (fill tracker) screenshot

Market Heatmap (sector view)

market-heatmap

Sector treemap heatmap — assets sized by market cap, coloured by % change

Market Heatmap (sector view) screenshot

Alerts (system notifications)

alerts

System alert log — kill switch events, service outages, order rejections and heartbeat loss

Alerts (system notifications) screenshot

Option Pricing (Black-Scholes)

option-pricing

Black-Scholes European option pricing — theoretical price and full Greeks

Option Pricing (Black-Scholes) screenshot

Scenario Matrix (spot/vol shocks)

scenario-matrix

Spot/vol shock scenario matrix with Monte Carlo distribution

Scenario Matrix (spot/vol shocks) screenshot

Trade Recommendations (signal-driven)

trade-recommendation

Rule-based option trade recommendations — scored signals with reason codes

Trade Recommendations (signal-driven) screenshot

Market Data Sources (provider config)

market-data-sources

Configure per-symbol market data sources — synthetic or Alpha Vantage

Market Data Sources (provider config) screenshot

Market Feed Control (feed health)

market-feed-control

Global feed pause/resume, market hours, and per-symbol source overview

Market Feed Control (feed health) screenshot

Signal Radar (market intelligence)

research-radar

Signal Radar — all symbols scored by the intelligence pipeline

Signal Radar (market intelligence) screenshot

Instrument Analysis (feature deep-dive)

instrument-analysis

Per-symbol deep-dive — features, signal gauge, and backtest replay

Instrument Analysis (feature deep-dive) screenshot

Signal Explainability (factor breakdown)

signal-explainability

Factor waterfall — how each feature drives the signal score

Signal Explainability (factor breakdown) screenshot

Service Health (system status)

service-health

Live health grid for all backend services — status, version, and latency

Service Health (system status) screenshot

Throughput (pipeline metrics)

throughput-gauges

Pipeline throughput metrics — orders/min, fills/min, and fill rate

Throughput (pipeline metrics) screenshot

Algo Leaderboard (strategy performance)

algo-leaderboard

Strategy performance leaderboard — fill rate and slippage per algo

Algo Leaderboard (strategy performance) screenshot

Load Test (bulk order injection)

load-test

Admin-only bulk order injector — stress-test the pipeline

Load Test (bulk order injection) screenshot

Load Generator (sustained synthetic load)

load-genTrader-only

Admin/oncall sustained load generator — toggle on/off, configurable rate, auto-stop safety cap

No screenshot. This panel is gated behind a role or trading-style permission and no walkthrough has captured it yet.

Notes from the walkthrough run: not yet captured by walkthrough.

LLM Advisory Subsystem (operator controls)

llm-subsystem

LLM Advisory Subsystem operator controls — arm/disarm the advisory engine

LLM Advisory Subsystem (operator controls) screenshot

Greeks Surface (strike profile)

greeks-surface

Delta, gamma, theta, and vega across the strike surface for any expiry

Greeks Surface (strike profile) screenshot

Volatility Profile (EWMA trend)

vol-profile

EWMA volatility trend with rolling baseline — auto-refreshes every 60s

Volatility Profile (EWMA trend) screenshot

Estate Overview (command centre)

estate-overview

Unified estate command centre — service health, throughput, event timeline, and alert feed

Estate Overview (command centre) screenshot

Yield Curve (Nelson-Siegel)

yield-curve

Nelson-Siegel spot yield curve with forward rates and bond pricing

Yield Curve (Nelson-Siegel) screenshot

Price Fan (GBM projection)

price-fan

GBM Monte Carlo forward price projection fan chart

Price Fan (GBM projection) screenshot

Demo Day (simulate trading session)

demo-day

One-click trading day simulator — inject realistic mixed-strategy orders

Demo Day (simulate trading session) screenshot

Spread Analysis (G/Z/OAS)

spread-analysis

G-spread, Z-spread and OAS for corporate bonds vs the government curve

Spread Analysis (G/Z/OAS) screenshot

Duration Ladder (DV01 by tenor)

duration-ladder

Portfolio DV01 key-rate attribution by tenor bucket — stacked bar chart

Duration Ladder (DV01 by tenor) screenshot

Vol Surface (implied vol smile)

vol-surface

Implied vol heatmap (5 expiries × 9 strikes) — click to prefill Option Pricing

Vol Surface (implied vol smile) screenshot

Basket Order (multi-leg)

basket-order

Multi-leg basket order builder — set target notional, assign weights, and submit all legs at once

Basket Order (multi-leg) screenshot

Client RFQ (request for quote)

client-rfq

Submit RFQs and track quotes from the sales desk

Client RFQ (request for quote) screenshot

Sales Workbench (RFQ routing)

sales-workbench

Review client RFQs, route to pricing, apply markup, confirm to client

Sales Workbench (RFQ routing) screenshot

Product Builder (structured products)

product-builder

Build multi-leg structured products with equity, bond, and option legs

Product Builder (structured products) screenshot

Product Book (issued products)

product-book

Browse issued products and initiate client sales via RFQ

Product Book (issued products) screenshot

Session Replay

session-replay

Record and replay user sessions for training and audit

Session Replay screenshot

Risk Dashboard (firm-wide P&L)

risk-dashboard

Firm-wide position and P&L monitor — every trader's book in one view

Risk Dashboard (firm-wide P&L) screenshot

My Positions (live book)

my-positions

Your open positions with live mark-to-market P&L

My Positions (live book) screenshot

Dev Tools (admin debugging)

dev-tools

UAT debugging — fire test alerts, inject trades, manage mute rules

Dev Tools (admin debugging) screenshot

Market Data Depth (per-symbol history)

data-depth

Per-symbol data depth — sortable list with candle counts and span days

Market Data Depth (per-symbol history) screenshot

Scenarios (deterministic replay)

scenarios

Save and replay a deterministic trading scenario — same seed, same fills

Scenarios (deterministic replay) screenshot

Platform Status (CI/CD, alerts, bugs)

platform-statusTrader-only

Last 24h: services, alerts, tickets. Raise a ticket from here.

No screenshot. This panel is gated behind a role or trading-style permission and no walkthrough has captured it yet.

Notes from the walkthrough run: not yet captured by walkthrough.