zevairouter 1.0.90 → 1.0.92

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

@@ -104,6 +104,9 @@ const GOOGLE_LOGIN_BUTTON_SELECTORS = [
   'button:has-text("Login with Google")',
   'button:has-text("Continue with Google")',
   'button:has-text("Sign in with Google")',
+  // Cloudflare dash: visible label is just "Google", aria is "Continue with Google"
+  'button[aria-label*="Continue with Google" i]',
+  'button[aria-label*="Google" i]',
   'button:has-text("Google")',
   'a:has-text("Google")',
   'div[role="button"]:has-text("Continue with Google")',
@@ -112,7 +115,7 @@ const GOOGLE_LOGIN_BUTTON_SELECTORS = [
   'span:has-text("Continue with Google")',
   'span:has-text("Login with Google")',
   'span:has-text("Google")',
-  '[aria-label*="Google"]',
+  '[aria-label*="Google" i]',
   '[data-provider*="google" i]',
   // xAI / Grok device + account pages
   'button:has-text("Login with Google")',
@@ -120,6 +123,18 @@ const GOOGLE_LOGIN_BUTTON_SELECTORS = [
   '[data-testid*="google" i]',
 ];
 
+/** OneTrust / cookie walls that block the first Google click (Cloudflare login). */
+const COOKIE_DISMISS_SELECTORS = [
+  '#onetrust-accept-btn-handler',
+  '#onetrust-reject-all-handler',
+  '#accept-recommended-btn-handler',
+  'button:has-text("Allow All")',
+  'button:has-text("Reject All")',
+  'button:has-text("Accept All")',
+  'button:has-text("Accept all")',
+  'button:has-text("Confirm My Choices")',
+];
+
 const TERMS_CHECKBOX_SELECTORS = [
   '#agree-policy-account',
   '#agree-policy',
@@ -565,6 +580,61 @@ function isGrokish(serviceLabel) {
   return /grok|cloudflare/i.test(String(serviceLabel || ""));
 }
 
+function isCloudflareLoginUrl(url) {
+  try {
+    const u = new URL(url || "");
+    return u.hostname === "dash.cloudflare.com" && u.pathname.includes("/login");
+  } catch {
+    return false;
+  }
+}
+
+async function dismissCookieBanners(page, reportStep) {
+  // Cookie / OneTrust modals steal the first clicks (CF login shows "Allow All").
+  // Fast path: one scan — must stay cheap because the main automation loop
+  // calls this on every tick (dashboard harvest must not burn 2s here).
+  for (const selector of COOKIE_DISMISS_SELECTORS) {
+    try {
+      const loc = page.locator(selector).first();
+      if (await loc.isVisible({ timeout: 100 }).catch(() => false)) {
+        // noWaitAfter: banner click must not wait on any incidental navigation
+        await loc.click({ timeout: 2_000, noWaitAfter: true }).catch(() => null);
+        reportStep?.("dismissing_cookies", "Dismissed cookie / privacy banner");
+        return true;
+      }
+    } catch {
+      /* next */
+    }
+  }
+  const viaApi = await page.evaluate(() => {
+    try {
+      if (typeof window.OneTrust?.AllowAll === "function") {
+        const banner = document.querySelector(
+          "#onetrust-banner-sdk, #onetrust-consent-sdk, #onetrust-accept-btn-handler",
+        );
+        // Only invoke when a banner is actually present — AllowAll on every
+        // loop tick is wasteful and can re-open consent UI.
+        if (!banner) return false;
+        window.OneTrust.AllowAll();
+        return true;
+      }
+      const btn = document.querySelector("#onetrust-accept-btn-handler");
+      if (btn && btn.offsetParent !== null) {
+        btn.click();
+        return true;
+      }
+    } catch {
+      /* ignore */
+    }
+    return false;
+  }).catch(() => false);
+  if (viaApi) {
+    reportStep?.("dismissing_cookies", "Dismissed cookie / privacy banner");
+    return true;
+  }
+  return false;
+}
+
 // Google bounces flagged (headless) browsers:
 // - myaccount.google.com/not-supported
 // - accounts.google.com/v3/signin/rejected ("This browser or app may not be secure")
@@ -1357,6 +1427,17 @@ async function handleProviderOnboarding(page, reportStep, serviceLabel) {
     return false;
   }
 
+  // Cloudflare dashboard / login: "Allow All" cookie + "Sign in" must not be
+  // treated as provider onboarding Continues.
+  try {
+    const host = new URL(page.url()).hostname || "";
+    if (host === "dash.cloudflare.com" || host.endsWith(".cloudflare.com")) {
+      return false;
+    }
+  } catch {
+    /* ignore */
+  }
+
   // If Google SSO is still offered, do not mash generic Continue.
   if (await providerHasGoogleLogin(page)) {
     return false;
@@ -1430,13 +1511,33 @@ async function handleXaiDeviceCodeConfirm(page, reportStep, { alreadyAuthed = fa
   return true;
 }
 
+/**
+ * Click a Google SSO control without waiting for the cross-origin navigation.
+ *
+ * Playwright's default click() waits for navigations started by the action.
+ * CF → accounts.google.com through a residential proxy often exceeds 5s, so the
+ * click "fails" even though OAuth already started — then we re-click for 30–40s.
+ */
+async function clickSsoControl(page, locator) {
+  const enabled = await locator.isEnabled().catch(() => true);
+  if (!enabled) return false;
+  await locator.scrollIntoViewIfNeeded().catch(() => null);
+  const clicked = await locator
+    .click({ timeout: 2_500, force: true, noWaitAfter: true })
+    .then(() => true)
+    .catch(() => false);
+  if (clicked) return true;
+  // Trusted mouse path (also does not wait on navigation).
+  return clickLocatorCenter(page, locator).catch(() => false);
+}
+
 async function clickGoogleLoginRole(page) {
-  // Role-based matches are more reliable on SPA auth shells (xAI, etc.)
-  // than CSS :has-text alone — especially when the label is nested.
+  // Role-based matches are more reliable on SPA auth shells (xAI, CF, etc.)
+  // than CSS :has-text alone — especially when the label is nested / aria-only.
   const roleNames = [
+    /continue with google/i,
     /login with google/i,
     /log in with google/i,
-    /continue with google/i,
     /sign up with google/i,
     /sign in with google/i,
     /^google$/i,
@@ -1445,10 +1546,7 @@ async function clickGoogleLoginRole(page) {
     try {
       const btn = page.getByRole("button", { name }).first();
       if (await btn.isVisible({ timeout: 250 }).catch(() => false)) {
-        const enabled = await btn.isEnabled().catch(() => true);
-        if (!enabled) continue;
-        await btn.click({ timeout: 5_000 });
-        return true;
+        if (await clickSsoControl(page, btn)) return true;
       }
     } catch {
       /* next */
@@ -1456,13 +1554,30 @@ async function clickGoogleLoginRole(page) {
     try {
       const link = page.getByRole("link", { name }).first();
       if (await link.isVisible({ timeout: 200 }).catch(() => false)) {
-        await link.click({ timeout: 5_000 });
-        return true;
+        if (await clickSsoControl(page, link)) return true;
       }
     } catch {
       /* next */
     }
   }
+  // Cloudflare: button text "Google", aria-label "Continue with Google"
+  try {
+    const ariaBtn = page.locator('button[aria-label*="Google" i]').first();
+    if (await ariaBtn.isVisible({ timeout: 200 }).catch(() => false)) {
+      if (await clickSsoControl(page, ariaBtn)) return true;
+    }
+  } catch {
+    /* ignore */
+  }
+  // Last resort: CSS text match with noWaitAfter
+  try {
+    const textBtn = page.locator('button:has-text("Google")').first();
+    if (await textBtn.isVisible({ timeout: 150 }).catch(() => false)) {
+      if (await clickSsoControl(page, textBtn)) return true;
+    }
+  } catch {
+    /* ignore */
+  }
   return false;
 }
 
@@ -1508,6 +1623,8 @@ async function ensureProviderTermsChecked(page, reportStep) {
 async function handleProviderLoginGate(page, reportStep, { allowGoogleClick = true } = {}) {
   if (isGoogleAuthPage(page)) return false;
 
+  await dismissCookieBanners(page, reportStep);
+
   const confirmedExistingDialog = await clickFirstActionable(page, PRIVACY_CONFIRM_BUTTON_SELECTORS);
   if (confirmedExistingDialog) {
     reportStep("accepting_provider_privacy_dialog", "Confirmed provider privacy agreement dialog");
@@ -1525,8 +1642,25 @@ async function handleProviderLoginGate(page, reportStep, { allowGoogleClick = tr
 
   // Prefer explicit Google SSO over generic Continue (device code pages
   // often have both — clicking Continue without a session yields invalid_code).
+  // Cloudflare: click Google SSO only — never the CF email "Sign in" form.
   const clickedGoogleRole = await clickGoogleLoginRole(page);
-  const clickedGoogle = clickedGoogleRole || await clickFirstActionable(page, GOOGLE_LOGIN_BUTTON_SELECTORS);
+  let clickedGoogle = clickedGoogleRole;
+  if (!clickedGoogle) {
+    // Selector fallback with noWaitAfter (clickFirstActionable waits on nav — bad for SSO).
+    for (const selector of GOOGLE_LOGIN_BUTTON_SELECTORS.slice(0, 16)) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible({ timeout: 100 }).catch(() => false)) {
+          if (await clickSsoControl(page, loc)) {
+            clickedGoogle = true;
+            break;
+          }
+        }
+      } catch {
+        /* next */
+      }
+    }
+  }
   if (clickedGoogle) {
     reportStep("selecting_google_login", "Selecting Google login");
 
@@ -1536,10 +1670,12 @@ async function handleProviderLoginGate(page, reportStep, { allowGoogleClick = tr
     }
 
     // Wait for OAuth redirect to Google (or email field) — event-driven.
+    // CF→Google through proxy can take a few seconds; click already returned (noWaitAfter).
+    const onCf = isCloudflareLoginUrl(page.url?.() || "");
     const reached = await waitForPageAdvance(page, {
       urlMatch: (u) => isGoogleHostname(u),
       selector: EMAIL_INPUT_SELECTOR,
-      timeout: 12_000,
+      timeout: onCf ? 10_000 : 12_000,
     });
     if (reached || isGoogleAuthPage(page)) {
       reportStep("google_login_page", "Reached Google sign-in after provider SSO");
@@ -1879,6 +2015,10 @@ export async function runGoogleAccountAutomation({
   successStep = "oauth_success_received",
   successMessage = "OAuth success received",
   onStep,
+  /** When true, skip page.goto(authUrl) — caller already navigated (e.g. CF pre-click Google). */
+  skipGoto = false,
+  /** Caller already clicked Google SSO; wait for accounts.google.com before re-clicking. */
+  expectGoogleSoon = false,
 }) {
   const startTime = Date.now();
   const reportStep = (step, message) => {
@@ -1897,7 +2037,9 @@ export async function runGoogleAccountAutomation({
   let deviceInvalidReopenCount = 0;
   // Cooldowns prevent double-submit only — not artificial pacing.
   const PASSWORD_RESUBMIT_COOLDOWN_MS = isGrokish(serviceLabel) ? 6_000 : 18_000;
-  const EMAIL_RESUBMIT_COOLDOWN_MS = isGrokish(serviceLabel) ? 3_000 : 8_000;
+  // Longer email cooldown for fast bulk — Google identifier page can sit 5–10s
+  // after Next; re-typing the whole email wastes another 10–15s.
+  const EMAIL_RESUBMIT_COOLDOWN_MS = isGrokish(serviceLabel) ? 12_000 : 8_000;
   const GOOGLE_SSO_COOLDOWN_MS = isGrokish(serviceLabel) ? 3_000 : 8_000;
   // Don't hammer Allow — xAI rate_limits rapid device posts.
   const DEVICE_APPROVE_COOLDOWN_MS = 3_000;
@@ -1909,46 +2051,90 @@ export async function runGoogleAccountAutomation({
   // Loop poll: race successPromise — keep tiny so fast networks aren't stalled.
   const loopTickMs = isGrokFlow ? 120 : 500;
 
-  reportStep(openingStep, openingMessage);
-  await page.goto(authUrl, { waitUntil: "domcontentloaded", timeout: 60_000 });
-  // Wait for interactive UI (Continue / Google / email), not a fixed sleep.
-  await waitUntil(
-    async () =>
-      isGoogleAuthPage(page)
-      || (await getFirstVisibleLocator(page, 'button:has-text("Continue"), button:has-text("Login with Google"), button:has-text("Google")'))
-      || (await getFirstVisibleLocator(page, EMAIL_INPUT_SELECTOR)),
-    { timeout: isGrokFlow ? 6_000 : 12_000, interval: 80 },
-  );
-  if (!isGrokFlow) {
-    await waitThroughGoogleInterstitials(page, reportStep, interstitialOpts(8_000));
-  }
-
-  // Provider shells (xAI device, CodeBuddy, …) must pick Google SSO first.
-  // Never type credentials into provider user_code / email fields.
-  // xAI: confirm device user_code first, then Google SSO — event-driven retries.
-  for (let attempt = 0; attempt < (isGrokFlow ? 6 : 2); attempt += 1) {
-    if (isGoogleAuthPage(page)) break;
-    if (await handleXaiDeviceCodeConfirm(page, reportStep)) {
-      continue;
-    }
-    if (await handleProviderLoginGate(page, reportStep)) {
+  let alreadyOnGoogle = skipGoto && isGoogleAuthPage(page);
+  if (!skipGoto) {
+    reportStep(openingStep, openingMessage);
+    await page.goto(authUrl, { waitUntil: "domcontentloaded", timeout: 60_000 });
+    await dismissCookieBanners(page, reportStep);
+  } else if (alreadyOnGoogle) {
+    reportStep("google_login_page", "Already on Google sign-in — filling credentials");
+  } else if (expectGoogleSoon) {
+    // CF (etc.) already clicked Google — wait for redirect, do NOT re-goto / re-click yet.
+    reportStep("waiting_google_redirect", "Waiting for Google after provider SSO click");
+    const reached = await waitUntil(() => isGoogleAuthPage(page), {
+      timeout: 25_000,
+      interval: 100,
+    });
+    if (reached) {
+      alreadyOnGoogle = true;
       googleLoginSelectedAt = Date.now();
-      if (isGoogleAuthPage(page)) break;
-      // Gate already waited for Google URL; only brief yield if still on provider.
-      await yieldMs(50);
-      continue;
+      reportStep("google_login_page", "Reached Google sign-in after provider SSO");
+    } else {
+      reportStep("google_redirect_slow", "Google redirect slow — will retry SSO click");
     }
-    // SPA not ready — poll for buttons, don't sleep 600ms blindly.
-    const ready = await waitUntil(
-      async () =>
-        (await providerHasGoogleLogin(page))
-        || /enter the code|login with google|continue/i.test(await readPageText(page).catch(() => "")),
-      { timeout: 800, interval: 80 },
+  } else {
+    reportStep(openingStep, openingMessage);
+    await dismissCookieBanners(page, reportStep);
+  }
+
+  // Cloudflare login always shows email/password fields — do NOT treat those as
+  // "ready for Google email fill". Wait for Google SSO button / Google page only.
+  const onCfLogin = isCloudflareLoginUrl(page.url?.() || "") || /cloudflare/i.test(String(serviceLabel || ""));
+
+  if (!alreadyOnGoogle) {
+    await waitUntil(
+      async () => {
+        if (isGoogleAuthPage(page)) return true;
+        if (await getFirstVisibleLocator(
+          page,
+          'button[aria-label*="Google" i], button:has-text("Continue with Google"), button:has-text("Login with Google"), button:has-text("Google")',
+        )) {
+          return true;
+        }
+        if (!onCfLogin && (await getFirstVisibleLocator(page, EMAIL_INPUT_SELECTOR))) {
+          return true;
+        }
+        if (!onCfLogin && (await getFirstVisibleLocator(page, 'button:has-text("Continue")'))) {
+          return true;
+        }
+        return false;
+      },
+      { timeout: isGrokFlow ? 8_000 : 12_000, interval: 80 },
     );
-    if (!ready) await yieldMs(100);
-  }
-  if (!isGrokFlow) {
-    await waitThroughGoogleInterstitials(page, reportStep, interstitialOpts(6_000));
+    if (!isGrokFlow) {
+      await waitThroughGoogleInterstitials(page, reportStep, interstitialOpts(8_000));
+    }
+
+    // Provider shells (xAI device, CodeBuddy, Cloudflare, …) must pick Google SSO first.
+    // Never type credentials into provider email fields (CF has its own email/password).
+    for (let attempt = 0; attempt < (isGrokFlow || onCfLogin ? 8 : 2); attempt += 1) {
+      if (isGoogleAuthPage(page)) break;
+      await dismissCookieBanners(page, reportStep);
+      if (await handleXaiDeviceCodeConfirm(page, reportStep)) {
+        continue;
+      }
+      if (await handleProviderLoginGate(page, reportStep)) {
+        googleLoginSelectedAt = Date.now();
+        if (isGoogleAuthPage(page)) break;
+        // Gate already waited for Google URL; only brief yield if still on provider.
+        await yieldMs(50);
+        continue;
+      }
+      // SPA not ready — poll for Google SSO (not CF email form).
+      const ready = await waitUntil(
+        async () =>
+          isGoogleAuthPage(page)
+          || (await providerHasGoogleLogin(page))
+          || /enter the code|login with google|continue with google/i.test(
+            await readPageText(page).catch(() => ""),
+          ),
+        { timeout: 600, interval: 80 },
+      );
+      if (!ready) await yieldMs(80);
+    }
+    if (!isGrokFlow) {
+      await waitThroughGoogleInterstitials(page, reportStep, interstitialOpts(6_000));
+    }
   }
 
   // Only fill Google email once we are actually on accounts.google.com.
@@ -2003,6 +2189,50 @@ export async function runGoogleAccountAutomation({
       };
     }
 
+    // Cloudflare: after Google password, land on dash — park on harvest promise.
+    // Do NOT thrash cookie dismiss / generic Approve (starves token API work).
+    if (
+      isGrokFlow
+      && seenGoogleAuth
+      && passwordSubmittedAt
+      && /cloudflare/i.test(String(serviceLabel || ""))
+    ) {
+      try {
+        const u = new URL(page.url?.() || "");
+        const onDash =
+          u.hostname === "dash.cloudflare.com"
+          && !u.pathname.includes("/login")
+          && !u.href.includes("oidcJwt");
+        if (onDash) {
+          reportStep(
+            "waiting_cf_harvest",
+            "On Cloudflare dashboard — waiting for Workers AI token harvest",
+          );
+          // Yield the page: only race success (longer tick while harvesting).
+          const parked = await Promise.race([
+            successPromise
+              .then((result) => ({ kind: "success", result }))
+              .catch((error) => ({ kind: "success_error", error })),
+            yieldMs(2_000).then(() => null),
+          ]);
+          if (parked?.kind === "success") {
+            reportStep(successStep, successMessage);
+            return { status: "success", ...parked.result };
+          }
+          if (parked?.kind === "success_error") {
+            reportStep("oauth_timeout", `Timed out waiting for ${serviceLabel} authorization`);
+            return {
+              status: "failed_timeout",
+              error: parked.error?.message || `Timed out waiting for ${serviceLabel} authorization`,
+            };
+          }
+          continue;
+        }
+      } catch {
+        /* fall through */
+      }
+    }
+
     // Unblock SetSID / empty Google interstitials before other handlers
     const waited = await waitThroughGoogleInterstitials(
       page,
@@ -2236,10 +2466,26 @@ export async function runGoogleAccountAutomation({
 
     // On xAI before Google login, APPROVE selectors match "Continue with Google"
     // via :has-text("Continue") and wreck the device code → Invalid action loop.
+    // On Cloudflare login, "Allow All" cookies + "Sign in" must not be mashed.
+    await dismissCookieBanners(page, reportStep);
+    const onCfHost = (() => {
+      try {
+        const h = new URL(page.url()).hostname || "";
+        return h === "dash.cloudflare.com" || h.endsWith(".cloudflare.com");
+      } catch {
+        return false;
+      }
+    })();
     const mayGenericApprove =
       isGoogleAuthPage(page)
-      || (seenGoogleAuth && passwordSubmittedAt && !(await providerHasGoogleLogin(page)));
-    if (mayGenericApprove) {
+      || (
+        seenGoogleAuth
+        && passwordSubmittedAt
+        && !(await providerHasGoogleLogin(page))
+        && !isCloudflareLoginUrl(page.url?.() || "")
+      );
+    if (mayGenericApprove && !isCloudflareLoginUrl(page.url?.() || "")) {
+      // Avoid OneTrust "Allow All" as if it were OAuth approve when still mid-flow
       const clickedApprove = await clickFirstVisible(page, APPROVE_BUTTON_SELECTORS);
       if (clickedApprove) {
         reportStep("approving_consent", `Approving Google or ${serviceLabel} consent`);
@@ -2248,6 +2494,11 @@ export async function runGoogleAccountAutomation({
         continue;
       }
     }
+    // Cloudflare login stuck: keep hammering Google SSO only
+    if (onCfHost && !seenGoogleAuth && (await handleProviderLoginGate(page, reportStep))) {
+      googleLoginSelectedAt = Date.now();
+      continue;
+    }
 
     // Periodic diagnostics so jobs aren't opaque "waiting" spam
     if (Math.floor((Date.now() - startTime) / 5000) !== Math.floor((Date.now() - startTime - loopTickMs) / 5000)) {
@@ -2331,4 +2582,7 @@ export const __test__ = {
   handleXaiDeviceCodeConfirm,
   GOOGLE_LOGIN_BUTTON_SELECTORS,
   isGrokish,
+  dismissCookieBanners,
+  clickGoogleLoginRole,
+  isCloudflareLoginUrl,
 };

package/src/shared/constants/providers.js

@@ -426,6 +426,8 @@ export const USAGE_SUPPORTED_PROVIDERS = [
   "iflow",
   // Wave 2: Grok CLI / Grok Build billing
   "grok-cli",
+  // Cloudflare Workers AI (API token + accountId)
+  "cloudflare-ai",
   // Multi-account quota expansion
   "xai",
   "cline",
@@ -442,6 +444,7 @@ export const USAGE_APIKEY_PROVIDERS = [
   "minimax-cn",
   "codebuddy",
   "codebuddy-cn",
+  "cloudflare-ai",
   "xai",
   "clinepass",
 ];

package/cli/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/quota/page-c58270853707170e.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3826],{5498:(e,t,a)=>{Promise.resolve().then(a.bind(a,75095)),Promise.resolve().then(a.bind(a,25086))},75095:(e,t,a)=>{"use strict";a.d(t,{default:()=>A});var r=a(95155),s=a(12115),n=a(57250),l=a(42793);function i(e,t){return t&&0!==t?!e||e<0?100:e>=t?0:Math.round((t-e)/t*100):0}function o(e,t){if(!t||"object"!=typeof t)return[];let a=[];try{switch(e.toLowerCase()){case"github":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"antigravity":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:t.displayName||e,modelKey:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,remainingPercentage:t.remainingPercentage})});break;case"codex":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,remaining:t.remaining,resetAt:t.resetAt||null})});break;case"kiro":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"qoder":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{("organization"!==e||t&&0!==(Number(t.total)||0))&&a.push({name:"user"===e?"Personal":"organization"===e?"Organization":e,used:t.used||0,total:t.total||0,unit:t.unit,resetAt:t.resetAt||null})});break;case"autoclaw":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:"points"===e?"Points":e,used:t.used||0,total:t.total||0,unit:t.unit,resetAt:t.resetAt||null})});break;case"claude":t.message?a.push({name:"error",used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"grok-cli":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,remainingPercentage:t.remainingPercentage,unlimited:!0===t.unlimited})});break;default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{a.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,...null!=t.remainingPercentage?{remainingPercentage:t.remainingPercentage}:{},...!0===t.unlimited?{unlimited:!0}:{}})})}}catch(t){return console.error(`Error parsing quota data for ${e}:`,t),[]}let r=(0,l.KC)(e);if(r.length>0){let e=new Map(r.map((e,t)=>[e.id,t]));a.sort((t,a)=>{let r=t.modelKey||t.name,s=a.modelKey||a.name;return(e.get(r)??999)-(e.get(s)??999)})}return a}function c({quotas:e=[],compact:t=!1,sortMode:a="default",showSortLabel:n=!1}){let[l,o]=(0,s.useState)(1),d=(0,s.useMemo)(()=>e.map((e,t)=>({...e,index:t,remaining:e?.remaining!==void 0?Math.max(0,Math.round(e.remaining)):e?.remainingPercentage!==void 0?Math.round(e.remainingPercentage):i(e?.used,e?.total)})),[e]),u=(0,s.useMemo)(()=>"remaining-asc"===a?[...d].sort((e,t)=>e.remaining-t.remaining||e.name.localeCompare(t.name)):"remaining-desc"===a?[...d].sort((e,t)=>t.remaining-e.remaining||e.name.localeCompare(t.name)):d,[d,a]),m=Math.max(1,Math.ceil(u.length/10));if((0,s.useEffect)(()=>{o(1)},[a,e]),(0,s.useEffect)(()=>{o(e=>Math.min(e,m))},[m]),!e||0===e.length)return null;let h=u.slice((l-1)*10,10*l),x=0===u.length?0:(l-1)*10+1,b=Math.min(10*l,u.length),p=t?"py-1 px-1.5":"py-2 px-3",g=t?"text-[11px]":"text-sm",f=t?"text-[11px]":"text-sm",v=t?"text-[10px] leading-tight":"text-xs";return(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,r.jsxs)("div",{className:"text-[10px] text-text-muted",children:[u.length," quota",u.length>1?"s":""]}),n&&(0,r.jsx)("div",{className:"rounded-md border border-black/10 bg-black/[0.02] px-2 py-1 text-[10px] text-text-muted dark:border-white/10 dark:bg-white/[0.03]",children:"Sorted by account remaining"})]}),(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsx)("table",{className:"w-full table-fixed text-left",children:(0,r.jsx)("tbody",{children:h.map(e=>{var a;let s=(a=e.remaining)>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"\uD83D\uDFE2"}:a>=30?{text:"text-yellow-600 dark:text-yellow-400",bg:"bg-yellow-500",bgLight:"bg-yellow-500/10",emoji:"\uD83D\uDFE1"}:{text:"text-red-600 dark:text-red-400",bg:"bg-red-500",bgLight:"bg-red-500/10",emoji:"\uD83D\uDD34"},n=function(e){if(!e)return"-";try{let t="string"==typeof e?new Date(e):e,a=new Date,r=t-a;if(r<=0)return"-";let s=Math.ceil(r/6e4);if(s<60)return`${s}m`;let n=Math.floor(s/60),l=s%60;if(n<24)return`${n}h ${l}m`;let i=Math.floor(n/24);return`${i}d ${n%24}h ${l}m`}catch(e){return"-"}}(e.resetAt),l=function(e){if(!e)return null;try{let t=new Date(e),a=new Date,r=new Date(a.getFullYear(),a.getMonth(),a.getDate()),s=new Date(r);s.setDate(s.getDate()+1);let n="";n=t>=r&&t<s?"Today":t>=s&&t<new Date(s.getTime()+864e5)?"Tomorrow":t.toLocaleDateString("en-US",{month:"short",day:"numeric"});let l=t.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});return`${n}, ${l}`}catch{return null}}(e.resetAt);return(0,r.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,r.jsx)("td",{className:`${p} w-[30%]`,children:(0,r.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,r.jsx)("span",{className:"text-[10px] shrink-0",children:s.emoji}),(0,r.jsx)("span",{className:`${g} font-medium text-text-primary truncate`,children:e.name})]})}),(0,r.jsx)("td",{className:`${p} w-[45%]`,children:(0,r.jsxs)("div",{className:t?"space-y-1":"space-y-1.5",children:[(0,r.jsx)("div",{className:`${t?"h-1":"h-1.5"} rounded-full overflow-hidden border ${s.bgLight} ${0===e.remaining?"border-black/10 dark:border-white/10":"border-transparent"}`,children:(0,r.jsx)("div",{className:`h-full transition-all duration-300 ${s.bg}`,style:{width:`${Math.min(e.remaining,100)}%`}})}),(0,r.jsxs)("div",{className:`flex items-center justify-between ${t?"text-[10px]":"text-xs"}`,children:[(0,r.jsxs)("span",{className:"text-text-muted",children:[e.used.toLocaleString()," / ",e.total>0?e.total.toLocaleString():"∞"]}),(0,r.jsxs)("span",{className:`font-medium ${s.text}`,children:[e.remaining,"%"]})]})]})}),(0,r.jsx)("td",{className:`${p} w-[25%]`,children:"-"!==n||l?t?(0,r.jsx)("div",{className:`${f} text-text-primary font-medium truncate`,title:l||"",children:"-"!==n?`in ${n}`:l}):(0,r.jsxs)("div",{className:"space-y-0.5",children:["-"!==n&&(0,r.jsxs)("div",{className:`${f} text-text-primary font-medium`,children:["in ",n]}),l&&(0,r.jsx)("div",{className:`${v} text-text-muted`,children:l})]}):(0,r.jsx)("div",{className:`${f} text-text-muted italic`,children:"N/A"})})]},`${e.name}-${e.index}`)})})})}),m>1&&(0,r.jsxs)("div",{className:"rounded-md border border-black/10 bg-black/[0.02] px-2 py-1.5 dark:border-white/10 dark:bg-white/[0.03]",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2 text-[10px] text-text-muted",children:[(0,r.jsxs)("span",{children:["Showing ",x,"-",b," of ",u.length]}),(0,r.jsxs)("span",{children:["Page ",l," / ",m]})]}),(0,r.jsxs)("div",{className:"mt-1.5 flex items-center justify-end gap-1",children:[(0,r.jsx)("button",{type:"button",onClick:()=>o(e=>Math.max(1,e-1)),disabled:1===l,className:"flex h-6 items-center rounded-md border border-black/10 px-2 text-[10px] text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Prev"}),(0,r.jsx)("button",{type:"button",onClick:()=>o(e=>Math.min(m,e+1)),disabled:l===m,className:"flex h-6 items-center rounded-md border border-black/10 px-2 text-[10px] text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Next"})]})]})]})}var d=a(98542),u=a(84588),m=a(35497),h=a(52679);function x(e){let t=e=>"string"==typeof e&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);return t(e.email)?e.email:(t(e.name),e.name)}function b(e,t){let a=t[e.id]?.quotas?.[0];return a&&"number"==typeof a.remaining?a.remaining:1/0}function p(e){return h.Q2[e]?.name||e}function g(e){let t={};return e.forEach(e=>{t[e.id]=!0}),t}function f(e,t){let a=new Set(t.map(e=>e.id));return Object.fromEntries(Object.entries(e).filter(([e])=>a.has(e)))}async function v(e,t){return await e(t)}let y="quotaCacheData";function k(){try{let e=window.localStorage.getItem(y);return e?JSON.parse(e):{}}catch(e){return console.error("Error reading quota cache:",e),{}}}function w(e,t){try{let a=k();a[e]={...t,cachedAt:new Date().toISOString()},window.localStorage.setItem(y,JSON.stringify(a))}catch(e){console.error("Error writing quota cache:",e)}}let j="quotaAutoRefresh",N=[{value:"all",label:"All accounts"},{value:"active",label:"Active"},{value:"inactive",label:"Turned off"}],S=[{value:"single",label:"Satuan",icon:"account_circle"},{value:"bulk",label:"Bulk",icon:"stacks"}],C=[{value:"default",label:"Default quota order"},{value:"remaining-asc",label:"% quota: low to high"},{value:"remaining-desc",label:"% quota: high to low"}],$=[10,20,50,100];function A(){let[e,t]=(0,s.useState)([]),[a,l]=(0,s.useState)({}),[A,q]=(0,s.useState)({}),[E,P]=(0,s.useState)({}),[M,D]=(0,s.useState)(!0),[O,I]=(0,s.useState)(null),[T,L]=(0,s.useState)(!1),[_,z]=(0,s.useState)(!1),[F,U]=(0,s.useState)(60),[R,J]=(0,s.useState)(!0),[K,B]=(0,s.useState)(null),[Q,W]=(0,s.useState)(null),[G,H]=(0,s.useState)(!1),[Y,V]=(0,s.useState)(null),[X,Z]=(0,s.useState)([]),[ee,et]=(0,s.useState)("all"),[ea,er]=(0,s.useState)([]),[es,en]=(0,s.useState)("single"),[el,ei]=(0,s.useState)("all"),[eo,ec]=(0,s.useState)("default"),[ed,eu]=(0,s.useState)(!1),[em,eh]=(0,s.useState)(!1),[ex,eb]=(0,s.useState)(!1),[ep,eg]=(0,s.useState)({}),[ef,ev]=(0,s.useState)({}),[ey,ek]=(0,s.useState)(1),[ew,ej]=(0,s.useState)(20),[eN,eS]=(0,s.useState)(String(20)),[eC,e$]=(0,s.useState)({page:1,pageSize:20,total:0,totalPages:1}),[eA,eq]=(0,s.useState)({eligibleConnections:0,providerFilteredConnections:0}),eE=(0,s.useRef)(null),eP=(0,s.useRef)(null),eM=(0,s.useCallback)(async(e=ey)=>{try{var a,r;let s=new URLSearchParams({page:String(e),pageSize:String(ew),accountStatus:el,sort:"priority"});"all"!==ee&&s.set("provider",ee);let n=await fetch(`/api/providers/client?${s.toString()}`);if(!n.ok)throw Error("Failed to fetch connections");let l=await n.json(),i=l.connections||[],o=(a=l.pagination,a||{page:1,pageSize:ew,total:0,totalPages:1}),c=function(e,t=0){return e||{eligibleConnections:t,providerFilteredConnections:t}}(l.totals,i.length);return t(i),er(l.providerOptions||[]),e$(o),eq(c),ek((r=l.pagination,r?.page||e)),i}catch(e){return console.error("Error fetching connections:",e),t([]),er([]),e$({page:1,pageSize:ew,total:0,totalPages:1}),eq({eligibleConnections:0,providerFilteredConnections:0}),[]}},[el,ey,ew,ee]),eD=(0,s.useCallback)(async(e,t,a=!1)=>{q(t=>({...t,[e]:!0})),P(t=>({...t,[e]:null}));try{console.log(`[ProviderLimits] Fetching quota for ${t} (${e})`);let r=await fetch(`/api/usage/${e}${a?"?refresh=1":""}`);if(!r.ok){let a=(await r.json().catch(()=>({}))).error||r.statusText;if(404===r.status)return void console.warn(`[ProviderLimits] Connection not found for ${t}, skipping`);if(401===r.status){console.warn(`[ProviderLimits] Auth error for ${t}:`,a);let r={quotas:[],message:a};l(t=>({...t,[e]:r})),w(e,r);return}throw Error(`HTTP ${r.status}: ${a}`)}let s=await r.json();console.log(`[ProviderLimits] Got quota for ${t}:`,s);let n={quotas:o(t,s),plan:s.plan||null,message:s.message||null,raw:s};l(t=>({...t,[e]:n})),w(e,n)}catch(a){console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,a),P(t=>({...t,[e]:a.message||"Failed to fetch quota"}))}finally{q(t=>({...t,[e]:!1}))}},[]),eO=(0,s.useCallback)(async(e,t)=>{await eD(e,t),I(new Date)},[eD]),eI=(0,s.useCallback)(async(e,t=!1)=>{if(e&&"all"!==e){ev(t=>({...t,[e]:!0}));try{let a=`/api/usage/aggregate?provider=${encodeURIComponent(e)}${t?"&refresh=1":""}`,r=await fetch(a);if(!r.ok)throw Error("Failed to fetch aggregate");let s=await r.json(),n=o(e,s);eg(t=>({...t,[e]:{quotas:n,plan:s.plan||null,accountCount:s.accountCount||0,accountsWithQuota:s.accountsWithQuota||0,deadCount:s.deadCount||0}}))}catch(t){console.error(`[ProviderLimits] Aggregate fetch error for ${e}:`,t)}finally{ev(t=>({...t,[e]:!1}))}}},[]),eT=(0,s.useCallback)(async(e,t)=>{if("bulk"===es&&t){await eI(t,!0),I(new Date);return}e?.length&&(q(t=>({...t,...Object.fromEntries(e.map(e=>[e,!0]))})),await Promise.all(e.map(e=>eD(e,t))),I(new Date))},[eD,es,eI]),eL=(0,s.useCallback)(async e=>{if(confirm("Delete this connection?")){B(e);try{if((await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok){l(t=>{let a={...t};return delete a[e],a}),q(t=>{let a={...t};return delete a[e],a}),P(t=>{let a={...t};return delete a[e],a});try{let t=k();t[e]&&(delete t[e],window.localStorage.setItem(y,JSON.stringify(t)))}catch(e){console.error("Error deleting cache entry:",e)}await v(eM,ey)}}catch(e){console.error("Error deleting connection:",e)}finally{B(null)}}},[eM,ey]),e_=(0,s.useCallback)(async(e,t)=>{W(e);try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&(l(e=>({...e})),await v(eM,ey))}catch(e){console.error("Error updating connection status:",e)}finally{W(null)}},[eM,ey]),ez=(0,s.useCallback)(async e=>{if(!Y?.id)return;let t=Y.id,a=Y.provider;try{(await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await eM(),H(!1),V(null),h.wb.includes(a)&&await eD(t,a))}catch(e){console.error("Error saving connection:",e)}},[Y,eM,eD]);(0,s.useEffect)(()=>{let e=!1;return fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}).then(e=>e.json()).then(t=>{!e&&t?.proxyPools&&Z(t.proxyPools)}).catch(()=>{}),()=>{e=!0}},[]);let eF=(0,s.useCallback)(async()=>{if(!_){z(!0),U(60);try{let e=await eM(ey);q(g(e)),P(t=>f(t,e)),l(t=>f(t,e)),await Promise.all(e.map(e=>eD(e.id,e.provider,!0))),"bulk"===es&&("all"!==ee?[ee]:ea.map(e=>e.value||e).filter(e=>"all"!==e)).forEach(e=>eI(e,!0)),I(new Date)}catch(e){console.error("Error refreshing all providers:",e)}finally{z(!1)}}},[_,eM,eD,ey,es,ee,ea,eI]);(0,s.useEffect)(()=>{(async()=>{J(!0);let e=await eM(ey);J(!1),q(g(e)),P(t=>f(t,e)),l(t=>f(t,e)),await Promise.all(e.map(e=>eD(e.id,e.provider))),I(new Date)})()},[eM,eD,ey]),(0,s.useEffect)(()=>{"bulk"!==es||("all"!==ee?[ee]:ea.map(e=>e.value||e).filter(e=>"all"!==e)).forEach(e=>eI(e))},[es,ee,ea,eI]),(0,s.useEffect)(()=>{let e=window.localStorage.getItem(j);D(null===e||"true"===e),L(!0)},[]),(0,s.useEffect)(()=>{T&&window.localStorage.setItem(j,String(M))},[M,T]),(0,s.useEffect)(()=>{if(!T||!M){eE.current&&(clearInterval(eE.current),eE.current=null),eP.current&&(clearInterval(eP.current),eP.current=null);return}return eE.current=setInterval(()=>{eF()},6e4),eP.current=setInterval(()=>{U(e=>e<=1?60:e-1)},1e3),()=>{eE.current&&clearInterval(eE.current),eP.current&&clearInterval(eP.current)}},[M,eF,T]),(0,s.useEffect)(()=>{let e=()=>{document.hidden?(eE.current&&(clearInterval(eE.current),eE.current=null),eP.current&&(clearInterval(eP.current),eP.current=null)):M&&T&&(eE.current=setInterval(eF,6e4),eP.current=setInterval(()=>{U(e=>e<=1?60:e-1)},1e3))};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[M,eF,T]);let eU=(0,s.useMemo)(()=>(function(e,t,a,r,s){if("codex"===r&&"default"!==s)return[...e].sort((e,a)=>{let r=b(e,t),n=b(a,t),l="remaining-asc"===s?r-n:n-r;return 0!==l?l:(x(e)||"").localeCompare(x(a)||"")});if(!a)return e;let n=e=>{let a=(t[e.id]?.quotas||[]).map(e=>e.resetAt?new Date(e.resetAt).getTime():1/0).filter(e=>Number.isFinite(e));return a.length>0?Math.min(...a):1/0};return[...e].sort((e,t)=>{let a=n(e)-n(t);return 0!==a?a:(e.provider||"").localeCompare(t.provider||"")||(x(e)||"").localeCompare(x(t)||"")})})(e,a,ed,ee,eo),[e,a,ed,ee,eo]),eR=(0,s.useMemo)(()=>{let e;return e=new Map,eU.forEach(t=>{t.provider&&(e.has(t.provider)||e.set(t.provider,[]),e.get(t.provider).push(t))}),[...e.entries()].map(([e,t])=>(function(e,t,a,r,s){if(!t.length)return null;let n=[],l=[],i=null,o=!1;return t.forEach(e=>{let t=a[e.id];Array.isArray(t?.quotas)&&n.push(...t.quotas),t?.message&&!i&&(i=t.message),s[e.id]&&l.push(s[e.id]),r[e.id]&&(o=!0)}),{id:`${e}-aggregate`,provider:e,name:p(e),email:`${t.length} accounts`,isActive:t.some(e=>e.isActive??!0),isAggregate:!0,quota:{quotas:function(e=[]){let t=new Map;return e.forEach(e=>{if(!e?.name)return;let a=t.get(e.name)||{name:e.name,used:0,total:0,resetAt:e.resetAt||null};a.used+=Number(e.used)||0,a.total+=Number(e.total)||0,e.resetAt&&(!a.resetAt||new Date(e.resetAt).getTime()<new Date(a.resetAt).getTime())&&(a.resetAt=e.resetAt),t.set(e.name,a)}),[...t.values()]}(n),message:0===n.length&&i||null},isLoading:o,error:!n.length&&l.length>0?l[0]:null,connectionIds:t.map(e=>e.id)}})(e,t,a,A,E)).filter(Boolean)},[eU,a,A,E]),eJ=(0,s.useMemo)(()=>Object.keys(ep).length?eR.map(e=>{let t=ep[e.provider];return t&&t.quotas?.length?{...e,email:`${t.accountCount||e.connectionIds?.length||0} accounts`,quota:{...e.quota,quotas:t.quotas,message:null},isLoading:ef[e.provider]||!1}:e}):eR,[eR,ep,ef]),eK=(0,s.useMemo)(()=>"bulk"===es?eJ:eU,[es,eJ,eU]),eB=e=>{let t=a[e.id]?.quotas;return!!t?.length&&t.some(e=>!!e.total&&!(e.total<=0)&&5>=i(e.used,e.total))},eQ=(0,s.useCallback)(async(e,t)=>{if(e.length&&!ex){eb(!0);try{await Promise.all(e.map(e=>fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})}))),await v(eM,ey)}catch(e){console.error("Error bulk toggling connections:",e)}finally{eb(!1)}}},[ex,eM,ey]),eW="all"===ee?"All providers":ee,eG=eA.eligibleConnections>0,eH=eK.length>0,eY=eA.eligibleConnections?eA.providerFilteredConnections?{icon:"filter_alt_off",title:"No Accounts On This Page",description:"Try moving to another page or refreshing the current filters."}:{icon:"filter_alt_off",title:"No Accounts Match Current Filters",description:"all"===ee?"Try changing the account status filter to see more quota trackers.":`No ${"inactive"===el?"turned off":"active"===el?"active":"matching"} accounts found for ${ee}.`}:{icon:"cloud_off",title:"No Providers Connected",description:"Connect to providers with OAuth to track your API quota limits and usage."},eV=function(e){var t;let{start:a,end:r}=(t=e).total?{start:(t.page-1)*t.pageSize+1,end:Math.min(t.page*t.pageSize,t.total)}:{start:0,end:0};return`Showing ${a}-${r} of ${e.total}`}(eC),eX=!$.includes(ew);return R||eG?R||eH?(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-end",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>eh(e=>!e),className:"flex h-8 items-center justify-between gap-1 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-haspopup":"menu","aria-expanded":em,title:"Filter quota providers",children:[(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:["all"===ee?(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"apps"}):(0,r.jsx)(n.A,{src:`/providers/${ee}.png`,alt:ee,size:18,className:"size-[18px] rounded object-contain",fallbackText:ee.slice(0,2).toUpperCase()}),(0,r.jsx)("span",{className:"truncate capitalize hidden lg:inline",children:eW})]}),(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"expand_more"})]}),em&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",className:"fixed inset-0 z-30 bg-transparent","aria-label":"Close provider filter",onClick:()=>eh(!1)}),(0,r.jsxs)("div",{className:"absolute left-0 z-40 mt-2 w-64 overflow-hidden rounded-2xl border border-black/10 bg-surface/95 p-1.5 shadow-xl shadow-black/10 backdrop-blur dark:border-white/10 dark:bg-surface/95 sm:w-72",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>{"all"!==ee&&ek(1),et("all"),eh(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${"all"===ee?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"apps"}),(0,r.jsx)("span",{className:"font-medium",children:"All providers"}),"all"===ee&&(0,r.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]}),(0,r.jsx)("div",{className:"my-1 h-px bg-black/10 dark:bg-white/10"}),(0,r.jsx)("div",{className:"max-h-72 overflow-y-auto pr-1",children:ea.map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>{ee!==e&&ek(1),et(e),eh(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${ee===e?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,r.jsx)(n.A,{src:`/providers/${e}.png`,alt:e,size:24,className:"size-6 rounded-md object-contain",fallbackText:e.slice(0,2).toUpperCase()}),(0,r.jsx)("span",{className:"font-medium capitalize",children:e}),ee===e&&(0,r.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]},e))})]})]})]}),(0,r.jsx)("div",{className:"inline-flex h-8 overflow-hidden rounded-lg border border-black/10 bg-black/[0.02] dark:border-white/10 dark:bg-white/[0.03]",children:S.map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>en(e.value),"aria-pressed":es===e.value,className:`flex h-full items-center gap-1.5 px-2 text-xs transition-colors ${es===e.value?"bg-primary text-white":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,title:`Show quota in ${e.label} mode`,children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:e.icon}),(0,r.jsx)("span",{className:"hidden sm:inline",children:e.label})]},e.value))}),(0,r.jsx)("select",{value:el,onChange:e=>{let t=e.target.value;el!==t&&ek(1),ei(t)},className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Filter accounts by status",children:N.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))}),"codex"===ee&&(0,r.jsx)("select",{value:eo,onChange:e=>ec(e.target.value),className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Sort Codex quotas by remaining",children:C.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,r.jsxs)("button",{type:"button",onClick:()=>eu(e=>!e),"aria-pressed":ed,className:`flex h-8 shrink-0 items-center gap-1 rounded-lg border px-2 text-xs transition-colors ${ed?"border-amber-500/40 bg-amber-500/10 text-amber-500":"border-black/10 text-text-primary hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5"}`,title:"Sort accounts by earliest quota reset time",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"hourglass_top"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Expiring first"})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{eQ(eU.filter(e=>(e.isActive??!0)&&eB(e)).map(e=>e.id),!1)},disabled:ex,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-red-500/30 px-2 text-xs text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50",title:"Disable connections with depleted quota on the current page",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"block"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Turn off Empty"})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{eQ(eU.filter(e=>!(e.isActive??!0)&&!eB(e)).map(e=>e.id),!0)},disabled:ex,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-emerald-500/30 px-2 text-xs text-emerald-500 transition-colors hover:bg-emerald-500/10 disabled:opacity-50",title:"Enable connections that still have quota on the current page",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"check_circle"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Turn on Available"})]}),(0,r.jsxs)("button",{onClick:()=>D(e=>!e),className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-black/10 px-2 text-xs transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5",title:M?"Disable auto-refresh":"Enable auto-refresh",children:[(0,r.jsx)("span",{className:`material-symbols-outlined text-[14px] ${M?"text-primary":"text-text-muted"}`,children:M?"toggle_on":"toggle_off"}),(0,r.jsx)("span",{className:"hidden text-text-primary sm:inline",children:"Auto-refresh"}),M&&(0,r.jsxs)("span",{className:"text-[10px] text-text-muted tabular-nums",children:["(",F,"s)"]})]}),(0,r.jsx)("button",{type:"button",onClick:eF,disabled:_,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-black/10 px-2 text-xs text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5 disabled:opacity-50",title:"Refresh all",children:(0,r.jsx)("span",{className:`material-symbols-outlined text-[14px] ${_?"animate-spin":""}`,children:"refresh"})})]})}),ed&&(0,r.jsx)("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/10 px-3 py-2 text-xs text-amber-700 dark:text-amber-300",children:"Expiring-first currently reorders accounts inside the current page. Cross-page ordering still follows backend pagination."}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:eK.map(e=>{let t=!0===e.isAggregate,s=t?e.quota:a[e.id],l=t?e.isLoading:A[e.id],i=t?e.error:E[e.id],o=!1===e.isActive,m=!t&&(K===e.id||Q===e.id);return(0,r.jsxs)(u.default,{padding:"none",className:`min-w-0 ${o?"opacity-60":""}`,children:[(0,r.jsx)("div",{className:"px-3 py-2 border-b border-black/10 dark:border-white/10",children:(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)("div",{className:"w-8 h-8 shrink-0 rounded-md flex items-center justify-center overflow-hidden",children:(0,r.jsx)(n.A,{src:`/providers/${e.provider}.png`,alt:e.provider,size:32,className:"object-contain",fallbackText:e.provider?.slice(0,2).toUpperCase()||"PR"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h3",{className:"text-sm font-semibold text-text-primary capitalize truncate",children:e.name||p(e.provider)}),x(e)?(0,r.jsx)("p",{className:"text-xs text-text-muted truncate",children:x(e)}):null]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[(0,r.jsx)("button",{type:"button",onClick:()=>t?eT(e.connectionIds,e.provider):eO(e.id,e.provider),disabled:l||m,"aria-label":"Refresh quota",className:"p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/5 transition-colors disabled:opacity-50",title:"Refresh quota",children:(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${l?"animate-spin":""}`,children:"refresh"})}),!t&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",onClick:()=>{V(e),H(!0)},disabled:m,"aria-label":"Edit connection",className:"p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary transition-colors disabled:opacity-50",title:"Edit connection",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,r.jsx)("button",{type:"button",onClick:()=>eL(e.id),disabled:m,"aria-label":"Delete connection",className:"p-1.5 rounded-lg hover:bg-red-500/10 text-red-500 transition-colors disabled:opacity-50",title:"Delete connection",children:(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] ${K===e.id?"animate-pulse":""}`,children:"delete"})}),(0,r.jsx)("div",{className:"inline-flex items-center pl-0.5",title:e.isActive??!0?"Disable connection":"Enable connection",children:(0,r.jsx)(d.default,{size:"sm",checked:e.isActive??!0,disabled:m,onChange:t=>e_(e.id,t)})})]})]})]})}),(0,r.jsx)("div",{className:"px-2 py-1.5",children:l?(0,r.jsx)("div",{className:"text-center py-5 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[28px] animate-spin",children:"progress_activity"})}):i?(0,r.jsxs)("div",{className:"text-center py-5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[28px] text-red-500",children:"error"}),(0,r.jsx)("p",{className:"mt-1.5 text-xs text-text-muted",children:i})]}):s?.message?(0,r.jsx)("div",{className:"text-center py-5",children:(0,r.jsx)("p",{className:"text-xs text-text-muted",children:s.message})}):(0,r.jsx)(c,{quotas:s?.quotas,compact:!0,sortMode:"default",showSortLabel:"codex"===e.provider&&"default"!==eo})})]},e.id)})}),(0,r.jsx)("div",{className:"rounded-xl border border-black/10 bg-black/[0.02] px-3 py-2 dark:border-white/10 dark:bg-white/[0.03]",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,r.jsx)("span",{className:"text-xs text-text-muted",children:eV}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsxs)("select",{value:eX?"custom":String(ew),onChange:e=>{let t=e.target.value;if("custom"===t)return;let a=Number.parseInt(t,10);Number.isFinite(a)&&(ek(1),ej(a),eS(String(a)))},className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Accounts per page",children:[$.map(e=>(0,r.jsxs)("option",{value:String(e),children:[e," / page"]},e)),(0,r.jsx)("option",{value:"custom",children:"Custom"})]}),(0,r.jsx)("input",{type:"number",min:"1",max:String(500),inputMode:"numeric",value:eN,onChange:e=>eS(e.target.value),onBlur:()=>{let e=Number.parseInt(eN,10);if(!Number.isFinite(e))return void eS(String(ew));let t=Math.min(500,Math.max(1,e));ek(1),ej(t),eS(String(t))},onKeyDown:e=>{if("Enter"!==e.key)return;let t=Number.parseInt(eN,10);if(!Number.isFinite(t))return void eS(String(ew));let a=Math.min(500,Math.max(1,t));ek(1),ej(a),eS(String(a))},className:"h-8 w-20 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Custom accounts per page",placeholder:"Custom"}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["Page ",eC.page," / ",eC.totalPages]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("button",{type:"button",onClick:()=>ek(1),disabled:eC.page<=1||R||_,className:"flex h-8 items-center rounded-lg border border-black/10 px-3 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"First Page"}),(0,r.jsx)("button",{type:"button",onClick:()=>ek(e=>Math.max(1,e-1)),disabled:eC.page<=1||R||_,className:"flex h-8 w-8 items-center justify-center rounded-lg border border-black/10 text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5","aria-label":"Previous accounts page",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_left"})}),(0,r.jsx)("button",{type:"button",onClick:()=>ek(e=>Math.min(eC.totalPages,e+1)),disabled:eC.page>=eC.totalPages||R||_,className:"flex h-8 w-8 items-center justify-center rounded-lg border border-black/10 text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5","aria-label":"Next accounts page",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_right"})}),(0,r.jsx)("button",{type:"button",onClick:()=>ek(eC.totalPages),disabled:eC.page>=eC.totalPages||R||_,className:"flex h-8 items-center rounded-lg border border-black/10 px-3 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Last Page"})]})]})}),(0,r.jsx)(m.wI,{isOpen:G,connection:Y,proxyPools:X,onSave:ez,onClose:()=>{H(!1),V(null)}})]}):(0,r.jsx)(u.default,{padding:"lg",children:(0,r.jsxs)("div",{className:"text-center py-12",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:eY.icon}),(0,r.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:eY.title}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:eY.description})]})}):(0,r.jsx)(u.default,{padding:"lg",children:(0,r.jsxs)("div",{className:"text-center py-12",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),(0,r.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:"Connect to providers with OAuth to track your API quota limits and usage."})]})})}}},e=>{e.O(0,[2574,3862,4343,3702,5497,8441,3794,7358],()=>e(e.s=5498)),_N_E=e.O()}]);