refactor: merge all dev settings into one setting

app/src/lib/result-viewer/Viewer.svelte

@@ -89,7 +89,7 @@
   };
 </script>
 
-{#if appSettings.value.debug.showPerformancePanel}
+{#if appSettings.value.debug.advancedMode}
   <SmallPerformanceViewer {fps} store={perf} />
 {/if}
 

app/src/lib/settings/app-settings.svelte.ts

@@ -64,14 +64,9 @@ export const AppSettingTypes = {
       label: 'Show Indices',
       value: false
     },
-    showPerformancePanel: {
+    advancedMode: {
       type: 'boolean',
-      label: 'Show Performance Panel',
+      label: 'Advanced Mode',
-      value: false
-    },
-    showBenchmarkPanel: {
-      type: 'boolean',
-      label: 'Show Benchmark Panel',
       value: false
     },
     showVertices: {
@@ -84,11 +79,6 @@ export const AppSettingTypes = {
       label: 'Show Stem Lines',
       value: false
     },
-    showGraphJson: {
-      type: 'boolean',
-      label: 'Show Graph Source',
-      value: false
-    },
     cache: {
       title: 'Cache',
       useRuntimeCache: {

app/src/routes/+page.svelte

@@ -216,7 +216,7 @@
         <Panel
           id="performance"
           title="Performance"
-          hidden={!appSettings.value.debug.showPerformancePanel}
+          hidden={!appSettings.value.debug.advancedMode}
           icon="i-[tabler--brand-speedtest] bg-red-400"
         >
           {#if $performanceStore}
@@ -229,7 +229,7 @@
         <Panel
           id="graph-source"
           title="Graph Source"
-          hidden={!appSettings.value.debug.showGraphJson}
+          hidden={!appSettings.value.debug.advancedMode}
           icon="i-[tabler--code]"
         >
           <GraphSource graph={pm.graph ?? manager?.serialize()} />
@@ -237,7 +237,7 @@
         <Panel
           id="benchmark"
           title="Benchmark"
-          hidden={!appSettings.value.debug.showBenchmarkPanel}
+          hidden={!appSettings.value.debug.advancedMode}
           icon="i-[tabler--graph] bg-red-400"
         >
           <BenchmarkPanel run={randomGenerate} />