Generated UI
Describe a task and see an LLM compose a LiveUI workspace with tables, metrics, lists and maps.
Choose a Pit 3 example on the welcome screen, or paste one of the prompts below.
Explore the technology
Follow a business request into a generated screen. See a new interface reach another client. Explore the components that bring an operation into view.
Preparing the demos in the background…
Background requests help prepare the apps while you explore. Times on the cards show network contact.Turn a business question into a workspace.
Describe a task and see an LLM compose a LiveUI workspace with tables, metrics, lists and maps.
Choose a Pit 3 example on the welcome screen, or paste one of the prompts below.
Explore a generated screen at desktop and phone sizes, with the same LiveUI session behind both views.
Generate in the desktop view, then select Show on phone.
Explore screen delivery and embedding.
A reusable React client receives its screens from the backend. Publish a new screen and see the product experience evolve.
Select Reset session, then Publish backend UI v2. Open Flutter from this page to continue with the same session.
A separate Flutter client speaks the same screen language and displays the backend’s updated screen registry.
After publishing v2 in React, select Refresh contract and Maintenance Intervention.
Explore a React host containing a real Flutter Web surface, with commands and events flowing in both directions.
Change a host control and follow the interaction between the two technologies.
Follow the context, options and decisions.
Bring equipment health, maintenance priorities, response options and decision history into one operational view.
Select Advance scenario to follow the situation as it develops.
Follow a dispatch scenario through changing conditions, routing alternatives and service commitments.
Explore the candidates and the decision trail, then advance the scenario.
Explore a broader application surface with directories, data tables and navigation on the LiveUI runtime.
Use the left-hand menu to move between application views.
A reusable vocabulary for enterprise interfaces.
Line, bar and state charts bring trends, thresholds and operational signals into view.
Explore the chart types and switch the application theme.
A common vocabulary for dates, money, addresses, selections and other business values.
Select a row to explore its display and editing behaviour.
Location becomes part of the workspace: assets, routes and operational zones on Mapbox maps.
Explore the asset map and the route-and-zone view.
Copy a prompt into Generated UI and explore the result.
Haul truck fleet overview for Pit 3: on the left a table of trucks with payload in tonnes, cycle time and a status badge; on the right a metric of trucks idle over 90 seconds and a list of open work orders. Use the Pit 3 data catalogue.
Maintenance planner screen with three tabs: open work orders table, workshop capacity table, and the Pit 3 map. Use the Pit 3 data catalogue.
Show the crusher 2 queue as a table of trucks with arrival time, payload and wait time. Add an open-incidents metric and a shift-activity list. Use the Pit 3 data catalogue.
Create a shift handover screen with three tabs: a fleet table, a list of open work orders and a timeline of shift activity. Use the Pit 3 data catalogue.
Product concepts, scenarios and the service layer.
An integrated mining cockpit brings together a pit map, shift KPIs, equipment incidents and an AI-assistant entry point.
Explore the product vision for a connected operations workspace.
Follow the SLA Rescue and Tyre Triage stories, with operational scenarios and a view of the supporting technology.
Explore the two operations films and their linked applications.
See how operational data, temporal context, workflows and user interfaces fit into a mine’s plan-to-execution cycle.
Follow the technology map from field signals to the operating surface.
Explore screen contracts, validation, registry updates, patches and asynchronous interaction through the packaged service.
Open with your authorised sign-in to explore the service walkthrough.
The LiveUI overview connects the technology to product possibilities.