Uncaught TypeError when trying lumen-ai 1.0.0

[MarcSkovMadsen]

I would like to try out lumen-ai 1.0.0. But raises expections when I try to plot things.

Uncaught TypeError: Cannot read properties of undefined (reading 'setPageSize')

Reproduce

• Serve the app

app.py

"""An experimental data assistant based on lumen ai.

Don't yet expect a smooth user experience. This is a work in progress.
"""

import lumen.ai as lmai
import panel as pn
from internal_package import get_model_configuration
from internal_package import get_token_provider


def _create_data_assistant() -> lmai.ui.ExplorerUI:
    default_config = get_model_configuration("gpt-4.1")
    reasoning_config = get_model_configuration("o4-mini")
    # due to lumen bug to be fixed in https://github.com/holoviz/lumen/pull/1356
    reasoning_config = default_config

    llm = lmai.llm.AzureOpenAI(
        api_version=default_config.api_version,
        endpoint=default_config.azure_endpoint,
        model_kwargs={
            "default": {
                "model": default_config.deployment_name,
                "azure_ad_token_provider": get_token_provider(),
                "api_version": default_config.api_version,
                "azure_endpoint": default_config.azure_endpoint,
            },
            "reasoning": {
                "model": reasoning_config.deployment_name,
                "azure_ad_token_provider": get_token_provider(),
                "api_version": reasoning_config.api_version,
                "azure_endpoint": reasoning_config.azure_endpoint,
            },
        },
    )
    return lmai.ui.ExplorerUI(llm=llm, log_level="DEBUG")


if pn.state.served:
    pn.extension("vega")
    ui = _create_data_assistant()
    ui.servable()

• Upload the file

stock_portfolio.xlsx

• Ask "Please display the attached data as a table"
• Ask 'Please plot the "Shares Owned"'

panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160  Uncaught TypeError: Cannot read properties of undefined (reading 'setPageSize')
    at V.setPageSize (panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160:21931)
    at V.<anonymous> (panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160:6292)
    at V.s (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:231:367)
    at c.emit (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:182:835)
    at c.emit (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:182:920)
    at A._setv (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:181:5922)
    at A.setv (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:181:6344)
    at A.set [as page_size] (bokeh.min.js?v=4ec7f06288e34650154f13c4cedd8f77eeef67fca52c53d51250c9782c42754e24223d2b607acd8ba35713b5a24add4a9a6d23aa0a1a135717fd254d7876edb3:181:1168)
    at V.recompute_page_size (panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160:12102)
    at panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160:8636
react-dom.development.js:29895 Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools
3panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8  NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26198)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26858)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26990)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26858)
    at Oa (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:27522)
    at R$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:28977)
    at mte (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:41169)
xI @ panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8
3vega-embed@7.0.2:6  The input spec uses Vega-Lite v5, but the current version of Vega-Lite is v6.3.0.
(anonymous) @ vega-embed@7.0.2:6
3panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8  Uncaught (in promise) NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26198)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26858)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26990)
    at Nc (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:25904)
    at k$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:26858)
    at Oa (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:27522)
    at R$ (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:28977)
    at mte (panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8:41169)

panel==1.8.7
panel-material-ui==0.8.1
bokeh==3.8.2
lumen==1.0.0

[MarcSkovMadsen]

If I click the "Fetch" tab and then the "Bar" tab the plot shows. But I don't know where the vega-lite schema is.

Another time after going back and forth between tabs and theme I see

[MarcSkovMadsen]

UX Feedback

• The UX would be simpler if I did not have to confirm the file upload

[philippjfr]

panel.min.js?v=4b1b091ffff266b00ebc8aeaa9365b966cd63bebe15ca3875d7f950e8917a004:160 Uncaught TypeError: Cannot read properties of undefined (reading 'setPageSize')

Looks like a guard is needed in the panel Tabulator implementation.

react-dom.development.js:29895 Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools
3panel-material-ui.bundle.js?8fcb0e6a83d078f75d914cc69fea610e865541c7b46d1f53c9bf493e8668681c:8 NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Need to investigate.