From f32bb266bdce31de9bc2ce6d5a5fea6d1f310362 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Thu, 1 Jan 2026 22:32:48 +0300
Subject: [PATCH] Refactor: make it possible to enable/disable simple mode via
 query param

---
 ui/app/components/Simple.vue | 7 +++++++
 ui/app/pages/index.vue       | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/ui/app/components/Simple.vue b/ui/app/components/Simple.vue
index d40fbad6..f4d6cd38 100644
--- a/ui/app/components/Simple.vue
+++ b/ui/app/components/Simple.vue
@@ -649,6 +649,13 @@ const connectionStatusColor = computed(() => {
 
 // Load history via API on mount
 onMounted(async () => {
+  const route = useRoute()
+
+  if (route.query?.simple !== undefined) {
+    const simpleMode = useStorage<boolean>('simple_mode', configStore.app.simple_mode || false)
+    simpleMode.value = ['true', '1', 'yes', 'on'].includes(route.query.simple as string)
+  }
+
   if (socketStore.isConnected && !paginationInfo.value.isLoaded) {
     try {
       await stateStore.loadPaginated('history', 1, DEFAULT_PAGE_SIZE, 'DESC')
diff --git a/ui/app/pages/index.vue b/ui/app/pages/index.vue
index 727512af..d59454b4 100644
--- a/ui/app/pages/index.vue
+++ b/ui/app/pages/index.vue
@@ -164,6 +164,13 @@ watch(() => route.query.tab, (newTab) => {
 })
 
 onMounted(() => {
+  const route = useRoute()
+
+  if (route.query?.simple !== undefined) {
+    const simpleMode = useStorage<boolean>('simple_mode', config.app.simple_mode || false)
+    simpleMode.value = ['true', '1', 'yes', 'on'].includes(route.query.simple as string)
+  }
+
   activeTab.value = getInitialTab()
   useHead({ title: getTitle() })
 })