bingocode 1.1.66 → 1.1.67

package/package.json

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

package/src/cli/ProviderPanel.tsx

@@ -141,6 +141,19 @@ export const ProviderPanel: React.FC<{
     loadPresets();
   }, [loadProviders, loadPresets]);
 
+  // Key processing for Page Up/Down in scrolling lists
+  useEffect(() => {
+    const handler = (buf: Buffer) => {
+      const s = buf.toString();
+      if (stage === 'add_select_preset' || stage === 'slot_select_model') {
+        if (s === 'j') setListOffset(prev => prev + 1);
+        if (s === 'k') setListOffset(prev => Math.max(0, prev - 1));
+      }
+    };
+    process.stdin.on('data', handler);
+    return () => process.stdin.off('data', handler);
+  }, [stage]);
+
   // ESC 处理：子页返回列表；列表再触发 onBack（或退出）
   useEffect(() => {
     const handler = (buf: Buffer) => {
@@ -404,7 +417,7 @@ export const ProviderPanel: React.FC<{
           </Box>
           <ScrollBar total={items.length} offset={start} height={MAX_VISIBLE} />
         </Box>
-        <Hint>↑↓: Select · ESC: Back</Hint>
+        <Hint>↑↓: Select · j Next Page · k Prev Page · ESC: Back</Hint>
       </Box>
     );
   }
@@ -628,7 +641,7 @@ export const ProviderPanel: React.FC<{
         : null;
       const modelDisplayName = entry?.label || entry?.modelId || 'Unconfigured';
       const status = entry ? `${providerName} / ${modelDisplayName}` : 'Unconfigured';
-      const label = `[${s}] ${safePadEnd(status, 30)} — ${SLOT_DESCS[s]}`;
+      const label = `[${s}] ${safePadEnd(status, 28)} — ${SLOT_DESCS[s]}`;
       return { label, value: s };
     });
     return (
@@ -705,6 +718,10 @@ export const ProviderPanel: React.FC<{
       );
     }
 
+    const MAX_VISIBLE_MODELS = 8;
+    const start = Math.min(listOffset, Math.max(0, items.length - MAX_VISIBLE_MODELS));
+    const sliced = items.slice(start, start + MAX_VISIBLE_MODELS);
+
     return (
       <Box flexDirection="column" flexGrow={1}>
         <Title color="cyan">Configure Slot [{currentSlotName}] — Select Model</Title>
@@ -713,7 +730,7 @@ export const ProviderPanel: React.FC<{
         <Box flexDirection="row" flexGrow={1}>
           <Box flexDirection="column" flexGrow={1}>
             <SelectInput
-              items={items}
+              items={sliced}
               onSelect={it => {
                 const val = it.value as string;
                 if (val.startsWith('__header__')) return;
@@ -727,9 +744,9 @@ export const ProviderPanel: React.FC<{
               }}
             />
           </Box>
-          <ScrollBar total={items.length} offset={0} height={10} />
+          <ScrollBar total={items.length} offset={start} height={MAX_VISIBLE_MODELS} />
         </Box>
-        <Hint>↑↓: Select Model · Enter: Confirm · ESC: Back</Hint>
+        <Hint>↑↓: Select · j Next Page · k Prev Page · ESC: Back</Hint>
       </Box>
     );
   }

package/src/manager/CliMenuManager.tsx

@@ -218,7 +218,21 @@ export const CliMenuManager: React.FC = () => {
   const [theme, setTheme] = useTheme();
 
   // Language
-  const [lang, setLang] = useState<Lang>(() => getGlobalConfig().language || 'en');
+  const [lang, setLang] = useState<Lang>('en');
+
+  useEffect(() => {
+    if (configReady) {
+      try {
+        const cfg = getGlobalConfig();
+        if (cfg.language && (cfg.language === 'en' || cfg.language === 'zh')) {
+          setLang(cfg.language as Lang);
+        }
+      } catch (e) {
+        // Silently fail if config has issues
+      }
+    }
+  }, [configReady]);
+
   const t = i18nMap[lang].menu;
 
   // Top time