From 0bb8302ab05c215f8fbdefe94904d8c4eb83ac52 Mon Sep 17 00:00:00 2001
From: skirtle <65301168+skirtles-code@users.noreply.github.com>
Date: Wed, 25 Mar 2026 10:49:11 +0000
Subject: [PATCH] refactor(client): remove code related to view mode

---
 .../src/components/chrome/ViewModeSwitch.vue  | 21 -------------------
 packages/client/src/composables/view-mode.ts  |  0
 packages/client/src/pages/settings.vue        |  9 --------
 3 files changed, 30 deletions(-)
 delete mode 100644 packages/client/src/components/chrome/ViewModeSwitch.vue
 delete mode 100644 packages/client/src/composables/view-mode.ts

diff --git a/packages/client/src/components/chrome/ViewModeSwitch.vue b/packages/client/src/components/chrome/ViewModeSwitch.vue
deleted file mode 100644
index d6a00eda8..000000000
--- a/packages/client/src/components/chrome/ViewModeSwitch.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import { useDevToolsColorMode, VueButton } from '@vue/devtools-ui'
-
-useDevToolsColorMode()
-
-const { toggle } = useToggleViewMode()
-</script>
-
-<template>
-  <div class="fixed inset-0 h-screen w-screen flex flex-col items-center justify-center $ui-bg-base">
-    <DevToolsLogo h-18 />
-    <p class="p3 text-sm font-bold">
-      DevTools is currently injected into user application in <em class="text-primary-600">Overlay</em> view mode.
-    </p>
-    <p>
-      <VueButton @click.stop="toggle('panel')">
-        Switch to Panel Mode
-      </VueButton>
-    </p>
-  </div>
-</template>
diff --git a/packages/client/src/composables/view-mode.ts b/packages/client/src/composables/view-mode.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue
index 76278ef40..014394bfe 100644
--- a/packages/client/src/pages/settings.vue
+++ b/packages/client/src/pages/settings.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, VueSwitch } from '@vue/devtools-ui'
 
-// #region view mode
-// const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
-// const viewModeSwitchVisible = computed(() => viewMode.value === 'panel' && isInChromePanel)
-// const { toggle: toggleViewMode } = useToggleViewMode()
-// #endregion
-
 const { categorizedTabs: categories } = useAllTabs()
 
 const hostEnv = useHostEnv()
@@ -168,9 +162,6 @@ const minimizePanelInteractiveLabel = computed(() => {
                 <div i-carbon-sun dark:i-carbon-moon translate-y--1px /> {{ isDark ? 'Dark' : 'Light' }}
               </VueButton>
             </VueDarkToggle>
-            <!-- <VueButton v-if="viewModeSwitchVisible" outlined type="primary" @click="toggleViewMode('overlay')">
-              Switch to Overlay Mode
-            </VueButton> -->
           </div>
           <div mx--2 my1 h-1px border="b base" op75 />
           <p>UI Scale</p>