zevairouter 1.0.121 → 1.0.123

package/src/app/(dashboard)/dashboard/basic-chat/BasicChatPageClient.js

@@ -981,7 +981,7 @@ export default function BasicChatPageClient() {
           </button>
           <button
             type="button"
-            className="flex size-9 items-center justify-center rounded-[10px] border border-border text-text-muted lg:hidden hover:bg-surface-2"
+            className="flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted lg:hidden hover:bg-surface-2"
             onClick={() => setHistoryOpen(false)}
             aria-label="Close history"
           >
@@ -1059,12 +1059,12 @@ export default function BasicChatPageClient() {
           <button
             type="button"
             onClick={() => setHistoryOpen(true)}
-            className="flex size-9 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2"
+            className="flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2"
             aria-label="Open chats"
             aria-expanded={historyOpen}
             aria-controls="playground-history"
           >
-            <span className="material-symbols-outlined text-[20px]">menu</span>
+            <span className="material-symbols-outlined text-[20px]">history</span>
           </button>
           <div className="min-w-0 text-center">
             <p className="truncate text-sm font-semibold">{modelLabel}</p>
@@ -1074,7 +1074,7 @@ export default function BasicChatPageClient() {
             type="button"
             onClick={handleNewChat}
             disabled={!activeModel}
-            className="flex size-9 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2 disabled:opacity-40"
+            className="flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2 disabled:opacity-40"
             aria-label="New chat"
           >
             <span className="material-symbols-outlined text-[20px]">edit_square</span>
@@ -1288,7 +1288,7 @@ export default function BasicChatPageClient() {
                     type="button"
                     onClick={() => fileInputRef.current?.click()}
                     disabled={!activeModel || loadingData}
-                    className="inline-flex h-9 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-medium text-text-main transition hover:border-primary/40 hover:bg-primary/10 hover:text-primary disabled:cursor-not-allowed disabled:opacity-40"
+                    className="inline-flex h-11 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-medium text-text-main transition hover:border-primary/40 hover:bg-primary/10 hover:text-primary disabled:cursor-not-allowed disabled:opacity-40"
                     title="Upload image"
                   >
                     <span className="material-symbols-outlined text-[18px]">add_photo_alternate</span>
@@ -1308,7 +1308,7 @@ export default function BasicChatPageClient() {
                     <button
                       type="button"
                       onClick={() => setSettingsOpen((v) => !v)}
-                      className={`inline-flex h-9 items-center gap-1.5 rounded-full border px-3 text-[12px] font-medium transition ${
+                      className={`inline-flex h-11 items-center gap-1.5 rounded-full border px-3 text-[12px] font-medium transition ${
                         settingsOpen || systemPrompt.trim() || temperature !== 0.7
                           ? "border-primary/40 bg-primary/10 text-primary"
                           : "border-border bg-surface text-text-main hover:border-primary/40 hover:bg-primary/10 hover:text-primary"
@@ -1388,7 +1388,7 @@ export default function BasicChatPageClient() {
                       aria-haspopup="listbox"
                       aria-expanded={modelMenuOpen}
                       aria-controls="playground-model-menu"
-                      className="inline-flex h-9 max-w-[min(100vw-12rem,260px)] items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-left transition hover:border-primary/40 hover:bg-surface-2 disabled:opacity-50"
+                      className="inline-flex h-11 max-w-[min(100vw-12rem,260px)] items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-left transition hover:border-primary/40 hover:bg-surface-2 disabled:opacity-50"
                     >
                       <span className="material-symbols-outlined text-[18px] text-primary shrink-0">
                         smart_toy
@@ -1422,7 +1422,7 @@ export default function BasicChatPageClient() {
                               onChange={(e) => setModelQuery(e.target.value)}
                               placeholder="Search models…"
                               autoFocus
-                              className="w-full rounded-lg border border-border bg-bg py-1.5 pl-8 pr-3 text-[12.5px] text-text-main outline-none placeholder:text-text-subtle focus:border-primary/40"
+                              className="w-full rounded-lg border border-border bg-bg py-1.5 pl-8 pr-3 text-[16px] text-text-main outline-none placeholder:text-text-subtle focus:border-primary/40"
                             />
                           </div>
                         </div>
@@ -1492,7 +1492,7 @@ export default function BasicChatPageClient() {
                     <button
                       type="button"
                       onClick={handleStop}
-                      className="inline-flex h-9 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-semibold text-text-main transition hover:bg-surface-2"
+                      className="inline-flex h-11 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-semibold text-text-main transition hover:bg-surface-2"
                       title="Stop generating"
                     >
                       <span className="material-symbols-outlined text-[18px]">stop_circle</span>
@@ -1504,7 +1504,7 @@ export default function BasicChatPageClient() {
                     type="button"
                     onClick={sendMessage}
                     disabled={!canSend}
-                    className={`inline-flex h-9 min-w-9 items-center justify-center gap-1.5 rounded-full px-3.5 text-[13px] font-semibold transition ${
+                    className={`inline-flex h-11 min-w-9 items-center justify-center gap-1.5 rounded-full px-3.5 text-[13px] font-semibold transition ${
                       canSend
                         ? "bg-primary text-white shadow-[0_2px_12px_rgba(229,106,74,0.45)] hover:bg-primary-hover active:scale-[0.97]"
                         : "bg-surface-3 text-text-subtle cursor-not-allowed opacity-70"

package/src/app/api/oauth/grok-cli/bulk-import/route.js

@@ -19,7 +19,7 @@ export async function POST(request) {
     const job = await manager.startJob({
       accounts,
       concurrency: body?.concurrency ?? 1,
-      engine: body?.engine || "cloakbrowser",
+      engine: "chromium",
       // Must forward proxy selection from the Automation modal — previously ignored,
       // so Grok bulk always hit xAI from the VPS IP even when a pool was selected.
       proxyPoolMode: body?.proxyPoolMode || "none",

package/src/lib/oauth/services/bulkImportBrowserEngine.js

@@ -2,15 +2,10 @@ import { createRequire } from "node:module";
 
 const requireFromHere = createRequire(import.meta.url);
 
-const SUPPORTED_ENGINES = new Set(["chromium", "camoufox", "cloakbrowser"]);
 export const DEFAULT_BULK_IMPORT_ENGINE = "chromium";
 
-export function normalizeBulkImportEngine(value) {
-  if (typeof value !== "string") return DEFAULT_BULK_IMPORT_ENGINE;
-  const lower = value.trim().toLowerCase();
-  // aliases
-  if (lower === "cloak" || lower === "cloackbrowser" || lower === "cloack") return "cloakbrowser";
-  return SUPPORTED_ENGINES.has(lower) ? lower : DEFAULT_BULK_IMPORT_ENGINE;
+export function normalizeBulkImportEngine() {
+  return DEFAULT_BULK_IMPORT_ENGINE;
 }
 
 function loadRuntimeHelper(name) {
@@ -243,20 +238,43 @@ async function launchChromium({ proxyUrl, headless = true, windowSize = null } =
   } catch {
     // ignore
   }
+  let effectiveProxy = proxyUrl;
+  let socksBridge = null;
   if (proxyUrl) {
+    const { ensureSocksHttpBridge, isSocksProxyUrl } = await import("./socksHttpBridge.js");
+    if (isSocksProxyUrl(proxyUrl)) {
+      socksBridge = await ensureSocksHttpBridge(proxyUrl);
+      if (socksBridge?.httpProxyUrl) effectiveProxy = socksBridge.httpProxyUrl;
+    }
     const { parsePlaywrightProxy } = await import("./proxyUtils.js");
-    options.proxy = parsePlaywrightProxy(proxyUrl) || { server: proxyUrl };
+    options.proxy = parsePlaywrightProxy(effectiveProxy) || { server: effectiveProxy };
   }
 
+  let bridgeOwnedByBrowser = false;
+  const wrapLaunchedBrowser = (browser) => {
+    if (socksBridge) {
+      bridgeOwnedByBrowser = true;
+      const close = browser.close.bind(browser);
+      browser.close = async () => {
+        try {
+          return await close();
+        } finally {
+          await socksBridge.release();
+        }
+      };
+    }
+    return wrapBrowserWithStealth(browser);
+  };
+
   try {
     const browser = await chromium.launch(options);
-    return wrapBrowserWithStealth(browser);
+    return wrapLaunchedBrowser(browser);
   } catch (error) {
     const msg = String(error?.message || error || "");
     if (!wantHeadless && /XServer|DISPLAY|Missing X server|headed browser|no DISPLAY/i.test(msg)) {
       await ensureHeadedDisplayOrThrow();
       const browser = await chromium.launch(options);
-      return wrapBrowserWithStealth(browser);
+      return wrapLaunchedBrowser(browser);
     }
     // Retry without executablePath if channel/chrome confusion remains
     if (/distribution ['\"]chrome['\"]|Executable doesn't exist|chrome-headless-shell/i.test(msg)) {
@@ -265,11 +283,12 @@ async function launchChromium({ proxyUrl, headless = true, windowSize = null } =
         delete retryOpts.channel;
         delete retryOpts.executablePath;
         const browser = await chromium.launch(retryOpts);
-        return wrapBrowserWithStealth(browser);
+        return wrapLaunchedBrowser(browser);
       } catch {
         // fall through
       }
     }
+    if (!bridgeOwnedByBrowser) await socksBridge?.release();
     throw error;
   }
 }
@@ -534,15 +553,6 @@ export async function launchBulkImportBrowser({
   headless = true,
   windowSize = null,
 } = {}) {
-  const normalized = normalizeBulkImportEngine(engine);
-  if (normalized === "camoufox") {
-    return launchCamoufox({ proxyUrl, headless, windowSize });
-  }
-  if (normalized === "cloakbrowser") {
-    // Turnstile needs a real window unless caller forces headless
-    const cloakHeadless = headless === true;
-    return launchCloakbrowser({ proxyUrl, headless: cloakHeadless, windowSize });
-  }
   return launchChromium({ proxyUrl, headless, windowSize });
 }
 

package/src/lib/oauth/services/grokCliBulkImportManager.js

@@ -172,16 +172,12 @@ async function defaultSaveGrokCliConnection({ tokens, email, automation = "tempm
   return { connection };
 }
 
-async function defaultBrowserLauncher(proxyUrl, engine) {
-  const { launchBulkImportBrowser, normalizeBulkImportEngine } = await import("./bulkImportBrowserEngine.js");
-  const resolved = normalizeBulkImportEngine(engine || "cloakbrowser");
-  // CloakBrowser defaults headed (Turnstile); other engines keep headless default
-  const headless = resolved === "cloakbrowser" ? false : true;
+async function defaultBrowserLauncher(proxyUrl) {
+  const { launchBulkImportBrowser } = await import("./bulkImportBrowserEngine.js");
   return launchBulkImportBrowser({
-    engine: resolved,
+    engine: "chromium",
     proxyUrl,
-    headless,
-    windowSize: resolved === "cloakbrowser" ? { width: 1280, height: 900 } : null,
+    headless: true,
   });
 }
 
@@ -314,10 +310,13 @@ class GrokCliBulkImportManager extends KiroBulkImportManager {
 
     // If browser already launched with this proxy, don't double-apply on context
     const contextProxy = ownedBrowser ? null : accountProxy;
-    const { context, page } = await createFreshContext(browser, contextProxy);
-    account.runtimeSession = { context, page, ownedBrowser };
+    let context = null;
 
     try {
+      const session = await createFreshContext(browser, contextProxy);
+      context = session.context;
+      const { page } = session;
+      account.runtimeSession = { context, page, ownedBrowser };
       this.setAccountStep(
         account,
         "preparing_worker",
@@ -378,7 +377,7 @@ class GrokCliBulkImportManager extends KiroBulkImportManager {
             message: signup.error || "xAI email signup failed",
           });
           account.runtimeSession = null;
-          await context.close().catch(() => null);
+          await context?.close().catch(() => null);
           if (ownedBrowser) await ownedBrowser.close().catch(() => null);
           await this.persistJobSnapshot(job, { forcePreview: true });
           return;
@@ -429,7 +428,7 @@ class GrokCliBulkImportManager extends KiroBulkImportManager {
       if (auth.status === "success" && auth.tokens) {
         await this.finalizeSuccess(job, account, auth.tokens, mode);
         account.runtimeSession = null;
-        await context.close().catch(() => null);
+        await context?.close().catch(() => null);
         if (ownedBrowser) await ownedBrowser.close().catch(() => null);
         await this.persistJobSnapshot(job, { forcePreview: true });
         return;
@@ -459,7 +458,7 @@ class GrokCliBulkImportManager extends KiroBulkImportManager {
         message: auth.error || "Device authorization failed",
       });
       account.runtimeSession = null;
-      await context.close().catch(() => null);
+      await context?.close().catch(() => null);
       if (ownedBrowser) await ownedBrowser.close().catch(() => null);
       await this.persistJobSnapshot(job, { forcePreview: true });
     } catch (error) {
@@ -477,7 +476,7 @@ class GrokCliBulkImportManager extends KiroBulkImportManager {
         });
       }
       account.runtimeSession = null;
-      await context.close().catch(() => null);
+      await context?.close().catch(() => null);
       if (ownedBrowser) await ownedBrowser.close().catch(() => null);
       await this.persistJobSnapshot(job, { forcePreview: true });
     } finally {

package/src/lib/oauth/services/kiroBulkImportManager.js

@@ -391,16 +391,12 @@ export async function createFreshContext(browser, proxy) {
 
   // Chromium cannot authenticate SOCKS5 — bridge to local HTTP proxy first
   if (proxy) {
-    try {
-      const { ensureSocksHttpBridge, isSocksProxyUrl } = await import("./socksHttpBridge.js");
-      if (isSocksProxyUrl(proxy)) {
-        socksBridge = await ensureSocksHttpBridge(proxy);
-        if (socksBridge?.httpProxyUrl) {
-          effectiveProxy = socksBridge.httpProxyUrl;
-        }
+    const { ensureSocksHttpBridge, isSocksProxyUrl } = await import("./socksHttpBridge.js");
+    if (isSocksProxyUrl(proxy)) {
+      socksBridge = await ensureSocksHttpBridge(proxy);
+      if (socksBridge?.httpProxyUrl) {
+        effectiveProxy = socksBridge.httpProxyUrl;
       }
-    } catch (error) {
-      console.warn("[bulk-import] SOCKS bridge unavailable:", error?.message || error);
     }
   }
 
@@ -422,7 +418,13 @@ export async function createFreshContext(browser, proxy) {
   }
   // Ignore HTTPS errors common through residential proxies / MITM chains
   contextOptions.ignoreHTTPSErrors = true;
-  const context = await browser.newContext(contextOptions);
+  let context;
+  try {
+    context = await browser.newContext(contextOptions);
+  } catch (error) {
+    await socksBridge?.release().catch(() => null);
+    throw error;
+  }
 
   // Release the SOCKS bridge when the context closes
   if (socksBridge) {
@@ -436,7 +438,13 @@ export async function createFreshContext(browser, proxy) {
     };
   }
 
-  const page = await context.newPage();
+  let page;
+  try {
+    page = await context.newPage();
+  } catch (error) {
+    await context.close().catch(() => null);
+    throw error;
+  }
   // Abort NON-Google trackers only. Do NOT block googletagmanager / gstatic /
   // googleadservices / google-analytics — Google sign-in / reCAPTCHA enterprise
   // load beacons from those hosts; aborting them raises CAPTCHA rate vs the
@@ -603,7 +611,7 @@ export class KiroBulkImportManager {
       writeResumeBlob(getResumeFile(job.jobId, this.storageDir), {
         jobId: job.jobId,
         concurrency: job.concurrency,
-        engine: job.engine,
+        engine: normalizeBulkImportEngine(),
         proxyPoolMode: job.proxyPoolMode,
         proxyUrls: job.proxyUrls || [],
         createdAt: job.createdAt,
@@ -672,7 +680,7 @@ export class KiroBulkImportManager {
       jobId,
       status: "running",
       concurrency: clampConcurrency(resume.concurrency),
-      engine: resume.engine || "chromium",
+      engine: normalizeBulkImportEngine(),
       proxyPoolMode: resume.proxyPoolMode || "none",
       proxyUrls: Array.isArray(resume.proxyUrls) ? resume.proxyUrls : [],
       createdAt,
@@ -1112,11 +1120,14 @@ export class KiroBulkImportManager {
 
     const kiroService = this.kiroServiceFactory();
     const socialAuth = kiroService.createSocialAuthorization("google");
-    const { context, page } = await createFreshContext(job.browser, account.proxyUrl);
-    const callbackPromise = createKiroCallbackMonitor(context, page);
-    account.runtimeSession = { context, page };
+    let context = null;
 
     try {
+      const session = await createFreshContext(job.browser, account.proxyUrl);
+      context = session.context;
+      const { page } = session;
+      const callbackPromise = createKiroCallbackMonitor(context, page);
+      account.runtimeSession = { context, page };
       this.setAccountStep(account, "preparing_worker", `Worker ${workerId} is preparing a browser context`);
       await this.persistJobSnapshot(job, { forcePreview: true });
       const automationResult = await this.googleAutomation({
@@ -1145,7 +1156,7 @@ export class KiroBulkImportManager {
           message: "Kiro connection saved successfully",
         });
         account.runtimeSession = null;
-        await context.close().catch(() => null);
+        await context?.close().catch(() => null);
         await this.persistJobSnapshot(job, { forcePreview: true });
         return;
       }
@@ -1185,7 +1196,7 @@ export class KiroBulkImportManager {
         message: automationResult.error || "Kiro Google automation failed.",
       });
       account.runtimeSession = null;
-      await context.close().catch(() => null);
+      await context?.close().catch(() => null);
       await this.persistJobSnapshot(job, { forcePreview: true });
     } catch (error) {
       this.finalizeAccount(account, "failed", {
@@ -1194,7 +1205,7 @@ export class KiroBulkImportManager {
         message: error.message || "Unexpected Kiro bulk import failure.",
       });
       account.runtimeSession = null;
-      await context.close().catch(() => null);
+      await context?.close().catch(() => null);
       await this.persistJobSnapshot(job, { forcePreview: true });
     } finally {
       account.password = undefined;

package/src/lib/oauth/services/socksHttpBridge.js

@@ -15,7 +15,7 @@
 import http from "node:http";
 import { SocksClient } from "socks";
 
-const bridges = new Map(); // key -> { server, port, refCount, httpProxyUrl, closePromise }
+const bridges = new Map(); // key -> Promise<{ server, port, refCount, httpProxyUrl }>
 
 function parseSocksUrl(proxyUrl) {
   const url = new URL(String(proxyUrl).trim());
@@ -29,7 +29,7 @@ function parseSocksUrl(proxyUrl) {
     type: protocol.includes("4") ? 4 : 5,
     userId: url.username ? decodeURIComponent(url.username) : undefined,
     password: url.password ? decodeURIComponent(url.password) : undefined,
-    key: `${protocol}://${url.username}@${url.hostname}:${url.port || 1080}`,
+    key: `${protocol}://${url.username}:${url.password}@${url.hostname}:${url.port || 1080}`,
   };
 }
 
@@ -124,10 +124,18 @@ export async function ensureSocksHttpBridge(proxyUrl) {
   // No auth needed for socks without credentials — Playwright can use it directly
   if (!socks.userId && !socks.password) return null;
 
-  let entry = bridges.get(socks.key);
-  if (!entry) {
-    entry = await startBridge(socks);
-    bridges.set(socks.key, entry);
+  let entryPromise = bridges.get(socks.key);
+  if (!entryPromise) {
+    entryPromise = startBridge(socks);
+    bridges.set(socks.key, entryPromise);
+  }
+
+  let entry;
+  try {
+    entry = await entryPromise;
+  } catch (error) {
+    if (bridges.get(socks.key) === entryPromise) bridges.delete(socks.key);
+    throw error;
   }
   entry.refCount += 1;
 
@@ -139,7 +147,7 @@ export async function ensureSocksHttpBridge(proxyUrl) {
       released = true;
       entry.refCount = Math.max(0, entry.refCount - 1);
       if (entry.refCount === 0) {
-        bridges.delete(socks.key);
+        if (bridges.get(socks.key) === entryPromise) bridges.delete(socks.key);
         await entry.close().catch(() => null);
       }
     },

package/src/shared/components/BulkAccountAutomationModal.js

@@ -13,11 +13,6 @@ const DEFAULT_CONCURRENCY = 4;
 const ACTIVE_JOB_STATUSES = new Set(["queued", "running", "needs_manual"]);
 const TERMINAL_JOB_STATUSES = new Set(["completed", "failed", "cancelled"]);
 const DEFAULT_ENGINE = "chromium";
-const ENGINE_OPTIONS = [
-  { value: "chromium", label: "Chromium (default, fast)" },
-  { value: "camoufox", label: "Camoufox (stealth Firefox, slower)" },
-  { value: "cloakbrowser", label: "CloakBrowser (Turnstile / xAI email)" },
-];
 
 function formatStepLabel(value) {
   return String(value || "waiting").replaceAll("_", " ");
@@ -92,7 +87,6 @@ export default function BulkAccountAutomationModal({
   }, [draftKey]);
   const [concurrency, setConcurrency] = useState(String(DEFAULT_CONCURRENCY));
   const [autoConcurrency, setAutoConcurrency] = useState(true);
-  const [engine, setEngine] = useState(defaultEngine || DEFAULT_ENGINE);
   const [proxyPoolSelection, setProxyPoolSelection] = useState("");
   const [proxyPools, setProxyPools] = useState([]);
   const [activeJob, setActiveJob] = useState(null);
@@ -163,11 +157,6 @@ export default function BulkAccountAutomationModal({
     }
   }, [storageKey, defaultEngine, setBulkText]);
 
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect -- sync-from-props: resets engine selection when the provider/default engine changes
-    setEngine(defaultEngine || DEFAULT_ENGINE);
-  }, [defaultEngine, provider]);
-
   useEffect(() => {
     if (!isOpen) return;
 
@@ -265,7 +254,7 @@ export default function BulkAccountAutomationModal({
           concurrency: autoConcurrency
             ? "auto"
             : Number.parseInt(concurrency, 10) || DEFAULT_CONCURRENCY,
-          engine,
+          engine: DEFAULT_ENGINE,
           proxyPoolMode,
           proxyPoolId,
         }),
@@ -393,18 +382,7 @@ export default function BulkAccountAutomationModal({
 
               <div>
                 <label className="mb-2 block text-sm font-medium">Browser Engine</label>
-                <select
-                  value={engine}
-                  onChange={(event) => setEngine(event.target.value)}
-                  className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary"
-                >
-                  {ENGINE_OPTIONS.map((opt) => (
-                    <option key={opt.value} value={opt.value}>{opt.label}</option>
-                  ))}
-                </select>
-                <p className="mt-1 text-xs text-text-muted">
-                  Camoufox is a stealth Firefox; first run downloads ~150MB.
-                </p>
+                <p className="rounded-lg border border-border bg-background px-3 py-2 text-sm">Chromium</p>
               </div>
             </div>
 

package/src/shared/components/Header.js

@@ -261,13 +261,13 @@ export default function Header({ onMenuClick, showMenuButton = true }) {
   };
 
   return (
-    <header className="shrink-0 flex min-h-16 items-center justify-between gap-3 px-4 lg:px-8 py-3 border-b border-border-subtle bg-surface/80 backdrop-blur-xl z-20">
+    <header className="shrink-0 flex min-h-16 flex-wrap items-center justify-between gap-2 px-3 py-2.5 sm:gap-3 sm:px-4 sm:py-3 lg:px-8 border-b border-border-subtle bg-surface/80 backdrop-blur-xl z-20">
       {/* Mobile menu button */}
-      <div className="flex items-center gap-3 lg:hidden shrink-0">
+      <div className="flex items-center gap-2 lg:hidden shrink-0">
         {showMenuButton && (
           <button
             onClick={onMenuClick}
-            className="text-text-main hover:text-primary transition-colors"
+            className="flex size-10 items-center justify-center rounded-lg text-text-main hover:bg-surface-2 hover:text-primary transition-colors"
           >
             <span className="material-symbols-outlined">menu</span>
           </button>
@@ -336,7 +336,7 @@ export default function Header({ onMenuClick, showMenuButton = true }) {
       </div>
 
       {/* Right actions */}
-      <div className="flex items-center gap-1 shrink-0">
+      <div className="order-2 flex items-center gap-0.5 shrink-0 sm:order-none sm:gap-1">
         {displayName && loginMethod === "OIDC" && (
           <div className="hidden sm:flex items-center max-w-[220px] px-3 py-1.5 rounded-full border border-border bg-surface/70 text-xs text-text-muted truncate">
             <span className="material-symbols-outlined text-[14px] mr-1.5 text-primary">person</span>
@@ -346,11 +346,11 @@ export default function Header({ onMenuClick, showMenuButton = true }) {
             </span>
           </div>
         )}
-        <HeaderSearch />
-        <ThemeToggle />
+        <ThemeToggle className="size-9 sm:size-10" />
         <HeaderLanguage />
         <HeaderMenu onLogout={handleLogout} />
       </div>
+      <HeaderSearch />
     </header>
   );
 }
@@ -364,7 +364,7 @@ function HeaderSearch() {
   if (!visible) return null;
 
   return (
-    <div className="relative w-[160px] sm:w-[220px]">
+    <div className="relative order-3 w-full sm:order-none sm:w-[220px]">
       <span className="material-symbols-outlined absolute left-2 top-1/2 -translate-y-1/2 text-text-muted text-[16px] pointer-events-none">
         search
       </span>

package/src/shared/components/Sidebar.js

@@ -129,7 +129,7 @@ export default function Sidebar({ onClose }) {
 
   return (
     <>
-      <aside className="flex w-72 flex-col border-r border-border-subtle bg-vibrancy backdrop-blur-xl shadow-[8px_0_30px_-28px_rgba(0,0,0,0.45)] transition-colors duration-300 min-h-full">
+      <aside className="flex w-[min(18rem,86vw)] flex-col border-r border-border-subtle bg-vibrancy backdrop-blur-xl shadow-[8px_0_30px_-28px_rgba(0,0,0,0.45)] transition-colors duration-300 min-h-full lg:w-72">
         {/* Traffic lights */}
         <div className="flex items-center gap-2 px-6 pt-5 pb-2">
           <div className="w-3 h-3 rounded-full bg-[#FF5F56]" />

package/src/shared/components/layouts/DashboardLayout.js

@@ -103,8 +103,8 @@ export default function DashboardLayout({ children }) {
         <div className="landing-grid absolute inset-0 pointer-events-none -z-10" aria-hidden="true" />
         {/* Playground / Terminal are full-bleed chrome — hide page header for a cleaner product feel */}
         {isFullBleed ? (
-          <div className="lg:hidden shrink-0 flex items-center gap-2 px-3 py-2 border-b border-border-subtle bg-surface/60">
-            <button type="button" onClick={() => setSidebarOpen(true)} className="text-text-main" aria-label="Open menu">
+          <div className="lg:hidden shrink-0 flex min-h-12 items-center gap-2 px-2 py-1 border-b border-border-subtle bg-surface/60">
+            <button type="button" onClick={() => setSidebarOpen(true)} className="flex size-11 shrink-0 items-center justify-center rounded-lg text-text-main hover:bg-surface-2" aria-label="Open dashboard navigation">
               <span className="material-symbols-outlined">menu</span>
             </button>
             <span className="text-sm font-semibold">{isTerminal ? "Terminal" : "Playground"}</span>
@@ -112,8 +112,8 @@ export default function DashboardLayout({ children }) {
         ) : (
           <Header key={pathname} onMenuClick={() => setSidebarOpen(true)} />
         )}
-        <div className={`flex-1 overflow-y-auto custom-scrollbar ${isFullBleed ? "" : "px-4 py-5 sm:px-6 sm:py-7 lg:px-10 lg:py-8"} ${isFullBleed ? "flex flex-col overflow-hidden" : ""}`}>
-          <div className={`${isFullBleed ? "flex-1 w-full h-full flex flex-col min-h-0" : "max-w-6xl mx-auto"}`}>{children}</div>
+        <div className={`flex-1 overflow-y-auto custom-scrollbar ${isFullBleed ? "" : "px-3 py-4 sm:px-6 sm:py-7 lg:px-10 lg:py-8"} ${isFullBleed ? "flex flex-col overflow-hidden" : ""}`}>
+          <div className={`${isFullBleed ? "flex-1 w-full h-full flex flex-col min-h-0" : "w-full min-w-0 max-w-6xl mx-auto"}`}>{children}</div>
         </div>
       </main>
     </div>

package/cli/app/.next-cli-build/server/chunks/1396.js

@@ -1 +0,0 @@
-"use strict";exports.id=1396,exports.ids=[1396,2693],exports.modules={42693:(a,b,c)=>{c.d(b,{$O:()=>m,AUTOCLAW_WALLET_ENDPOINT:()=>k,Cw:()=>g,VR:()=>j,_V:()=>l,buildAutoClawWalletHeaders:()=>o,df:()=>e,dy:()=>h,p8:()=>n,xT:()=>i});var d=c(55511);let e="100003",f="https://autoglm-api.autoglm.ai",g=`${f}/autoclaw-proxy/proxy/autoclaw`,h=`${f}/userapi/overseasv1/google-oauth-url`,i=`${f}/userapi/oauth/google/callback`,j=`${f}/userapi/v1/refresh`,k=`${f}/agent-assetmgr/api/v2/wallets?biz_app_id=autoclaw`,l="1.10.0";function m(a){let b=`${e}&${a}&38d2391985e2369a5fb8227d8e6cd5e5`;return(0,d.createHash)("md5").update(b).digest("hex")}function n(a={}){let b=String(Math.floor(Date.now()/1e3));return{accept:"*/*","content-type":"application/json",origin:"https://autoclaw.z.ai",referer:"https://autoclaw.z.ai/","user-agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36","x-auth-appid":e,"x-auth-timestamp":b,"x-auth-sign":m(b),"x-product":"autoclaw","x-version":l,"x-tm":"web","x-channel":"official","x-client-type":"web","x-trace-id":(0,d.randomUUID)(),"x-lang":"zh-CN",...a}}function o(a){let b=String(a||"").replace(/^Bearer\s+/i,"");return n({authorization:`Bearer ${b}`})}},51396:(a,b,c)=>{c.d(b,{cO:()=>e.cO,$X:()=>p,$w:()=>e.$w});var d=c(55511),e=c(53041),f=c(82506);let g=["/userapi/overseasv1/google-oauth-login","/userapi/v1/refresh","/userapi/overseasv1/refresh"];async function h(a){let b;if(!a)return null;try{b=await a.evaluate(()=>{let a={};for(let b=0;b<localStorage.length;b++){let c=localStorage.key(b),d=localStorage.getItem(c);d&&(d.includes("eyJ")||c.toLowerCase().includes("token"))&&(a[c]=d)}return a})}catch{return null}if(!b)return null;let c="",d="";for(let[a,e]of Object.entries(b)){let b=String(e).replace(/^Bearer\s+/i,"");b.startsWith("eyJ")&&(a.toLowerCase().includes("refresh")?d=b:c||(c=b))}return c?{accessToken:c,refreshToken:d}:null}var i=c(39609),j=c(42693);async function k(a,b){let c=await (0,i.proxyAwareFetch)(j.dy,{method:"POST",headers:(0,j.p8)(),body:JSON.stringify({device_id:a,source_id:"web",navigate_uri:j.xT,client_type:"web"})},b);if(!c.ok)throw Error(`AutoClaw oauth-url request failed (HTTP ${c.status})`);let d=await c.json();if(d?.code!==0||!d?.data?.oauth_url)throw Error(`AutoClaw oauth-url response invalid: ${JSON.stringify(d).slice(0,200)}`);return{oauthUrl:d.data.oauth_url,state:d.data.state||""}}async function l(a,b){try{let c=await (0,i.proxyAwareFetch)(j.AUTOCLAW_WALLET_ENDPOINT,{method:"GET",headers:(0,j.buildAutoClawWalletHeaders)(a)},b);if(!c.ok)return null;let d=await c.json();if(d?.code===0)return d.data?.total_balance??null}catch{}return null}async function m({tokens:a,email:b,deviceId:d,balance:e}){let{createProviderConnection:f}=await Promise.resolve().then(c.bind(c,71998)),g={provider:"autoclaw",authType:"oauth",accessToken:a.accessToken,refreshToken:a.refreshToken||"",email:b,displayName:b.split("@")[0],providerSpecificData:{authMethod:"oauth",deviceId:d||"",loginEmail:b,balance:e??null,automation:"gsuite-bulk"},expiresAt:new Date(Date.now()+864e5).toISOString(),testStatus:"active"};return{connection:await f(g)}}async function n(a){let{launchBulkImportBrowser:b}=await c.e(5949).then(c.bind(c,75949));return b({engine:a?.engine||"chromium"})}class o extends e.Q6{constructor({saveConnection:a=m,browserLauncher:b=n,storageName:c="autoclaw-bulk-import"}={}){super({browserLauncher:b,storageName:c}),this.saveConnection=a}async processAccount(a,b,c){let h;if(a.cancelRequested||!a.browser)return void this.finalizeAccount(b,"cancelled",{error:"Job cancelled"});let{context:i,page:j}=await (0,e.go)(a.browser,b.proxyUrl);b.runtimeSession={context:i,page:j};let l=(0,d.randomUUID)(),m=b?.proxyUrl?{enabled:!0,url:b.proxyUrl}:null;try{this.setAccountStep(b,"preparing_worker",`Worker ${c} requesting AutoClaw OAuth URL`),await this.persistJobSnapshot(a,{forcePreview:!0}),{oauthUrl:h}=await k(l,m)}catch(c){this.finalizeAccount(b,"failed",{error:`Failed to get AutoClaw OAuth URL: ${c.message}`,step:"failed",message:c.message}),b.runtimeSession=null,await i.close().catch(()=>null),await this.persistJobSnapshot(a,{forcePreview:!0});return}let n=function(a,b,{timeoutMs:c=18e4}={}){let d,e,f=new Promise((a,b)=>{d=a,e=b}),h=!1,i=new Set,j=new Map,k=setTimeout(()=>{l(null,Error("Timed out waiting for AutoClaw tokens"))},c);function l(a,b=null){if(!h){for(let a of(h=!0,clearTimeout(k),j.values()))for(let b of a)try{b()}catch{}j.clear(),b?e(b):d(a)}}async function m(a){var b;let c;if(h||!a)return;let d="";try{d=a.url()||""}catch{return}if(!((b=d)&&g.some(a=>b.includes(a))))return;try{c=await a.json()}catch{return}let e=function(a){if(!a||"object"!=typeof a)return null;let b=a.data&&"object"==typeof a.data?a.data:a,c=b.access_token||b.accessToken;return c?{accessToken:String(c).replace(/^Bearer\s+/i,""),refreshToken:String(b.refresh_token||b.refreshToken||"").replace(/^Bearer\s+/i,"")}:null}(c);e&&l(e)}function n(a,b){if(!a||i.has(a))return;i.add(a);let c=a=>{m(a)};a.on("response",c),b.push(()=>{a.off("response",c)})}function o(a,b){if(h||j.has(a))return;let c=[];j.set(a,c);let d=a=>n(a,c);a.on("page",d),c.push(()=>a.off("page",d)),b&&n(b,c)}return o(a,b),f.rebind=({context:a,page:b}={})=>{a&&o(a,b)},f}(i,j,{timeoutMs:18e4});try{let c=await (0,f.rk)({page:j,authUrl:h,email:b.email,password:b.password,successPromise:n,shortTimeoutMs:18e4,serviceLabel:"AutoClaw",openingStep:"opening_autoclaw_login",openingMessage:"Opening AutoClaw Google OAuth page",successStep:"autoclaw_tokens_received",successMessage:"AutoClaw tokens intercepted",onStep:(c,d)=>{this.setAccountStep(b,c,d),this.persistJobSnapshot(a,{forcePreview:!1})}});if("success"===c.status){let d={accessToken:c.accessToken,refreshToken:c.refreshToken||""};if(!d.accessToken)throw Error("AutoClaw automation succeeded but no access token captured");await this.finishSuccess(a,b,d,l,m),b.runtimeSession=null,await i.close().catch(()=>null),await this.persistJobSnapshot(a,{forcePreview:!0});return}if("needs_manual"===c.status){b.manualSession={context:i,page:j,opened:!1,openedAt:null},this.setAccountStep(b,"awaiting_manual","Waiting for manual completion"),this.finalizeAccount(b,"needs_manual",{error:c.error,step:"awaiting_manual",message:c.error}),await this.persistJobSnapshot(a,{forcePreview:!0}),await this.runAutoClawManualFollowup(a,b,i,j,n,l,m);return}let d=c.status?.startsWith("failed")?c.status:"failed";this.finalizeAccount(b,d,{error:c.error||"AutoClaw Google automation failed.",step:d,message:c.error||"AutoClaw Google automation failed."}),b.runtimeSession=null,await i.close().catch(()=>null),await this.persistJobSnapshot(a,{forcePreview:!0})}catch(c){this.finalizeAccount(b,"failed",{error:c.message||"Unexpected AutoClaw bulk import failure.",step:"failed",message:c.message||"Unexpected AutoClaw bulk import failure."}),b.runtimeSession=null,await i.close().catch(()=>null),await this.persistJobSnapshot(a,{forcePreview:!0})}}async finishSuccess(a,b,c,d,e){this.setAccountStep(b,"fetching_balance","Fetching AutoClaw balance"),await this.persistJobSnapshot(a,{forcePreview:!0});let f=await l(c.accessToken,e);this.setAccountStep(b,"saving_connection","Saving AutoClaw connection to database"),await this.persistJobSnapshot(a,{forcePreview:!0});let{connection:g}=await this.saveConnection({tokens:c,email:b.email,deviceId:d,balance:f}),h=null!=f?` (${f} pts)`:"";this.finalizeAccount(b,"success",{connectionId:g.id,step:"connection_saved",message:`AutoClaw connection saved successfully${h}`})}async runAutoClawManualFollowup(a,b,c,d,e,f,g){let i=(async()=>{let j=async()=>{let a=b.manualSession,d=a?.context||c,e=a?.headedBrowser||null;d&&await d.close().catch(()=>null),e&&await e.close().catch(()=>null)};try{let c=null;try{c=await e}catch{c=await h(b.manualSession?.page||d)}if(a.cancelRequested){this.finalizeAccount(b,"cancelled",{error:"Job cancelled",step:"cancelled",message:"Job cancelled while waiting for manual completion"}),await this.persistJobSnapshot(a,{forcePreview:!0});return}if(!c?.accessToken)throw Error("Manual flow finished but no AutoClaw token captured");await this.finishSuccess(a,b,c,f,g),await this.persistJobSnapshot(a,{forcePreview:!0})}catch(c){a.cancelRequested?this.finalizeAccount(b,"cancelled",{error:"Job cancelled",step:"cancelled",message:"Job cancelled while waiting for manual completion"}):this.finalizeAccount(b,"failed",{error:c.message||"Manual assist flow failed.",step:"failed",message:c.message||"Manual assist flow failed."}),await this.persistJobSnapshot(a,{forcePreview:!0})}finally{await j(),b.manualSession=null,b.runtimeSession=null,a.manualFollowups.delete(i),await this.persistJobSnapshot(a,{forcePreview:!0})}})();a.manualFollowups.add(i)}}function p(){return(!globalThis.__autoclawBulkImportSingleton&&(globalThis.__autoclawBulkImportSingleton={manager:new o}),globalThis.__autoclawBulkImportSingleton).manager}}};