fix: enforce minimum 100px editor width when resizing plugin panels

Both setPluginPanelWidth() and the drag-based Resizer now account for
sidebar width so the editor area cannot be squeezed below 100px.

Author: abose

src/view/WorkspaceManager.js

@@ -160,7 +160,8 @@ define(function (require, exports, module) {
             }
         });
 
-        $mainToolbar.data("maxsize", window.innerWidth*.75);
+        var sidebarWidth = $("#sidebar").outerWidth() || 0;
+        $mainToolbar.data("maxsize", Math.min(window.innerWidth * 0.75, window.innerWidth - sidebarWidth - 100));
     }
 
 
@@ -442,7 +443,8 @@ define(function (require, exports, module) {
         // Respect min/max constraints
         var minSize = currentlyShownPanel.minWidth || 0;
         var minToolbarWidth = minSize + pluginIconsBarWidth;
-        var maxToolbarWidth = window.innerWidth * 0.75;
+        var sidebarWidth = $("#sidebar").outerWidth() || 0;
+        var maxToolbarWidth = Math.min(window.innerWidth * 0.75, window.innerWidth - sidebarWidth - 100);
         newToolbarWidth = Math.max(newToolbarWidth, minToolbarWidth);
         newToolbarWidth = Math.min(newToolbarWidth, maxToolbarWidth);
 

test/spec/MainViewManager-integ-test.js

@@ -1238,6 +1238,39 @@ define(function (require, exports, module) {
                     expect(panelContentWidth).toEqual(targetWidth);
                 });
             });
+
+            it("should preserve at least 100px for the editor area", function () {
+                pluginPanel.show();
+
+                // Request an absurdly large width that would squeeze the editor to near-zero
+                WorkspaceManager.setPluginPanelWidth(testWindow.innerWidth);
+
+                const $mainToolbar = _$("#main-toolbar");
+                const sidebarWidth = _$("#sidebar").outerWidth() || 0;
+                const toolbarWidth = $mainToolbar.width();
+                const editorWidth = testWindow.innerWidth - sidebarWidth - toolbarWidth;
+
+                // Editor area must retain at least 100px
+                expect(editorWidth).toBeGreaterThanOrEqual(100);
+            });
+
+            it("should set drag-based maxsize to preserve at least 100px for the editor", function () {
+                pluginPanel.show();
+
+                // Trigger a layout recompute so updateResizeLimits runs
+                WorkspaceManager.recomputeLayout(true);
+
+                const $mainToolbar = _$("#main-toolbar");
+                const sidebarWidth = _$("#sidebar").outerWidth() || 0;
+                const maxSize = $mainToolbar.data("maxsize");
+
+                // maxSize must leave at least 100px for the editor
+                const editorWidthAtMax = testWindow.innerWidth - sidebarWidth - maxSize;
+                expect(editorWidthAtMax).toBeGreaterThanOrEqual(100);
+
+                // maxSize should also not exceed 75% of window width
+                expect(maxSize).toBeLessThanOrEqual(testWindow.innerWidth * 0.75);
+            });
         });
     });
 });