Logs

The Logs panel shows real-time output from your app — backend print statements, API calls, errors, and browser console messages.

The Logs panel is a sliding panel at the bottom of the App builder. It shows real-time output from your app — everything your backend prints, every API call, every error — so you can see what is happening as it happens.

Opening the panel

Click the Show logs button (terminal icon) in the lower area of the workspace. The panel slides up from the bottom with a dark background and monospace text. Click the toggle in the panel header to close it again.

What you see

Log entries appear newest first. Each entry shows:

• Source — frontend or backend

• Severity — the log level (info, warning, error)

• Message — the log text

Controls

Control	What it does
Filter field	Type to narrow logs to lines containing that text
Send logs to agent (wrench icon)	Copies the visible log entries into the Riff agent chat — the agent reads them and proposes a fix
Clear	Wipes the current log list to start a clean trace
Hide toggle	Closes the panel

When to use it

• An API call is failing — check the backend logs to see the error before asking the Riff agent to fix it

• A form submission is not working — check frontend logs for browser errors

• Something looks wrong in the data — trace the backend calls that wrote it

• Send logs to agent is the fastest path to diagnosis: one click gives the Riff agent the exact error context it needs