Rumatadocs
Browse documentation

Preview, network, and console controls

Navigate your app as you build, check screen sizes, investigate requests and errors, and understand when a test sends a real request.

Step-by-step guidance.

Before you start

  • Open the named screen in Rumata. Available controls may depend on your account, permissions, and resource state.
Reference capture from the separate Sabai Talk Thai application (September 8, 2026). Try a real customer task in Preview. Here the learner listens and chooses an answer; no answer was submitted for this capture.
Reference capture from the separate Sabai Talk Thai application (September 8, 2026). Open the size selector, then choose Mobile to check the narrow layout.
Reference capture from the separate Sabai Talk Thai application (September 8, 2026). Check that text and controls remain usable at the selected width. Return to Full when you finish.

Loading screens and project conflicts

The preview may be starting, temporarily reserved by an agent, or connected to a different project. Read the displayed state before restarting anything.

ControlWhat it does
Explore ideas / Click to explore / quill illustrationShow workspace suggestions while the preview loads. This does not send a prompt or change the loading process.
Suggestion dots / suggestion title chipsChoose a suggestion card. Cards also rotate automatically.
Back to loadingReturn to the loading illustration.
Ready to Switch Projects? → Start This PreviewReplace the other project’s active preview with this one. Finish work depending on the other preview before switching.
Switch & Start VS CodeConfirm the project switch and start this project’s development editor.
During startup, Rumata prepares the workspace before the preview becomes usable. Wait for the chat and preview to connect.

Network requests

Network shows the requests your app sends and the responses it receives. Use it to investigate an empty or slow screen, or an error.

ControlWhat it does
all / success / error / pendingFilter the recorded request list by outcome.
Trash iconClear the displayed network log. It does not undo requests already sent.
Request rowOpen its URL, method, status, time, duration, payload, headers, and available response body.
Truncated URL hoverReveal the full address when it does not fit in the row.
Copy beside payload, headers, or responseCopy that section’s formatted content. Review credentials and personal data before sharing a copied log.
Test WorkflowOpen a test dialog for the workflow matching this request’s method and path. Opening it does not resend the request.

Test a workflow from a captured request

The test form starts with captured request data. Send is a real execution and can repeat writes, messages, or other effects.

ControlWhat it does
From Network Request / From Schema / Mixed SourcesRead where the form’s values came from. Editing a captured request changes its source indicator.
Reset to SchemaReplace request values with the workflow schema’s defaults when a schema exists. This loses your pending test edits.
HTTP method / URLSet the action and destination for an edited request.
Params → path valuesFill every route placeholder before sending. Missing path values disable Send.
Add Parameter / Add HeaderAdd a name/value row. Its checkbox includes or excludes it without deleting it; X removes the row.
BodyEdit the request JSON. GET disables the Body tab.
SendSend the test. An unchanged captured request is replayed through the connected preview; an edited request is sent using the form values.
Response Body / HeadersInspect the returned content and headers, alongside its HTTP status and response time.
Open in System ExplorerClose the test dialog and open the matching workflow editor.
Close / corner XDismiss the test dialog.

Console and runtime errors

The console contains messages from your app as you build it. It is a log viewer; the code editor’s terminal is a separate tool for running commands.

ControlWhat it does
All / Errors / Warnings / LogsFilter console messages by level.
Filter…Search the console text.
Clear consoleRemove currently displayed logs. It does not fix the underlying error.
Runtime Error → XDismiss the error overlay so you can inspect the page.
Copy LogCopy the runtime error text.
Check the console tab for more detailsOpen the console.
Fix This ErrorSend the error to Rumata’s build assistant to request a fix. This starts assistant work and can consume AI credits.