fix: fullscreen button not working

js/src/components/window-controls.tsx

@@ -20,7 +20,7 @@ export function WindowControls() {
         </svg>
       </button>
       <button
-        onClick={() => window.electronWindow.maximize()}
+        onClick={() => window.electronWindow.fullscreen()}
         className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#28C840] transition-colors hover:bg-[#28C840]/80"
         aria-label="Maximize"
       >

js/src/electron.d.ts

@@ -5,6 +5,7 @@ declare global {
     electronWindow: {
       minimize: () => void;
       maximize: () => void;
+      fullscreen: () => void;
       close: () => void;
     };
     electronLink: {

js/src/main.ts

@@ -28,6 +28,7 @@ const createWindow = () => {
     width: 715,
     height: 550,
     resizable: false,
+    fullscreenable: true,
     frame: false,
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
@@ -60,6 +61,10 @@ ipcMain.on('window:maximize', (event) => {
 ipcMain.on('window:close', (event) => {
   BrowserWindow.fromWebContents(event.sender)?.close();
 });
+ipcMain.on('window:fullscreen', (event) => {
+  const win = BrowserWindow.fromWebContents(event.sender);
+  if (win) win.setFullScreen(!win.isFullScreen());
+});
 
 // --- Link metadata ---
 

js/src/preload.ts

@@ -5,6 +5,7 @@ import { contextBridge, ipcRenderer } from 'electron';
 contextBridge.exposeInMainWorld('electronWindow', {
   minimize: () => ipcRenderer.send('window:minimize'),
   maximize: () => ipcRenderer.send('window:maximize'),
+  fullscreen: () => ipcRenderer.send('window:fullscreen'),
   close: () => ipcRenderer.send('window:close'),
 });