Web UI Overview

OptionsRealTime runs in any browser on the network. A single component (chart, quotes panel, report, or table) occupies the central area. The component is surrounded by one or more rows of metrics across the top and an account selector on the left side. Both the component and metrics respond to the accounts selected.

General Layout

Here is an example showing the Quotes component with all six accounts selected:

Navigation Bar

The navigation bar runs across the top of every page. The active component is highlighted and named in the center.

The left side contains menus for navigating between components: Charts, Quotes, Reports, OptionSmart, Tables, and Help.

The right side contains the System table button, refresh button, reboot analyzers button, theme selector dropdown, settings gear, clock, and stale data indicator.

The theme selector dropdown switches between any named theme that has been saved.

Account Selector

The Account Selector runs down the left side of every page. It shows one button per connected account, plus an ALL button at the top.

Each button shows the account ID, current PnL, percentage change, and net liquidation value, color-coded by the configured positive and negative theme colors.

Click any button to select that account. Hold Ctrl+Shift and click to select any combination of accounts. The ALL button selects every connected account at once. Every metric, chart, quote tile, table, and report on the page updates to reflect the selection.

The account buttons scale with the Account Sidebar font size (in Settings).

Metrics Bar

The Metrics Bar sits between the navigation bar and the component area. It shows a row of metric tiles, each displaying a label and a live value aggregated across the selected accounts.

Choose from 100+ available metrics. Tiles can be dragged to any position. A tile can be removed by clicking the X in the upper right corner of its label area. The Metrics Bar automatically expands to multiple rows as the Metrics Strip font size (in Settings) increases or more metrics are added.

Metric configurations can be saved by name, loaded, renamed, copied, and deleted. The view selector at the left of the toolbar switches between saved configurations.

Toolbar controls:

• View selector: switch between named metric configurations
• Save: save the current configuration
• View Actions (hamburger menu): Save As, Rename, and Delete the current view
• Fields: add or remove metric tiles

Position Filter

The Position Filter is a panel on the right side of the page that narrows the active component to a subset of positions. It has two modes: Query (filter by Type, Expiry, Side, and Underlying) and Select (per-position checkbox selection grouped by account). The two modes can be combined.

Toggle the panel with the Filter button in the component toolbar.

The Position Filter is available on Underlying Exposure, Account Exposure, Position Exposure, Expiry, Vol Scenario, Reports, and Tables. See Position Filter for details.

Component Area

The component area fills the rest of the screen. Navigate to any component using the menus in the navigation bar.

Each component has its own toolbar with a view selector, view actions menu, save button, font size control (where applicable), and component-specific controls such as column selection, chart modes, and filters.

Component views are saved by name and persist across sessions. All browsers share the same saved views, including component, theme, and metrics configurations.

Right-Click Navigation

Right-clicking on any bar, row, or position in any component opens a context menu with links to other components. The destination loads filtered to the selection. The available options depend on the component and the item selected.

Status Bar

The status bar runs along the bottom of every page. It displays confirmations and feedback for actions such as saving, creating, or deleting views (e.g., Saved "Default", Created "ABC", Deleted "MAIN").

Font Sizes

Font sizes are controlled in the Settings dialog. Six UI areas can be sized independently:

• Buttons & Controls
• Metrics Strip
• Account Sidebar
• Side Panels
• Chart Titles
• Chart Axes

A few components have an additional font-size control in their toolbar:

• Tables: table text
• Reports: report text
• Quotes: quote tiles
• OptionSmart: output text

Settings

The gear icon in the navigation bar opens the Settings dialog for theme, privacy, and global configuration. See Settings for details.

Save and Load

Saving works the same way throughout the platform:

Default View

All metrics and components must have at least one “Default” view. The Default view cannot be deleted or renamed, but can be copied using the Save As option in the View Actions menu.

• Metrics Bar: save named metric configurations
• Themes: save named color and font themes
• Components: save named views for each component

All browsers share the same saved views, including component, theme, and metrics configurations.

Components

Charts

Component	Description
Underlying Exposure	Greeks and metrics by underlying across accounts, with scenario modeling
Account Exposure	Exposure viewed by account or by underlying
Position Exposure	Every position mapped by risk, colorized by yield
Expiry	Risk and metrics distributed across expiration dates
Portfolio PnL	Portfolio net liq and PnL through the trading day
Underlying PnL	Live PnL and price charts per underlying
Vol Scenario	Portfolio response to price and volatility moves

Quotes

Component	Description
Quotes	Configurable live metric tiles per underlying

Reports

Component	Description
Reports	Positions grouped by underlying or expiration

OptionSmart

Component	Description
OptionSmart	Package your live portfolio analytics into a structured brief for any AI

Tables

Component	Description
Tables	Position, Underlying, Portfolio, and System tables with live data

Excel

Component	Description
Excel	Real-time data in Excel via RTD formulas. Runs as a separate client on any machine, connects to the same data stream as the browser.