Live View

Watch your browser sessions in real-time as they execute

AI agent instructions

Read the Notte skill and follow its setup instructions when setting up Notte or building browser automation. This is the shared source for CLI setup, authentication, and the browser-to-code workflow.

Live View allows you to watch your browser sessions in real-time as they execute, making it easy to debug and monitor automation.

Quick Start

Open a live viewer automatically when the session starts:

quick_start.py

from notte_sdk import NotteClient

client = NotteClient()

# Live viewer opens automatically
with client.Session(open_viewer=True) as session:
    session.execute(type="goto", url="https://example.com")
    session.execute(type="click", selector="button.submit")
    # Watch it happen in your browser!

Manual Live View

Open the live viewer manually at any point during the session:

manual.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Open live viewer
    session.viewer()

    # Continue automation while watching
    session.execute(type="click", selector="button.submit")

Viewer Types

Notte supports multiple viewer types:

Browser Viewer (Default)

Live screencast of the session in your browser:

viewer_browser.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Opens browser viewer
    session.viewer_browser()

CDP Viewer

Chrome DevTools Protocol debugger:

viewer_cdp.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Opens CDP debugger
    session.viewer_cdp()

Jupyter Notebook Viewer

Display live view directly in Jupyter notebooks:

viewer_notebook.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Display in notebook cell
    session.viewer_notebook()

Live View for Agents

Watch AI agents make decisions in real-time:

agent.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session(open_viewer=True) as session:
    agent = client.Agent(session=session, max_steps=10)

    result = agent.run(task="Find the pricing page and extract all plan prices")

    print(f"Agent completed: {result.answer}")

Sharing Live View

Share the viewer_url with your team for collaborative debugging. The link is signed and stays valid for 12 hours after it is issued:

sharing.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Get viewer URL
    viewer_url = session.status().viewer_url
    print(f"Share this URL with your team: {viewer_url}")

    # Team can watch live while you continue
    session.execute(type="click", selector="button.submit")

Do not share debug_url or cdp_url. They grant full control of the browser and its signed-in state, so treat them like credentials.

Viewer Configuration

Set a default viewer type for all sessions:

configuration.py

from notte_sdk import NotteClient
from notte_sdk.endpoints.sessions import SessionViewerType

# Set default viewer to CDP
client = NotteClient(viewer_type=SessionViewerType.CDP)

with client.Session(open_viewer=True) as session:
    # Opens CDP viewer by default
    session.execute(type="goto", url="https://example.com")

Available viewer types:

• SessionViewerType.BROWSER - Live screencast viewer in your browser (default)
• SessionViewerType.CDP - Chrome DevTools Protocol debugger
• SessionViewerType.JUPYTER - Jupyter notebook display

Best Practices

1. Use for Development

Live view is ideal for development and debugging:

dev_environment.py

import os

from notte_sdk import NotteClient

client = NotteClient()

# Only use live view in development
is_dev = os.getenv("ENV") == "development"

with client.Session(open_viewer=is_dev) as session:
    session.execute(type="goto", url="https://example.com")

2. Combine with Recordings

Use live view during development, recordings for later analysis:

combine_with_recordings.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session(open_viewer=True) as session:
    # Watch it live
    session.execute(type="goto", url="https://example.com")
    session.execute(type="click", selector="button.submit")

# Get recording after session ends
replay = session.replay()
replay.download("recording.mp4")

3. Multiple Viewers

Open multiple viewer types simultaneously:

multiple_viewers.py

from notte_sdk import NotteClient

client = NotteClient()

with client.Session() as session:
    session.execute(type="goto", url="https://example.com")

    # Open both viewers
    session.viewer_browser()  # Live screencast
    session.viewer_cdp()  # DevTools

Live View vs Recordings

Feature	Live View	Recordings
Timing	Real-time during execution	After session ends
Interactivity	Can observe as it happens	Playback only
Use Case	Debugging, monitoring	Archiving, sharing

Next Steps

Recordings

Record sessions for later analysis

Playwright

Connect with Playwright via CDP

Session Lifecycle

Understand session management

Session Configuration

Configure session parameters