feat(explorer): New minified mode (#98736)

New UI for low-screen-space mode

<img width="930" height="141" alt="Screenshot 2025-09-03 at 11 12 15 AM"
src="https://github.com/user-attachments/assets/e3939210-87a5-4e38-aab0-04bbdc7ca9ca"
/>
<img width="845" height="116" alt="Screenshot 2025-09-03 at 11 12 26 AM"
src="https://github.com/user-attachments/assets/2bc6cd3b-6f47-4468-a6d9-0ae71c7f37d5"
/>

Author: roaga

static/app/views/seerExplorer/explorerPanel.tsx

@@ -25,8 +25,7 @@ function ExplorerPanel({isVisible = false}: ExplorerPanelProps) {
   const blockRefs = useRef<Array<HTMLDivElement | null>>([]);
 
   // Custom hooks
-  const {panelSize, handleMaxSize, handleMedSize, handleMinSize, handleMinPanelClick} =
-    usePanelSizing();
+  const {panelSize, handleMaxSize, handleMedSize, handleMinSize} = usePanelSizing();
   const {sessionData, sendMessage, deleteFromIndex, startNewSession, isPolling} =
     useSeerExplorer();
 
@@ -129,7 +128,13 @@ function ExplorerPanel({isVisible = false}: ExplorerPanelProps) {
     <PanelContainers
       isOpen={isOpen}
       panelSize={panelSize}
-      onMinPanelClick={handleMinPanelClick}
+      blocks={blocks}
+      onSubmit={sendMessage}
+      isPolling={isPolling}
+      onMaxSize={handleMaxSize}
+      onMedSize={handleMedSize}
+      onMinSize={handleMinSize}
+      onClear={startNewSession}
     >
       <BlocksContainer ref={scrollContainerRef}>
         {blocks.length === 0 ? (

static/app/views/seerExplorer/hooks/usePanelSizing.tsx

@@ -4,31 +4,23 @@ import type {PanelSize} from 'sentry/views/seerExplorer/types';
 
 export function usePanelSizing() {
   const [panelSize, setPanelSize] = useState<PanelSize>('med');
-  const [lastNonMinSize, setLastNonMinSize] = useState<'max' | 'med'>('med');
 
   const handleMaxSize = useCallback(() => {
     setPanelSize('max');
-    setLastNonMinSize('max');
   }, []);
 
   const handleMedSize = useCallback(() => {
     setPanelSize('med');
-    setLastNonMinSize('med');
   }, []);
 
   const handleMinSize = useCallback(() => {
     setPanelSize('min');
   }, []);
 
-  const handleMinPanelClick = useCallback(() => {
-    setPanelSize(lastNonMinSize);
-  }, [lastNonMinSize]);
-
   return {
     panelSize,
     handleMaxSize,
     handleMedSize,
     handleMinSize,
-    handleMinPanelClick,
   };
 }