Dashboard

Usage

Tuff Pulse board

Ops wall

A dark, real-time screen for watching rather than working: no filters or table, only the present, and no site theme.

Overview

The analytics board a launcher team keeps open; every figure follows one time range, and changing the range, the dates, or the brushed span recomputes the page.

• Switch 7, 30, or 90 days or pick dates: KPI figures roll to new values, compared with the same-length period just before; up to seven days draws by the hour.
• Drag across the trend chart to zoom, and the whole page counts only that span; the Zoomed pill restores the full range.
• Click a legend item to hide or show a platform; sort the plugin table by installs or crash-free rate, and its trend column morphs when the range changes.
• Charts start drawing once in view, and nothing plays by itself; wide (≥ 960px) adds the crash-rate and insight cards, and narrow (< 640px) puts KPIs in two columns and trims the table to three.
• Ops wall: it goes live once in view, and cloud sync in Tokyo degrades at 18 seconds and recovers at 30; it stops updating when scrolled away or in a background tab.
• Ops wall: Live pauses every update, and the pointer on the focus card, sankey, or event list holds that part; reduced motion shows one still snapshot.
• Ops wall: always dark; in the docs column it fills the stage exactly, and narrow (< 640px) is one scrolling column.

Customization

• To swap the data source, replace daily() with your API's per-day series; total(), average(), and previousWindow() already handle an unfinished today and the same-length comparison.
• Keep rates out of TxTimeseriesChart, whose y axis always includes 0; chart the counts, or use TxSparkChart with a domain.
• Pixel props such as chart heights or a table's maxHeight are out of reach of container queries; compute them from the stage size or your own ResizeObserver.
• To drill into a row, add @row-click to TxDataTable and swap the trend data for that plugin's installs.
• Ops wall: a local dark scope needs data-theme="dark" and color-scheme: dark on the root plus the few tokens :root derives; keep teleported overlays off the wall.

Related components