build details in footer

nb/prod_data.py

@@ -108,7 +108,13 @@ def _(UI, df2, mo, ptable):
 
     dashboard = mo.vstack([md, ptable])
 
-    mo.hstack([UI.NAV, dashboard, UI.BUILD_DETAILS], widths=[1, 5])
+    mo.hstack([UI.NAV, dashboard], widths=[1, 5])
+    return
+
+
+@app.cell
+def _(UI):
+    UI.BUILD_DETAILS
     return
 
 

nb/prod_files.py

@@ -20,7 +20,13 @@ def _(UI, mo):
     ## File Browser
     """)
 
-    mo.hstack([UI.NAV, md, UI.BUILD_DETAILS], widths=[1, 5])
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+@app.cell
+def _(UI):
+    UI.BUILD_DETAILS
     return
 
 

nb/prod_home.py

@@ -55,7 +55,13 @@ def _(UI, mo):
 
     """)
 
-    mo.hstack([UI.NAV, md, UI.BUILD_DETAILS], widths=[1, 5])
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+@app.cell
+def _(UI):
+    UI.BUILD_DETAILS
     return
 
 

nb/prod_marimo.py

@@ -20,7 +20,13 @@ def _(UI, mo):
     ## Marimo Features
     """)
 
-    mo.hstack([UI.NAV, md, UI.BUILD_DETAILS], widths=[1, 5])
+    mo.hstack([UI.NAV, md], widths=[1, 5])
+    return
+
+
+@app.cell
+def _(UI):
+    UI.BUILD_DETAILS
     return
 
 

src/marimo_apps.py

@@ -1,6 +1,6 @@
 import typing as t
 from collections import OrderedDict
-from marimo import create_asgi_app, md, nav_menu
+from marimo import Html, create_asgi_app, md, nav_menu
 from pathlib import Path
 
 from .log import logger
@@ -35,7 +35,12 @@ class MarimoApps:
             apps = apps.with_app(path=endpoint, root=path)
         return apps.build()
 
-    def build_details(self) -> str:
+    def build_nav(self) -> Html:
+        return nav_menu(marimo_apps.pages, orientation="vertical").style(
+            font_size="20px"
+        )
+
+    def build_details(self) -> Html:
         from duckdb import __version__ as duckdb_version
         from fastapi import __version__ as fastapi_version
         from marimo import __version__ as marimo_version
@@ -47,7 +52,7 @@ class MarimoApps:
         DuckDB: {duckdb_version}  
         python: {python_version}
         ///
-        """)
+        """).style(position="fixed", bottom="24px", left="12px", width="100%")
 
         return versions
 
@@ -58,5 +63,5 @@ marimo_apps = MarimoApps()
 
 class UI:
     TITLE = "Marimo on FastAPI"
-    NAV = nav_menu(marimo_apps.pages, orientation="vertical").style(font_size="20px")
+    NAV = marimo_apps.build_nav()
     BUILD_DETAILS = marimo_apps.build_details()