Multimodal HTML Viewer

[viaermakov]

This PR adds a new multimodal HTML viewer feature that allows users to view Vega-Lite charts, DataFrames, and text descriptions in a browser-based tabbed interface.

New Features

• thread.html() method - Added a new method to Thread that generates a standalone HTML page and opens it in the default browser, displaying:

  • Interactive Vega-Lite chart visualization
  • DataFrame as an HTML table
  • Text description/summary

• React-based multimodal client (client/multimodal/) - A new frontend application built with:

  • React + TypeScript + Vite
  • Radix UI for theming and tabs component
  • Vega-Lite for chart rendering
  • CSS modules for styling

How It Works:

    1. User calls `thread.html()` on a Thread instance
    2. The method collect the DataFrame HTML and text from thread
    3. thread.plot() is invoked to generate the Vega specification
    4. An HTML file is created with the injected DataFrame HTML and text content
    5. A temporary HTTP server starts on a random port and opens SSE connection
    6. The browser opens the URL with a unique ID 
    7. After the page is loaded, the client-side component listens for SSE events and waits for the Vega spec to be generated.
    8. Once the Vega specification is received via SSE, the server shuts down.

Screen.Recording.2026-01-16.at.22.52.30.mov