aignostics 0.2.23__tar.gz → 0.2.30__tar.gz

{aignostics-0.2.23 → aignostics-0.2.30}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: aignostics
-Version: 0.2.23
+Version: 0.2.30
 Summary: 🔬 Python SDK providing access to the Aignostics Platform. Includes Aignostics Launchpad (Desktop Application), Aignostics CLI (Command-Line Interface), example notebooks, and Aignostics Client Library.
 Project-URL: Homepage, https://aignostics.readthedocs.io/en/latest/
 Project-URL: Documentation, https://aignostics.readthedocs.io/en/latest/

{aignostics-0.2.23 → aignostics-0.2.30}/examples/notebook.py

@@ -2,7 +2,7 @@
 # requires-python = ">=3.13"
 # dependencies = [
 #     "marimo",
-#     "aignostics==0.2.23",
+#     "aignostics==0.2.30",
 # ]
 # ///
 

{aignostics-0.2.23 → aignostics-0.2.30}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "aignostics"
-version = "0.2.23"
+version = "0.2.30"
 description = "🔬 Python SDK providing access to the Aignostics Platform. Includes Aignostics Launchpad (Desktop Application), Aignostics CLI (Command-Line Interface), example notebooks, and Aignostics Client Library."
 readme = "README.md"
 authors = [
@@ -355,7 +355,7 @@ source = ["src/"]
 
 
 [tool.bumpversion]
-current_version = "0.2.23"
+current_version = "0.2.30"
 parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
 serialize = ["{major}.{minor}.{patch}"]
 search = "{current_version}"

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/application/_gui/_page_application_run_describe.py

@@ -4,7 +4,7 @@ from importlib.util import find_spec
 from multiprocessing import Manager
 from pathlib import Path
 from typing import Any
-from urllib.parse import quote as urlencode
+from urllib.parse import quote
 
 from nicegui import run as nicegui_run
 from nicegui import ui  # noq
@@ -87,7 +87,7 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
             return False
 
     @ui.refreshable
-    def download_run_dialog_content(qupath_project: bool = False) -> None:  # noqa: C901, PLR0915
+    def download_run_dialog_content(qupath_project: bool = False, marimo: bool = False) -> None:  # noqa: C901, PLR0915
         if qupath_project:
             ui.markdown(
                 "##### Visualize results in QuPath with one click \n"
@@ -97,6 +97,13 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
                 "4. The QuPath project will reference the input slides and resulting image heatmaps. \n"
                 "5. Detected cells will be added as annotations to input slides. \n"
             )
+        elif marimo:
+            ui.markdown(
+                "##### Open results in Marimo with one click \n"
+                "1. Use data directory of Launchpad or select a custom folder. \n"
+                "2. A subfolder with the application run will be created and all results downloaded there. \n"
+                "3. A Marimo notebook will be started pointing to the subfolder. \n"
+            )
         else:
             ui.markdown(
                 "##### Download all results with one click \n"
@@ -223,6 +230,10 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
                     ui.notify("Download and QuPath project creation completed.", type="positive")
                     download_item_status.set_text("Opening QuPath ...")
                     await open_qupath(project=results_folder / "qupath", button=download_button)
+                elif marimo:
+                    ui.notify("Download and Notebook preparation completed.", type="positive")
+                    download_item_status.set_text("Opening Notebook ...")
+                    open_marimo(results_folder=results_folder, button=download_button)
                 else:
                     ui.notify("Download completed.", type="positive")
                 show_in_file_manager(str(results_folder))
@@ -238,10 +249,20 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
 
         ui.separator()
         with ui.row(align_items="end").classes("w-full justify-end"):
+            if qupath_project:
+                label = "Visualize with QuPath"
+                icon = "zoom_in"
+            elif marimo:
+                label = "Analyze with Notebook"
+                icon = "analytics"
+            else:
+                label = "Download all results"
+                icon = "cloud_download"
+
             download_button = (
                 ui.button(
-                    "Download all results" if not qupath_project else "Visualize with QuPath",
-                    icon="cloud_download" if not qupath_project else "zoom_in",
+                    label,
+                    icon=icon,
                     on_click=start_download,
                 )
                 .props("color=primary")
@@ -254,9 +275,9 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
     with ui.dialog() as download_run_dialog, ui.card().style(WIDTH_1200px):
         download_run_dialog_content()
 
-    def download_run_dialog_open(qupath_project: bool = False) -> None:
+    def download_run_dialog_open(qupath_project: bool = False, marimo: bool = False) -> None:
         """Open the CSV dialog."""
-        download_run_dialog_content.refresh(qupath_project=qupath_project)
+        download_run_dialog_content.refresh(qupath_project=qupath_project, marimo=marimo)
         download_run_dialog.open()
 
     @ui.refreshable
@@ -315,7 +336,7 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
         if url:
             try:
                 with ui.scroll_area().classes("w-full h-[calc(100vh-2rem)]"):
-                    ui.image("/tiff?url=" + urlencode(url))
+                    ui.image("/tiff?url=" + quote(url))
             except Exception as e:  # noqa: BLE001
                 ui.notify(f"Failed to load CSV: {e!s}", type="negative")
 
@@ -361,11 +382,11 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
             button.enable()
             button.props(remove="loading")
 
-    def open_marimo() -> None:
-        marimo_button.disable()
-        marimo_button.props(add="loading")
-        ui.navigate.to(f"/notebook/{run.application_run_id}")
-        marimo_button.enable()
+    def open_marimo(results_folder: Path, button: ui.button | None = None) -> None:
+        if button:
+            button.disable()
+            button.props(add="loading")
+        ui.navigate.to(f"/notebook/{run.application_run_id}?results_folder={quote(results_folder.as_posix())}")
 
     if run_data:  # noqa: PLR1702
         with ui.row().classes("w-full justify-center"):
@@ -399,11 +420,15 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
                             ):
                                 ui.tooltip("Open results in QuPath Microscopy Viewer")
                         if find_spec("marimo"):
-                            with ui.button(
-                                "Marimo",
-                                icon="analytics",
-                                on_click=open_marimo,
-                            ).props("push") as marimo_button:
+                            with (
+                                ui.button(
+                                    "Marimo",
+                                    icon="analytics",
+                                    on_click=lambda _: download_run_dialog_open(qupath_project=False, marimo=True),
+                                )
+                                .mark("BUTTON_OPEN_NOTEBOOK")
+                                .props("push")
+                            ):
                                 ui.tooltip("Open results in Python Notebook served by Marimo")
                 if run_data.status.value == ApplicationRunStatus.RUNNING:
                     ui.button(
@@ -434,7 +459,7 @@ async def _page_application_run_describe(application_run_id: str) -> None:  # no
                     ):
                         image_file: Path | None = Path(item.reference).resolve()
                         if image_file and image_file.is_file():
-                            image_url = "/thumbnail?source=" + urlencode(image_file.as_posix())
+                            image_url = "/thumbnail?source=" + quote(image_file.as_posix())
                         else:
                             image_file = None
                             image_url = "/application_assets/image-not-found.png"

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/application/_service.py

@@ -29,9 +29,9 @@ from aignostics.platform import (
     ItemResult,
     ItemStatus,
     NotFoundException,
-    OutputArtifactData,
+    OutputArtifactElement,
 )
-from aignostics.utils import BaseService, Health, get_logger
+from aignostics.utils import BaseService, Health, get_logger, sanitize_path_component
 from aignostics.wsi import Service as WSIService
 
 from ._settings import Settings
@@ -73,7 +73,7 @@ class DownloadProgress(BaseModel):
     item_count: int | None = None
     item_index: int | None = None
     item_reference: str | None = None
-    artifact: OutputArtifactData | None = None
+    artifact: OutputArtifactElement | None = None
     artifact_count: int | None = None
     artifact_index: int | None = None
     artifact_path: Path | None = None
@@ -705,7 +705,7 @@ class Service(BaseService):
             download_progress_queue,
         )
 
-    def application_run_download(  # noqa: C901, PLR0912, PLR0913, PLR0915, PLR0917
+    def application_run_download(  # noqa: C901, PLR0912, PLR0913, PLR0914, PLR0915, PLR0917
         self,
         run_id: str,
         destination_directory: Path,
@@ -876,12 +876,19 @@ class Service(BaseService):
                         get_mime_type_for_artifact(artifact) == "application/geo+json"
                         and artifact.name == "cell_classification:geojson_polygons"
                     ):
+                        artifact_name = artifact.name
                         if create_subdirectory_per_item:
                             reference_path = Path(item.reference)
                             stem_name = reference_path.stem
-                            artifact_path = final_destination_directory / stem_name / f"{artifact.name}.json"
+                            artifact_path = (
+                                final_destination_directory
+                                / stem_name
+                                / f"{sanitize_path_component(artifact_name)}.json"
+                            )
                         else:
-                            artifact_path = final_destination_directory / f"{artifact.name}.json"
+                            artifact_path = (
+                                final_destination_directory / f"{sanitize_path_component(artifact_name)}.json"
+                            )
                         message = f"Annotating input slide '{image_path}' with artifact '{artifact_path}' ..."
                         logger.debug(message)
                         added = QuPathService.annotate(
@@ -943,6 +950,8 @@ class Service(BaseService):
                 progress.status = DownloadProgressState.DOWNLOADING
                 progress.item_index = item_index
                 progress.item = item
+                progress.item_reference = item.reference
+
                 progress.artifact_count = len(item.output_artifacts)
                 Service._update_progress(progress, download_progress_callable, download_progress_queue)
 
@@ -1007,7 +1016,10 @@ class Service(BaseService):
             logger.error(message)
             raise ValueError(message)
 
-        artifact_path = destination_directory / f"{prefix}{artifact.name}{get_file_extension_for_artifact(artifact)}"
+        artifact_path = (
+            destination_directory
+            / f"{prefix}{sanitize_path_component(artifact.name)}{get_file_extension_for_artifact(artifact)}"
+        )
 
         if artifact_path.exists():
             checksum = google_crc32c.Checksum()  # type: ignore[no-untyped-call]

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/gui/_frame.py

@@ -44,9 +44,9 @@ def frame(  # noqa: C901, PLR0915
     @ui.refreshable
     def health_icon() -> None:
         if launchpad_healthy:
-            ui.icon("check_circle", color="positive")
+            ui.icon("settings", color="positive")
         elif launchpad_healthy is not None:
-            ui.icon("error", color="negative")
+            ui.icon("settings", color="negative")
 
     @ui.refreshable
     def health_link() -> None:
@@ -215,7 +215,7 @@ def frame(  # noqa: C901, PLR0915
                 with ui.item_section().props("avatar"):
                     health_icon()
                 with ui.item_section():
-                    ui.label("Check Launchpad Status").tailwind.font_weight(
+                    ui.label("Info and Settings").tailwind.font_weight(
                         "bold" if context.client.page.path == "/system" else "normal"
                     )
 

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/notebook/_gui.py

@@ -1,8 +1,10 @@
 """Notebook GUI."""
 
 from pathlib import Path
+from urllib.parse import quote
 
 from aignostics.gui import frame, theme
+from aignostics.system import Service as SystemService
 from aignostics.utils import BasePageBuilder, get_logger
 
 logger = get_logger(__name__)
@@ -24,6 +26,14 @@ class PageBuilder(BasePageBuilder):
                 # Nothing to do here, just to show the page
                 pass
 
+            def launch_marimo() -> None:
+                """Launch QuPath."""
+                launch_button.props(add="loading")
+                ui.notify("Launching Python Notebook...", color="blue")
+                ui.navigate.to(
+                    f"/notebook/all?results_folder={quote(SystemService.get_user_data_directory('results').as_posix())}"
+                )
+
             ui.markdown(
                 """
                     ### Manage your Marimo Extension
@@ -36,7 +46,12 @@ class PageBuilder(BasePageBuilder):
                             "Marimo is installed and ready to execute. "
                             "Go to a completed application result and click the Notebook button."
                         )
-
+                        with ui.row().classes("w-full justify-between items-center"):
+                            launch_button = ui.button(
+                                "Open",
+                                on_click=launch_marimo,
+                                icon="visibility",
+                            ).mark("BUTTON_NOTEBOOK_LAUNCH")
                     ui.markdown(
                         """
                             ###### What is Marimo?
@@ -73,23 +88,25 @@ class PageBuilder(BasePageBuilder):
                     ui.space()
 
         @ui.page("/notebook/{application_run_id}")
-        def page_application_run_marimo(application_run_id: str) -> None:
+        def page_application_run_marimo(application_run_id: str, results_folder: str) -> None:
             """Inspect Application Run in Marimo."""
             theme()
 
             with ui.row().classes("w-full justify-end"):
                 ui.button(
-                    "Back to Application Run",
+                    "Back to Application Run" if application_run_id != "all" else "Back to Marimo Extension",
                     icon="arrow_back",
                     on_click=lambda _, application_run_id=application_run_id: ui.navigate.to(
-                        f"/application/run/{application_run_id}"
+                        f"/application/run/{application_run_id}" if application_run_id != "all" else "/notebook"
                     ),
-                )
+                ).mark("BUTTON_NOTEBOOK_BACK")
 
             try:
                 server_url = Service().start()
                 ui.html(
-                    f'<iframe src="{server_url}?run_id={application_run_id}" width="100%" height="100%"></iframe>'
+                    f'<iframe src="{server_url}?application_run_id={application_run_id}'
+                    f'&results_folder={quote(results_folder)}" '
+                    'width="100%" height="100%"></iframe>'
                 ).classes("w-full h-[calc(100vh-5rem)]")
             except Exception:
                 message = "Failed to start Marimo server."

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/notebook/_notebook.py

@@ -8,22 +8,13 @@
 
 import marimo
 
-__generated_with = "0.13.10"
+__generated_with = "0.13.15"
 app = marimo.App(width="full")
 
 
-@app.cell
-def _(mo):
-    query_params = mo.query_params()
-    print(query_params)
-
-    print("Hallo Test Omid")
-    return
-
-
 @app.cell
 def _():
-    """E2E Demo using DICOM data from National Cancer Institute
+    """Aignostics Notebook
 
     Notes:
     - See https://colab.research.google.com/github/ImagingDataCommons/IDC-Tutorials/blob/master/notebooks/pathomics/microscopy_dicom_ann_intro.ipynb#scrollTo=fMRsnFlzinO5
@@ -39,14 +30,6 @@ def _():
     from aignostics import dataset
     from wsidicom import WsiDicom
 
-    load_dotenv()
-
-    os.environ
-
-    print(os.environ.get("GOOGLE_APPLICATION_CREDENTIALS", "default"))
-
-    print(Path.cwd())
-
     mo.sidebar([
         mo.md("# aignostics"),
         mo.nav_menu(
@@ -61,23 +44,17 @@ def _():
             orientation="vertical",
         ),
     ])
-
-    mo.vstack([
-        mo.ui.file_browser( # type: ignore
-            GSPath("gs://aignx-storage-service-dev/sample_data_formatted"), # type: ignore
-            filetypes=[".dcm", ".tif", ".tiff", ".svs", ".json"],
-            multiple=True,
-            restrict_navigation=True,
-        )
-    ])  # type: ignore
     return Path, WsiDicom, dataset, mo, plt
-ex
+
 
 @app.cell
 def _(Path, mo):
+    query_params = mo.query_params()
+    application_run_id = query_params["application_run_id"]
+    print(f"Application run id '{application_run_id}'")
     mo.vstack([
         mo.ui.file_browser(
-            Path("tmp"),
+            Path(query_params["results_folder"]),
             filetypes=[".dcm", ".tif", ".tiff", ".svs"],
             multiple=True,
             restrict_navigation=True,

{aignostics-0.2.23 → aignostics-0.2.30}/src/aignostics/system/_cli.py

@@ -4,14 +4,13 @@ import json
 import sys
 from enum import StrEnum
 from importlib.util import find_spec
-from pathlib import Path
 from typing import Annotated
 
 import typer
 import yaml
 
 from ..constants import API_VERSIONS  # noqa: TID252
-from ..utils import __project_name__, console, get_logger  # noqa: TID252
+from ..utils import console, get_logger  # noqa: TID252
 from ._service import Service
 
 logger = get_logger(__name__)
@@ -160,7 +159,7 @@ cli.add_typer(config_app, name="config", help="Configure application settings.")
 @config_app.command()
 def get(key: Annotated[str, typer.Argument(help="Configuration key to get value for")]) -> None:
     """Set a configuration key to a value."""
-    console.print(Service().dotenv_get(key.upper()))
+    console.print(Service.dotenv_get(key.upper()))
 
 
 @config_app.command()
@@ -170,7 +169,11 @@ def set(  # noqa: A001
 ) -> None:
     """Set a configuration key to a value."""
     key = key.upper()
-    Service().dotenv_set(key, value)
+    try:
+        Service.dotenv_set(key, value)
+    except ValueError as e:
+        console.print(f"Invalid configuration: {e!s}", style="error")
+        sys.exit(2)
     console.print(f"Configuration '{key}' set to '{value}'.", style="success")
 
 
@@ -180,24 +183,30 @@ def unset(
 ) -> None:
     """Set a configuration key to a value."""
     key = key.upper()
-    Service().dotenv_unset(key)
+    Service.dotenv_unset(key)
     console.print(f"Configuration '{key}' unset.", style="success")
 
 
 @config_app.command()
 def remote_diagnostics_enable() -> None:
     """Enable remote diagnostics via Sentry and Logfire. Data stored in EU data centers."""
-    Service().dotenv_set(f"{__project_name__.upper()}_SENTRY_ENABLED", "1")
-    Service().dotenv_set(f"{__project_name__.upper()}_LOGFIRE_ENABLED", "1")
-    console.print("Remote diagnostics enabled.", style="success")
+    try:
+        Service.remote_diagnostics_enable()
+        console.print("Remote diagnostics enabled.", style="success")
+    except ValueError as e:
+        console.print(f"Invalid diagnostics configuration: {e!s}", style="error")
+        sys.exit(2)
 
 
 @config_app.command()
 def remote_diagnostics_disable() -> None:
     """Disable remote diagnostics."""
-    Service().dotenv_unset(f"{__project_name__.upper()}_SENTRY_ENABLED")
-    Service().dotenv_unset(f"{__project_name__.upper()}_LOGFIRE_ENABLED")
-    console.print("Remote diagnostics disabled.", style="success")
+    try:
+        Service.remote_diagnostics_disable()
+        console.print("Remote diagnostics disabled.", style="success")
+    except ValueError as e:
+        console.print(f"Invalid diagnostics configuration: {e!s}", style="error")
+        sys.exit(2)
 
 
 @config_app.command()
@@ -209,42 +218,22 @@ def http_proxy_enable(
     no_ssl_verify: Annotated[bool, typer.Option(help="Disable SSL verification")] = False,
 ) -> None:
     """Enable HTTP proxy."""
-    url = f"{scheme}://{host}:{port}"
-    Service().dotenv_set("HTTP_PROXY", url)
-    Service().dotenv_set("HTTPS_PROXY", url)
-    if ssl_cert_file is not None and no_ssl_verify:
-        message = "Cannot set both 'ssl_cert_file' and 'ssl_disable_verify'. Please choose one."
-        console.print(message, style="warning")
+    try:
+        Service().http_proxy_enable(
+            host=host, port=port, scheme=scheme, ssl_cert_file=ssl_cert_file, no_ssl_verify=no_ssl_verify
+        )
+        console.print("HTTP proxy enabled.", style="success")
+    except ValueError as e:
+        console.print(f"Invalid HTTP proxy configuration: {e!s}", style="error")
         sys.exit(2)
-    if no_ssl_verify:
-        Service().dotenv_set("SSL_NO_VERIFY", "1")
-        Service().dotenv_set("SSL_CERT_FILE", "")
-        Service().dotenv_set("REQUESTS_CA_BUNDLE", "")
-        Service().dotenv_set("CURL_CA_BUNDLE", "")
-    else:
-        Service().dotenv_unset("SSL_NO_VERIFY")
-        Service().dotenv_unset("SSL_CERT_FILE")
-        Service().dotenv_unset("REQUESTS_CA_BUNDLE")
-        Service().dotenv_unset("CURL_CA_BUNDLE")
-        if ssl_cert_file:
-            file = Path(ssl_cert_file).resolve()
-            if not file.is_file():
-                message = f"SSL certificate file '{ssl_cert_file}' does not exist."
-                console.print(message, style="error")
-                sys.exit(2)
-            Service().dotenv_set("SSL_CERT_FILE", str(ssl_cert_file))
-            Service().dotenv_set("REQUESTS_CA_BUNDLE", str(ssl_cert_file))
-            Service().dotenv_set("CURL_CA_BUNDLE", str(ssl_cert_file))
-    console.print("HTTP proxy enabled.", style="success")
 
 
 @config_app.command()
 def http_proxy_disable() -> None:
     """Disable HTTP proxy."""
-    Service().dotenv_unset("HTTP_PROXY")
-    Service().dotenv_unset("HTTPS_PROXY")
-    Service().dotenv_unset("SSL_CERT_FILE")
-    Service().dotenv_unset("SSL_NO_VERIFY")
-    Service().dotenv_unset("REQUESTS_CA_BUNDLE")
-    Service().dotenv_unset("CURL_CA_BUNDLE")
-    console.print("HTTP proxy disabled.", style="success")
+    try:
+        Service.http_proxy_disable()
+        console.print("HTTP proxy disabled.", style="success")
+    except ValueError as e:
+        console.print(f"Invalid HTTP proxy configuration: {e!s}", style="error")
+        sys.exit(2)

aignostics-0.2.30/src/aignostics/system/_gui.py

@@ -0,0 +1,93 @@
+"""Homepage (index) of GUI."""
+
+from pathlib import Path
+
+from aignostics.gui import frame
+from aignostics.utils import BaseService, locate_subclasses
+
+from ..utils import BasePageBuilder  # noqa: TID252
+from ._service import Service
+
+
+class PageBuilder(BasePageBuilder):
+    @staticmethod
+    def register_pages() -> None:
+        from nicegui import app, run, ui  # noqa: PLC0415
+
+        locate_subclasses(BaseService)  # Ensure settings are loaded
+        app.add_static_files("/system_assets", Path(__file__).parent / "assets")
+
+        ui.add_head_html("""
+            <style>
+                :global(.jse-modal-window.jse-modal-window-jsoneditor)
+                {
+                    width: 100%;
+                    height: 100%;
+                    min-height: 900px;
+                }
+            </style>
+        """)
+
+        @ui.page("/system")
+        async def page_system() -> None:
+            """System info and settings page."""
+            with frame("Info and Settings", left_sidebar=False):
+                pass
+
+            with ui.row().classes("w-full gap-4 flex-nowrap"):
+                with ui.column().classes("w-3/5 flex-shrink-0"):
+                    with ui.tabs().classes("w-full") as tabs:
+                        tab_health = ui.tab("Health")
+                        tab_info = ui.tab("Info")
+                        tab_settings = ui.tab("Settings")
+                    with ui.tab_panels(tabs, value=tab_health).classes("w-full"):
+                        with ui.tab_panel(tab_health):
+                            properties = {
+                                "content": {"json": Service().health().model_dump()},
+                                "mode": "tree",
+                                "readOnly": True,
+                                "mainMenuBar": False,
+                                "navigationBar": False,
+                                "statusBar": False,
+                            }
+                            ui.json_editor(properties).style("width: 100%").mark("JSON_EDITOR_INFO")
+                        with ui.tab_panel(tab_info):
+                            spinner = ui.spinner("dots", size="lg", color="red")
+                            properties = {
+                                "content": {"json": "Loading ..."},
+                                "mode": "tree",
+                                "readOnly": True,
+                                "mainMenuBar": False,
+                                "navigationBar": False,
+                                "statusBar": False,
+                            }
+                            editor = ui.json_editor(properties).style("width: 100%").mark("JSON_EDITOR_INFO")
+                            editor.set_visibility(False)
+                            info = await run.cpu_bound(Service().info, True, True)
+                            properties["content"] = {"json": info}
+                            editor.update()
+                            editor.run_editor_method(":expand", "path => true")
+                            spinner.delete()
+                            editor.set_visibility(True)
+                        with (
+                            ui.tab_panel(tab_settings),
+                            ui.card().classes("w-full"),
+                            ui.row().classes("items-center justify-between"),
+                        ):
+                            ui.switch(
+                                value=Service.remote_diagnostics_enabled(),
+                                on_change=lambda e: (
+                                    Service.remote_diagnostics_enable()
+                                    if e.value
+                                    else Service.remote_diagnostics_disable(),
+                                    ui.notify("Restart the app to apply changes.", color="warning"),  # type: ignore[func-returns-value]
+                                    None,
+                                )[0],
+                            )
+                            ui.label("Remote Diagnostics")
+                with ui.column().classes("w-2/5 flex-shrink-0 flex items-center justify-start mt-[200px]"):
+                    ui.html(
+                        '<dotlottie-player src="/system_assets/system.lottie" '
+                        'background="transparent" speed="1" style="width: 300px; height: 300px" '
+                        'direction="1" playMode="normal" loop autoplay></dotlottie-player>'
+                    )