+
+
+
+ {#if !schema.value}
+
+ {:else if nav.selectedCategoryId === "alerts"}
+
+ {:else if nav.selectedCategoryId === "live_field"}
+
+ {:else if nav.selectedCategoryId === "team_assignment"}
+
+ {:else if nav.selectedCategoryId === "field_dimensions"}
+
+ {:else if nav.selectedCategoryId === "layout"}
+
+ {:else if nav.selectedCategoryId === "advanced"}
+
+ {:else if nav.selectedCategoryId === "camera"}
+
+ {:else if nav.selectedCategoryId === "geometry"}
+
+ {:else if nav.selectedCategoryId === "color"}
+
+ {:else if nav.selectedCategoryId === "network"}
+
+ {:else if nav.selectedCategoryId === "stream"}
+
+ {:else}
+
+ {/if}
+
+
+
diff --git a/gui/frontend/src/lib/layout/NetworkStatus.svelte b/gui/frontend/src/lib/layout/NetworkStatus.svelte
new file mode 100644
index 0000000..f9af5f1
--- /dev/null
+++ b/gui/frontend/src/lib/layout/NetworkStatus.svelte
@@ -0,0 +1,127 @@
+
+
+{#if collapsed}
+