solara-ui 1.40.0__py2.py3-none-any.whl → 1.41.0__py2.py3-none-any.whl

solara/__init__.py

@@ -1,6 +1,6 @@
 """Build webapps using IPywidgets"""
 
-__version__ = "1.40.0"
+__version__ = "1.41.0"
 github_url = "https://github.com/widgetti/solara"
 git_branch = "master"
 

solara/__main__.py

@@ -261,6 +261,12 @@ if "SOLARA_MODE" in os.environ:
     default=True,
     help="Check installed version again pypi version.",
 )
+@click.option(
+    "--qt",
+    is_flag=True,
+    default=False,
+    help="Instead of opening a browser, open a Qt window. Will also stop the server when the window is closed. (experimental)",
+)
 def run(
     app,
     host,
@@ -290,6 +296,7 @@ def run(
     ssg: bool,
     search: bool,
     check_version: bool = True,
+    qt=False,
 ):
     """Run a Solara app."""
     if dev is not None:
@@ -365,9 +372,16 @@ def run(
         while not failed and (server is None or not server.started):
             time.sleep(0.1)
         if not failed:
-            webbrowser.open(url)
+            if qt:
+                from .server.qt import run_qt
 
-    if open:
+                run_qt(url)
+            else:
+                webbrowser.open(url)
+
+    # with qt, we open the browser in the main thread (qt wants that)
+    # otherwise, we open the browser in a separate thread
+    if open and not qt:
         threading.Thread(target=open_browser, daemon=True).start()
 
     rich.print(f"Solara server is starting at {url}")
@@ -397,7 +411,7 @@ def run(
     settings.main.timing = timing
     items = (
         "theme_variant_user_selectable dark theme_variant theme_loader use_pdb server open_browser open url failed dev tracer"
-        " timing ssg search check_version production".split()
+        " timing ssg search check_version production qt".split()
     )
     for item in items:
         del kwargs[item]
@@ -451,14 +465,13 @@ def run(
 
         build_index("")
 
-    start_server()
-
     # TODO: if we want to use webview, it should be sth like this
-    # server_thread = threading.Thread(target=start_server)
-    # server_thread.start()
-    # if open:
-    #     # open_webview()
-    #     open_browser()
+    if qt:
+        server_thread = threading.Thread(target=start_server, daemon=True)
+        server_thread.start()
+        open_browser()
+    else:
+        start_server()
     # server_thread.join()
 
 

solara/components/component_vue.py

@@ -1,4 +1,5 @@
 import inspect
+import os
 from typing import Any, Callable, Dict, Type
 
 import ipyvue as vue
@@ -48,10 +49,10 @@ def _widget_from_signature(classname, base_class: Type[widgets.Widget], func: Ca
 def _widget_vue(vue_path: str, vuetify=True) -> Callable[[Callable[P, None]], Type[v.VuetifyTemplate]]:
     def decorator(func: Callable[P, None]):
         class VuetifyWidgetSolara(v.VuetifyTemplate):
-            template_file = (inspect.getfile(func), vue_path)
+            template_file = (os.path.abspath(inspect.getfile(func)), vue_path)
 
         class VueWidgetSolara(vue.VueTemplate):
-            template_file = (inspect.getfile(func), vue_path)
+            template_file = (os.path.abspath(inspect.getfile(func)), vue_path)
 
         base_class = VuetifyWidgetSolara if vuetify else VueWidgetSolara
         widget_class = _widget_from_signature("VueWidgetSolaraSub", base_class, func, "vue_")

solara/server/assets/style.css

@@ -1,6 +1,7 @@
 html {
   /* override vuetify's css reset ress.css */
   overflow-y: auto;
+  scroll-behavior: smooth;
 }
 
 .jupyter-widgets code {
@@ -124,6 +125,7 @@ div.highlight {
 
 .solara-autorouter-content {
     height: 100%;
+    max-width: 100%;
 }
 
 /* originally from index.css */

solara/server/qt.py

@@ -0,0 +1,113 @@
+import sys
+from typing import List
+import webbrowser
+from qtpy.QtWidgets import QApplication
+from qtpy.QtWebEngineWidgets import QWebEngineView
+from qtpy.QtWebChannel import QWebChannel
+from qtpy import QtCore, QtGui
+import signal
+from pathlib import Path
+
+HERE = Path(__file__).parent
+
+
+# setUrlRequestInterceptor, navigationRequested and acceptNavigationRequest
+# all trigger the websocket to disconnect, so we need to block cross origin
+# requests on the frontend/browser side by intercepting clicks on links
+
+cross_origin_block_js = """
+var script = document.createElement('script');
+script.src = 'qrc:///qtwebchannel/qwebchannel.js';
+document.head.appendChild(script);
+script.onload = function() {
+    new QWebChannel(qt.webChannelTransport, function(channel) {
+        let py_callback = channel.objects.py_callback;
+
+        document.addEventListener('click', function(event) {
+            let target = event.target;
+            while (target && target.tagName !== 'A') {
+                target = target.parentNode;
+            }
+
+            if (target && target.tagName === 'A') {
+                const linkOrigin = new URL(target.href).origin;
+                const currentOrigin = window.location.origin;
+
+                if (linkOrigin !== currentOrigin) {
+                    event.preventDefault();
+                    console.log("Blocked cross-origin navigation to:", target.href);
+                    py_callback.open_link(target.href);  // Call Python method
+                }
+            }
+        }, true);
+    });
+};
+"""
+
+
+class PyCallback(QtCore.QObject):
+    @QtCore.Slot(str)
+    def open_link(self, url):
+        webbrowser.open(url)
+
+
+class QWebEngineViewWithPopup(QWebEngineView):
+    # keep a strong reference to all windows
+    windows: List = []
+
+    def __init__(self):
+        super().__init__()
+        self.page().newWindowRequested.connect(self.handle_new_window_request)
+
+        # Set up WebChannel and py_callback object
+        self.py_callback = PyCallback()
+        self.channel = QWebChannel()
+        self.channel.registerObject("py_callback", self.py_callback)
+        self.page().setWebChannel(self.channel)
+
+        self.loadFinished.connect(self._inject_javascript)
+
+    def _inject_javascript(self, ok):
+        self.page().runJavaScript(cross_origin_block_js)
+
+    def handle_new_window_request(self, info):
+        webview = QWebEngineViewWithPopup()
+        geometry = info.requestedGeometry()
+        webview.resize(geometry.width(), geometry.height())
+        webview.setUrl(info.requestedUrl())
+        webview.show()
+        QWebEngineViewWithPopup.windows.append(webview)
+        return webview
+
+
+def run_qt(url):
+    app = QApplication([])
+    web = QWebEngineViewWithPopup()
+    web.setUrl(QtCore.QUrl(url))
+    web.resize(1024, 1024)
+    web.show()
+
+    app_name = "Solara"
+    app.setApplicationDisplayName(app_name)
+    app.setApplicationName(app_name)
+    web.setWindowTitle(app_name)
+    app.setWindowIcon(QtGui.QIcon(str(HERE.parent / "website/public/logo.svg")))
+    if sys.platform.startswith("darwin"):
+        # Set app name, if PyObjC is installed
+        # Python 2 has PyObjC preinstalled
+        # Python 3: pip3 install pyobjc-framework-Cocoa
+        try:
+            from Foundation import NSBundle
+
+            bundle = NSBundle.mainBundle()
+            if bundle:
+                app_info = bundle.localizedInfoDictionary() or bundle.infoDictionary()
+                if app_info is not None:
+                    app_info["CFBundleName"] = app_name
+                    app_info["CFBundleDisplayName"] = app_name
+        except ModuleNotFoundError:
+            pass
+
+    # without this, ctrl-c does not work in the terminal
+    signal.signal(signal.SIGINT, signal.SIG_DFL)
+    app.exec_()

solara/server/settings.py

@@ -37,6 +37,7 @@ class ThemeVariant(str, Enum):
 class ThemeSettings(BaseSettings):
     variant: ThemeVariant = ThemeVariant.light
     loader: str = "solara"
+    show_banner: bool = True
 
     class Config:
         env_prefix = "solara_theme_"

solara/server/static/main-vuetify.js

@@ -138,15 +138,25 @@ async function solaraInit(mountId, appName) {
     });
 
     window.addEventListener('solara.router', function (event) {
+        app.$data.urlHasChanged = true;
         if(kernel.status == 'busy') {
             app.$data.loadingPage = true;
         }
     });
     kernel.statusChanged.connect(() => {
+        // When navigation is triggered from the front-end, kernel.status becoming busy and
+        // solara.router event happen in a different order than when navigating through Python, so
+        // if the URL has changed when the kernel becomes busy, we set loadingPage to true
+        if (kernel.status == 'busy' && app.$data.urlHasChanged) {
+            app.$data.loadingPage = true;
+        }
         // the first idle after a loadingPage == true (a router event)
         // will be used as indicator that the page is loaded
         if (app.$data.loadingPage && kernel.status == 'idle') {
             app.$data.loadingPage = false;
+            app.$data.urlHasChanged = false;
+            const event = new Event('solara.pageReady');
+            window.dispatchEvent(event);
         }
     });
 

solara/server/static/solara_bootstrap.py

@@ -119,7 +119,7 @@ async def main():
     ]
     for dep in requirements:
         await micropip.install(dep, keep_going=True)
-    await micropip.install("/wheels/solara-1.40.0-py2.py3-none-any.whl", keep_going=True)
+    await micropip.install("/wheels/solara-1.41.0-py2.py3-none-any.whl", keep_going=True)
     import solara
 
     el = solara.Warning("lala")

solara/server/templates/loader-solara.html

@@ -32,7 +32,7 @@
         <jupyter-widget-mount-point mount-id="solara-main">
             A widget with mount-id="solara-main" should go here
         </jupyter-widget-mount-point>
-        <div style="position: absolute; right: 0px; bottom: 0px; padding: 10px;">
+        <div v-if="showBanner" style="position: absolute; right: 0px; bottom: 0px; padding: 10px;">
             <b>This website runs on <a href="https://solara.dev">Solara</a></b>
         </div>
     </div>

solara/server/templates/solara.html.j2

@@ -172,7 +172,7 @@
 </script>
 {% endraw -%}
 
-<body data-base-url="{{root_path}}/static/">
+<body data-base-url="{{root_path}}/jupyter/">
     {% if perform_check %}
     <iframe src="https://solara.dev/static/public/success.html?system=solara&check=html&version={{solara_version}}" style="display: none"></iframe>
     {% endif %}
@@ -296,6 +296,10 @@
                     this.forceUpdateTrigger += 1;
                     original_$forceUpdate();
                 });
+                // in case we are showing a popop (e.g. using ipypopout), hide the banner
+                if(searchParams.has('modelid')) {
+                    this.showBanner = false;
+                }
             },
             mounted() {
                 document.querySelector('#app').removeAttribute("style");
@@ -413,6 +417,7 @@
                     loadingPage: false,
                     _lastBusyTimer: null,
                     kernelBusyLong: false,
+                    showBanner: theme.show_banner,
                     // outputMessages: [{ name: 'stderr', text: 'lala' }],
                 }
             }

solara/website/components/sidebar.py

@@ -15,7 +15,9 @@ def Sidebar():
             break
 
     with solara.v.List(
-        expand=True, nav=True, style_="height: 100%; display: flex; flex-direction: column; background-color: var(--color-material-background);"
+        expand=True,
+        nav=True,
+        style_="height: 100%; max-height: 100vh; display: flex; flex-direction: column; background-color: var(--color-material-background); overflow-y: auto;",
     ) as main:
         with solara.v.ListItemGroup(v_model=router.path):
             # e.g. getting_started, examples, components, api, advanced, faq

solara/website/pages/__init__.py

@@ -280,13 +280,19 @@ def Layout(children=[]):
                         justify="center" if route_current is not None and route_current.path in ["documentation", "showcase"] else "start",
                     ):
                         if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
-                            with solara.v.NavigationDrawer(
-                                clipped=True,
-                                class_="d-none d-md-block",
-                                height="unset",
-                                style_="min-height: calc(100vh - 64px);",
-                                width="20rem",
-                                v_model=True,  # Forces menu to display even if it had somehow been closed
+                            with solara.v.Sheet(
+                                style_="""
+                                    height: 100vh;
+                                    width: 20rem;
+                                    overflow: auto;
+                                    border-right: 1px solid var(--color-border-appbar);
+                                    position: sticky;
+                                    top: 0;
+                                    flex-direction: column;
+                                    gap: 0;
+                                """,
+                                class_="d-md-flex d-none",
+                                elevation=0,
                             ):
                                 route_current.module.Sidebar()
                         with rv.Col(

solara/website/pages/documentation/advanced/content/20-understanding/40-routing.md

@@ -196,7 +196,7 @@ Note that all routes are relative, since a component does not know if it is embe
 
 
 Therefore you should never use the `route.path` for navigation since the route object has no knowledge of the full url
-(e.g. `/docs/basics/ipywigets`) but only knows its small piece of the pathname (e.g. `ipywidgets`)
+(e.g. `/docs/basics/ipywidgets`) but only knows its small piece of the pathname (e.g. `ipywidgets`)
 
 Using [`resolve_path`](/documentation/api/routing/resolve_path) we can request the full url for navigation.
 
@@ -219,6 +219,22 @@ def LinkToIpywidgets():
     return main
 ```
 
+### Linking to Sections of a Page
+
+The `solara.Link` component also supports linking to HTML elements identified by id. Although most Solara components don't directly support the id attribute, you can assign ids to all ipyvuetify components, using the `attributes` argument:
+
+```python
+solara.v.Btn(attributes={"id": "my-id"}, ...)
+```
+
+You can then link to a particular element by appending `#` followed by its id to your link, i.e. `solara.Link(route_or_path="/page#my-id")`. If you want the page to smoothly scroll to the linked element, you should give an element that contains it (for instance the `html`-element) the following CSS rule:
+
+```css
+html {
+    scroll-behaviour: smooth;
+}
+```
+
 ## Fully manual routing
 
 If you want to do routing fully manually, you can use the [`solara.use_router`](/documentation/api/routing/use_router) hook, and use the `.path` attribute.

solara/website/pages/documentation/examples/__init__.py

@@ -25,28 +25,20 @@ def Layout(children):
     assert module is not None
     github_url = solara.util.github_url(module.__file__)
 
-    with solara.HBox(grow=False) as main:
-        if route_current.path == "fullscreen":
-            with solara.Padding(4, children=children):
-                pass
-        else:
-            with solara.VBox(grow=True, align_items="baseline"):
-                doc = module.__doc__
-                if doc:
-                    with solara.VBox(grow=True):
-                        MarkdownWithMetadata(doc)
-                with solara.HBox():
-                    if route_current.path != "/":
-                        solara.Button("View source code on GitHub", icon_name="mdi-github-circle", href=github_url, class_="ma-2", target="_blank", text=True)
-                        # code = inspect.getsource(module)
-
-                        # code_quoted = urllib.parse.quote_plus(code)
-                        # url = f"https://test.solara.dev/try?code={code_quoted}"
-                        # solara.Button("Run on solara.dev", icon_name="mdi-pencil", href=url, class_="ma-2", target="_blank")
-                # with solara.HBox():
+    if route_current.path == "fullscreen":
+        with solara.Padding(4, children=children):
+            pass
+    else:
+        with solara.Column(align="center", style={"max-width": "100%"}):
+            doc = module.__doc__
+            if doc:
+                with solara.Column():
+                    MarkdownWithMetadata(doc)
+            with solara.Column(style={"max-width": "min(100%, 1024px)", "width": "100%"}):
+                if route_current.path != "/":
+                    solara.Button("View source code on GitHub", icon_name="mdi-github-circle", href=github_url, class_="ma-2", target="_blank", text=True)
                 if not hasattr(module, "Page"):
                     solara.Error(f"No Page component found in {module}")
                 else:
-                    with solara.Padding(4, children=children):
+                    with solara.Div(children=children):
                         pass
-    return main

solara/website/pages/documentation/examples/ai/chatbot.py

@@ -77,7 +77,7 @@ def Page():
     task = solara.lab.use_task(call_openai, dependencies=[user_message_count])  # type: ignore
 
     with solara.Column(
-        style={"width": "700px", "height": "50vh"},
+        style={"width": "100%", "height": "50vh"},
     ):
         with solara.lab.ChatBox():
             for item in messages.value:

solara/website/pages/documentation/examples/general/vue_component.py

@@ -35,7 +35,7 @@ def Page():
     sales_data = np.floor(np.cumsum(gen.random(7) - 0.5) * 100 + 100)
     show_report = solara.use_reactive(False)
 
-    with solara.Column(style={"min-width": "600px"}):
+    with solara.Column():
         if show_report.value:
             with solara.Card("Report"):
                 solara.Markdown("Lorum ipsum dolor sit amet")

solara/website/pages/documentation/examples/libraries/altair.py

@@ -38,6 +38,7 @@ def Page():
         )
         .configure_view(step=13, strokeWidth=0)
         .configure_axis(domain=False)
+        .properties(width="container")
     )
     with solara.Card("Annual Weather Heatmap for Seattle, WA"):
         solara.AltairChart(chart, on_click=on_click)

solara/website/pages/documentation/examples/libraries/bqplot.py

@@ -34,6 +34,6 @@ def Page(x=x0, ymax=5):
     lines = bqplot.Lines(x=x, y=y, scales={"x": x_scale, "y": y_scale}, stroke_width=3, colors=[color], display_legend=display_legend, labels=[label])
     x_axis = bqplot.Axis(scale=x_scale)
     y_axis = bqplot.Axis(scale=y_scale, orientation="vertical")
-    bqplot.Figure(axes=[x_axis, y_axis], marks=[lines], scale_x=x_scale, scale_y=y_scale, layout={"min_width": "800px"})
+    bqplot.Figure(axes=[x_axis, y_axis], marks=[lines], scale_x=x_scale, scale_y=y_scale, layout={"max_width": "100%", "width": "100%"})
 
     # return main

solara/website/pages/documentation/examples/libraries/ipyleaflet.py

@@ -15,7 +15,7 @@ bounds = solara.reactive(None)
 @solara.component
 def Page():
     # Isolation is required to prevent the map from overlapping navigation (when screen width < 960px)
-    with solara.Column(style={"min-width": "500px", "height": "500px", "isolation": "isolate"}):
+    with solara.Column(style={"width": "100%", "height": "500px", "isolation": "isolate"}):
         # solara components support reactive variables
         solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20)
         # using 3rd party widget library require wiring up the events manually

solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py

@@ -31,7 +31,7 @@ def Page():
         # do things with the location
         marker_location.set(location)
 
-    with solara.Column(style={"min-width": "500px", "height": "500px"}):
+    with solara.Column(style={"width": "100%", "height": "500px"}):
         solara.Markdown(f"Market set to: {marker_location.value}", style={"color": "#6e6e6e"})
 
         map = maps[map_name.value]

solara/website/pages/documentation/examples/utilities/countdown_timer.py

@@ -9,7 +9,6 @@ The UI code demonstrates a lot of conditional rendering.
 import time
 
 import solara
-from solara.alias import rv
 
 
 @solara.component
@@ -41,24 +40,23 @@ def Page():
 
     solara.use_thread(run_timer, dependencies=[duration, running])
 
-    with solara.VBox() as main:
-        if not running:
-            if duration < 1:
-                solara.Error("Duration must be at least 1 second")
-            else:
-                solara.Markdown(f"# Timer set to {seconds} seconds")
+    if not running:
+        if duration < 1:
+            solara.Error("Duration must be at least 1 second")
         else:
-            if seconds:
-                solara.Markdown(f"# {seconds} seconds left")
-            else:
-                solara.solara.Markdown("# Time's up!")
-        rv.TextField(type="number", v_model=duration, on_v_model=on_duration, disabled=running)
-        with solara.HBox():
-            if running:
-                solara.Button("Stop", on_click=lambda: set_running(False), icon_name="mdi-stop")
+            solara.Markdown(f"# Timer set to {seconds} seconds")
+    else:
+        if seconds:
+            solara.Markdown(f"# {seconds} seconds left")
+        else:
+            solara.solara.Markdown("# Time's up!")
+
+    solara.v.TextField(type="number", v_model=duration, on_v_model=on_duration, disabled=running)
+    with solara.Row():
+        if running:
+            solara.Button("Stop", on_click=lambda: set_running(False), icon_name="mdi-stop")
+        else:
+            if duration != seconds:
+                solara.Button("Reset", on_click=lambda: set_seconds(duration), icon_name="mdi-restart")
             else:
-                if duration != seconds:
-                    solara.Button("Reset", on_click=lambda: set_seconds(duration), icon_name="mdi-restart")
-                else:
-                    solara.Button("Start", on_click=lambda: set_running(True), icon_name="mdi-play", disabled=seconds < 1)
-    return main
+                solara.Button("Start", on_click=lambda: set_running(True), icon_name="mdi-play", disabled=seconds < 1)

solara/website/pages/documentation/examples/visualization/annotator.py

@@ -45,9 +45,7 @@ def Page():
     fig = go.FigureWidget(
         layout=go.Layout(
             showlegend=False,
-            autosize=False,
-            width=600,
-            height=600,
+            autosize=True,
             dragmode="drawrect",
             modebar={
                 "add": [

solara/website/pages/documentation/examples/visualization/linked_views.py

@@ -49,8 +49,8 @@ def ClickScatter(df, x, y, color, click_row, on_click: Callable[[ClickPoint], No
         click_y = df[y].values[click_row]
         fig.add_trace(px.scatter(x=[click_x], y=[click_y], text=["⭐️"]).data[0])
     # make the figure a bit smaller
-    fig.update_layout(width=400)
-    with solara.VBox() as main:
+    fig.update_layout(width=340)
+    with solara.Column(style={"width": "340px"}) as main:
         solara.FigurePlotly(fig, on_click=on_click_trace)
         solara.Select(label="X-axis", value=x, values=columns, on_value=set_x)
         solara.Select(label="Y-axis", value=y, values=columns, on_value=set_y)
@@ -65,8 +65,8 @@ def Page():
     else:
         clicked_row = None
 
-    with solara.VBox() as main:
-        with solara.HBox():
+    with solara.Column() as main:
+        with solara.Row(justify="center", style={"flex-wrap": "wrap"}):
             ClickScatter(df, "sepal_length", "sepal_width", "species", clicked_row, on_click=set_click_point)
             ClickScatter(df, "petal_length", "petal_width", "species", clicked_row, on_click=set_click_point)
         if click_point is not None:

solara/website/pages/documentation/getting_started/content/00-quickstart.md

@@ -87,3 +87,21 @@ In case you forgot how to start a notebook server:
 Or the more modern Jupyter lab:
 
     $ jupyter lab
+
+
+## Run as app (experimental)
+
+You can also run the script as a standalone app. This requires the extra packages `qtpy` and `PySide6` (or `PyQt6`) to be installed.
+
+```bash
+$ pip install pip install qtpy PySide6
+```
+
+Run from the command line in the same directory where you put your file (`sol.py`):
+
+```bash
+$ solara run sol.py --qt
+```
+
+
+<img src="https://dxhl76zpt6fap.cloudfront.net/public/solara-quickstart-app.webp" alt="Markdown Monster icon"/>

solara/widgets/vue/navigator.vue

@@ -14,43 +14,37 @@ modules.export = {
     }
     window.solara.router.push = (href) => {
       console.log("external router push", href);
-      // take of the anchor
-      if (href.indexOf("#") !== -1) {
-        href = href.slice(0, href.indexOf("#"));
-      }
-      this.location = href;
+      const url = new URL(href, window.location.origin + solara.rootPath);
+      this.location = url.pathname + url.search;
+      this.hash = url.hash;
     };
     let location = window.location.pathname.slice(solara.rootPath.length);
-    // take of the anchor
-    if (location.indexOf("#") !== -1) {
-      location = location.slice(0, location.indexOf("#"));
-    }
     this.location = location + window.location.search;
+    this.hash = window.location.hash;
     window.addEventListener("popstate", this.onPopState);
     window.addEventListener("scroll", this.onScroll);
+    window.addEventListener("hashchange", this.onHashChange);
+    window.addEventListener("solara.pageReady", this.onPageLoad);
   },
   destroyed() {
     window.removeEventListener("popstate", this.onPopState);
     window.removeEventListener("scroll", this.onScroll);
+    window.removeEventListener("hashchange", this.onHashChange);
+    window.removeEventListener("solara.pageReady", this.onPageLoad);
   },
   methods: {
     onScroll() {
       window.history.replaceState(
         { top: document.documentElement.scrollTop },
         null,
-        solara.rootPath + this.location
+        window.location.href
       );
     },
     onPopState(event) {
-      console.log("pop state!", event.state, window.location.href);
       if (!window.location.pathname.startsWith(solara.rootPath)) {
         throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
       }
       let newLocation = window.location.pathname.slice(solara.rootPath.length);
-      // the router/server shouldn't care about the hash, that's for the frontend
-      if (newLocation.indexOf("#") !== -1) {
-        newLocation = newLocation.slice(0, newLocation.indexOf("#"));
-      }
       this.location = newLocation + window.location.search;
       if (event.state) {
         const top = event.state.top;
@@ -63,6 +57,32 @@ modules.export = {
         */
       }
     },
+    onHashChange(event) {
+      if (!window.location.pathname.startsWith(solara.rootPath)) {
+        throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
+      }
+      this.hash = window.location.hash;
+    },
+    onPageLoad(event) {
+      if (!window.location.pathname.startsWith(solara.rootPath)) {
+        throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
+      }
+      // If we've navigated to a hash with the same name on a different page the watch on hash won't trigger
+      if (this.hash && this.hash === window.location.hash) {
+        this.navigateToHash(this.hash);
+      }
+      this.hash = window.location.hash;
+    },
+    makeFullRelativeUrl() {
+      const url = new URL(this.location, window.location.origin + solara.rootPath);
+      return url.pathname + this.hash + url.search;
+    },
+    navigateToHash(hash) {
+      const targetEl = document.getElementById(hash.slice(1));
+      if (targetEl) {
+        targetEl.scrollIntoView();
+      }
+    },
   },
   watch: {
     location(value) {
@@ -89,7 +109,7 @@ modules.export = {
         document.documentElement.scrollTop
       );
       if (oldLocation != this.location) {
-        window.history.pushState({ top: 0 }, null, solara.rootPath + this.location);
+        window.history.pushState({ top: 0 }, null, this.makeFullRelativeUrl());
         if (pathnameNew != pathnameOld) {
           // we scroll to the top only when we change page, not when we change
           // the search string
@@ -99,6 +119,16 @@ modules.export = {
         window.dispatchEvent(event);
       }
     },
+    hash(value) {
+      if (value) {
+        this.navigateToHash(value);
+      }
+    },
+  },
+  data() {
+    return {
+      hash: "",
+    };
   },
 };
 </script>

solara/widgets/vue/vegalite.vue

@@ -15,6 +15,11 @@ module.exports = {
     mounted() {
         this.do_plot_debounced();
     },
+    destroyed() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    },
     watch: {
         spec() {
             this.do_plot_debounced();
@@ -29,7 +34,15 @@ module.exports = {
                 (async () => {
                     const spec = {
                         ...this.spec,
+                        "renderer": "svg",
                     };
+                    if (spec.width === "container") {
+                        this.$refs.plotElement.classList.add("width-container")
+                        this.observer = new ResizeObserver(() => {
+                            view.resize();
+                        });
+                        this.observer.observe(this.$refs.plotElement);
+                    }
                     const { view } = await vegaEmbed(this.$refs.plotElement, spec);
                     // events https://github.com/vega/vega-view#event-handling
                     if (this.listen_to_click) {
@@ -110,3 +123,8 @@ module.exports = {
     },
 }
 </script>
+<style id="vega-embed-container-width">
+.width-container.vega-embed {
+    width: 100%;
+}
+</style>

{solara_ui-1.40.0.dist-info → solara_ui-1.41.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: solara-ui
-Version: 1.40.0
+Version: 1.41.0
 Dynamic: Summary
 Project-URL: Home, https://www.github.com/widgetti/solara
 Project-URL: Documentation, https://solara.dev

{solara_ui-1.40.0.dist-info → solara_ui-1.41.0.dist-info}/RECORD

@@ -1,7 +1,7 @@
 prefix/etc/jupyter/jupyter_notebook_config.d/solara.json,sha256=3UhTBQi6z7F7pPjmqXxfddv79c8VGR9H7zStDLp6AwY,115
 prefix/etc/jupyter/jupyter_server_config.d/solara.json,sha256=D9J-rYxAzyD5GOqWvuPjacGUVFHsYtTfZ4FUbRzRvIA,113
-solara/__init__.py,sha256=tpKKpduPHdeO3pVlyMAwK0CthK4sLiFWFAPWNS5BOTI,3647
-solara/__main__.py,sha256=6ZmzjN3qiBTlR4triE69008KY-TvSFPKqepZyOL4WoY,23876
+solara/__init__.py,sha256=l1mOv4ngBpoXaXv6PDfspwaZ3lCYhGNgEuiTayMGZrM,3647
+solara/__main__.py,sha256=-OSjoLAVqu7-h15I5X1XFi6FyHpM0XT1z7qTXlyuDqM,24339
 solara/alias.py,sha256=9vfLzud77NP8in3OID9b5mmIO8NyrnFjN2_aE0lSb1k,216
 solara/autorouting.py,sha256=iQ-jP5H-kdu1uZyLEFeiHG1IsOLZLzwKVtQPyXSgGSM,23093
 solara/cache.py,sha256=rZEW_xVIj3vvajntsQDnaglniTQ90izkX8vOqe1mMvE,10500
@@ -32,7 +32,7 @@ solara/components/checkbox.py,sha256=MLQ9Hxvtv5aKLj4XO3ILWtGc6nKOUH560A2bBt0Z030
 solara/components/code_highlight_css.py,sha256=J0fZHuEu8jeEKAq_HKbzgiMR1-VwMVnKA4dAOKE0AQU,235
 solara/components/code_highlight_css.vue,sha256=UX4jtEetV1W25Uvu8xQ-TbEaBzbp_7DlXtXDO9SdZfY,5776
 solara/components/columns.py,sha256=bGCUU9MLxkt2OiS31oLHWrEOlskxT1Xo65dBxXhmhbQ,5564
-solara/components/component_vue.py,sha256=_WNF_MMM0pENBeokFJziro3iBm67uvNlIR9D2gx53gs,4335
+solara/components/component_vue.py,sha256=zw7vEfBWDO-jxPHD03e1d96Gci8yGbr6koh0d1Bzfoo,4379
 solara/components/cross_filter.py,sha256=Q5vOkerWXNCtRbSboHjXcnjoys8bHv5b7G_fH1A1lio,13663
 solara/components/dataframe.py,sha256=9Zr-usCz9UkO2xpNlDpooRGu-Bwtn49Cy4cdAaO_KGg,21033
 solara/components/datatable.py,sha256=A64-BRM3d8ZKUURbYSfHCsqqJg7MKQhFpnJ9uqCBGMg,7836
@@ -113,9 +113,10 @@ solara/server/jupytertools.py,sha256=cYFIUjLX7n0uuEXqWVWvmV6sV7R_MNg8ZZlabQgw8vk
 solara/server/kernel.py,sha256=3mwRRBw6BOcKLACL4fCUGgtI_RZ5KTSM1MlAtRlDbmA,11092
 solara/server/kernel_context.py,sha256=RrNVAkoev6u6LZBvDfG86zyVs7eDVUsrp_4Au_FLlgY,16718
 solara/server/patch.py,sha256=W-UG_TXKIbQRV0B9rGkJzg21EGV00ra5kQZAZGQquZc,19111
+solara/server/qt.py,sha256=74ffA2Agk5a1edEeF6_8KS1FlQlJoHrFOkULI2PxT4k,3762
 solara/server/reload.py,sha256=BBH7QhrV1-e9RVyNE3uz1oPj1DagC3t_XSqGPNz0nJE,9747
 solara/server/server.py,sha256=fUb9BpvjCNLlSAOUIjkge6PUO07VGEetdQi1chEFzRM,16569
-solara/server/settings.py,sha256=8QpVW_hYe4QvSVvDMeobpUEFa_jjCAGrSKgCGzjZ3As,7340
+solara/server/settings.py,sha256=b82BNWOntcWithynahDDAZFQyx3-kmyll7FwqIOn1sg,7369
 solara/server/shell.py,sha256=xKox0fvDxdcWleE8p2ffCkihvjLJsWn2FujMbgUjYn0,8677
 solara/server/starlette.py,sha256=yuXCJbpD5tq2JoX0KoRh5YMh67fp33rVCDb3zuwgHxk,29054
 solara/server/telemetry.py,sha256=GPKGA5kCIqJb76wgxQ2_U2uV_s0r-1tKqv-GVxo5hs8,6038
@@ -126,7 +127,7 @@ solara/server/assets/custom.css,sha256=4p04-uxHTobfr6Xkvf1iOrYiks8NciWLT_EwHZSy6
 solara/server/assets/custom.js,sha256=YT-UUYzA5uI5-enmbIsrRhofY_IJAO-HanaMwiNUEos,16
 solara/server/assets/favicon.png,sha256=Ssgmi5eZeGIGABOrxW8AH3hyvy5a9avdDIDYsmEUMpM,1924
 solara/server/assets/favicon.svg,sha256=HXAji-JQGBaGi2_iyk3vHgEDgdFYtsWTVqOE6QmVLKc,1240
-solara/server/assets/style.css,sha256=gjohelmLh9uBja4JgvUbTtvsm-oDVAEvGzNNQ0tsEcE,40819
+solara/server/assets/style.css,sha256=UYfYkMO5Fs_5L5qLMaA2HCL-CDyHI4EOnjg2HN2YpvI,40867
 solara/server/assets/theme-dark.css,sha256=w9a0BDQoXnhoLC4Uz8QdCiFvZsDYV4XvOL4CoSyAnBM,16733
 solara/server/assets/theme-light.css,sha256=zYjHebS5dGq9o4wNcS8nFyuE1oiqSmhcxVHNf3FYZ3Q,15637
 solara/server/assets/theme.js,sha256=kwXC-5gj9JKcwb8JMaV2sZ5t_F26c6ypqfozLZZ8Izo,21
@@ -141,18 +142,18 @@ solara/server/pyinstaller/hook-solara.py,sha256=8-tQOtgiNgf3btngI69YPeZp9lLgJpVj
 solara/server/static/ansi.js,sha256=Oa3cXY3u5vSSq8-P6JnAqa2S9cymxY0iL6wG449jFJk,7797
 solara/server/static/highlight-dark.css,sha256=xO8-vta9vG4s1OfJNHXWqiLWzx_gM03jouSmQvRmj-I,6809
 solara/server/static/highlight.css,sha256=k8ZdT5iwrGQ5tXTQHAXuxvZrSUq3kwCdEpy3mlFoZjs,2637
-solara/server/static/main-vuetify.js,sha256=SujoF_ECeS-KfyEnab3XA55fqO5Cv-cg3X8liBSYXEs,8920
+solara/server/static/main-vuetify.js,sha256=R3qM4xMlstMpRUdRaul78p34z_Av2ONSTXksg2V9TqQ,9503
 solara/server/static/main.js,sha256=mcx4JNQ4Lg4pNdUIqMoZos1mZyYFS48yd_JNFFJUqIE,5679
-solara/server/static/solara_bootstrap.py,sha256=mB7uV_BraGdPTZ3PDExW2mufBUXVuUu_39zkJ-ozJTc,3195
+solara/server/static/solara_bootstrap.py,sha256=e5_ztDjhDG8AjekuOm_fHFxGT5hhFJbiFg76cvqOQCg,3195
 solara/server/static/sun.svg,sha256=jEKBAGCr7b9zNYv0VUb7lMWKjnU2dX69_Ye_DZWGXJI,6855
 solara/server/static/webworker.js,sha256=cjAFz7-SygStHJnYlJUlJs-gE_7YQeQ-WBDcmKYyjvo,1372
 solara/server/templates/index.html.j2,sha256=JXQo1M-STFHLBOFetgG7509cAq8xUP0VAEtYDzz35fY,31
 solara/server/templates/loader-plain.css,sha256=SjZEbU8s2aUQk9UYwmbWMKXlGZe0XTvy4dfFTBeUWWo,205
 solara/server/templates/loader-plain.html,sha256=VEtMDC8MQj75o2iWJ_gR70Jp05oOoyRBKbhS4o-FXVI,718
 solara/server/templates/loader-solara.css,sha256=QerfzwlenkSJMq8uk_qEtoSdcI-DKMRrH9XXDEPsrUA,1670
-solara/server/templates/loader-solara.html,sha256=bgp3GHOAhfzU0rcAAYDsqhGlemfZo4YNhRsYIvhU7YM,2726
+solara/server/templates/loader-solara.html,sha256=wFPnTevFBcRXQj6ZCZdgkOGTMwAAiOmNlgFdzdJLpXA,2744
 solara/server/templates/plain.html,sha256=yO1r2hidA3bxOclaxtI_vTZtdDTFn2KKeeoldJuinXk,2762
-solara/server/templates/solara.html.j2,sha256=lKRRNK7fChhN_VG7k1mvpWFtg8_DAFAv4ZmkhhQAlP4,21595
+solara/server/templates/solara.html.j2,sha256=qbhRj-KYUr-HMlUpFOblGCNXg4ko6QXArIywvpCCirM,21850
 solara/template/button.py,sha256=HM382prl4bNLF8sLBd9Sh43ReMGedG_z_h4XN4mDYRI,311
 solara/template/markdown.py,sha256=31G3ezFooiveSrUH5afz5_nJ8SStjbx-_x5YLXv_hPk,1137
 solara/template/portal/.flake8,sha256=wxWLwamdP33Jm1mPa1sVe3uT0AZkG_wHPbY3Ci7j5-g,136
@@ -197,8 +198,8 @@ solara/website/components/mailchimp.vue,sha256=f2cFKUfl7gL9FJbGLCtPRUFBghxS8kcGu
 solara/website/components/markdown.py,sha256=jWqDYQWiN7_aNIUNjhUePT_weO5UoSowh4P0wZF7bjw,1497
 solara/website/components/markdown_nav.vue,sha256=VK6TBDcocPyfLyripFR1BQITj00tLe0fwauumYQUExE,988
 solara/website/components/notebook.py,sha256=MM73_c5l49SSpK63O4TYMsQ-mA43CwfhfU7VKXjfNC0,6867
-solara/website/components/sidebar.py,sha256=5XnJn-KDpfocMg-hJvfl64cSsMEj4Wb9I8wpsRLCsPg,6017
-solara/website/pages/__init__.py,sha256=HFdm-9g1cnesBJ-t4DqD7ukkTiatbEszGPWC3hfxy3I,20947
+solara/website/components/sidebar.py,sha256=VRbxGkhsOx26H458gkW1p44NCoTFn8EhWqpyB4ahFso,6071
+solara/website/pages/__init__.py,sha256=h-mETi0N10iKWTs9xYKC1ruAJBYzco0-bWDmjBSsdFY,21181
 solara/website/pages/doc_use_download.py,sha256=wTzDT21FRcHwfDAAxZPmHFqF5lyLvkHZ2mieZ4kfz9Y,3127
 solara/website/pages/docutils.py,sha256=2ne991oUtK4dMj-qN18NtsVYxSfCT1c6o5yYThQnxUE,736
 solara/website/pages/home.vue,sha256=1L3TVvBY7qXkkR0jIW49olDc5ZpglzA8pm06JLMkFQc,43617
@@ -248,7 +249,7 @@ solara/website/pages/documentation/advanced/content/20-understanding/15-anatomy.
 solara/website/pages/documentation/advanced/content/20-understanding/17-rules-of-hooks.md,sha256=A-wHZQwNPcZg1S_hcaE36VG24H1Hx_HXP4jEuWNR5zk,5088
 solara/website/pages/documentation/advanced/content/20-understanding/18-containers.md,sha256=Bkl22GXxO0MhTVpUK1q0l5h_wBWNgkR1ZoCG28p7r40,4905
 solara/website/pages/documentation/advanced/content/20-understanding/20-solara.md,sha256=sNK-mmgbj9rDHOXu5JaP7OMQdX0chOZ72-aMdOEOkug,751
-solara/website/pages/documentation/advanced/content/20-understanding/40-routing.md,sha256=7-efGbXIVhUkLCFtG9rCBxKcDcQMEt_GMyt4GDCHRK8,9669
+solara/website/pages/documentation/advanced/content/20-understanding/40-routing.md,sha256=lb_TDXOv43oq3hqnOwjmUpSWCEhaO5l2ZQSPBL6riEQ,10365
 solara/website/pages/documentation/advanced/content/20-understanding/50-solara-server.md,sha256=Svb6I84nFJFPr1D-nGcHc5TummZ6TqAU7suCoUWbg5c,6336
 solara/website/pages/documentation/advanced/content/20-understanding/60-voila.md,sha256=jlL0kyzzDdHytNizBBLPx7buFFforlIDdMF724C2RLE,1132
 solara/website/pages/documentation/advanced/content/30-enterprise/00-overview.md,sha256=MmrZWt4KyKVGw7kX3nlcAIgf814RHmf3A5BUQiDZIYA,381
@@ -367,10 +368,10 @@ solara/website/pages/documentation/components/viz/echarts.py,sha256=__uayej4ttWZ
 solara/website/pages/documentation/components/viz/matplotlib.py,sha256=YEvCQyy5lmuV_6NArZ8qYucLMN6ah7pVJNk-xkouDAg,761
 solara/website/pages/documentation/components/viz/plotly.py,sha256=t54SJLkdf7jfO7XwAnbuArotUCq_6aX_CCsXi_Z7c1k,1377
 solara/website/pages/documentation/components/viz/plotly_express.py,sha256=dnBKzdr1IQF5bkSN2f8hkNbW4u7mfEwhNEufmaaDcEM,957
-solara/website/pages/documentation/examples/__init__.py,sha256=-EvZQUFwyHVqIqIZL7Ab_OHbXOXw5WChRjYJdhRq6Vk,2102
+solara/website/pages/documentation/examples/__init__.py,sha256=8bBzOr0LLRIHyaHMFAKkumrXYdcWcoU50_GITvAlIEc,1676
 solara/website/pages/documentation/examples/ipycanvas.py,sha256=58iN7Hby5aeQglhCkDrXQDejszMf_aFvvEQWAEdccPE,1846
 solara/website/pages/documentation/examples/ai/__init__.py,sha256=ZicYzTHeFnnVnfQitWJ8t3-VGUDlMK5g-mXc3Y2HmkY,192
-solara/website/pages/documentation/examples/ai/chatbot.py,sha256=BWFfaMaJTVfi76QDe6wTY5SMkUN9R7nxQKJ8mBH3jco,2878
+solara/website/pages/documentation/examples/ai/chatbot.py,sha256=JP_L61nVdaWIaeG2gRsqBsRZTpvMEqqb2M2p_asBM5s,2877
 solara/website/pages/documentation/examples/ai/tokenizer.py,sha256=vA_ut_9lka-uoDI86qfouzB7CcXu-1OYHTFQKNXtFao,3701
 solara/website/pages/documentation/examples/basics/__init__.py,sha256=1GvAS0idpN-CcfBwmcVZMA6XjoewDjZ75-Vq16QCpQU,159
 solara/website/pages/documentation/examples/basics/sine.py,sha256=0xTkCwBajwAl5z-ayT47kzS5ziRfsa48A7XxQeXgxtQ,554
@@ -388,24 +389,24 @@ solara/website/pages/documentation/examples/general/live_update.py,sha256=Zte8ii
 solara/website/pages/documentation/examples/general/login_oauth.py,sha256=STckaXaDxdEnltl5PkgkSmw-FASqUqr4T5llGI-UwNA,2551
 solara/website/pages/documentation/examples/general/mycard.vue,sha256=j1p32TyRHYpi4OW__K1UxwMElif3R9J-POlTb8ACCMg,1359
 solara/website/pages/documentation/examples/general/pokemon_search.py,sha256=ff6DBH5pCKU175A99VGlvNDEnzO1P27nMVUNcDNo-ag,2079
-solara/website/pages/documentation/examples/general/vue_component.py,sha256=HVy7-Evl7S2CiZDNPGE0W9T3g2PRswM1O3hyxpgPU80,1757
+solara/website/pages/documentation/examples/general/vue_component.py,sha256=RjzyeGrOtpQzwvAx9Dn5jM4uhDpkD0c_SNM7VrgmI_g,1729
 solara/website/pages/documentation/examples/libraries/__init__.py,sha256=x7Hy8EmHugarFZIP2Wl4K7ACs_70iC4KmOhMVHXQqEo,144
-solara/website/pages/documentation/examples/libraries/altair.py,sha256=bPkikVQsTVrXEx4svH_QqMobvD-oiP6gtBTG5zbT5yc,2141
-solara/website/pages/documentation/examples/libraries/bqplot.py,sha256=kssz938QYBTyFwv4ZwPnqtg-Ep70JemUejHNJWyAKh4,1164
-solara/website/pages/documentation/examples/libraries/ipyleaflet.py,sha256=T2kSAW-dowAsccaSE9jChDVfJL7CxAn-bqJ1t7-tcmk,1168
-solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py,sha256=1jabLNxoA6_p5xo9WgUJ5AVjmrXPKd1uoR9uWoIsFj8,2297
+solara/website/pages/documentation/examples/libraries/altair.py,sha256=nphFgEWxlgkI14OwRcP59AnL0MMTAIin01-L8_kJAhU,2180
+solara/website/pages/documentation/examples/libraries/bqplot.py,sha256=6b6X5htldc8DzvB4avJRUZkqLONU17ut2gW9cGfzBQE,1180
+solara/website/pages/documentation/examples/libraries/ipyleaflet.py,sha256=zqXX1HZHvfAvVDUc1YUE-9EBx7qH4Zs0_-ijRpw3I3Y,1163
+solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py,sha256=IhFr1OHiEAyonDNiUHkpKRVVakZ1MyPqY8pQWrVMKsI,2292
 solara/website/pages/documentation/examples/utilities/__init__.py,sha256=5AtOFUlZpWTOya9fn0jSzKiJ-tpOg_fDzFcb9aJQiFM,155
 solara/website/pages/documentation/examples/utilities/calculator.py,sha256=ysDgp0LRK7E3OeEBalJn07u8-fQagg6hmeG5Juosejs,5529
-solara/website/pages/documentation/examples/utilities/countdown_timer.py,sha256=E61jZ0RLZt7XUHAWrpSs-Mo0OoR88OoRSOQbs35J230,2163
+solara/website/pages/documentation/examples/utilities/countdown_timer.py,sha256=0krBNsGghKZ2iPJL3DJWeTOpIukYk694SLiYJ8z_KlI,2017
 solara/website/pages/documentation/examples/utilities/todo.py,sha256=tFsCt429TaOLyWLjb7UW-1ji64Uwv3JhN8y6EQHJHXM,6480
 solara/website/pages/documentation/examples/visualization/__init__.py,sha256=OaLTp4A4J6y0lZS6mVgY78eNRQ0SagOK261KNY4LEVQ,105
-solara/website/pages/documentation/examples/visualization/annotator.py,sha256=68tukoY_1eCtILXBwCIsijIQEvv96HXxv4Ae_5osB2o,1809
-solara/website/pages/documentation/examples/visualization/linked_views.py,sha256=Tc4hMTOXFN7R_ivIzvbbwQAGwQ2-hLYgB-s10Q5i_pQ,2700
+solara/website/pages/documentation/examples/visualization/annotator.py,sha256=CAXT3mjQE9RBQMmaDCJjSHZr1Fv66M0ESR3foFTqUWo,1761
+solara/website/pages/documentation/examples/visualization/linked_views.py,sha256=kPmSGig5Tkyh_Jjye32yKOwjpW6IOVMwc9KKjrJ7jIk,2772
 solara/website/pages/documentation/examples/visualization/plotly.py,sha256=33kKSV-h8cyU6KJ3XfiTrkHtIrtUg7SbYlz0XWLNBN0,1268
 solara/website/pages/documentation/faq/__init__.py,sha256=GcdqdTEWC-xDgIWECQleZbbnmacelt9K1ZyTw2nf9Wc,278
 solara/website/pages/documentation/faq/content/99-faq.md,sha256=UWBlt5nx_GXAJP8b87e7Hw1agiuY6-nCIh9WPLvSTr4,3939
 solara/website/pages/documentation/getting_started/__init__.py,sha256=bLLvasuqVVWJxGN89m77ChZhDivEhVavw9-_CiG3IZA,414
-solara/website/pages/documentation/getting_started/content/00-quickstart.md,sha256=uhD8imzC8bTE1mO1Qq-I4n7XrA8GOxJwx93Dwhhfuj8,3011
+solara/website/pages/documentation/getting_started/content/00-quickstart.md,sha256=UP80_MSeh9odXMncnZHYTs6bPRXQVN2WVKpuodznpus,3465
 solara/website/pages/documentation/getting_started/content/01-introduction.md,sha256=43EhX3JhwFICQademwwFgALuCc2chYa2xkUKp8pkid4,6609
 solara/website/pages/documentation/getting_started/content/02-installing.md,sha256=zYn_4b4TR2rsMyi-UloAAI3D0qWaM1Wsbf0Uzz_XYj0,5609
 solara/website/pages/documentation/getting_started/content/80-what-is-lab.md,sha256=4CLyCZYkApsWNdXJ3N6YYShj5s4tJhYH1V6svtVgCcE,307
@@ -450,11 +451,11 @@ solara/widgets/__init__.py,sha256=D3RfEez9dllmst64_nyzzII-NZXoNMEPDnEog4ov3VE,43
 solara/widgets/widgets.py,sha256=AIRcMhSDFpESQ1JzUszlb2NH5FwSImLnmd4kqcc9jkY,2452
 solara/widgets/vue/gridlayout.vue,sha256=hk10RsEQBxkknTmqa0wtBia9LWQGdDsXlejnAj7USU8,3441
 solara/widgets/vue/html.vue,sha256=48K5rjp0AdJDeRV6F3nOHW3J0WXPeHn55r5pGClK2fU,112
-solara/widgets/vue/navigator.vue,sha256=SLrzBI0Eiys-7maXA4e8yyD13-O5b4AnCGE9wKuJDHE,3646
-solara/widgets/vue/vegalite.vue,sha256=E3dlfhR-Ol7nqQZN6wCZC_3Tz98CJW0i_EU39mj0XHw,3986
-solara_ui-1.40.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json,sha256=3UhTBQi6z7F7pPjmqXxfddv79c8VGR9H7zStDLp6AwY,115
-solara_ui-1.40.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json,sha256=D9J-rYxAzyD5GOqWvuPjacGUVFHsYtTfZ4FUbRzRvIA,113
-solara_ui-1.40.0.dist-info/METADATA,sha256=w9fIolVVb8jepl4XavaQsY5e2Wzh1qihDf8HB1uvkVI,7285
-solara_ui-1.40.0.dist-info/WHEEL,sha256=L5_n4Kc1NmrSdVgbp6hdnwwVwBnoYOCnbHBRMD-qNJ4,105
-solara_ui-1.40.0.dist-info/licenses/LICENSE,sha256=fFJUz-CWzZ9nEc4QZKu44jMEoDr5fEW-SiqljKpD82E,1086
-solara_ui-1.40.0.dist-info/RECORD,,
+solara/widgets/vue/navigator.vue,sha256=7fkX-4_YSnnMIPUMKMvQVVEzrmhY9BFAYvHMqZqTXpI,4790
+solara/widgets/vue/vegalite.vue,sha256=zhocRsUCNIRQCEbD16er5sYnuHU0YThatRHnorA3P18,4596
+solara_ui-1.41.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json,sha256=3UhTBQi6z7F7pPjmqXxfddv79c8VGR9H7zStDLp6AwY,115
+solara_ui-1.41.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json,sha256=D9J-rYxAzyD5GOqWvuPjacGUVFHsYtTfZ4FUbRzRvIA,113
+solara_ui-1.41.0.dist-info/METADATA,sha256=hy_TH8LcVZ6PfXD3xNx53kNzx3dfmlMKSW3P5zNxjwU,7285
+solara_ui-1.41.0.dist-info/WHEEL,sha256=L5_n4Kc1NmrSdVgbp6hdnwwVwBnoYOCnbHBRMD-qNJ4,105
+solara_ui-1.41.0.dist-info/licenses/LICENSE,sha256=fFJUz-CWzZ9nEc4QZKu44jMEoDr5fEW-SiqljKpD82E,1086
+solara_ui-1.41.0.dist-info/RECORD,,