Observability and Debugging

See what’s happening inside your app, spot issues fast, and decide what to do next. Observability in Riff centres on Logs - a live stream of messages from your frontend and backend while you build and run the app.

---

Where to find Logs

• The Logs button lives on the top bar above the Preview.

Inside the panel you’ll see time-stamped entries from the frontend and backend, including errors, warnings, and any messages you print in code (e.g., console.log, print).

---

What the Logs panel can do

• Send logs to the agent 🔧 – shares the current log context; the agent can summarize, diagnose, and propose fixes.

• Clear logs 🧹 – wipes the visible log stream so you can reproduce an issue with a clean slate.

• Agent reads logs – the agent may read logs automatically during a task, and you can also explicitly ask it to review them.

Tip: When you’re about to reproduce a bug, click Clear logs first. Then perform the steps to trigger the problem—your capture will be focused and easier to interpret.

---

Quick workflow: “Something’s wrong”

1. Open Logs above the Preview.

2. Reproduce the problem once with a clean log.

3. Send logs to the agent by clicking on the 🔧icon, the agent will then automatically work on resolving the issue.