bingocode 1.1.74 → 1.1.76

package/package.json

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

package/src/manager/CliMenuManager.tsx

@@ -91,6 +91,8 @@ const i18nMap = {
       about: 'Bingo CLI - Version Info & About',
       aboutContent: [
         'Bingo is an AI assistant terminal client.',
+        'Author: leanchy (Email: leanchy07@outlook.com)',
+        'Github: github.com/leanchy/bingo-claude-code-offline-installer',
         '1. API Config: Press "P" or select "API Config" to set up your keys.',
         '2. Model Slots: Configure specific models in the Provider panel.',
         '3. Background Service: Bingo runs a local server to manage sessions.',
@@ -117,6 +119,8 @@ const i18nMap = {
     about: 'Bingo CLI Terminal - Version Info & About',
     aboutContent: [
       'Bingo is an AI assistant terminal client.',
+      'Author: leanchy (Email: leanchy07@outlook.com)',
+      'Github: github.com/leanchy/bingo-claude-code-offline-installer',
       '1. API Config: Press "P" or select "API Config" to set up your keys.',
       '2. Model Slots: Configure specific models in the Provider panel.',
       '3. Background Service: Bingo runs a local server to manage sessions.',
@@ -739,47 +743,54 @@ export const CliMenuManager: React.FC = () => {
   }
 
 
-  // 历史分组展示
-  const groupedHistoryItems = useMemo(() => {
-    if (!historyList || !Array.isArray(historyList)) return [];
-    const now = new Date();
-    const today: any[] = [];
-    const week: any[] = [];
-    const earlier: any[] = [];
-    for (const item of historyList) {
-      const dt = new Date(item.createdAt);
-      const isToday =
-        dt.getFullYear() === now.getFullYear() &&
-        dt.getMonth() === now.getMonth() &&
-        dt.getDate() === now.getDate();
-      const weekStart = new Date(now);
-      weekStart.setDate(now.getDate() - ((now.getDay() + 6) % 7));
-      weekStart.setHours(0, 0, 0, 0);
-      if (isToday) today.push(item);
-      else if (dt >= weekStart) week.push(item);
-      else earlier.push(item);
-    }
-    function groupToItems(group: any[], groupTitle: string) {
-      if (group.length === 0) return [];
-      return [
-        { label: groupTitle, value: `__group_${groupTitle}`, isGroup: true },
-        ...group.map(item => {
-          const isMarked = markedSessionIds.has(item.id);
-          return {
-            label: makeHistoryLabel(item, Math.max(20, VIEW_W - 8), isMarked),
-            value: item.id,
-            color: isMarked ? 'yellow' : undefined,
-          };
-        })
-      ];
-    }
-    const items = [
-      ...groupToItems(today, '—— Today ——'),
-      ...groupToItems(week, '—— This Week ——'),
-      ...groupToItems(earlier, '—— Earlier ——'),
-    ];
-    return items;
-  }, [historyList, markedSessionIds]);
+	  // 历史分组展示
+	  const groupedHistoryItems = useMemo(() => {
+	    if (!historyList || !Array.isArray(historyList)) return [];
+	    const now = new Date();
+	    const today: any[] = [];
+	    const week: any[] = [];
+	    const earlier: any[] = [];
+	    const marked: any[] = [];
+
+	    for (const item of historyList) {
+	      if (markedSessionIds.has(item.id)) {
+	        marked.push(item);
+	        continue;
+	      }
+	      const dt = new Date(item.createdAt);
+	      const isToday =
+	        dt.getFullYear() === now.getFullYear() &&
+	        dt.getMonth() === now.getMonth() &&
+	        dt.getDate() === now.getDate();
+	      const weekStart = new Date(now);
+	      weekStart.setDate(now.getDate() - ((now.getDay() + 6) % 7));
+	      weekStart.setHours(0, 0, 0, 0);
+	      if (isToday) today.push(item);
+	      else if (dt >= weekStart) week.push(item);
+	      else earlier.push(item);
+	    }
+	    function groupToItems(group: any[], groupTitle: string) {
+	      if (group.length === 0) return [];
+	      return [
+	        { label: groupTitle, value: `__group_${groupTitle}`, isGroup: true },
+	        ...group.map(item => {
+	          const isMarked = markedSessionIds.has(item.id);
+	          return {
+	            label: makeHistoryLabel(item, Math.max(20, VIEW_W - 8), isMarked),
+	            value: item.id,
+	            color: isMarked ? 'yellow' : undefined,
+	          };
+	        })
+	      ];
+	    }
+	    const items = [
+	      ...groupToItems(marked, '—— Marked ——'),
+	      ...groupToItems(today, '—— Today ——'),
+	      ...groupToItems(week, '—— This Week ——'),
+	      ...groupToItems(earlier, '—— Earlier ——'),
+	    ];
+	    return items;
+	  }, [historyList, markedSessionIds]);
 
   // Toggle Mark
   const toggleMarkSession = (sessionId: string) => {
@@ -986,8 +997,8 @@ export const CliMenuManager: React.FC = () => {
         return <StateDisplay type="empty" message={i18nMap[lang].emptyHistory} />;
       }
 
-      const LIST_H = Math.floor(MID_H * 0.7);
-      const ACTIONS_H = MID_H - LIST_H - 1; // -1 for separator/buffer
+      const ACTIONS_H = 6;
+      const LIST_H = Math.max(2, MID_H - ACTIONS_H - 1);
 
       if (historyMenuStage === 'window' && selectedHistory) {
         // Detailed View with Split
@@ -1003,15 +1014,15 @@ export const CliMenuManager: React.FC = () => {
         return (
           <Box width={VIEW_W} height={MID_H} flexDirection="column">
             {/* Upper Pane: Preview */}
-            <Box height={LIST_H} flexDirection="column" paddingX={1}>
-              <Box justifyContent="space-between" marginBottom={1}>
+            <Box height={LIST_H} flexDirection="column" paddingX={1} overflow="hidden">
+              <Box justifyContent="space-between" marginBottom={0}>
                 <Text color={isMarked ? 'yellow' : 'cyan'} bold>
-                  {isMarked ? '★ ' : ''}{selectedHistory.title || 'Untitled'}
+                  {isMarked ? '★ ' : ''}{truncate(selectedHistory.title || 'Untitled', VIEW_W - 24)}
                 </Text>
                 <Text dimColor>{selectedHistory.createdAt?.slice(0,16).replace('T',' ')}</Text>
               </Box>
 
-              <Box flexDirection="column" flexGrow={1}>
+              <Box flexDirection="column" flexGrow={1} overflow="hidden">
                 {loadingMsgs && <StateDisplay type="loading" message="Loading messages..." />}
                 {msgsErr && <StateDisplay type="error" message={msgsErr} />}
                 {!loadingMsgs && pageMsgs.length === 0 && <StateDisplay type="empty" message="No messages" />}
@@ -1020,28 +1031,25 @@ export const CliMenuManager: React.FC = () => {
                   const roleLabel = msg.type === 'user' ? 'You' : 'Bot';
                   const roleColor = msg.type === 'user' ? 'green' : 'cyan';
                   return (
-                    <Box key={msg.id} marginBottom={1} flexDirection="column">
-                      <Text color={roleColor} bold>{roleLabel}:</Text>
-                      <Box paddingLeft={2}>
-                        <Text>{clampTextLines(text, VIEW_W - 6, 3)}</Text>
-                      </Box>
+                    <Box key={msg.id} marginBottom={0} flexDirection="column" height={1} overflow="hidden">
+                      <Text color={roleColor} bold>{roleLabel}: <Text color="white" bold={false}>{clampTextLines(text, VIEW_W - 10, 1)}</Text></Text>
                     </Box>
                   );
                 })}
               </Box>
               {totalPages > 1 && (
-                <Box justifyContent="center" marginTop={1}>
+                <Box justifyContent="center" height={1}>
                   <Hint>Page {safePage + 1}/{totalPages} (↑↓ to scroll)</Hint>
                 </Box>
               )}
             </Box>
 
-            <Box height={1}><Text dimColor>{'─'.repeat(VIEW_W - 2)}</Text></Box>
+            <Box height={1} marginBottom={0}><Text dimColor>{'─'.repeat(VIEW_W - 2)}</Text></Box>
 
             {/* Lower Pane: Actions */}
-            <Box height={ACTIONS_H} paddingX={1} flexDirection="column">
+            <Box height={ACTIONS_H} paddingX={1} flexDirection="column" overflow="hidden">
                <Text color="magenta" bold>Actions</Text>
-               <Box marginTop={0}>
+               <Box marginTop={0} height={ACTIONS_H - 2} overflow="hidden">
                  <SelectInput
                    items={secondaryMenu?.items || []}
                    onSelect={secondaryMenu?.onSelect}
@@ -1053,44 +1061,46 @@ export const CliMenuManager: React.FC = () => {
         );
       }
 
-      // History List View (Default)
-      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 (
-                  <Text color={isGroup ? 'gray' : (color ? color : (isSelected ? 'cyan' : undefined))}>
-                    {isSelected ? '> ' : '  '}{label}
-                  </Text>
-                )
-              }}
-            />
-            <Box marginTop="auto">
-              <Hint>{i18nMap[lang].historyHint}</Hint>
-            </Box>
-          </Box>
-          <ScrollBar total={groupedHistoryItems.length} offset={start} height={MID_H - 2} />
-        </Box>
-      );
-    }
+	    // History List View (Default)
+	    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}>
+	          <Hint>{i18nMap[lang].historyHint}</Hint>
+	        </Box>
+	      </Box>
+	    );
+	  }
 
     // Provider
     if (page === 'provider') {
@@ -1124,7 +1134,7 @@ export const CliMenuManager: React.FC = () => {
       const sliced = entries.slice(start, start + visible);
       return (
         <Box width={VIEW_W} height={MID_H} flexDirection="column">
-          <ScrollBar total={entries.length} offset={start} height={visible} />
+          <ScrollBar total={entries.length} offset={start} height={visible - 1} />
           {sliced.map(([k, v]) => <Text key={k}>{k}: {typeof v === 'object' ? JSON.stringify(v) : String(v)}</Text>)}
           <Hint>
             ↑/k and ↓/j scroll · {start+1}-{Math.min(start+visible, entries.length)}/{entries.length}