Wire window controls to main window

src/App.tsx

@@ -338,16 +338,35 @@ export default function App() {
           </div>
         </div>
         <div className="windowControls">
-          <button aria-label="Minimize" onClick={() => window.envHelper?.minimizeWindow()} title="Minimize" type="button">
+          <button
+            aria-label="Minimize"
+            onClick={(event) => {
+              event.stopPropagation();
+              window.envHelper?.minimizeWindow();
+            }}
+            title="Minimize"
+            type="button"
+          >
             <Minus size={15} />
           </button>
-          <button aria-label="Maximize" onClick={() => window.envHelper?.toggleMaximizeWindow()} title="Maximize" type="button">
+          <button
+            aria-label="Maximize"
+            onClick={(event) => {
+              event.stopPropagation();
+              window.envHelper?.toggleMaximizeWindow();
+            }}
+            title="Maximize"
+            type="button"
+          >
             <Maximize2 size={14} />
           </button>
           <button
             aria-label="Close"
             className="closeButton"
-            onClick={() => window.envHelper?.closeWindow()}
+            onClick={(event) => {
+              event.stopPropagation();
+              window.envHelper?.closeWindow();
+            }}
             title="Close"
             type="button"
           >

src/vite-env.d.ts

@@ -9,8 +9,8 @@ interface Window {
   envHelper?: {
     openFile: () => Promise<EnvHelperFileResult | null>;
     saveFile: (content: string) => Promise<string | null>;
-    minimizeWindow: () => Promise<void>;
-    toggleMaximizeWindow: () => Promise<boolean>;
-    closeWindow: () => Promise<void>;
+    minimizeWindow: () => void;
+    toggleMaximizeWindow: () => void;
+    closeWindow: () => void;
   };
 }