+
+
+ {#if nav.selectedCategoryId === "alerts"}
+
+ {:else if nav.selectedCategoryId === "overview"}
+
+ {:else if nav.selectedCategoryId === "field"}
+
+ {: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/Shell.svelte b/gui/frontend/src/lib/layout/Shell.svelte
new file mode 100644
index 0000000..8bc8f15
--- /dev/null
+++ b/gui/frontend/src/lib/layout/Shell.svelte
@@ -0,0 +1,337 @@
+
+
+