project-compass 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-compass",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Ink-based project explorer that detects local repos and lets you build/test/run them without memorizing commands.",
   "main": "src/cli.js",
   "type": "module",

package/src/cli.js

@@ -772,6 +772,7 @@ const ACTION_MAP = {
 const ART_CHARS = ['▁', '▃', '▄', '▅', '▇'];
 const ART_COLORS = ['magenta', 'blue', 'cyan', 'yellow', 'red'];
 const OUTPUT_WINDOW_SIZE = 10;
+const OUTPUT_WINDOW_HEIGHT = OUTPUT_WINDOW_SIZE + 2;
 const RECENT_RUN_LIMIT = 5;
 
 function useScanner(rootPath) {
@@ -972,14 +973,20 @@ function Compass({rootPath}) {
       return;
     }
 
+    const scrollLogs = (delta) => {
+      setLogOffset((prev) => {
+        const maxScroll = Math.max(0, logLines.length - OUTPUT_WINDOW_SIZE);
+        return Math.max(0, Math.min(maxScroll, prev + delta));
+      });
+    };
+
     if (key.mouse) {
       if (key.mouse === 'left' && projects.length > 0) {
         setSelectedIndex((prev) => (prev + 1) % projects.length);
-      } else if (key.mouse === 'scrollUp') {
-        const maxScroll = Math.max(0, logLines.length - OUTPUT_WINDOW_SIZE);
-        setLogOffset((prev) => Math.min(maxScroll, prev + 1));
-      } else if (key.mouse === 'scrollDown') {
-        setLogOffset((prev) => Math.max(0, prev - 1));
+      } else if (key.mouse === 'scrollUp' || key.mouse === 'wheelUp') {
+        scrollLogs(1);
+      } else if (key.mouse === 'scrollDown' || key.mouse === 'wheelDown') {
+        scrollLogs(-1);
       }
       return;
     }
@@ -1306,17 +1313,18 @@ function Compass({rootPath}) {
     artBoard,
     create(
       Box,
-      {marginTop: 1, flexDirection: 'row', alignItems: 'stretch'},
+      {marginTop: 1, flexDirection: 'row', alignItems: 'stretch', width: '100%', flexWrap: 'nowrap'},
       create(
         Box,
         {
-          flex: 1,
+          flexGrow: 1,
           flexBasis: 0,
+          flexShrink: 1,
+          minWidth: 28,
           marginRight: 1,
           borderStyle: 'round',
           borderColor: 'magenta',
-          padding: 1,
-          minWidth: 0
+          padding: 1
         },
         create(Text, {bold: true, color: 'magenta'}, 'Projects'),
         create(Box, {flexDirection: 'column', marginTop: 1}, ...projectRows)
@@ -1324,12 +1332,13 @@ function Compass({rootPath}) {
       create(
         Box,
         {
-          flex: 1,
+          flexGrow: 1.3,
           flexBasis: 0,
+          flexShrink: 1,
+          minWidth: 36,
           borderStyle: 'round',
           borderColor: 'cyan',
-          padding: 1,
-          minWidth: 0
+          padding: 1
         },
         create(Text, {bold: true, color: 'cyan'}, 'Details'),
         ...detailContent
@@ -1351,8 +1360,11 @@ function Compass({rootPath}) {
           borderStyle: 'round',
           borderColor: 'yellow',
           padding: 1,
-          minHeight: OUTPUT_WINDOW_SIZE + 2,
-          overflow: 'hidden'
+          minHeight: OUTPUT_WINDOW_HEIGHT,
+          maxHeight: OUTPUT_WINDOW_HEIGHT,
+          height: OUTPUT_WINDOW_HEIGHT,
+          overflow: 'hidden',
+          flexShrink: 0
         },
         ...logNodes
       ),