merge: restore resize handles and enable panel scrolling

Merges worker/8a16bef9-99f/1772535215319
- Change --cortex-sash-size from 0px to 4px for visible resize handles
- Use CSS variable for resize handle dimensions
- Change panel content overflow from hidden to auto for scrolling
- Update stale comment in scrollbar.css

Author: echobt

src/components/ResizeHandle.tsx

@@ -162,10 +162,10 @@ export function ResizeHandle(props: ResizeHandleProps) {
     "flex-shrink": "0",
     "z-index": "10",
     cursor: getCursor(),
-    // Dimensions based on direction
+    // Dimensions based on direction - use CSS variable for consistency
     ...(isHorizontal() 
-      ? { width: "4px", height: "100%" }
-      : { height: "4px", width: "100%" }
+      ? { width: "var(--cortex-sash-size, 4px)", height: "100%" }
+      : { height: "var(--cortex-sash-size, 4px)", width: "100%" }
     ),
     ...props.style,
   });

src/layout/containers/Panel.tsx

@@ -365,7 +365,7 @@ export function Panel(props: PanelProps) {
       <Show when={!isCollapsed()}>
         <Box
           flex={1}
-          overflow="hidden"
+          overflow="auto"
           minHeight={0}
         >
           {props.children}

src/styles/base.css

@@ -243,7 +243,7 @@ code, pre {
   --cortex-scrollbar-fade-transition: 800ms;
 
   /* Sash (Resize Handle) Design Tokens - JetBrains Islands Style */
-  --cortex-sash-size: 0px;
+  --cortex-sash-size: 4px;
   --cortex-sash-hover-size: 4px;
   --cortex-sash-hover-border: rgba(99, 102, 241, 0.5);
 

src/styles/layout.css

@@ -172,7 +172,7 @@
 .panel-content {
   flex: 1;
   min-height: 0;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .panel-group {

src/styles/scrollbar.css

@@ -45,9 +45,9 @@
 
   /* ---------------------------------------------------------------------
      Sash (Resize Handle) Design Tokens - JetBrains Islands Style
-     Invisible by default, subtle indigo highlight on hover
+     4px by default, subtle indigo highlight on hover
      --------------------------------------------------------------------- */
-  --cortex-sash-size: 0px;
+  --cortex-sash-size: 4px;
   --cortex-sash-hover-size: 4px;
   --cortex-sash-hover-border: rgba(99, 102, 241, 0.5); /* Subtle indigo on hover */