Skip to content

Start here

App component reference

Explore all interface components, their settings, values, events, and keyboard behaviour.

Use components to build an app’s inputs, output views, layout, and actions. Configure their settings in the builder and connect their published values to other settings or event actions.

A component’s presence does not grant access to its data. App ownership, sharing rules, and the configured storage and workflow policies still apply.

Actions

  • Button — Runs actions on click — trigger a workflow, refresh data, or update app state.

Content

  • Article Feed — Renders a stream of article records (title, summary, url, topic, thumbnail) as a lead story, a card grid and topic filters.
  • Chat — Conversation panel for an AI assistant backed by one of the app's workflows.
  • JSON Viewer — Pretty-printed view of raw data. Useful while building and debugging.
  • Text — Rich text block with Markdown formatting. Supports live values from the app's data.
  • Banner — A toned notice with a title, a message and an optional dismiss button.
  • Card — A bordered panel with an optional heading, a body slot and a footer line.
  • Key Value List — Labelled values in two columns, one row per item, with an empty-state line.
  • KPI Tile — A headline number with its label, an optional change and a caption.

Data

  • Data Table — Full-featured grid: sorting, filtering, tabs, inline editing, and per-cell source citations.
  • Review Queue — Review proposals against captured sources, record decisions, and retain their history.
  • Simple Table — Lightweight paged table for small lists. For sorting, filtering and citations use Data Table.
  • Table Draft Review — Generate a table from documents, review its fields and source evidence, and save the reviewed result.
  • Table Proposal — Review card for an AI-proposed table. Accept it to create and populate the table.
  • Tables Panel — Sidebar list of the app's data tables with create, rename, and column editing.

Documents

  • Document Viewer — Reading pane with in-document search, citation anchors, original-PDF view, and export.
  • Captured Document Viewer — Read the captured document and source evidence used to generate a table.
  • Storage Browser — Browse connected storage, manage files and folders, and drag snapshots into the App’s Files list.

Inputs

  • File Upload — Drag-and-drop dropzone with a managed file list. Feeds documents into the app's workflows.
  • Dropdown — Pick one option from a list you define or bind to data.
  • Text Input — Single-line text field. Publishes its value for other components and workflows to use.
  • Form — A titled form shell: a fields slot, an error line and a submit button that fires onSubmit.

Layout

  • Split — Two resizable panes side by side or stacked; nested components pick a pane through layout.slot (first, second).
  • Tabs — A tab strip with one nested group per tab; nested components pick their tab through layout.slot (a tab id).

System

  • Run Status — Live status strip for a workflow run — queued, working, done, failed, or stopped checking.
  • Account — Signed-in account section with profile and sign-out. Docks to the sidebar footer.