update

Author: rookiepeng

app.py

@@ -80,20 +80,17 @@
 from view_callbacks.parcats_view import get_parcats_view_callbacks
 from view_callbacks.violin_view import get_violin_view_callbacks
 
+from app_config import app
 from app_config import APP_TITLE, DATA_PATH, CACHE_KEYS
 from app_config import SPECIAL_FOLDERS
 
 from layouts.app_layout import get_app_layout
 
 
-app = dash.Dash(
-    __name__,
-    meta_tags=[{"name": "viewport", "content": "width=device-width,initial-scale=1"}],
-)
 app.scripts.config.serve_locally = True
 app.css.config.serve_locally = True
 app.title = APP_TITLE
-app.layout = get_app_layout(app)
+app.layout = get_app_layout
 
 
 @app.server.route("/api/data/<session>/<start_index>", methods=["GET"])

app_config.py

@@ -47,6 +47,7 @@
 
 import os
 
+import dash
 from dash import DiskcacheManager
 from dash.dependencies import Output, State
 
@@ -90,6 +91,12 @@
 dash_cache = Cache(DASH_CACHE_PATH, timeout=120, eviction_policy="none")
 background_callback_manager = DiskcacheManager(dash_cache)
 
+
+app = dash.Dash(
+    __name__,
+    meta_tags=[{"name": "viewport", "content": "width=device-width,initial-scale=1"}],
+)
+
 # options for dropdown components with all the keys
 DROPDOWN_OPTIONS_ALL = [
     Output("c-picker-3d", "options"),

layouts/app_layout.py

@@ -63,18 +63,18 @@
 
 from app_config import APP_VERSION
 
-from layouts.modal_layout import modal
+from layouts.modal_layout import get_modal_layout
 from layouts.header_layout import get_header_layout
-from layouts.view3d_card_layout import view3d_card
-from layouts.left2d_card_layout import left2d_card
-from layouts.right2d_card_layout import right2d_card
+from layouts.view3d_card_layout import get_view3d_card_layout
+from layouts.left2d_card_layout import get_left2d_card_layout
+from layouts.right2d_card_layout import get_right2d_card_layout
 from layouts.hist_card_layout import hist_card
 from layouts.violin_card_layout import violin_card
 from layouts.parallel_card_layout import parallel_card
 from layouts.heatmap_card_layout import get_heatmap_card
 
 
-def get_app_layout(app):
+def get_app_layout():
     """
     Get the layout for the Dash app.
 
@@ -111,10 +111,12 @@ def get_app_layout(app):
             dcc.Store(id="local-buffer-index", data=-1),
             dcc.Store(id="worker-status"),
             dcc.Download(id="download"),
-            modal,
-            get_header_layout(app),
-            view3d_card,
-            dbc.CardGroup([left2d_card, right2d_card], className="mb-3"),
+            get_modal_layout(),
+            get_header_layout(),
+            get_view3d_card_layout(),
+            dbc.CardGroup(
+                [get_left2d_card_layout(), get_right2d_card_layout()], className="mb-3"
+            ),
             dbc.CardGroup([hist_card, violin_card], className="mb-3"),
             dbc.CardGroup([parallel_card, get_heatmap_card()], className="mb-3"),
             html.Hr(),

layouts/header_layout.py

@@ -37,10 +37,11 @@
 
 import dash_bootstrap_components as dbc
 
+from app_config import app
 from app_config import APP_TITLE, THEME
 
 
-def get_header_layout(app):
+def get_header_layout():
     """
     Creates the header layout for the SensorView dashboard using Dash Bootstrap Components.
 
@@ -51,7 +52,7 @@ def get_header_layout(app):
       - Dropdown for adding additional log files with tooltips.
 
     Args:
-        app: The Dash app instance, used to resolve asset URLs.
+        None
 
     Returns:
         A dbc.Row object representing the header layout.