From a6d69a385c1e06044baf6ae036aa613006b4b46d Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Fri, 27 Feb 2026 20:00:24 -0500
Subject: [PATCH] feat(machine): hide debug toggle in production, default to
 Catppuccin light

- Debug toggle button only shown when allowMockFallback is true
- Electron defaults to Catppuccin Latte (light) instead of Gruvbox dark
- Browser dev mode keeps Gruvbox dark as default

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/composables/useTheme.ts | 6 ++++--
 apps/machine/src/views/IdleView.vue      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/machine/src/composables/useTheme.ts b/apps/machine/src/composables/useTheme.ts
index 48c6444..edcbfa0 100644
--- a/apps/machine/src/composables/useTheme.ts
+++ b/apps/machine/src/composables/useTheme.ts
@@ -23,6 +23,8 @@ const MODE_KEY = 'lamassu-color-mode'
 const current = ref<ThemeId>(loadTheme())
 const colorMode = ref<ColorMode>(loadColorMode())
 
+const isElectron = !!(window as Record<string, unknown>).electronAPI
+
 function loadTheme(): ThemeId {
   try {
     const stored = localStorage.getItem(THEME_KEY)
@@ -32,7 +34,7 @@ function loadTheme(): ThemeId {
   } catch {
     // localStorage unavailable (e.g. SSR)
   }
-  return 'gruvbox'
+  return isElectron ? 'catppuccin' : 'gruvbox'
 }
 
 function loadColorMode(): ColorMode {
@@ -44,7 +46,7 @@ function loadColorMode(): ColorMode {
   } catch {
     // localStorage unavailable
   }
-  return 'dark'
+  return isElectron ? 'light' : 'dark'
 }
 
 function applyTheme(id: ThemeId) {
diff --git a/apps/machine/src/views/IdleView.vue b/apps/machine/src/views/IdleView.vue
index 877bd6a..2bc3a7b 100644
--- a/apps/machine/src/views/IdleView.vue
+++ b/apps/machine/src/views/IdleView.vue
@@ -197,9 +197,9 @@ function handleCashOut() {
       </div>
     </div>
 
-    <!-- Debug toggle (only visible when debug bar is hidden) -->
+    <!-- Debug toggle (only visible when debug bar is hidden, never in production) -->
     <Button
-      v-if="!atmStore.debugMode"
+      v-if="!atmStore.debugMode && atmStore.allowMockFallback"
       variant="ghost"
       size="sm"
       class="absolute bottom-4 right-4 text-xs text-muted-foreground"