Data
Charts, tables, markets and screens the assistant builds. 34 parts.
34 parts
Numbers, 16 parts
- ChartFrameThe box every chart sits in. It adds a title, a short written summary, a table view and clear messages when data is loading or missing.
- DataTableThe numbers behind a chart, in a plain table with digits lined up.
- StatTileOne big number with how it changed, an optional tiny trend line and an optional limit.
- SparklineA tiny trend line that highlights the latest value and can be read aloud.
- LineChartA line chart for change over time. Lines are named at their ends and can be explored with the keyboard.
- BarChartBars that compare amounts. Highlight one bar, or stack up to four parts.
- DotPlotShows a best guess and how sure it is, with a caption that explains the marks.
- ChartLegendA key that explains each color, dash and marker in a chart, in the chart's order. It can also switch lines on and off.
- UsageMeterHow many credits are left, with an optional cost estimate, reset date and upgrade button.
- ContextMeterExperimentalShows how full the chat is, with a Summarize button when it is nearly full.
- MeterA thin bar that shows how much of something is used, and turns amber past a set point.
- TimelineExperimentalA top-to-bottom list of events with times and an optional status.
- ComparisonTableExperimentalCompares 2 to 5 things side by side. On a small screen, it becomes stacked cards.
- ProcessDiagramA flow chart of steps and arrows, with a written version for people who cannot see it.
- ChartRangeBrushA strip under a long chart with two handles. The part between them is what the chart above shows.
- DiagramFigureWraps a diagram with a caption, a full description and a way to view its source.
Markets and trading, 11 parts
- PriceA live price that tints briefly and shows an arrow for its last change.
- PriceChangeA signed change with an arrow, as an amount, a percent or both.
- DataFreshnessSays how fresh the numbers are, in words and an icon.
- TickerTapeA looping strip of symbols, prices and changes, with a visible Pause button.
- CandlestickChartPrice candles for open, high, low and close. Up and down are told apart by shape and by words, not by colour alone.
- HeatmapA grid of coloured cells with the number printed in each one. Use it to spot patterns across two things.
- PayoffChartShows the profit or loss at the end for a position as the price moves, with break-even prices and best and worst outcomes labelled.
- OrderTicketA buy or sell form to place a trade: side, quantity, order type, price, product, a review summary and one submit button.
- OptionChainCalls on the left, puts on the right, strike in the middle, as a real table.
- ActionDraftThe draft an AI proposes, edited in place, confirmed by the person, then shown as progress.
- RiskLimitsThe limits that protect the person, with a kill switch that asks first, in place.
Generated interfaces, 7 parts
- ResultCardOne thing in an answer: a picture, its name, a few facts, a price and one action.
- CardRowResults side by side: a grid on wide screens, a swipe row on a phone.
- FactListShort label and value pairs, such as Check-in: 3pm.
- SectionsA long answer in foldable sections that open as they stream in.
- GenUIRendererDraws a screen an assistant wrote, using only approved parts, and sends what the person does back.
- GeneratedSurfaceExperimentalThe frame around a screen an assistant made: who made it, its spec, pin, redo and report.
- SandboxedFrameA locked box for a mini app made by someone else, with clear limits and asks before it does anything.