D Viewer
Renders an imported GLB model with live tag bindings — the colour, emissive, opacity and visibility of any node in the model can follow a tag. A 3D equivalent of a P&ID mimic.
File Manager
Browse, upload, organize and download files in the shared uploads folder. Scope it to a root sub-folder, filter by type, and switch between grid and list views.
Gauge
An analog gauge with an arc indicator and needle. Reach for it when a value has a meaningful range and an operator needs to judge position within it at a glance.
Icon
A single scalable vector icon from the icon library. Bind its `color` to a state tag through a **map** transform and it becomes a status indicator.
Image
An image from the asset library, the uploads folder or a bound URL. The source is bindable, so one component can show a different image per product, state or selection.
Linear Scale
A ruler-style scale with tick marks, numeric labels, indicators and a live pointer. A linear alternative to a gauge, and much easier to stack in a column of related values.
Map
A geographic map with live, tag-bindable markers. Tiles are served through the same-origin backend proxy, so the browser never talks to a tile provider directly.
Markdown
Renders GitHub-flavoured Markdown as rich text — headings, lists, tables, task lists and highlighted code. Bind the content to a tag and the text becomes live.
Moving Analog Indicator
A high-performance-HMI value-in-context bar: alarm bands stay muted until entered, and the process value arrow sits against a setpoint tick. It shows deviation from target, not just magnitude.
PDF Viewer
Displays a PDF from the asset library or the uploads folder — manuals, SOPs, drawings — with page navigation, zoom and download. Rendered in a worker, with no external downloads.
Progress
A horizontal or vertical fill bar with an optional numeric readout. One value or several, stacked in a single track. Best for quantities that genuinely represent completion or fill fraction.
Segment Display
A 7- or 16-segment digital readout. It reads as instrumentation rather than as a web page, which suits a panel screen mimicking a physical display.
Table
A data table that stays responsive over large result sets. Bound to a named query it is the standard way to put database rows on a screen.
Tag Browser
Browses the tag namespace as a tree and lets the operator select tags. It shows structure only — no live values.
Tank
A liquid-level tank with a fill indicator — the level shown as the thing it is.
Text
A text element with typography presets (h1–h6, paragraph, quote). The workhorse for labels, headings and value readouts.
Tree
A generic, customizable tree. Author the nodes by hand with any icon, or bind a data hierarchy to it.
Video Player
Plays video from the asset library or uploads folder, shows a LIVE camera feed from the site’s own media server, or embeds a hosted link.