bingocode 1.1.200-beta.0 → 1.1.200-beta.1

package/package.json

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

package/src/cli/ProviderPanel.tsx

@@ -97,9 +97,6 @@ export const ProviderPanel: React.FC<{
   const [currentSlotName, setCurrentSlotName] = useState<string>('main');
   const [slotLoadingMsg, setSlotLoadingMsg] = useState<string>('');
 
-  // VS Code link status
-  const [vscodeLinked, setVscodeLinked] = useState(false);
-  const [vscodeLinkedPaths, setVscodeLinkedPaths] = useState<string[]>([]);
 
 
   const base = apiUrl.replace(/\/+$/, '');
@@ -147,16 +144,6 @@ export const ProviderPanel: React.FC<{
     loadPresets();
   }, [loadProviders, loadPresets]);
 
-  // Fetch VS Code link status on mount
-  useEffect(() => {
-    axios.get(`${base}/api/providers/link-vscode`)
-      .then(r => {
-        setVscodeLinked(r.data.linked);
-        setVscodeLinkedPaths(r.data.paths || []);
-      })
-      .catch(() => {});
-  }, [base]);
-
   // Key processing for Page Up/Down and Arrow keys in scrolling lists
   useEffect(() => {
     const handler = (buf: Buffer) => {
@@ -331,7 +318,6 @@ export const ProviderPanel: React.FC<{
             { label: 'Add Provider', value: 'add' },
             { label: 'Edit Provider (Name/Key)', value: 'edit' },
             { label: 'Configure Slots', value: 'slots' },
-            { label: vscodeLinked ? `Disconnect from VS Code (${vscodeLinkedPaths.length} editor(s))` : 'Connect to VS Code', value: 'link_vscode' },
             { label: 'Connectivity Test', value: 'test' },
             { label: 'Delete Provider', value: 'delete' },
             { label: 'Refresh', value: 'refresh' },
@@ -360,34 +346,7 @@ export const ProviderPanel: React.FC<{
                 setStage('slot_config');
                 setListOffset(0);
                 break;
-              case 'link_vscode':
-                setOpMsg(null);
-                setErr(null);
-                if (vscodeLinked) {
-                  // Unlink
-                  axios.delete(`${base}/api/providers/link-vscode`)
-                    .then(() => {
-                      setVscodeLinked(false);
-                      setVscodeLinkedPaths([]);
-                      setOpMsg('Disconnected from VS Code.');
-                    })
-                    .catch(e => {
-                      setErr((e as any)?.response?.data?.message || (e as any)?.message || 'Failed to disconnect VS Code');
-                    });
-                } else {
-                  // Link
-                  axios.post(`${base}/api/providers/link-vscode`)
-                    .then(r => {
-                      setVscodeLinked(true);
-                      setVscodeLinkedPaths(r.data.paths || []);
-                      setOpMsg(`Connected to VS Code (${(r.data.paths || []).length} editor(s)).`);
-                    })
-                    .catch(e => {
-                      setErr((e as any)?.response?.data?.message || (e as any)?.message || 'Failed to connect VS Code');
-                    });
-                }
-                break;
-              case 'test':
+                            case 'test':
                 setStage('test_select');
                 setListOffset(0);
                 break;

package/src/manager/CliMenuManager.tsx

@@ -229,6 +229,9 @@ const i18nMap = {
     bypassPermsLabel: 'Bypass',
     bypassPermsOn: '已开启',
     bypassPermsOff: '已关闭',
+    vscodeLabel: 'Connect to VS Code',
+    vscodeOn: '已连接',
+    vscodeOff: '未连接',
   },
   en: {
     menu: {
@@ -268,6 +271,9 @@ const i18nMap = {
     bypassPermsLabel: 'Bypass',
     bypassPermsOn: 'Enabled',
     bypassPermsOff: 'Disabled',
+    vscodeLabel: 'Connect to VS Code',
+    vscodeOn: 'Connected',
+    vscodeOff: 'Disconnected',
   },
   ja: {
     menu: {
@@ -307,6 +313,9 @@ const i18nMap = {
     bypassPermsLabel: 'Bypass',
     bypassPermsOn: '有効',
     bypassPermsOff: '無効',
+    vscodeLabel: 'Connect to VS Code',
+    vscodeOn: '接続済',
+    vscodeOff: '未接続',
   },
 };
 
@@ -429,6 +438,9 @@ export const CliMenuManager: React.FC = () => {
       if (typeof bSettings.bypassPermsEnabled === 'boolean') {
         setBypassPermsEnabled(bSettings.bypassPermsEnabled);
       }
+      if (typeof bSettings.vscodeLinked === 'boolean') {
+        setVscodeLinked(bSettings.vscodeLinked);
+      }
     } catch {}
   }, []);
 
@@ -488,6 +500,7 @@ export const CliMenuManager: React.FC = () => {
   const [settingsCursor, setSettingsCursor] = useState(0);
   const [autoModeEnabled, setAutoModeEnabled] = useState(false);
   const [bypassPermsEnabled, setBypassPermsEnabled] = useState(false);
+  const [vscodeLinked, setVscodeLinked] = useState(false);
 
   // Top toolbar state
   const [animEnabled, setAnimEnabled] = useState(true);
@@ -875,7 +888,7 @@ export const CliMenuManager: React.FC = () => {
     if (!showHelp && page === 'settings') {
       if (settingsStage === 'list') {
         // +1 for the fixed Language row prepended before settingData entries
-        const totalRows = 3 + (settingData && typeof settingData === 'object' ? Object.keys(settingData).length : 0);
+        const totalRows = 4 + (settingData && typeof settingData === 'object' ? Object.keys(settingData).length : 0);
         const visible = Math.max(1, MID_H - 2);
         if (key.downArrow || input === 'j') {
           setSettingsCursor(c => Math.min(totalRows - 1, c + 1));
@@ -923,12 +936,33 @@ export const CliMenuManager: React.FC = () => {
               }
               return next;
             });
+          } else if (settingsCursor === 3) {
+            // Row 3: toggle VS Code link
+            const port = (process.env.BINGO_PORT ? parseInt(process.env.BINGO_PORT) : 3456) || 3456;
+            const apiBase = process.env.BASE_API_URL || `http://127.0.0.1:${port}`;
+            setVscodeLinked(prev => {
+              const next = !prev;
+              try {
+                writeBingoSettings({ vscodeLinked: next });
+              } catch {
+                return prev;
+              }
+              const http = require('http');
+              if (next) {
+                http.request(`${apiBase}/api/providers/link-vscode`, { method: 'POST' })
+                  .on('error', () => {}).end();
+              } else {
+                http.request(`${apiBase}/api/providers/link-vscode`, { method: 'DELETE' })
+                  .on('error', () => {}).end();
+              }
+              return next;
+            });
           }
         }
       }
       // langPicker stage: ESC handled above; selection via SelectInput onSelect
     }
-  }, [menuItems, page, historyMenuStage, historyList, historyHasMore, navIndex, sessionMessages, settingData, MID_H, MSGS_PAGE_SIZE, showHelp, theme, settingsStage, settingsCursor, autoModeEnabled, bypassPermsEnabled]);
+  }, [menuItems, page, historyMenuStage, historyList, historyHasMore, navIndex, sessionMessages, settingData, MID_H, MSGS_PAGE_SIZE, showHelp, theme, settingsStage, settingsCursor, autoModeEnabled, bypassPermsEnabled, vscodeLinked]);
 
   function cleanText(text: string): string {
     return String(text ?? '').replace(/[\n\r]+/g, ' ').replace(/\u001b\[[0-9;]*m/g, '').trim();
@@ -1412,6 +1446,7 @@ export const CliMenuManager: React.FC = () => {
         { key: '__lang', label: tS.langLabel, value: currentLangLabel, interactive: true },
         { key: '__autoMode', label: tS.autoModeLabel, value: autoModeEnabled ? tS.autoModeOn : tS.autoModeOff, interactive: true },
         { key: '__bypassPerms', label: tS.bypassPermsLabel, value: bypassPermsEnabled ? tS.bypassPermsOn : tS.bypassPermsOff, interactive: true },
+        { key: '__vscode', label: tS.vscodeLabel, value: vscodeLinked ? tS.vscodeOn : tS.vscodeOff, interactive: true },
       ];
       const dataEntries = settingData && typeof settingData === 'object' ? Object.entries(settingData) : [];
       const dataRows: SettingRow[] = dataEntries.map(([k, v]) => ({