bingocode 1.1.73 → 1.1.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bingocode",
-  "version": "1.1.73",
+  "version": "1.1.75",
   "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) => {
@@ -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}
@@ -1077,9 +1085,11 @@ export const CliMenuManager: React.FC = () => {
                 const isGroup = it?.isGroup;
                 const color = it?.color;
                 return (
-                  <Text color={isGroup ? 'gray' : (color ? color : (isSelected ? 'cyan' : undefined))}>
-                    {isSelected ? '> ' : '  '}{label}
-                  </Text>
+                  <Box height={1} overflow="hidden">
+                    <Text wrap="truncate" color={isGroup ? 'gray' : (color ? color : (isSelected ? 'cyan' : undefined))}>
+                      {isSelected ? '> ' : '  '}{label}
+                    </Text>
+                  </Box>
                 )
               }}
             />
@@ -1087,7 +1097,7 @@ export const CliMenuManager: React.FC = () => {
               <Hint>{i18nMap[lang].historyHint}</Hint>
             </Box>
           </Box>
-          <ScrollBar total={groupedHistoryItems.length} offset={start} height={MID_H - 2} />
+          <ScrollBar total={groupedHistoryItems.length} offset={start} height={MID_H - 1} />
         </Box>
       );
     }

package/src/manager/CliMenuUi.tsx

@@ -7,7 +7,7 @@ const repeatChar = (ch: string, n: number) => ch.repeat(Math.max(0, n));
 // Truncate by terminal display width
 const charDisplayWidth = (c: string) => c.charCodeAt(0) > 127 ? 2 : 1;
 const displayWidth = (s: string) => [...s].reduce((acc, c) => acc + charDisplayWidth(c), 0);
-const truncate = (s: string, maxCols: number) => {
+export const truncate = (s: string, maxCols: number) => {
   let cols = 0;
   let out = '';
   for (const c of s) {
@@ -295,5 +295,5 @@ export const InfoPair: React.FC<{ label: string; value: string; labelColor?: str
 });
 
 export default {
-  Kbd, Hint, Title, Divider, Panel, FallbackTop, TopBar, BottomBar, Chip, ChipRow, InfoPair
+  Kbd, Hint, Title, Divider, Panel, FallbackTop, TopBar, BottomBar, Chip, ChipRow, InfoPair, safePadEnd, truncate
 };