bingocode 1.1.116 → 1.1.117

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bingocode",
-  "version": "1.1.116",
+  "version": "1.1.117",
   "type": "module",
   "bin": {
     "claude": "bin/claude-win.cjs",

package/src/manager/CliMenuManager.tsx

@@ -995,7 +995,7 @@ export const CliMenuManager: React.FC = () => {
         return <StateDisplay type="empty" message={i18nMap[lang].emptyHistory} />;
       }
 
-      const ACTIONS_H = 6;
+      const ACTIONS_H = 7; // Actions title(1) + 4 items + hint(1) + padding(1)
       const LIST_H = Math.max(2, MID_H - ACTIONS_H - 1);
 
       if (historyMenuStage === 'window' && selectedHistory) {
@@ -1042,7 +1042,7 @@ export const CliMenuManager: React.FC = () => {
               )}
             </Box>
 
-            <Box height={1} marginBottom={0}><Text dimColor>{'─'.repeat(VIEW_W - 2)}</Text></Box>
+            <Box height={1} marginBottom={0}><Text dimColor>{'─'.repeat(VIEW_W - 4)}</Text></Box>
 
             {/* Lower Pane: Actions */}
             <Box height={ACTIONS_H} paddingX={1} flexDirection="column" overflow="hidden">
@@ -1060,42 +1060,47 @@ export const CliMenuManager: React.FC = () => {
       }
 
 	    // History List View (Default)
+	    // MID_H - 1 (hint bar at top) - 1 (scrollbar safety) = MID_H - 2 visible items
 	    const HIST_VISIBLE = MID_H - 2;
 	    const start = Math.min(listOffset, Math.max(0, groupedHistoryItems.length - HIST_VISIBLE));
 	    const slicedItems = groupedHistoryItems.slice(start, start + HIST_VISIBLE);
 
 	    return (
-	      <Box width={VIEW_W} height={MID_H} flexDirection="row" position="relative">
-	        <Box flexDirection="column" flexGrow={1} paddingX={1}>
-	          <SelectInput
-	            key={`${historyCursor ?? 'first'}:${slicedItems.length}:${start}`}
-	            items={slicedItems}
-	            onSelect={item => {
-	              if (String(item.value).startsWith('__group_')) return;
-	              const session = historyList.find(h => h.id === item.value);
-	              if (session) {
-	                setSelectedHistory(session);
-	                setHistoryMenuStage('window');
-	              }
-	            }}
-	            itemComponent={({ isSelected, label }) => {
-	              const it = groupedHistoryItems.find(i => i.label === label);
-	              const isGroup = it?.isGroup;
-	              const color = it?.color;
-	              return (
-	                <Box height={1} overflow="hidden">
-	                  <Text wrap="truncate" color={isGroup ? 'gray' : (color ? color : (isSelected ? 'cyan' : undefined))}>
-	                    {isSelected ? '> ' : '  '}{label}
-	                  </Text>
-	                </Box>
-	              )
-	            }}
-	          />
-	        </Box>
-	        <ScrollBar total={groupedHistoryItems.length} offset={start} height={MID_H - 2} />
-	        <Box position="absolute" bottom={0} left={1} width={VIEW_W - 4}>
+	      <Box width={VIEW_W} height={MID_H} flexDirection="column">
+	        {/* Hint bar — fixed 1 row at top, never overlaps list */}
+	        <Box height={1} paddingX={1}>
 	          <Hint>{i18nMap[lang].historyHint}</Hint>
 	        </Box>
+	        {/* List area — takes the rest of the height */}
+	        <Box flexDirection="row" flexGrow={1} position="relative">
+	          <Box flexDirection="column" flexGrow={1} paddingX={1}>
+	            <SelectInput
+	              key={`${historyCursor ?? 'first'}:${slicedItems.length}:${start}`}
+	              items={slicedItems}
+	              onSelect={item => {
+	                if (String(item.value).startsWith('__group_')) return;
+	                const session = historyList.find(h => h.id === item.value);
+	                if (session) {
+	                  setSelectedHistory(session);
+	                  setHistoryMenuStage('window');
+	                }
+	              }}
+	              itemComponent={({ isSelected, label }) => {
+	                const it = groupedHistoryItems.find(i => i.label === label);
+	                const isGroup = it?.isGroup;
+	                const color = it?.color;
+	                return (
+	                  <Box height={1} overflow="hidden">
+	                    <Text wrap="truncate" color={isGroup ? 'gray' : (color ? color : (isSelected ? 'cyan' : undefined))}>
+	                      {isSelected ? '> ' : '  '}{label}
+	                    </Text>
+	                  </Box>
+	                )
+	              }}
+	            />
+	          </Box>
+	          <ScrollBar total={groupedHistoryItems.length} offset={start} height={MID_H - 3} />
+	        </Box>
 	      </Box>
 	    );
 	  }