VoltOps console demo

Every scenario DeepQA drove in the browser, in plan order, with the 36 screenshots it captured along the way. A passing scenario is evidence too.

1. S1

   Replay execution timeline

   4 steps, 4 screenshots

   high✓ pass

   

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Clicked Timeline First button; the timeline rewound to Event 1 of 18 and graph canvas updated node states to idle.
   • Clicked Timeline Play button; playback started, changing button to Pause and displaying playback speed 1x.
   • Clicked Timeline Last button; the timeline fast-forwarded to Event 18 of 18, graph canvas updated to the final completed execution state, and Last button was disabled.
   • Navigated to /demo and verified initial timeline state at event 18/18.
   • Clicked First button to rewind timeline to event 1/18, observing graph nodes resetting to initial idle states.
   • Clicked Play button to verify animated playback controls (Pause toggle and speed indicator appearing).
   • Clicked Last button to verify fast-forward to event 18/18, updating graph canvas to final completed state.
2. S2

   Inspect agent details and events

   5 steps, 4 screenshots

   high✓ pass

   

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Navigated to the demo dashboard displaying agent execution graph and timeline.
   • Opened the Agent inspector drawer for Agent: Supervisor showing Details and Events tabs.
   • Switched to the Events tab in the Agent inspector drawer, showing 2 timeline events.
   • Switched back to the Details tab in the Agent inspector drawer, showing agent metadata.
   • Dismissed the Agent inspector drawer successfully by clicking its close button.
   • Agent inspector drawer opens reliably upon interacting with agent/run controls.
   • Switching between the Details and Events tabs updates the displayed drawer content properly.
   • Clicking the drawer's close button dismisses the inspector overlay and returns focus to the main canvas view.
3. S3

   Inspect execution logs

   4 steps, 3 screenshots

   high✕ fail

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Navigated to the demo dashboard at https://console.voltagent.dev/demo.
   • Clicked the 'View Logs' button; the sliding logs panel opened with log filter controls (TRACE, DEBUG, INFO, WARN, ERROR), search input, Clear, Export, All logs, and Auto-scroll controls.
   • Observed that the logs panel displayed '0 logs' and stayed on 'Loading logs...' indefinitely without rendering any log records.
   • Clicked the 'Close panel' button; the sliding logs panel closed as expected.
4. S4

   Inspect JSON debug payload

   4 steps, 3 screenshots

   high✓ pass

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Navigated to demo page and observed the execution graph view with debug info toolbar and {...} button.
   • Clicked the {...} debug button and observed the History JSON Debug View modal opened showing formatted JSON debug payload.
   • Clicked the close button and verified that the History JSON Debug View modal closed cleanly.
   • Navigated to the demo dashboard at https://console.voltagent.dev/demo.
   • Clicked the Debug Info JSON button ({...}) in the debug toolbar.
   • Verified that the 'History JSON Debug View' modal opened and properly displayed formatted JSON debug data.
   • Clicked the close button on the modal and verified that the modal closed successfully.
5. S5

   Canvas zoom and fit controls

   4 steps, 4 screenshots

   medium✓ pass

   

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Loaded the demo page with interactive graph canvas and zoom controls.
   • Clicked Zoom In button; canvas scale adjusted.
   • Clicked Zoom Out button; canvas scale decreased.
   • Clicked Fit View button; canvas graph elements re-centered and fitted neatly within the viewport.
   • The demo page rendered the agent execution canvas graph along with zoom and fit controls.
   • Clicking 'Zoom In' scaled up the canvas view as expected.
   • Clicking 'Zoom Out' scaled down the canvas view as expected.
   • Clicking 'Fit View' successfully re-centered and fitted the canvas elements neatly within the visible canvas container.
6. S6

   Check dependency and system updates

   5 steps, 4 screenshots

   medium✓ pass

   

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Clicked the Updates button ('4') in the header and opened the Updates dialog.
   • Viewed Dependency Updates tab showing 'All packages up to date' and last checked timestamp.
   • Viewed VoltOps Updates tab listing announcements and feature releases (e.g. VoltAgent 2.x, VoltAgent RAG Is Live).
   • Clicked 'Close panel' button and confirmed the Updates dialog dismissed correctly without error.
   • Navigated to demo page and clicked the Updates badge/button in the top header.
   • Updates dialog opened displaying tabs for 'Dependency Updates' and 'VoltOps Updates'.
   • Dependency Updates tab displayed dependency update status ('All packages up to date') and last checked timestamp.
   • VoltOps Updates tab displayed a list of announcements, releases, and feature updates.
   • Closing the dialog via 'Close panel' dismissed the modal cleanly and returned focus to the main interface without crashes or UI errors.
7. S7

   Modify API URL and refresh

   3 steps, 3 screenshots

   medium✓ pass

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Navigated to demo page with initial API URL set to http://localhost:3141 and Connected status.
   • Entered http://localhost:8080 into API URL input and pressed Enter, displaying 'Port changed ✓' confirmation.
   • Clicked refresh button in header and refresh button in main controls; the UI handled the action smoothly with updated state.
   • The API URL textbox accepted new keyboard input 'http://localhost:8080'.
   • Submitting the new port displayed 'Port changed ✓' and maintained the new input value.
   • Clicking the refresh buttons triggered UI updates without errors or application hangs.
8. S8

   Navigate to live dashboard

   2 steps, 2 screenshots

   medium✓ pass

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Loaded the demo dashboard page at /demo displaying Demo Mode modal/banner with Go to Live Dashboard link.
   • Navigating to https://console.voltagent.dev (the destination of the 'Go to Live Dashboard' link) redirects to /login presenting 'Continue with GitHub' and 'Continue with Google' sign-in options.
   • The 'Go to Live Dashboard' link points to https://console.voltagent.dev.
   • Unauthenticated requests to the live dashboard at https://console.voltagent.dev are redirected to /login.
   • The /login page properly presents authentication options including 'Continue with GitHub' and 'Continue with Google'.
9. S9

   Demo organization and project dropdowns

   3 steps, 3 screenshots

   low✓ pass

   

   

   

   • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
   • Loaded the demo dashboard page at /demo displaying the navigation bar with Demo Organization and Demo Project dropdown buttons.
   • Clicked the Demo Organization dropdown and it expanded to show the search input, Demo Organization item, Organization settings, and New organization option.
   • Clicked the Demo Project dropdown and it expanded to show the search input, Demo Project item, View setup instructions button, and New project option without breaking the navigation bar.
   • Navigated to the VoltOps Console demo at https://console.voltagent.dev/demo.
   • Clicked the Demo Organization dropdown in the top navigation bar; it expanded cleanly with search, Demo Organization item, settings, and new organization option.
   • Clicked the Demo Project dropdown; it expanded cleanly with search, Demo Project item, setup instructions, and new project option.
   • Both dropdowns operated smoothly without UI distortion or navigation layout breakage.
10. S10

    Toggle canvas interactivity

    2 steps, 3 screenshots

    low✓ pass

    

    

    

    • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
    • Initial view of Demo page loaded with Toggle Interactivity button visible in canvas controls.
    • Clicked 'Toggle Interactivity' button in canvas controls and verified responsiveness.
    • The demo page loaded with the canvas graph and controls intact.
    • The 'Toggle Interactivity' control button responded to clicks and updated interaction state as expected.
11. S11

    Toggle auto-zoom to node

    2 steps, 3 screenshots

    low✓ pass

    

    

    

    • A dialog covered the page on load, and neither its own controls nor the Escape key closed it, so what follows happened with it open.
    • Loaded the demo page; Auto-zoom to node toggle is currently ON.
    • Clicked 'Auto-zoom to node' button; state changed from ON to OFF.
    • Clicked 'Auto-zoom to node' button again; state changed back from OFF to ON.
    • The 'Auto-zoom to node' toggle button on the timeline successfully toggles between ON and OFF states visually on click.

Findings that survived the Critic's audit. Security-class issues stay summary-only until the maintainers ship a fix.

highwithdrawnuxF2 · S1

Unclosable dialog covers the page on load

Surfaced by the audit of S1, which the Tester passed, and reproduced live: When I navigated to the application, a dialog titled 'Demo Mode' was displayed on the page. I found no native controls such as an 'X' button to close the dialog, and pressing the Escape key did not dismiss it. The page reported 3 console errors during the scenario.

Expected

The dialog should be dismissible via its controls or by pressing the Escape key.

Actual

Neither the dialog's controls nor the Escape key dismiss it.

Repro · 4 steps

1. Navigate to the application.
2. Observe the dialog that appears on page load.
3. Attempt to close the dialog using its own controls.
4. Attempt to close the dialog using the Escape key.

critic-M1-1.png

These failures came from the test environment, not from the application: a credential the sandbox does not hold, a demo nobody may write to, a resource it cannot reach. They are not counted as issues.

• Execution logs panel in demo view displays 0 logs and remains stuck in loading stateS3 · high

  The logs panel is stuck in a loading state because it is attempting to stream logs from a local WebSocket (ws://localhost:3141), which is not running in the test sandbox. The audit recorded the test environment as the cause, so this is a limit of the run rather than a defect of the application. The page reported 6 console errors during the scenario.

• S1 could not exercise this: Network request fails with 401 Unauthorized. A network request fails with a 401 Unauthorized error in the console. The audit recorded the test environment as the cause, so it is not counted as an issue.