FlowGenX Chat

Dashboard Apps

Ask for a dashboard and get a running React app in the panel, with charts, tabs, a source view and a console. Point it at a routine to keep it live, then publish it to a link.

Ask FlowGenX Chat for a dashboard and it does not return a picture of one. It writes a React application, runs it in the artifact panel, and lets you refine it in conversation.

A generated customers dashboard rendered in the artifact panel, showing top customers by balance and top vendors by balance as horizontal bar charts, with Code and Visual toggles

Asking for one

Name the source and the questions the dashboard should answer. Both of these produced the dashboards in this section:

can you create a dashboard from my salesforce customer?
create a dashboard for my customers, invoice amount, expenses etc

Flux pulls the data through whatever is connected, usually an MCP server or a registered agent, then generates the app around what it actually found.

Tip. Ask for the metrics, not the layout. "Total pipeline, won amount, and accounts by industry" gives it something to build; "make it look professional" does not. Layout refinements are cheap afterwards, and they land as a new version rather than a rewrite.

What the app can use

Generated dashboards are bundled in the browser with a fixed set of libraries available, so there is no install step and no host configuration:

LibraryFor
chart.js and react-chartjs-2Charts
rechartsCharts
lucide-reactIcons
clsx and tailwind-mergeClass composition for the built-in component styles

Multi-view dashboards are normal. The Salesforce example carries Accounts and Opportunities as tabs inside the app itself.

Working on it

ControlWhat it does
VisualThe running app
CodeThe source, file by file
ConsoleLogs and errors from the running app
HistoryEarlier versions of the app, restorable
RefreshRe-runs the app
ExpandTakes the panel full width

The console is the one to reach for when a dashboard renders blank or a chart is empty. It usually names the problem directly, and pasting the error back into the chat is enough for Flux to fix it.

Keeping a dashboard live

A static dashboard is a snapshot of the moment you asked. To keep one current, pair it with a routine.

A routine that gathers data can expose its result at a tokened data endpoint, and a generated dashboard can fetch that endpoint at runtime. The routine reruns on its schedule, the dashboard reads the fresh result, and nobody regenerates anything.

This is the difference between "a dashboard of last Tuesday's pipeline" and "the pipeline dashboard".

Publishing

When the dashboard is right, Publish gives it a standalone URL at /a/<slug> with no chat chrome, set to public, private, or password-locked. Publishing a code artifact publishes its source, which the page then renders live.

Publication is a snapshot of the code, so refine first and publish after. Publishing again updates the same link. See Charts, docs and decks.

A public link is public. A dashboard built over customer records, invoices, or pipeline should be private or locked unless you have decided otherwise, and that decision should be made before you paste the link into a channel.

Ask AI

FlowGenX Documentation

How can I help you?

Ask me anything about FlowGenX AI - workflows, agents, integrations, and more.

AI responses based on FlowGenX docs