feat: sync monaco theme with ui switcher (#21)

Author: remcostoeten

apps/desktop/src/features/sidebar/components/bottom-toolbar.tsx

@@ -169,7 +169,7 @@ export function BottomToolbar({ onAction, onCopySchema, themeProps }: Props) {
                 side="right"
                 align="end"
                 sideOffset={16}
-                className="w-[340px] p-0 mb-2 ml-2"
+                className="w-[400px] p-0 mb-2 ml-2"
               >
                 <AppearancePanel />
               </PopoverContent>

apps/desktop/src/features/sql-console/components/sql-editor.tsx

@@ -23,7 +23,20 @@ export function SqlEditor({ value, onChange, onExecute, isExecuting }: Props) {
 
     function getThemeFromDocument(): MonacoTheme {
         if (typeof document !== "undefined") {
-            return document.documentElement.classList.contains("light") ? "vs" : "vs-dark";
+            const classList = document.documentElement.classList;
+            
+            // Map custom app themes to included Monaco themes
+            if (classList.contains("midnight")) return "dracula";
+            if (classList.contains("forest")) return "nord";
+            if (classList.contains("monokai")) return "monokai";
+            if (classList.contains("github-dark")) return "github-dark";
+            
+            // Handle variants
+            if (classList.contains("claude-dark")) return "vs-dark";
+            if (classList.contains("claude")) return "vs"; // Light mode
+            
+            // Fallback to standard light/dark check
+            return classList.contains("light") ? "vs" : "vs-dark";
         }
         return "vs-dark";
     }

vercel.json

@@ -0,0 +1,11 @@
+{
+  "framework": "vite",
+  "buildCommand": "cd apps/desktop && bun run build",
+  "outputDirectory": "apps/desktop/dist",
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}