Settings Popup¶

The settings popup provides a read-only view of all indicator input parameters currently active on the TradingView chart.

Click the cog icon (Material Symbols settings icon) in the dashboard header. A Material Design modal appears on top of the main dashboard with a backdrop blur effect and a scale-in animation.

Close the modal by:

Clicking the close button (Material Symbols close icon) in the modal header
Pressing Escape
Clicking outside the modal (on the blurred backdrop)

The settings modal follows the Material Design theme used throughout the dashboard:

Backdrop: Blurred overlay behind the modal
Animation: Scale transition on open/close
Icons: Material Symbols Outlined for the settings (cog) and close (X) icons
On mobile: The modal renders full-width and is anchored to the bottom of the screen

How Settings Are Read¶

The popup fetches indicator settings live from TradingView:

chart.getState() retrieves the full chart state including all applied studies
data.getIndicator() is called for each study to get its current input values
Generic input IDs (in_0, in_1, ... in_N) are mapped to friendly Pine Script input names using a hardcoded mapping defined in the source code

Sections¶

Settings are grouped into four collapsible sections, one per indicator:

Section	Input Count
HTF Bias	20 inputs
Session Bias	19 inputs
OB AI	44 inputs
SMT AI	16 inputs

Each section can be expanded or collapsed independently.

Input Display¶

Boolean Inputs¶

Boolean values are displayed as ON or OFF text labels.

Color Inputs¶

Color inputs are shown as hex swatches with alpha transparency. TradingView stores colors as ARGB integers. The conversion to hex is:

'#' + (argb & 0xFFFFFF).toString(16).padStart(6, '0')

The alpha channel is displayed separately alongside the hex swatch.

Numeric and String Inputs¶

All other inputs (numbers, strings, dropdowns) are displayed as their plain values.

API¶

The popup fetches data from GET /api/settings, which returns:

{
  "symbol": "NQ1!",
  "resolution": "5",
  "indicators": [
    {
      "name": "HTF Bias",
      "entity_id": "...",
      "settings": [
        {
          "id": "in_0",
          "name": "Lookback Period",
          "value": 20,
          "isColor": false,
          "hex": null,
          "alpha": null
        }
      ]
    }
  ]
}

See the API reference for full details.