From 8a234cf1d83d69f7f55380bbc81348d1ef72cdba Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Sat, 4 Oct 2025 23:22:28 +0100
Subject: [PATCH] fix: extend fullscreen catalog without hiding picker

---
 frontend/src/components/tools/ToolPanel.tsx        | 5 ++++-
 frontend/src/components/tools/ToolPanelOverlay.tsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tools/ToolPanel.tsx b/frontend/src/components/tools/ToolPanel.tsx
index e3897ba82..5d400219e 100644
--- a/frontend/src/components/tools/ToolPanel.tsx
+++ b/frontend/src/components/tools/ToolPanel.tsx
@@ -49,6 +49,8 @@ export default function ToolPanel() {
     setToolPanelMode(isFullscreenMode ? 'sidebar' : 'fullscreen');
   };
 
+  const reservedDesktopWidth = '8.5rem';
+
   const computedWidth = () => {
     if (isMobile) {
       return '100%';
@@ -56,7 +58,7 @@ export default function ToolPanel() {
 
     if (isFullscreenMode) {
       if (isCatalogActive) {
-        return 'clamp(32rem, 48vw, 56rem)';
+        return `calc(100vw - ${reservedDesktopWidth})`;
       }
 
       if (leftPanelView === 'toolContent' && isPanelVisible) {
@@ -78,6 +80,7 @@ export default function ToolPanel() {
       } ${isMobile ? 'h-full border-r-0' : 'h-screen'} ${isCatalogActive ? 'tool-panel--catalog' : ''}`}
       style={{
         width: computedWidth(),
+        maxWidth: isCatalogActive ? `calc(100vw - ${reservedDesktopWidth})` : undefined,
         padding: '0',
       }}
     >
diff --git a/frontend/src/components/tools/ToolPanelOverlay.tsx b/frontend/src/components/tools/ToolPanelOverlay.tsx
index 324fb0640..bb984d770 100644
--- a/frontend/src/components/tools/ToolPanelOverlay.tsx
+++ b/frontend/src/components/tools/ToolPanelOverlay.tsx
@@ -71,7 +71,7 @@ export default function ToolPanelOverlay() {
 
   const handleClose = () => {
     setSearchQuery('');
-    setLeftPanelView(selectedToolKey ? 'toolContent' : 'hidden');
+    setLeftPanelView(selectedToolKey ? 'toolContent' : 'toolPicker');
   };
 
   const toggleLabel = toolPanelMode === 'fullscreen'