1 files changed, 48 insertions, 0 deletions

diff --git a/subprojects/frontend/src/theme/ThemeStore.ts b/subprojects/frontend/src/theme/ThemeStore.ts
index 7c657449..fa47d873 100644
--- a/subprojects/frontend/src/theme/ThemeStore.ts
+++ b/subprojects/frontend/src/theme/ThemeStore.ts
@@ -12,11 +12,19 @@ export enum ThemePreference {
   PreferDark,
 }
 
+export type SelectedPane = 'code' | 'graph' | 'table';
+
 export default class ThemeStore {
   preference = ThemePreference.System;
 
   systemDarkMode: boolean;
 
+  showCode = true;
+
+  showGraph = true;
+
+  showTable = false;
+
   constructor() {
     const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
     this.systemDarkMode = mediaQuery.matches;
@@ -48,4 +56,44 @@ export default class ThemeStore {
         : ThemePreference.PreferDark;
     }
   }
+
+  toggleCode(): void {
+    if (!this.showGraph && !this.showTable) {
+      return;
+    }
+    this.showCode = !this.showCode;
+  }
+
+  toggleGraph(): void {
+    if (!this.showCode && !this.showTable) {
+      return;
+    }
+    this.showGraph = !this.showGraph;
+  }
+
+  toggleTable(): void {
+    if (!this.showCode && !this.showGraph) {
+      return;
+    }
+    this.showTable = !this.showTable;
+  }
+
+  get selectedPane(): SelectedPane {
+    if (this.showCode) {
+      return 'code';
+    }
+    if (this.showGraph) {
+      return 'graph';
+    }
+    if (this.showTable) {
+      return 'table';
+    }
+    return 'code';
+  }
+
+  setSelectedPane(pane: SelectedPane): void {
+    this.showCode = pane === 'code';
+    this.showGraph = pane === 'graph';
+    this.showTable = pane === 'table';
+  }
 }