project-compass 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-compass",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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

@@ -773,6 +773,9 @@ 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 PROJECTS_MIN_WIDTH = 32;
+const DETAILS_MIN_WIDTH = 44;
+const HELP_CARD_MIN_WIDTH = 30;
 const RECENT_RUN_LIMIT = 5;
 
 function useScanner(rootPath) {
@@ -1247,7 +1250,7 @@ function Compass({rootPath}) {
 
   const helpSection = create(
     Box,
-    {marginTop: 1, flexDirection: 'row', justifyContent: 'space-between'},
+    {marginTop: 1, flexDirection: 'row', justifyContent: 'space-between', flexWrap: 'wrap'},
     ...helpCards.map((card, index) =>
       create(
         Box,
@@ -1255,7 +1258,9 @@ function Compass({rootPath}) {
           key: card.label,
           flexGrow: 1,
           flexBasis: 0,
+          minWidth: HELP_CARD_MIN_WIDTH,
           marginRight: index < helpCards.length - 1 ? 1 : 0,
+          marginBottom: 1,
           borderStyle: 'round',
           borderColor: card.color,
           padding: 1
@@ -1313,17 +1318,18 @@ function Compass({rootPath}) {
     artBoard,
     create(
       Box,
-      {marginTop: 1, flexDirection: 'row', alignItems: 'stretch'},
+      {marginTop: 1, flexDirection: 'row', alignItems: 'stretch', width: '100%', flexWrap: 'wrap'},
       create(
         Box,
         {
-          flex: 1,
+          flexGrow: 1,
           flexBasis: 0,
+          flexShrink: 1,
+          minWidth: PROJECTS_MIN_WIDTH,
           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)
@@ -1331,12 +1337,13 @@ function Compass({rootPath}) {
       create(
         Box,
         {
-          flex: 1,
+          flexGrow: 1.3,
           flexBasis: 0,
+          flexShrink: 1,
+          minWidth: DETAILS_MIN_WIDTH,
           borderStyle: 'round',
           borderColor: 'cyan',
-          padding: 1,
-          minWidth: 0
+          padding: 1
         },
         create(Text, {bold: true, color: 'cyan'}, 'Details'),
         ...detailContent