From 693dc346e8469f839a80ef222bf803fa33b7caa5 Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Thu, 6 Nov 2025 20:58:43 +1100
Subject: [PATCH] fix: correct userInfo sizing at desktop narrow and prevent
 character widget expansion

UserInfo Widget:
- Changed from column-based to mobile detection (window.innerWidth <= 1000)
- Desktop narrow (2-col) now correctly uses 1x2 instead of 1x1
- Mobile devices still use 1x1 compact mode with round avatar
- Ensures vertical layout at all desktop widths

PresentCharacters Widget:
- Changed maxAutoSize to match defaultSize (3x2 on desktop)
- Prevents auto-expansion to 3 rows during layout
- Stays at 2 rows to fit 1080p screens without scrolling

Fixes responsive sizing issues on desktop narrow panels.
---
 .../dashboard/widgets/presentCharactersWidget.js      |  6 +++---
 src/systems/dashboard/widgets/userInfoWidget.js       | 11 +++++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/systems/dashboard/widgets/presentCharactersWidget.js b/src/systems/dashboard/widgets/presentCharactersWidget.js
index 467320d..eab55a9 100644
--- a/src/systems/dashboard/widgets/presentCharactersWidget.js
+++ b/src/systems/dashboard/widgets/presentCharactersWidget.js
@@ -283,12 +283,12 @@ export function registerPresentCharactersWidget(registry, dependencies) {
             }
             return { w: 3, h: 2 }; // Desktop: 3 cols wide (full), 2 rows tall (fits 1080p)
         },
-        // Column-aware max size: can expand vertically if needed
+        // Column-aware max size: same as default to prevent expansion
         maxAutoSize: (columns) => {
             if (columns <= 2) {
-                return { w: 2, h: 5 };
+                return { w: 2, h: 4 }; // Mobile: stay at 4 rows
             }
-            return { w: 3, h: 3 }; // Desktop: can expand to 3 rows if needed
+            return { w: 3, h: 2 }; // Desktop: stay at 2 rows (fits 1080p without scrolling)
         },
         requiresSchema: false,
 
diff --git a/src/systems/dashboard/widgets/userInfoWidget.js b/src/systems/dashboard/widgets/userInfoWidget.js
index 08de019..53479bf 100644
--- a/src/systems/dashboard/widgets/userInfoWidget.js
+++ b/src/systems/dashboard/widgets/userInfoWidget.js
@@ -40,14 +40,17 @@ export function registerUserInfoWidget(registry, dependencies) {
         minSize: { w: 1, h: 1 },
         // Column-aware default size: vertical 1x2 with mood below
         defaultSize: (columns) => {
-            if (columns <= 2) {
-                return { w: 1, h: 1 }; // Mobile: 1x1, compact
+            // Mobile detection: screen width ≤ 1000px uses compact 1x1
+            const isMobile = window.innerWidth <= 1000;
+            if (isMobile) {
+                return { w: 1, h: 1 }; // Mobile: 1x1, compact (round avatar)
             }
-            return { w: 1, h: 2 }; // Desktop: 1x2 vertical, mood sits below
+            return { w: 1, h: 2 }; // Desktop (all widths): 1x2 vertical, mood sits below
         },
         // Column-aware max size: same as defaultSize to prevent expansion
         maxAutoSize: (columns) => {
-            if (columns <= 2) {
+            const isMobile = window.innerWidth <= 1000;
+            if (isMobile) {
                 return { w: 1, h: 1 }; // Mobile: 1x1, compact
             }
             return { w: 1, h: 2 }; // Desktop: 1x2 vertical, mood below at y:2