antri_cli 1.57.50 → 1.57.52

package/dist/desktop/public/index.html

@@ -15,7 +15,7 @@
   <header class="app-header">
     <div class="brand-zone">
       <span class="logo-text">ANTRI</span>
-      <span class="version-tag">v1.57.50</span>
+      <span class="version-tag">v1.57.51</span>
     </div>
 
     <!-- Mode Toggle -->
@@ -106,6 +106,9 @@
       <button class="nav-item" onclick="showTab('suggestions')">
         <span class="nav-label">💡 Suggestions & Ideas</span>
       </button>
+      <button class="nav-item" onclick="showTab('settings')">
+        <span class="nav-label">⚙️ Settings & Cloud Run</span>
+      </button>
 
       <div class="sidebar-footer">
         <div class="sync-status">
@@ -890,6 +893,73 @@
         </div>
       </section>
 
+      <!-- TAB: SETTINGS & GOOGLE CLOUD RUN -->
+      <section id="tab-settings" class="tab-panel">
+        <div class="panel-header">
+          <div>
+            <h2>⚙️ Cloud Run & Multi-Key Settings</h2>
+            <p class="subtitle">Configure Google Cloud Run backend endpoints, multi-API key auto-rotation pools, and platform sync.</p>
+          </div>
+        </div>
+
+        <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:20px;margin-top:16px;">
+          <!-- CARD 1: Google Cloud Run Backend Endpoint -->
+          <div class="card" style="background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;">
+              <h3 style="margin:0;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px;">
+                <span>☁️</span> Google Cloud Run Backend (.run.app)
+              </h3>
+              <span id="cloud-status-badge" class="badge badge-idle" style="padding:4px 8px;font-size:11px;">Local Node</span>
+            </div>
+            <p style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">
+              Connect ANTRI Desktop & CLI to your Google Cloud Run container. Automatically inherits Gemini 3.7 / 3.5 models and tools.
+            </p>
+            <div style="margin-bottom:12px;">
+              <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">Cloud Run URL</label>
+              <input type="text" id="settings-backend-url" class="modal-input" placeholder="https://antri-backend-xxxxx-uc.a.run.app" />
+            </div>
+            <div style="display:flex;gap:8px;">
+              <button class="action-btn" onclick="saveCloudBackendUrl()" style="flex:1;">⚡ Connect Cloud Run</button>
+              <button class="action-btn-secondary" onclick="testCloudBackendHealth()">🔍 Test Health</button>
+            </div>
+            <div id="cloud-health-output" style="margin-top:12px;font-size:12px;display:none;padding:8px 12px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid var(--border);"></div>
+          </div>
+
+          <!-- CARD 2: Multi-API Key Auto-Rotation Pool -->
+          <div class="card" style="background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;">
+              <h3 style="margin:0;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px;">
+                <span>🔑</span> Multi-API Key Auto-Rotation Pool
+              </h3>
+              <span id="keys-pool-count" class="badge" style="background:#7c3aed;color:#fff;padding:4px 8px;font-size:11px;">1 Key Active</span>
+            </div>
+            <p style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">
+              Provide 3-4 API keys. When one key reaches rate limits (429) or runs out of credits, ANTRI seamlessly spins up the next key with zero downtime.
+            </p>
+            <div style="margin-bottom:12px;">
+              <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">Select Provider</label>
+              <select id="settings-key-provider" class="modal-input" onchange="onSettingsProviderChange()">
+                <option value="gemini">Google Gemini (Recommended)</option>
+                <option value="openai">OpenAI</option>
+                <option value="anthropic">Anthropic</option>
+                <option value="cerebras">Cerebras</option>
+                <option value="cohere">Cohere</option>
+                <option value="deepseek">DeepSeek</option>
+                <option value="nvidia_nim">NVIDIA NIM</option>
+              </select>
+            </div>
+            <div style="margin-bottom:12px;">
+              <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">API Key Pool (Paste 1-4 keys, comma or newline separated)</label>
+              <textarea id="settings-keys-textarea" class="modal-input" rows="3" placeholder="AIzaSyKey1...,&#10;AIzaSyKey2...,&#10;AIzaSyKey3..."></textarea>
+            </div>
+            <div style="display:flex;gap:8px;">
+              <button class="action-btn" onclick="saveApiKeyPool()" style="flex:1;">💾 Save Key Pool</button>
+              <button class="action-btn-secondary" onclick="rotateKeyPoolManually()">🔄 Rotate Key</button>
+            </div>
+          </div>
+        </div>
+      </section>
+
     </main>
   </div>
 
@@ -929,10 +999,15 @@
             <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">Email Address</label>
             <input type="email" id="modal-email-input" class="modal-input" placeholder="user@gmail.com" />
           </div>
-          <div style="margin-bottom:16px;">
+          <div style="margin-bottom:12px;">
             <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">Password</label>
             <input type="password" id="modal-pass-input" class="modal-input" placeholder="••••••••" />
           </div>
+          <div style="margin-bottom:16px;">
+            <label style="display:block;font-size:12px;font-weight:600;margin-bottom:6px;">Google Cloud Run Backend URL (Optional)</label>
+            <input type="text" id="modal-backend-url-input" class="modal-input" placeholder="https://antri-backend-xxxxx-uc.a.run.app" />
+            <span style="font-size:11px;color:var(--text-muted);display:block;margin-top:4px;">When set, automatically auto-configures API & LLM models via your Cloud Run container.</span>
+          </div>
           <button class="action-btn" style="width:100%;margin-bottom:8px;" onclick="submitDesktopLogin()">Sign In / Register</button>
         </div>
         <div id="auth-logged-view" style="display:none;text-align:center;padding:12px 0;">

package/dist/desktop/public/style.css

@@ -1427,6 +1427,103 @@ body.antri-app {
   color: #fff;
 }
 
+/* Global Floating Permission Request Banner (for CLI & Desktop) */
+.global-permission-overlay {
+  position: fixed;
+  top: 24px;
+  right: 24px;
+  z-index: 10000;
+  max-width: 440px;
+  width: calc(100vw - 48px);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  pointer-events: none;
+}
+
+.global-permission-card {
+  pointer-events: auto;
+  background: rgba(18, 18, 24, 0.95);
+  border: 1.5px solid #f59e0b;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7), 0 0 24px rgba(245, 158, 11, 0.25);
+  backdrop-filter: blur(20px);
+  color: #f1f5f9;
+  animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes slideInRight {
+  from { transform: translateX(100%); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+
+.global-permission-card .perm-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 800;
+  font-size: 12px;
+  color: #f59e0b;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-bottom: 6px;
+}
+
+.global-permission-card .perm-source {
+  font-size: 10px;
+  font-weight: 700;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(245, 158, 11, 0.2);
+  color: #fbbf24;
+  margin-left: auto;
+}
+
+.global-permission-card .perm-tool-name {
+  font-family: var(--font-mono, monospace);
+  font-weight: 700;
+  color: #38bdf8;
+  font-size: 14px;
+  margin-bottom: 6px;
+}
+
+.global-permission-card .perm-args-box {
+  background: #09090f;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  padding: 8px 10px;
+  font-family: var(--font-mono, monospace);
+  font-size: 11px;
+  color: #94a3b8;
+  max-height: 90px;
+  overflow-y: auto;
+  word-break: break-all;
+  white-space: pre-wrap;
+  margin-bottom: 12px;
+}
+
+.global-permission-card .perm-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.global-permission-card .perm-actions button {
+  flex: 1;
+  padding: 8px 10px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+  border: none;
+  transition: transform 0.1s, opacity 0.15s;
+}
+
+.global-permission-card .perm-actions button:hover {
+  opacity: 0.9;
+  transform: translateY(-1px);
+}
+
 /* Artifacts Hub & Interactive Cards */
 .artifacts-container {
   display: flex;

package/dist/desktop/server.d.ts

@@ -1,8 +1,19 @@
+/**
+ * Global Real-Time Desktop Permission Bridge
+ * Allows CLI and Desktop to seamlessly share tool authorization dialogs.
+ */
+export declare class DesktopPermissionBridge {
+    private static sseClients;
+    private static pendingPermissions;
+    static registerClient(sender: (event: string, data: any) => void): () => void;
+    static hasActiveClients(): boolean;
+    static requestPermission(name: string, args: Record<string, any>, source?: 'cli' | 'desktop'): Promise<boolean>;
+    static resolvePermission(requestId: string, allowed: boolean, alwaysAllow?: boolean): boolean;
+}
 export declare class DesktopServer {
     private server;
     private port;
     private activeAgent;
-    private pendingPermissions;
     private currentSseSender;
     constructor();
     private setupPermissionHandler;

package/dist/desktop/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAuCA,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAiD;IAC3E,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IA2BjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WA81BH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAuCA;;;GAGG;AACH,qBAAa,uBAAuB;IAClC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAiD;IAC1E,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAiD;WAEpE,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI;WAOtE,gBAAgB,IAAI,OAAO;WAI3B,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAE,KAAK,GAAG,SAAiB,GAAG,OAAO,CAAC,OAAO,CAAC;WAyB/G,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO;CAiBrG;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IAUjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WAu8BH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}

package/dist/desktop/server.js

@@ -34,11 +34,68 @@ function getPublicDir() {
     }
     return path.join(__dirname, 'public');
 }
+/**
+ * Global Real-Time Desktop Permission Bridge
+ * Allows CLI and Desktop to seamlessly share tool authorization dialogs.
+ */
+export class DesktopPermissionBridge {
+    static sseClients = new Set();
+    static pendingPermissions = new Map();
+    static registerClient(sender) {
+        this.sseClients.add(sender);
+        return () => {
+            this.sseClients.delete(sender);
+        };
+    }
+    static hasActiveClients() {
+        return this.sseClients.size > 0;
+    }
+    static requestPermission(name, args, source = 'cli') {
+        const reqId = `perm_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+        for (const sender of this.sseClients) {
+            try {
+                sender('permission_request', {
+                    requestId: reqId,
+                    name,
+                    args,
+                    source,
+                });
+            }
+            catch (_) { }
+        }
+        return new Promise((resolve) => {
+            this.pendingPermissions.set(reqId, resolve);
+            setTimeout(() => {
+                if (this.pendingPermissions.has(reqId)) {
+                    this.pendingPermissions.delete(reqId);
+                    resolve(false);
+                }
+            }, 120000);
+        });
+    }
+    static resolvePermission(requestId, allowed, alwaysAllow) {
+        if (alwaysAllow) {
+            configManager.setAlwaysAllow(true);
+        }
+        const resolver = this.pendingPermissions.get(requestId);
+        if (resolver) {
+            this.pendingPermissions.delete(requestId);
+            resolver(allowed);
+            for (const sender of this.sseClients) {
+                try {
+                    sender('permission_resolved', { requestId, allowed });
+                }
+                catch (_) { }
+            }
+            return true;
+        }
+        return false;
+    }
+}
 export class DesktopServer {
     server = null;
     port = parseInt(process.env.PORT || '3456', 10);
     activeAgent;
-    pendingPermissions = new Map();
     currentSseSender = null;
     constructor() {
         this.activeAgent = new AntriAgent(configManager.get());
@@ -51,23 +108,7 @@ export class DesktopServer {
                 return true;
             if (!ToolExecutor.isSensitive(name))
                 return true;
-            const reqId = `perm_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
-            if (this.currentSseSender) {
-                this.currentSseSender('permission_request', {
-                    requestId: reqId,
-                    name,
-                    args,
-                });
-            }
-            return new Promise((resolve) => {
-                this.pendingPermissions.set(reqId, resolve);
-                setTimeout(() => {
-                    if (this.pendingPermissions.has(reqId)) {
-                        this.pendingPermissions.delete(reqId);
-                        resolve(false);
-                    }
-                }, 90000);
-            });
+            return DesktopPermissionBridge.requestPermission(name, args, 'desktop');
         });
     }
     async start() {
@@ -464,20 +505,38 @@ export class DesktopServer {
                     }
                     return;
                 }
+                // GET /api/events (Global Real-Time Desktop SSE Event Stream)
+                if (pathname === '/api/events' && req.method === 'GET') {
+                    res.writeHead(200, {
+                        'Content-Type': 'text/event-stream',
+                        'Cache-Control': 'no-cache',
+                        Connection: 'keep-alive',
+                    });
+                    const sendEvent = (event, data) => {
+                        res.write(`event: ${event}\ndata: ${JSON.stringify(data)}\n\n`);
+                    };
+                    const unregister = DesktopPermissionBridge.registerClient(sendEvent);
+                    sendEvent('connected', { timestamp: Date.now() });
+                    const heartbeat = setInterval(() => {
+                        try {
+                            res.write(': keepalive\n\n');
+                        }
+                        catch {
+                            clearInterval(heartbeat);
+                        }
+                    }, 15000);
+                    req.on('close', () => {
+                        clearInterval(heartbeat);
+                        unregister();
+                    });
+                    return;
+                }
                 // POST /api/permission/response (Desktop tool confirmation response)
                 if (pathname === '/api/permission/response' && req.method === 'POST') {
                     const { requestId, allowed, alwaysAllow } = payload;
-                    if (alwaysAllow) {
-                        configManager.setAlwaysAllow(true);
-                        this.activeAgent.updateConfig(configManager.get());
-                    }
-                    const resolver = this.pendingPermissions.get(requestId);
-                    if (resolver) {
-                        this.pendingPermissions.delete(requestId);
-                        resolver(!!allowed);
-                    }
+                    const handled = DesktopPermissionBridge.resolvePermission(requestId, !!allowed, !!alwaysAllow);
                     res.writeHead(200, { 'Content-Type': 'application/json' });
-                    res.end(JSON.stringify({ success: true }));
+                    res.end(JSON.stringify({ success: handled }));
                     return;
                 }
                 // POST /api/chat (Real-Time SSE Token Streaming)
@@ -931,6 +990,79 @@ export class DesktopServer {
                     res.end(JSON.stringify({ output: result }));
                     return;
                 }
+                // POST /api/config/backend (Configure Cloud Run endpoint and auto-configure)
+                if (pathname === '/api/config/backend' && req.method === 'POST') {
+                    const url = (payload.url || '').trim();
+                    configManager.setBackendUrl(url);
+                    this.activeAgent.updateConfig(configManager.get());
+                    let healthData = null;
+                    let healthOk = false;
+                    if (url) {
+                        try {
+                            const resp = await fetch(`${url.replace(/\/$/, '')}/api/health`);
+                            if (resp.ok) {
+                                healthData = await resp.json();
+                                healthOk = true;
+                            }
+                        }
+                        catch (_) { }
+                    }
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify({ success: true, backendUrl: url, healthOk, health: healthData }));
+                    return;
+                }
+                // POST /api/config/keys (Save Multi-Key API Key Pool with auto-rotation)
+                if (pathname === '/api/config/keys' && req.method === 'POST') {
+                    const provider = payload.provider || config.provider;
+                    const rawKeys = payload.keys || '';
+                    configManager.setApiKey(provider, rawKeys);
+                    this.activeAgent.updateConfig(configManager.get());
+                    const keysList = configManager.getApiKeysList(provider);
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify({ success: true, provider, keysCount: keysList.length, activeKey: keysList[0] || '' }));
+                    return;
+                }
+                // POST /api/config/key-rotate (Rotate to next key in pool)
+                if (pathname === '/api/config/key-rotate' && req.method === 'POST') {
+                    const provider = payload.provider || config.provider;
+                    const nextKey = configManager.rotateApiKey(provider);
+                    this.activeAgent.updateConfig(configManager.get());
+                    const keysList = configManager.getApiKeysList(provider);
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify({ success: true, provider, activeKey: nextKey, totalKeys: keysList.length }));
+                    return;
+                }
+                // POST /api/auth/login (Desktop Login & optional Cloud Run auto-config)
+                if (pathname === '/api/auth/login' && req.method === 'POST') {
+                    const { AuthManager } = await import('../cloud/auth.js');
+                    const email = payload.email || '';
+                    const password = payload.password || 'password123';
+                    const backendUrl = (payload.backendUrl || '').trim();
+                    if (backendUrl) {
+                        configManager.setBackendUrl(backendUrl);
+                    }
+                    let authRes = await AuthManager.login(email, password);
+                    if (!authRes.success) {
+                        authRes = await AuthManager.register(email, password);
+                    }
+                    if (authRes.success) {
+                        configManager.reloadForUser();
+                        this.activeAgent.updateConfig(configManager.get());
+                    }
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify(authRes));
+                    return;
+                }
+                // POST /api/auth/logout (Desktop Logout)
+                if (pathname === '/api/auth/logout' && req.method === 'POST') {
+                    const { AuthManager } = await import('../cloud/auth.js');
+                    AuthManager.logout();
+                    configManager.reloadForUser('default_user');
+                    this.activeAgent.updateConfig(configManager.get());
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify({ success: true }));
+                    return;
+                }
                 res.writeHead(404, { 'Content-Type': 'application/json' });
                 res.end(JSON.stringify({ error: 'Endpoint not found' }));
             }