@signal9/era-ui 2.5.0 → 2.6.0

package/dist/os/desktop.svelte

@@ -61,6 +61,12 @@
 	$effect(() => {
 		wm.bounds = { width: w, height: h };
 	});
+	// Viewport/chrome resizes re-fit the windows (untracked: relayout reads
+	// window state we must not subscribe to, or every drag would re-run this).
+	$effect(() => {
+		void wm.workArea;
+		untrack(() => wm.relayout());
+	});
 </script>
 
 <div

package/dist/os/wm.svelte.d.ts

@@ -144,6 +144,13 @@ export declare class WindowManager {
     toggleMaximize(id: string): void;
     /** Un-maximize / un-snap back to the pre-change frame (or just un-minimize). */
     restore(id: string): void;
+    /** Re-fit windows after the desktop or its chrome resizes: maximized
+     *  windows re-fill the work area; normal windows re-clamp so the bar stays
+     *  below the top and at least dragKeep px stays reachable on every other
+     *  side — the same fence the drag containment enforces, applied at rest.
+     *  The Desktop calls this whenever the work area changes; chrome itself
+     *  (the taskbar) never resizes with the viewport. */
+    relayout(): void;
     /** Half / quadrant tiling against the work area. */
     snap(id: string, zone: SnapZone): void;
     /** Create a workspace (optionally switching to it) and return its id. */

package/dist/os/wm.svelte.js

@@ -180,6 +180,30 @@ export class WindowManager {
         w.state = 'normal';
         this.focus(id);
     }
+    /** Re-fit windows after the desktop or its chrome resizes: maximized
+     *  windows re-fill the work area; normal windows re-clamp so the bar stays
+     *  below the top and at least dragKeep px stays reachable on every other
+     *  side — the same fence the drag containment enforces, applied at rest.
+     *  The Desktop calls this whenever the work area changes; chrome itself
+     *  (the taskbar) never resizes with the viewport. */
+    relayout() {
+        const { x, y, width, height } = this.workArea;
+        if (!width || !height)
+            return;
+        for (const w of this.windows) {
+            if (w.state === 'maximized') {
+                w.pos = { x, y };
+                w.size = { width, height };
+            }
+            else {
+                const winW = w.size?.width ?? 0;
+                w.pos = {
+                    x: Math.min(Math.max(w.pos.x, x + this.dragKeep - winW), x + width - this.dragKeep),
+                    y: Math.min(Math.max(w.pos.y, y), y + height - this.dragKeep)
+                };
+            }
+        }
+    }
     /** Half / quadrant tiling against the work area. */
     snap(id, zone) {
         const w = this.#find(id);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "2.5.0",
+	"version": "2.6.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",