D Viewer
Renders equipment in 3D, driven live by tags — a 3D equivalent of a P&ID mimic. From 1.0.8 it is also a digital twin: it shows a 3D symbol or a whole plant of them, and widgets placed inside it can ride on the parts they describe.
Barcode
Draws a barcode — linear or 2D — from a fixed or bound value, with the check digits validated, for labels, travellers and part marking that a scanner on the line will read.
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.
QR Code
Draws a QR code from a fixed or bound value — an asset id, a work order, a batch number, or a link to an SOP or a LiveView screen — so a phone or a handheld scanner can pick up what the screen is showing.
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.