windows stop 10px above the taskbar instead of overlapping it

opencode.md

@@ -228,10 +228,10 @@ list reordering, not free placement. Don't confuse the two.
   the panel), a `resize` effect re-clamps on browser resize, and
   `.win-window.centered` carries `max-width`/`max-height`. Keep these in sync if
   you add a new window path, or windows will escape the viewport. The bottom
-  limit is `TASKBAR_HEIGHT = 44` in `WindowsDesktop.tsx` (panel `bottom:10px` +
+  limit is `TASKBAR_HEIGHT = 64` in `WindowsDesktop.tsx` (panel `bottom:10px` +
-  `height:44px`; 44 lets a window tuck 10px behind the panel's top edge, which
+  `height:44px` = 54, plus a 10px gap), so a dragged window stops just above the
-  looked better than stopping dead flush); note `useDesktopIcons.ts` has its
+  taskbar; note `useDesktopIcons.ts` has its **own** `TASKBAR_HEIGHT = 48` for
-  **own** `TASKBAR_HEIGHT = 48` for the icon grid.
+  the icon grid.
 - Exposing the **dev** server over a tunnel needs the tunnel host in
   `allowedDevOrigins` (`next.config.ts`). Without it Next dev rejects the
   cross-origin HMR WebSocket, so the client never hydrates — the page is SSR

src/app/components/WindowsDesktop.tsx

@@ -9,11 +9,11 @@ import { useTheme } from "./useTheme";
 import { useDesktopIcons } from "./useDesktopIcons";
 import { WALLPAPER, friends } from "../data";
 
-// The panel is anchored at `bottom: 10px` and is 44px tall, so its top edge is
+// The panel sits at `bottom: 10px` with a height of 44px, so its top edge is
-// 54px above the viewport bottom. Windows clamp at 44px from the bottom, i.e.
+// 54px above the viewport bottom. Windows clamp 10px above that, so a dragged
-// they tuck 10px behind the panel's top edge - a slight overlap that reads
+// window stops just above the taskbar with a small gap instead of touching or
-// better than stopping dead flush.
+// overlapping it.
-const TASKBAR_HEIGHT = 44;
+const TASKBAR_HEIGHT = 64;
 
 const LEFT_APPS = APPS.filter((a) => a.id !== "services" && a.id !== "friends");