zevairouter 1.0.235 → 1.0.237

package/cli/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/quota/{page-0d39f2554ef04357.js → page-a7048b569b49bd51.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3826],{5498:(e,t,r)=>{Promise.resolve().then(r.bind(r,23686)),Promise.resolve().then(r.bind(r,25086))},23686:(e,t,r)=>{"use strict";r.d(t,{default:()=>$});var a=r(95155),s=r(12115),n=r(57250),l=r(91720);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){if(e?.unlimited===!0)return e?.remainingPercentage!==void 0&&Number.isFinite(Number(e.remainingPercentage))?Math.max(0,Math.min(100,Math.round(Number(e.remainingPercentage)))):100;if(e?.remainingPercentage!==void 0&&Number.isFinite(Number(e.remainingPercentage)))return Math.max(0,Math.min(100,Math.round(Number(e.remainingPercentage))));if(e?.remaining!==void 0&&Number.isFinite(Number(e.remaining))){let t=Number(e.remaining);if(t>=0&&t<=100&&!(e.total>100&&t<=100&&null!=e.used))return e.total>0?i(e.used,e.total):Math.round(t)}return i(e?.used,e?.total)}function d(e,t){if(!t||"object"!=typeof t)return[];let r=[];try{switch(e.toLowerCase()){case"github":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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])=>{r.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])=>{r.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])=>{let a=e.endsWith("_freetrial"),s=(a?e.slice(0,-10):e).split(/[_\s]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ");r.push({name:a?`${s} (Free Trial)`:s,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))&&r.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])=>{r.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&&!t.quotas?r.push({name:"error",isError:!0,used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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])=>{let a=!0===t.unlimited||!(t.total>0)&&t.remainingPercentage>0;r.push({name:e,used:t.used||0,total:a?0:t.total||0,resetAt:t.resetAt||null,remainingPercentage:null!=t.remainingPercentage?t.remainingPercentage:a?100:void 0,unlimited:a})});break;case"cloudflare-ai":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{let a=!0===t.unlimited||!(t.total>0);r.push({name:e,used:t.used||0,total:a?0:t.total||0,resetAt:t.resetAt||null,remainingPercentage:null!=t.remainingPercentage?t.remainingPercentage:100*!!a,unlimited:a})});break;default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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 a=(0,l.KC)(e);if(a.length>0){let e=new Map(a.map((e,t)=>[e.id,t]));r.sort((t,r)=>{let a=t.modelKey||t.name,s=r.modelKey||r.name;return(e.get(a)??999)-(e.get(s)??999)})}return r}let c=["name","used","total","resetAt","remaining","remainingPercentage","unlimited","message","isError","unit","modelKey"];function u({quotas:e=[],compact:t=!1,sortMode:r="default",showSortLabel:n=!1,paginate:l=!0,totalCount:i}){let[d,m]=(0,s.useState)(1),[x,h]=(0,s.useState)(e);x===e||Array.isArray(x)&&Array.isArray(e)&&x.length===e.length&&x.every((t,r)=>{let a=e[r];return t&&a?c.every(e=>String(t[e]??null)===String(a[e]??null)):t===a})||h(e);let b=(0,s.useMemo)(()=>x.map((e,t)=>({...e,index:t,remaining:o(e)})),[x]),p=(0,s.useMemo)(()=>"remaining-asc"===r?[...b].sort((e,t)=>e.remaining-t.remaining||e.name.localeCompare(t.name)):"remaining-desc"===r?[...b].sort((e,t)=>t.remaining-e.remaining||e.name.localeCompare(t.name)):b,[b,r]),g=l?Math.max(1,Math.ceil(p.length/10)):1;if((0,s.useEffect)(()=>{m(1)},[r,x]),(0,s.useEffect)(()=>{m(e=>Math.min(e,g))},[g]),!e||0===e.length)return null;let f=l?p.slice((d-1)*10,10*d):p,y=0===p.length?0:(d-1)*10+1,v=l?Math.min(10*d,p.length):p.length,k=Number.isFinite(i)?i:p.length,j=t?"py-1 px-1.5":"py-2 px-3",w=t?"text-[11px]":"text-sm",N=t?"text-[11px]":"text-sm",C=t?"text-[10px] leading-tight":"text-xs";return(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"text-[10px] text-text-muted",children:[k," quota",k>1?"s":""]}),n&&(0,a.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,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsx)("table",{className:"w-full table-fixed text-left",children:(0,a.jsx)("tbody",{children:f.map(e=>{var r;if(e.isError)return(0,a.jsx)("tr",{className:"border-b border-black/5 dark:border-white/5",children:(0,a.jsx)("td",{colSpan:3,className:`${j}`,children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,a.jsx)("span",{className:"material-symbols-outlined shrink-0 text-[14px] text-red-500",children:"error"}),(0,a.jsx)("span",{className:`${w} text-red-600 dark:text-red-400 truncate`,children:e.message||"Failed to load quota"})]})})},`error-${e.index}`);let s=(r=e.remaining)>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"\uD83D\uDFE2"}:r>=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,r=new Date,a=t-r;if(a<=0)return"-";let s=Math.ceil(a/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),r=new Date,a=new Date(r.getFullYear(),r.getMonth(),r.getDate()),s=new Date(a);s.setDate(s.getDate()+1);let n="";n=t>=a&&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,a.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,a.jsx)("td",{className:`${j} w-[30%]`,children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,a.jsx)("span",{className:"text-[10px] shrink-0",children:s.emoji}),(0,a.jsx)("span",{className:`${w} font-medium text-text-primary truncate`,children:e.name})]})}),(0,a.jsx)("td",{className:`${j} w-[45%]`,children:(0,a.jsxs)("div",{className:t?"space-y-1":"space-y-1.5",children:[(0,a.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,a.jsx)("div",{className:`h-full transition-all duration-300 ${s.bg}`,style:{width:`${Math.min(e.remaining,100)}%`}})}),(0,a.jsxs)("div",{className:`flex items-center justify-between ${t?"text-[10px]":"text-xs"}`,children:[(0,a.jsx)("span",{className:"text-text-muted",children:!0!==e.unlimited&&e.total>0?`${e.used.toLocaleString()} / ${e.total.toLocaleString()}`:!0===e.unlimited?"Included / ∞":`${e.used.toLocaleString()} / ∞`}),(0,a.jsx)("span",{className:`font-medium ${s.text}`,children:Number.isFinite(e.remaining)?`${e.remaining}%`:"—"})]})]})}),(0,a.jsx)("td",{className:`${j} w-[25%]`,children:"-"!==n||l?t?(0,a.jsx)("div",{className:`${N} text-text-primary font-medium truncate`,title:l||"",children:"-"!==n?`in ${n}`:l}):(0,a.jsxs)("div",{className:"space-y-0.5",children:["-"!==n&&(0,a.jsxs)("div",{className:`${N} text-text-primary font-medium`,children:["in ",n]}),l&&(0,a.jsx)("div",{className:`${C} text-text-muted`,children:l})]}):(0,a.jsx)("div",{className:`${N} text-text-muted italic`,children:"N/A"})})]},`${e.name}-${e.index}`)})})})}),g>1&&(0,a.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,a.jsxs)("div",{className:"flex items-center justify-between gap-2 text-[10px] text-text-muted",children:[(0,a.jsxs)("span",{children:["Showing ",y,"-",v," of ",p.length]}),(0,a.jsxs)("span",{children:["Page ",d," / ",g]})]}),(0,a.jsxs)("div",{className:"mt-1.5 flex items-center justify-end gap-1",children:[(0,a.jsx)("button",{type:"button",onClick:()=>m(e=>Math.max(1,e-1)),disabled:1===d,className:"flex h-11 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 sm:h-7 sm:rounded-md sm:px-2 sm:text-[10px]",children:"Prev"}),(0,a.jsx)("button",{type:"button",onClick:()=>m(e=>Math.min(g,e+1)),disabled:d===g,className:"flex h-11 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 sm:h-7 sm:rounded-md sm:px-2 sm:text-[10px]",children:"Next"})]})]})]})}var m=r(98542),x=r(84588),h=r(35497),b=r(52679);function p(e,t){if(!t)return e;let r=new Date(t);return!Number.isFinite(r.getTime())||e&&r.getTime()<=e.getTime()?e:r}function g(e){let t=e=>"string"==typeof e&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);return t(e.email)?e.email:(t(e.name),e.name)}function f(e,t){let r=t[e.id]?.quotas?.[0];return r&&"number"==typeof r.remaining?r.remaining:1/0}function y(e){return b.Q2[e]?.name||e}function v(e){let t={};return e.forEach(e=>{t[e.id]=!0}),t}function k(e,t){let r=new Set(t.map(e=>e.id));return Object.fromEntries(Object.entries(e).filter(([e])=>r.has(e)))}async function j(e,t){return await e(t)}let w="quotaAutoRefresh",N=[{value:"all",label:"All accounts"},{value:"active",label:"Active"},{value:"inactive",label:"Turned off"}],C=[{value:"single",label:"Satuan",icon:"account_circle"},{value:"bulk",label:"Bulk",icon:"stacks"}],S=[{value:"default",label:"Default quota order"},{value:"remaining-asc",label:"% quota: low to high"},{value:"remaining-desc",label:"% quota: high to low"}],A=[10,20,50,100];function $(){let[e,t]=(0,s.useState)([]),[r,l]=(0,s.useState)({}),[c,$]=(0,s.useState)({}),[P,q]=(0,s.useState)({}),[E,T]=(0,s.useState)(!0),[M,F]=(0,s.useState)(null),[z,_]=(0,s.useState)(!1),[O,D]=(0,s.useState)(!1),[L,I]=(0,s.useState)(60),[U,R]=(0,s.useState)(!0),[H,K]=(0,s.useState)(null),[B,J]=(0,s.useState)(null),[Q,W]=(0,s.useState)(null),[Y,G]=(0,s.useState)(null),[V,X]=(0,s.useState)(!1),[Z,ee]=(0,s.useState)(null),[et,er]=(0,s.useState)(null),[ea,es]=(0,s.useState)(null),[en,el]=(0,s.useState)([]),[ei,eo]=(0,s.useState)("all"),[ed,ec]=(0,s.useState)([]),[eu,em]=(0,s.useState)("single"),[ex,eh]=(0,s.useState)("all"),[eb,ep]=(0,s.useState)("default"),[eg,ef]=(0,s.useState)(!1),[ey,ev]=(0,s.useState)(!1),[ek,ej]=(0,s.useState)(!1),[ew,eN]=(0,s.useState)({}),[eC,eS]=(0,s.useState)(!1),[eA,e$]=(0,s.useState)({}),[eP,eq]=(0,s.useState)({}),[eE,eT]=(0,s.useState)({}),[eM,eF]=(0,s.useState)(1),[ez,e_]=(0,s.useState)(20),[eO,eD]=(0,s.useState)(String(20)),[eL,eI]=(0,s.useState)({page:1,pageSize:20,total:0,totalPages:1}),[eU,eR]=(0,s.useState)({eligibleConnections:0,providerFilteredConnections:0}),eH=(0,s.useRef)(null),eK=(0,s.useRef)(null),eB=(0,s.useRef)(null),eJ=(0,s.useRef)(0),eQ=async()=>{let e=et?.connection;if(e){es(e.id);try{let t=await fetch(`/api/usage/${e.id}/codex-reset-credits`,{method:"POST"}),r=await t.json();if(!t.ok)throw Error(r.error||r.message||"Failed to use reset credit");er(null),await eG(e.id,e.provider)}catch(e){J({message:e.message||"Failed to use Codex reset credit"})}finally{es(null)}}},eW=(0,s.useCallback)(async(e=eM)=>{let r=++eJ.current;try{var a,s;let n=new URLSearchParams({page:String(e),pageSize:String(ez),accountStatus:ex,sort:"priority"});"all"!==ei&&n.set("provider",ei);let l=await fetch(`/api/providers/client?${n.toString()}`);if(!l.ok){let e=await l.json().catch(()=>({}));throw Error(e.error||`Failed to fetch connections (HTTP ${l.status})`)}let i=await l.json();if(r!==eJ.current)return[];let o=i.connections||[],d=(a=i.pagination,a||{page:1,pageSize:ez,total:0,totalPages:1}),c=function(e,t=0){return e||{eligibleConnections:t,providerFilteredConnections:t}}(i.totals,o.length);return t(o),ec(i.providerOptions||[]),eI(d),eR(c),eF((s=i.pagination,s?.page||e)),K(null),o}catch(e){if(console.error("Error fetching connections:",e),r!==eJ.current)return[];return t([]),ec([]),eI({page:1,pageSize:ez,total:0,totalPages:1}),eR({eligibleConnections:0,providerFilteredConnections:0}),K(e.message||"Failed to fetch connections"),[]}},[ex,eM,ez,ei]),eY=(0,s.useCallback)(async(e,t,r=!1)=>{$(t=>({...t,[e]:!0})),q(t=>({...t,[e]:null}));try{var a;let s=await fetch(`/api/usage/${e}${r?"?refresh=1":""}`);if(!s.ok){let r=(await s.json().catch(()=>({}))).error||s.statusText;if(404===s.status)return void console.warn(`[ProviderLimits] Connection not found for ${t}, skipping`);if(401===s.status)return console.warn(`[ProviderLimits] Auth error for ${t}:`,r),q(t=>({...t,[e]:r})),null;throw Error(`HTTP ${s.status}: ${r}`)}let n=await s.json(),i=(a=d(t,n),{quotas:a,plan:n.plan||null,message:n.message||null,cached:!0===n.cached,stale:!0===n.stale,fetchedAt:n.fetchedAt||null,refreshError:n.refreshError||null,raw:n});return l(t=>({...t,[e]:i})),{fetchedAt:n.fetchedAt||null}}catch(r){return console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,r),q(t=>({...t,[e]:r.message||"Failed to fetch quota"})),null}finally{$(t=>({...t,[e]:!1}))}},[]),eG=(0,s.useCallback)(async(e,t)=>{let r=await eY(e,t,!0);F(e=>p(e,r?.fetchedAt))},[eY]),eV=(0,s.useCallback)(async(e,t=!1)=>{if(e&&"all"!==e){eq(t=>({...t,[e]:!0})),eT(t=>({...t,[e]:!1}));try{let r=`/api/usage/aggregate?provider=${encodeURIComponent(e)}${t?"&refresh=1":""}`,a=await fetch(r);if(!a.ok)throw Error("Failed to fetch aggregate");let s=await a.json(),n=d(e,s);return e$(t=>({...t,[e]:{quotas:n,plan:s.plan||null,accountCount:s.accountCount||0,accountsWithQuota:s.accountsWithQuota||0,deadCount:s.deadCount||0,cached:!0===s.cached,fetchedAt:s.fetchedAt||null}})),{fetchedAt:s.fetchedAt||null}}catch(t){return console.error(`[ProviderLimits] Aggregate fetch error for ${e}:`,t),eT(t=>({...t,[e]:!0})),null}finally{eq(t=>({...t,[e]:!1}))}}},[]),eX=(0,s.useCallback)(async(e,t)=>{if("bulk"===eu&&t){let e=await eV(t,!0);F(t=>p(t,e?.fetchedAt));return}if(!e?.length)return;$(t=>({...t,...Object.fromEntries(e.map(e=>[e,!0]))}));let r=await Promise.all(e.map(e=>eY(e,t,!0)));F(e=>r.reduce((e,t)=>p(e,t?.fetchedAt),e))},[eY,eu,eV]),eZ=(0,s.useCallback)(async e=>{if(confirm("Delete this connection?")){W(e),J(null);try{let t=await fetch(`/api/providers/${e}`,{method:"DELETE"});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error||`HTTP ${t.status}`)}l(t=>{let r={...t};return delete r[e],r}),$(t=>{let r={...t};return delete r[e],r}),q(t=>{let r={...t};return delete r[e],r}),await j(eW,eM)}catch(e){console.error("Error deleting connection:",e),J({type:"error",message:e.message||"Failed to delete connection"})}finally{W(null)}}},[eW,eM]),e0=(0,s.useCallback)(async(e,t)=>{G(e),J(null);try{let r=await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})});if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e.error||`HTTP ${r.status}`)}await j(eW,eM)}catch(e){console.error("Error updating connection status:",e),await j(eW,eM),J({type:"error",message:e.message||"Failed to update connection status"})}finally{G(null)}},[eW,eM]),e1=(0,s.useCallback)(async e=>{if(!Z?.id)return;let t=Z.id,r=Z.provider;J(null);try{let a=await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(e.error||`HTTP ${a.status}`)}await eW(),X(!1),ee(null),b.wb.includes(r)&&await eY(t,r)}catch(e){console.error("Error saving connection:",e),J({type:"error",message:e.message||"Failed to save connection"})}},[Z,eW,eY]);(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&&el(t.proxyPools)}).catch(()=>{}),()=>{e=!0}},[]);let e5=(0,s.useCallback)(async()=>{if(!O){D(!0),I(60);try{let e=await eW(eM);$(v(e)),q(t=>k(t,e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider,!0)));if("bulk"===eu){let e="all"!==ei?[ei]:ed.map(e=>e.value||e).filter(e=>"all"!==e),r=await Promise.all(e.map(e=>eV(e,!0)));t.push(...r)}F(e=>t.reduce((e,t)=>p(e,t?.fetchedAt),e))}catch(e){console.error("Error refreshing all providers:",e)}finally{D(!1)}}},[O,eW,eY,eM,eu,ei,ed,eV]);(0,s.useEffect)(()=>{(async()=>{R(!0);let e=await eW(eM);R(!1),$(v(e)),q(t=>k(t,e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider)));F(e=>t.reduce((e,t)=>p(e,t?.fetchedAt),e))})()},[eW,eY,eM]),(0,s.useEffect)(()=>{"bulk"!==eu||("all"!==ei?[ei]:ed.map(e=>e.value||e).filter(e=>"all"!==e)).forEach(e=>eV(e))},[eu,ei,ed,eV]),(0,s.useEffect)(()=>{let e=window.localStorage.getItem(w);T(null===e||"true"===e),_(!0)},[]),(0,s.useEffect)(()=>{z&&window.localStorage.setItem(w,String(E))},[E,z]),(0,s.useEffect)(()=>{eB.current=e5},[e5]);let e2=(0,s.useCallback)(()=>{eH.current&&(clearInterval(eH.current),eH.current=null),eK.current&&(clearInterval(eK.current),eK.current=null)},[]),e3=(0,s.useCallback)(()=>{eH.current||eK.current||(eH.current=setInterval(()=>{eB.current?.()},6e4),eK.current=setInterval(()=>{I(e=>e<=1?60:e-1)},1e3))},[]);(0,s.useEffect)(()=>z&&E?(document.hidden||e3(),e2):void e2(),[E,z,e3,e2]),(0,s.useEffect)(()=>{let e=()=>{document.hidden?e2():E&&z&&e3()};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[E,z,e3,e2]);let e4=(0,s.useMemo)(()=>(function(e,t,r,a,s){if("codex"===a&&"default"!==s)return[...e].sort((e,r)=>{let a=f(e,t),n=f(r,t),l="remaining-asc"===s?a-n:n-a;return 0!==l?l:(g(e)||"").localeCompare(g(r)||"")});if(!r)return e;let n=e=>{let r=(t[e.id]?.quotas||[]).map(e=>e.resetAt?new Date(e.resetAt).getTime():1/0).filter(e=>Number.isFinite(e));return r.length>0?Math.min(...r):1/0};return[...e].sort((e,t)=>{let r=n(e)-n(t);return 0!==r?r:(e.provider||"").localeCompare(t.provider||"")||(g(e)||"").localeCompare(g(t)||"")})})(e,r,eg,ei,eb),[e,r,eg,ei,eb]),e8=(0,s.useMemo)(()=>{let e;return e=new Map,e4.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,r,a,s){if(!t.length)return null;let n=[],l=[],i=null,o=!1;return t.forEach(e=>{let t=r[e.id];Array.isArray(t?.quotas)&&n.push(...t.quotas),t?.message&&!i&&(i=t.message),s[e.id]&&l.push(s[e.id]),a[e.id]&&(o=!0)}),{id:`${e}-aggregate`,provider:e,name:y(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 r=t.get(e.name)||{name:e.name,used:0,total:0,resetAt:e.resetAt||null,remainingPercentage:null,unlimited:!1,_pctSum:0,_pctCount:0};r.used+=Number(e.used)||0,r.total+=Number(e.total)||0,!0===e.unlimited&&(r.unlimited=!0),null!=e.remainingPercentage&&Number.isFinite(Number(e.remainingPercentage))&&(r._pctSum+=Number(e.remainingPercentage),r._pctCount+=1),e.resetAt&&(!r.resetAt||new Date(e.resetAt).getTime()<new Date(r.resetAt).getTime())&&(r.resetAt=e.resetAt),t.set(e.name,r)}),[...t.values()].map(e=>{let{_pctSum:t,_pctCount:r,...a}=e;return a.unlimited?(a.remainingPercentage=100,a.total=0):a.total>0?a.remainingPercentage=(a.total-a.used)/a.total*100:r>0?a.remainingPercentage=t/r:a.remainingPercentage=0,a})}(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,r,c,P)).filter(Boolean)},[e4,r,c,P]),e6=(0,s.useMemo)(()=>Object.keys(eA).length?e8.map(e=>{let t=eA[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:eP[e.provider]||!1}:e}):e8,[e8,eA,eP]),e7=(0,s.useMemo)(()=>"bulk"===eu?e6:e4,[eu,e6,e4]),e9=e=>{let t=r[e.id]?.quotas;return!!t?.length&&t.some(e=>!!e.total&&!(e.total<=0)&&5>=i(e.used,e.total))},te=(0,s.useCallback)(async(e,t)=>{if(e.length&&!eC){eS(!0),J(null);try{let r=(await Promise.all(e.map(e=>fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})))).filter(e=>!e.ok).length;await j(eW,eM),r>0&&J({type:"error",message:`Failed to update ${r} of ${e.length} connections`})}catch(e){console.error("Error bulk toggling connections:",e),await j(eW,eM),J({type:"error",message:e.message||"Failed to update connections"})}finally{eS(!1)}}},[eC,eW,eM]),tt="all"===ei?"All providers":ei,tr=eU.eligibleConnections>0,ta=(0,s.useCallback)(async()=>{R(!0);let e=await eW(eM);if(R(!1),!e.length)return;$(v(e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider)));F(e=>t.reduce((e,t)=>p(e,t?.fetchedAt),e))},[eW,eY,eM]),ts=e7.length>0,tn=eU.eligibleConnections?eU.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"===ei?"Try changing the account status filter to see more quota trackers.":`No ${"inactive"===ex?"turned off":"active"===ex?"active":"matching"} accounts found for ${ei}.`}:{icon:"cloud_off",title:"No Providers Connected",description:"Connect to providers with OAuth to track your API quota limits and usage."},tl=function(e){var t;let{start:r,end:a}=(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 ${r}-${a} of ${e.total}`}(eL),ti=!A.includes(ez);return U||tr?(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsxs)("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_minmax(0,1fr)_2.75rem] gap-2 sm:flex sm:w-auto sm:flex-wrap sm:items-center sm:gap-1.5",children:[(0,a.jsxs)("div",{className:"relative min-w-0",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>ev(e=>!e),className:"flex h-11 w-full min-w-0 items-center justify-between gap-1 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:w-auto sm:rounded-lg sm:px-2","aria-haspopup":"menu","aria-expanded":ey,title:"Filter quota providers",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:["all"===ei?(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"apps"}):(0,a.jsx)(n.A,{src:`/providers/${ei}.png`,alt:ei,size:18,className:"size-[18px] rounded object-contain",fallbackText:ei.slice(0,2).toUpperCase()}),(0,a.jsx)("span",{className:"truncate capitalize",children:tt})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"expand_more"})]}),ey&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",className:"fixed inset-0 z-30 bg-transparent","aria-label":"Close provider filter",onClick:()=>ev(!1)}),(0,a.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,a.jsxs)("button",{type:"button",onClick:()=>{"all"!==ei&&eF(1),eo("all"),ev(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${"all"===ei?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"apps"}),(0,a.jsx)("span",{className:"font-medium",children:"All providers"}),"all"===ei&&(0,a.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]}),(0,a.jsx)("div",{className:"my-1 h-px bg-black/10 dark:bg-white/10"}),(0,a.jsx)("div",{className:"max-h-72 overflow-y-auto pr-1",children:ed.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ei!==e&&eF(1),eo(e),ev(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${ei===e?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,a.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,a.jsx)("span",{className:"font-medium capitalize",children:e}),ei===e&&(0,a.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]},e))})]})]})]}),(0,a.jsx)("select",{value:ex,onChange:e=>{let t=e.target.value;ex!==t&&eF(1),eh(t)},className:"h-11 min-w-0 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:rounded-lg sm:px-2","aria-label":"Filter accounts by status",children:N.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("button",{type:"button",onClick:e5,disabled:O,className:"flex size-11 shrink-0 items-center justify-center rounded-xl border border-black/10 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:opacity-50 dark:border-white/10 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Refresh all","aria-label":"Refresh all quotas",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] sm:text-[14px] ${O?"animate-spin":""}`,children:"refresh"})}),(0,a.jsx)("div",{className:"col-span-2 inline-flex min-h-11 min-w-0 overflow-hidden rounded-xl border border-black/10 bg-black/[0.02] dark:border-white/10 dark:bg-white/[0.03] sm:h-8 sm:min-h-0 sm:rounded-lg",children:C.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>em(e.value),"aria-pressed":eu===e.value,className:`flex min-h-11 flex-1 items-center justify-center gap-1.5 px-3 text-xs font-medium transition-colors sm:min-h-0 sm:flex-none sm:justify-start sm:px-2 sm:font-normal ${eu===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,a.jsx)("span",{className:"material-symbols-outlined text-[17px] sm:text-[14px]",children:e.icon}),(0,a.jsx)("span",{children:e.label})]},e.value))}),(0,a.jsx)("button",{type:"button",onClick:()=>ej(e=>!e),"aria-expanded":ek,className:`flex size-11 items-center justify-center rounded-xl border text-text-primary transition-colors sm:hidden ${ek?"border-primary/30 bg-primary/10 text-primary":"border-black/10 hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5"}`,"aria-label":ek?"Hide more actions":"Show more actions",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"tune"})}),(0,a.jsxs)("div",{className:`${ek?"flex":"hidden"} col-span-3 flex-col gap-2 rounded-2xl border border-black/10 bg-black/[0.02] p-3 dark:border-white/10 dark:bg-white/[0.03] sm:contents`,children:["codex"===ei&&(0,a.jsx)("select",{value:eb,onChange:e=>ep(e.target.value),className:"h-11 w-full rounded-xl border border-black/10 bg-surface px-3 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10 sm:h-8 sm:w-auto sm:rounded-lg sm:bg-black/[0.02] sm:px-2 dark:sm:bg-white/[0.03]","aria-label":"Sort Codex quotas by remaining",children:S.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsxs)("button",{type:"button",onClick:()=>ef(e=>!e),"aria-pressed":eg,className:`flex h-11 w-full shrink-0 items-center justify-between gap-2 rounded-xl border px-3 text-xs transition-colors sm:h-8 sm:w-auto sm:justify-start sm:rounded-lg sm:px-2 ${eg?"border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400":"border-black/10 bg-surface text-text-primary hover:bg-black/5 dark:border-white/10 dark:bg-transparent dark:hover:bg-white/5"}`,title:"Sort accounts by earliest quota reset time",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"hourglass_top"}),(0,a.jsx)("span",{children:"Expiring first"})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:hidden",children:eg?"check_circle":"circle"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{te(e4.filter(e=>(e.isActive??!0)&&e9(e)).map(e=>e.id),!1)},disabled:eC,className:"flex h-11 w-full shrink-0 items-center gap-2 rounded-xl border border-red-500/30 bg-surface px-3 text-xs text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50 dark:bg-transparent sm:h-8 sm:w-auto sm:rounded-lg sm:px-2",title:"Disable connections with depleted quota on the current page",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"block"}),(0,a.jsx)("span",{children:"Turn off Empty"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{te(e4.filter(e=>!(e.isActive??!0)&&!e9(e)).map(e=>e.id),!0)},disabled:eC,className:"flex h-11 w-full shrink-0 items-center gap-2 rounded-xl border border-emerald-500/30 bg-surface px-3 text-xs text-emerald-600 transition-colors hover:bg-emerald-500/10 disabled:opacity-50 dark:bg-transparent dark:text-emerald-400 sm:h-8 sm:w-auto sm:rounded-lg sm:px-2",title:"Enable connections that still have quota on the current page",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"check_circle"}),(0,a.jsx)("span",{children:"Turn on Available"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>T(e=>!e),className:"flex h-11 w-full shrink-0 items-center justify-between gap-2 rounded-xl border border-black/10 bg-surface px-3 text-xs transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-transparent dark:hover:bg-white/5 sm:h-8 sm:w-auto sm:justify-start sm:rounded-lg sm:px-2",title:E?"Disable auto-refresh":"Enable auto-refresh",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2 text-text-primary",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] sm:text-[14px] ${E?"text-primary":"text-text-muted"}`,children:E?"toggle_on":"toggle_off"}),(0,a.jsx)("span",{children:"Auto-refresh"})]}),E&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted tabular-nums",children:["(",L,"s)"]})]})]})]})}),B&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-xs text-red-700 dark:text-red-300",role:"alert",children:[(0,a.jsx)("span",{children:B.message}),(0,a.jsx)("button",{type:"button",onClick:()=>J(null),"aria-label":"Dismiss",className:"shrink-0 text-red-500 hover:text-red-700 dark:hover:text-red-200",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]}),!U&&H&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-xs text-red-700 dark:text-red-300",role:"alert",children:[(0,a.jsxs)("span",{children:["Failed to refresh providers: ",H]}),(0,a.jsx)("button",{type:"button",onClick:ta,className:"shrink-0 font-medium underline hover:no-underline",children:"Retry"})]}),"bulk"===eu&&Object.values(eE).some(Boolean)&&(0,a.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",role:"status",children:"Couldn't load server-side totals for some providers — bulk cards show data for the current page only."}),ts?(0,a.jsxs)(a.Fragment,{children:[eg&&(0,a.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,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:e7.map(e=>{let t,s=!0===e.isAggregate,l=s?e.quota:r[e.id],i=s?e.isLoading:c[e.id],d=s?e.error:P[e.id],h=l?.quotas||[],b=!0===ew[e.id],p=b?h:function(e,t=3){return e.map((e,t)=>({quota:e,index:t})).sort((e,t)=>{let r=o(e.quota)-o(t.quota);if(0!==r)return r;let a=e.quota.resetAt?new Date(e.quota.resetAt).getTime():1/0,s=t.quota.resetAt?new Date(t.quota.resetAt).getTime():1/0;return a!==s?a-s:e.index-t.index}).slice(0,t).map(({quota:e})=>e)}(h),f=!1===e.isActive,v=!s&&(Q===e.id||Y===e.id),k=s?0:Number.isFinite(t=Number(l?.raw?.resetCredits?.availableCount))?Math.max(0,t):0;return(0,a.jsxs)(x.default,{padding:"none",className:`min-w-0 ${f?"opacity-60":""}`,children:[(0,a.jsx)("div",{className:"border-b border-black/10 px-3 py-2 dark:border-white/10",children:(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,a.jsx)("div",{className:"w-8 h-8 shrink-0 rounded-md flex items-center justify-center overflow-hidden",children:(0,a.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,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-primary capitalize truncate",children:e.name||y(e.provider)}),g(e)?(0,a.jsx)("p",{className:"text-xs text-text-muted truncate",children:g(e)}):null]})]}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5 sm:gap-1",children:[!s&&"codex"===e.provider&&(0,a.jsxs)("button",{type:"button",onClick:()=>er({connection:e,count:k}),disabled:k<=0||v||ea===e.id,"aria-label":"Use one Codex reset credit",className:"flex h-11 items-center gap-1 rounded-xl px-2 text-amber-600 transition-colors hover:bg-amber-500/10 disabled:cursor-not-allowed disabled:opacity-40 dark:text-amber-400 sm:h-8 sm:rounded-lg",title:k>0?"Use one reset credit":"No reset credits available",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"restart_alt"}),(0,a.jsx)("span",{className:"text-[10px] tabular-nums",children:k})]}),(0,a.jsx)("button",{type:"button",onClick:()=>s?eX(e.connectionIds,e.provider):eG(e.id,e.provider),disabled:i||v,"aria-label":"Refresh quota",className:"flex size-11 items-center justify-center rounded-xl transition-colors hover:bg-black/5 disabled:opacity-50 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Refresh quota",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${i?"animate-spin":""}`,children:"refresh"})}),!s&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",onClick:()=>{ee(e),X(!0)},disabled:v,"aria-label":"Edit connection",className:"flex size-11 items-center justify-center rounded-xl text-text-muted transition-colors hover:bg-black/5 hover:text-primary disabled:opacity-50 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Edit connection",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eZ(e.id),disabled:v,"aria-label":"Delete connection",className:"flex size-11 items-center justify-center rounded-xl text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50 sm:size-8 sm:rounded-lg",title:"Delete connection",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] ${Q===e.id?"animate-pulse":""}`,children:"delete"})}),(0,a.jsx)("div",{className:"inline-flex size-11 items-center justify-center sm:h-8 sm:w-auto sm:pl-0.5",title:e.isActive??!0?"Disable connection":"Enable connection",children:(0,a.jsx)(m.default,{size:"sm",touchTarget:!0,checked:e.isActive??!0,disabled:v,onChange:t=>e0(e.id,t)})})]})]})]})}),(0,a.jsx)("div",{className:"px-2 py-1.5",children:i?(0,a.jsx)("div",{className:"text-center py-5 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[28px] animate-spin",children:"progress_activity"})}):d?(0,a.jsxs)("div",{className:"text-center py-5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[28px] text-red-500",children:"error"}),(0,a.jsx)("p",{className:"mt-1.5 text-xs text-text-muted",children:d})]}):h.length>0?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"sm:hidden",children:[(0,a.jsx)(u,{quotas:p,totalCount:h.length,paginate:!1,compact:!0,sortMode:"default",showSortLabel:"codex"===e.provider&&"default"!==eb}),h.length>3&&(0,a.jsxs)("button",{type:"button",onClick:()=>eN(t=>({...t,[e.id]:!b})),className:"mt-2 flex h-11 w-full items-center justify-center gap-1.5 rounded-xl border border-black/10 bg-black/[0.02] text-xs font-medium text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/5","aria-expanded":b,children:[(0,a.jsx)("span",{children:b?"Show less":`Show ${h.length-p.length} more`}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:b?"expand_less":"expand_more"})]})]}),(0,a.jsx)("div",{className:"hidden sm:block",children:(0,a.jsx)(u,{quotas:h,compact:!0,sortMode:"default",showSortLabel:"codex"===e.provider&&"default"!==eb})}),l?.message?(0,a.jsx)("p",{className:"px-1 text-[10px] text-text-muted",children:l.message}):null,l?.refreshError?(0,a.jsxs)("p",{className:"rounded-lg bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300",children:["Showing last successful quota; refresh failed: ",l.refreshError]}):null]}):l?.message?(0,a.jsx)("div",{className:"text-center py-5",children:(0,a.jsx)("p",{className:"text-xs text-text-muted",children:l.message})}):(0,a.jsx)("div",{className:"text-center py-5 text-text-muted",children:(0,a.jsx)("p",{className:"text-xs",children:"No quota data available"})})})]},e.id)})}),(0,a.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,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:tl}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("select",{value:ti?"custom":String(ez),onChange:e=>{let t=e.target.value;if("custom"===t)return;let r=Number.parseInt(t,10);Number.isFinite(r)&&(eF(1),e_(r),eD(String(r)))},className:"h-11 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:rounded-lg sm:px-2","aria-label":"Accounts per page",children:[A.map(e=>(0,a.jsxs)("option",{value:String(e),children:[e," / page"]},e)),(0,a.jsx)("option",{value:"custom",children:"Custom"})]}),(0,a.jsx)("input",{type:"number",min:"1",max:String(500),inputMode:"numeric",value:eO,onChange:e=>eD(e.target.value),onBlur:()=>{let e=Number.parseInt(eO,10);if(!Number.isFinite(e))return void eD(String(ez));let t=Math.min(500,Math.max(1,e));eF(1),e_(t),eD(String(t))},onKeyDown:e=>{if("Enter"!==e.key)return;let t=Number.parseInt(eO,10);if(!Number.isFinite(t))return void eD(String(ez));let r=Math.min(500,Math.max(1,t));eF(1),e_(r),eD(String(r))},className:"h-11 w-24 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:w-20 sm:rounded-lg sm:px-2","aria-label":"Custom accounts per page",placeholder:"Custom"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["Page ",eL.page," / ",eL.totalPages]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,a.jsx)("button",{type:"button",onClick:()=>eF(1),disabled:eL.page<=1||U||O,className:"flex h-11 items-center rounded-xl 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 sm:h-8 sm:rounded-lg",children:"First Page"}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(e=>Math.max(1,e-1)),disabled:eL.page<=1||U||O,className:"flex size-11 items-center justify-center rounded-xl 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 sm:size-8 sm:rounded-lg","aria-label":"Previous accounts page",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_left"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(e=>Math.min(eL.totalPages,e+1)),disabled:eL.page>=eL.totalPages||U||O,className:"flex size-11 items-center justify-center rounded-xl 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 sm:size-8 sm:rounded-lg","aria-label":"Next accounts page",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_right"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(eL.totalPages),disabled:eL.page>=eL.totalPages||U||O,className:"flex h-11 items-center rounded-xl 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 sm:h-8 sm:rounded-lg",children:"Last Page"})]})]})})]}):(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:tn.icon}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:tn.title}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:tn.description})]})}),(0,a.jsx)(h.wI,{isOpen:V,connection:Z,proxyPools:en,onSave:e1,onClose:()=>{X(!1),ee(null)}}),(0,a.jsx)(h.uo,{isOpen:!!et,onClose:()=>er(null),onConfirm:eQ,title:"Use Codex Reset Credit",message:`Use 1 reset credit for ${g(et?.connection||{})||"this Codex account"}? This permanently spends one credit and cannot be undone. Available: ${et?.count??0}.`,confirmText:"Use 1 Credit",variant:"danger",loading:!!(et?.connection?.id&&ea===et.connection.id)})]}):H?(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-red-500 opacity-30",children:"error"}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"Failed to Load Providers"}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:H}),(0,a.jsxs)("button",{type:"button",onClick:ta,className:"mt-4 inline-flex items-center gap-2 rounded-xl border border-black/10 px-4 py-2 text-sm text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"refresh"}),"Retry"]})]})}):(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),(0,a.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,3745,3339,620,5497,8441,3794,7358],()=>e(e.s=5498)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3826],{5498:(e,t,r)=>{Promise.resolve().then(r.bind(r,23686)),Promise.resolve().then(r.bind(r,25086))},23686:(e,t,r)=>{"use strict";r.d(t,{default:()=>$});var a=r(95155),s=r(12115),n=r(57250),l=r(91720);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){if(e?.unlimited===!0)return e?.remainingPercentage!==void 0&&Number.isFinite(Number(e.remainingPercentage))?Math.max(0,Math.min(100,Math.round(Number(e.remainingPercentage)))):100;if(e?.remainingPercentage!==void 0&&Number.isFinite(Number(e.remainingPercentage)))return Math.max(0,Math.min(100,Math.round(Number(e.remainingPercentage))));if(e?.remaining!==void 0&&Number.isFinite(Number(e.remaining))){let t=Number(e.remaining);if(t>=0&&t<=100&&!(e.total>100&&t<=100&&null!=e.used))return e.total>0?i(e.used,e.total):Math.round(t)}return i(e?.used,e?.total)}function d(e,t){if(!t||"object"!=typeof t)return[];let r=[];try{switch(e.toLowerCase()){case"github":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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])=>{r.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])=>{r.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])=>{let a=e.endsWith("_freetrial"),s=(a?e.slice(0,-10):e).split(/[_\s]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ");r.push({name:a?`${s} (Free Trial)`:s,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))&&r.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])=>{r.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&&!t.quotas?r.push({name:"error",isError:!0,used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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])=>{let a=!0===t.unlimited||!(t.total>0)&&t.remainingPercentage>0;r.push({name:e,used:t.used||0,total:a?0:t.total||0,resetAt:t.resetAt||null,remainingPercentage:null!=t.remainingPercentage?t.remainingPercentage:a?100:void 0,unlimited:a})});break;case"cloudflare-ai":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{let a=!0===t.unlimited||!(t.total>0);r.push({name:e,used:t.used||0,total:a?0:t.total||0,resetAt:t.resetAt||null,remainingPercentage:null!=t.remainingPercentage?t.remainingPercentage:100*!!a,unlimited:a})});break;default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{r.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 a=(0,l.KC)(e);if(a.length>0){let e=new Map(a.map((e,t)=>[e.id,t]));r.sort((t,r)=>{let a=t.modelKey||t.name,s=r.modelKey||r.name;return(e.get(a)??999)-(e.get(s)??999)})}return r}let c=["name","used","total","resetAt","remaining","remainingPercentage","unlimited","message","isError","unit","modelKey"];function u({quotas:e=[],compact:t=!1,sortMode:r="default",showSortLabel:n=!1,paginate:l=!0,totalCount:i}){let[d,m]=(0,s.useState)(1),[x,h]=(0,s.useState)(e);x===e||Array.isArray(x)&&Array.isArray(e)&&x.length===e.length&&x.every((t,r)=>{let a=e[r];return t&&a?c.every(e=>String(t[e]??null)===String(a[e]??null)):t===a})||h(e);let p=(0,s.useMemo)(()=>x.map((e,t)=>({...e,index:t,remaining:o(e)})),[x]),b=(0,s.useMemo)(()=>"remaining-asc"===r?[...p].sort((e,t)=>e.remaining-t.remaining||e.name.localeCompare(t.name)):"remaining-desc"===r?[...p].sort((e,t)=>t.remaining-e.remaining||e.name.localeCompare(t.name)):p,[p,r]),g=l?Math.max(1,Math.ceil(b.length/10)):1;if((0,s.useEffect)(()=>{m(1)},[r,x]),(0,s.useEffect)(()=>{m(e=>Math.min(e,g))},[g]),!e||0===e.length)return null;let f=l?b.slice((d-1)*10,10*d):b,v=0===b.length?0:(d-1)*10+1,y=l?Math.min(10*d,b.length):b.length,k=Number.isFinite(i)?i:b.length,j=t?"py-1 px-1.5":"py-2 px-3",w=t?"text-[11px]":"text-sm",N=t?"text-[11px]":"text-sm",C=t?"text-[10px] leading-tight":"text-xs";return(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"text-[10px] text-text-muted",children:[k," quota",k>1?"s":""]}),n&&(0,a.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,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsx)("table",{className:"w-full table-fixed text-left",children:(0,a.jsx)("tbody",{children:f.map(e=>{var r;if(e.isError)return(0,a.jsx)("tr",{className:"border-b border-black/5 dark:border-white/5",children:(0,a.jsx)("td",{colSpan:3,className:`${j}`,children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,a.jsx)("span",{className:"material-symbols-outlined shrink-0 text-[14px] text-red-500",children:"error"}),(0,a.jsx)("span",{className:`${w} text-red-600 dark:text-red-400 truncate`,children:e.message||"Failed to load quota"})]})})},`error-${e.index}`);let s=(r=e.remaining)>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"\uD83D\uDFE2"}:r>=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,r=new Date,a=t-r;if(a<=0)return"-";let s=Math.ceil(a/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),r=new Date,a=new Date(r.getFullYear(),r.getMonth(),r.getDate()),s=new Date(a);s.setDate(s.getDate()+1);let n="";n=t>=a&&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,a.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,a.jsx)("td",{className:`${j} w-[30%]`,children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,a.jsx)("span",{className:"text-[10px] shrink-0",children:s.emoji}),(0,a.jsx)("span",{className:`${w} font-medium text-text-primary truncate`,children:e.name})]})}),(0,a.jsx)("td",{className:`${j} w-[45%]`,children:(0,a.jsxs)("div",{className:t?"space-y-1":"space-y-1.5",children:[(0,a.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,a.jsx)("div",{className:`h-full transition-all duration-300 ${s.bg}`,style:{width:`${Math.min(e.remaining,100)}%`}})}),(0,a.jsxs)("div",{className:`flex items-center justify-between ${t?"text-[10px]":"text-xs"}`,children:[(0,a.jsx)("span",{className:"text-text-muted",children:!0!==e.unlimited&&e.total>0?`${e.used.toLocaleString()} / ${e.total.toLocaleString()}`:!0===e.unlimited?"Included / ∞":`${e.used.toLocaleString()} / ∞`}),(0,a.jsx)("span",{className:`font-medium ${s.text}`,children:Number.isFinite(e.remaining)?`${e.remaining}%`:"—"})]})]})}),(0,a.jsx)("td",{className:`${j} w-[25%]`,children:"-"!==n||l?t?(0,a.jsx)("div",{className:`${N} text-text-primary font-medium truncate`,title:l||"",children:"-"!==n?`in ${n}`:l}):(0,a.jsxs)("div",{className:"space-y-0.5",children:["-"!==n&&(0,a.jsxs)("div",{className:`${N} text-text-primary font-medium`,children:["in ",n]}),l&&(0,a.jsx)("div",{className:`${C} text-text-muted`,children:l})]}):(0,a.jsx)("div",{className:`${N} text-text-muted italic`,children:"N/A"})})]},`${e.name}-${e.index}`)})})})}),g>1&&(0,a.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,a.jsxs)("div",{className:"flex items-center justify-between gap-2 text-[10px] text-text-muted",children:[(0,a.jsxs)("span",{children:["Showing ",v,"-",y," of ",b.length]}),(0,a.jsxs)("span",{children:["Page ",d," / ",g]})]}),(0,a.jsxs)("div",{className:"mt-1.5 flex items-center justify-end gap-1",children:[(0,a.jsx)("button",{type:"button",onClick:()=>m(e=>Math.max(1,e-1)),disabled:1===d,className:"flex h-11 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 sm:h-7 sm:rounded-md sm:px-2 sm:text-[10px]",children:"Prev"}),(0,a.jsx)("button",{type:"button",onClick:()=>m(e=>Math.min(g,e+1)),disabled:d===g,className:"flex h-11 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 sm:h-7 sm:rounded-md sm:px-2 sm:text-[10px]",children:"Next"})]})]})]})}var m=r(98542),x=r(84588),h=r(35497),p=r(52679);function b(e,t){if(!t)return e;let r=new Date(t);return!Number.isFinite(r.getTime())||e&&r.getTime()<=e.getTime()?e:r}function g(e){let t=e=>"string"==typeof e&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);return t(e.email)?e.email:(t(e.name),e.name)}function f(e,t){let r=t[e.id]?.quotas?.[0];return r&&"number"==typeof r.remaining?r.remaining:1/0}function v(e){return p.Q2[e]?.name||e}function y(e){let t={};return e.forEach(e=>{t[e.id]=!0}),t}function k(e,t){let r=new Set(t.map(e=>e.id));return Object.fromEntries(Object.entries(e).filter(([e])=>r.has(e)))}async function j(e,t){return await e(t)}let w="quotaAutoRefresh",N=[{value:"all",label:"All accounts"},{value:"active",label:"Active"},{value:"inactive",label:"Turned off"}],C=[{value:"single",label:"Satuan",icon:"account_circle"},{value:"bulk",label:"Bulk",icon:"stacks"}],S=[{value:"default",label:"Default quota order"},{value:"remaining-asc",label:"% quota: low to high"},{value:"remaining-desc",label:"% quota: high to low"}],A=[10,20,50,100];function $(){let[e,t]=(0,s.useState)([]),[r,l]=(0,s.useState)({}),[c,$]=(0,s.useState)({}),[P,q]=(0,s.useState)({}),[E,T]=(0,s.useState)(!0),[M,F]=(0,s.useState)(null),[_,z]=(0,s.useState)(!1),[D,O]=(0,s.useState)(!1),[L,I]=(0,s.useState)(60),[R,U]=(0,s.useState)(!0),[K,H]=(0,s.useState)(null),[B,J]=(0,s.useState)(null),[Q,W]=(0,s.useState)(null),[Y,G]=(0,s.useState)(null),[V,X]=(0,s.useState)(!1),[Z,ee]=(0,s.useState)(null),[et,er]=(0,s.useState)(null),[ea,es]=(0,s.useState)(null),[en,el]=(0,s.useState)([]),[ei,eo]=(0,s.useState)("all"),[ed,ec]=(0,s.useState)([]),[eu,em]=(0,s.useState)("single"),[ex,eh]=(0,s.useState)("all"),[ep,eb]=(0,s.useState)("default"),[eg,ef]=(0,s.useState)(!1),[ev,ey]=(0,s.useState)(!1),[ek,ej]=(0,s.useState)(!1),[ew,eN]=(0,s.useState)({}),[eC,eS]=(0,s.useState)(!1),[eA,e$]=(0,s.useState)({}),[eP,eq]=(0,s.useState)({}),[eE,eT]=(0,s.useState)({}),[eM,eF]=(0,s.useState)(1),[e_,ez]=(0,s.useState)(20),[eD,eO]=(0,s.useState)(String(20)),[eL,eI]=(0,s.useState)({page:1,pageSize:20,total:0,totalPages:1}),[eR,eU]=(0,s.useState)({eligibleConnections:0,providerFilteredConnections:0}),eK=(0,s.useRef)(null),eH=(0,s.useRef)(null),eB=(0,s.useRef)(null),eJ=(0,s.useRef)(0),eQ=async()=>{let e=et?.connection;if(e){es(e.id);try{let t=await fetch(`/api/usage/${e.id}/codex-reset-credits`,{method:"POST"}),r=await t.json();if(!t.ok)throw Error(r.error||r.message||"Failed to use reset credit");er(null),await eG(e.id,e.provider)}catch(e){J({message:e.message||"Failed to use Codex reset credit"})}finally{es(null)}}},eW=(0,s.useCallback)(async(e=eM)=>{let r=++eJ.current;try{var a,s;let n=new URLSearchParams({page:String(e),pageSize:String(e_),accountStatus:ex,sort:"priority"});"all"!==ei&&n.set("provider",ei);let l=await fetch(`/api/providers/client?${n.toString()}`);if(!l.ok){let e=await l.json().catch(()=>({}));throw Error(e.error||`Failed to fetch connections (HTTP ${l.status})`)}let i=await l.json();if(r!==eJ.current)return[];let o=i.connections||[],d=(a=i.pagination,a||{page:1,pageSize:e_,total:0,totalPages:1}),c=function(e,t=0){return e||{eligibleConnections:t,providerFilteredConnections:t}}(i.totals,o.length);return t(o),ec(i.providerOptions||[]),eI(d),eU(c),eF((s=i.pagination,s?.page||e)),H(null),o}catch(e){if(console.error("Error fetching connections:",e),r!==eJ.current)return[];return t([]),ec([]),eI({page:1,pageSize:e_,total:0,totalPages:1}),eU({eligibleConnections:0,providerFilteredConnections:0}),H(e.message||"Failed to fetch connections"),[]}},[ex,eM,e_,ei]),eY=(0,s.useCallback)(async(e,t,r=!1)=>{$(t=>({...t,[e]:!0})),q(t=>({...t,[e]:null}));try{var a;let s=await fetch(`/api/usage/${e}${r?"?refresh=1":""}`);if(!s.ok){let r=(await s.json().catch(()=>({}))).error||s.statusText;if(404===s.status)return void console.warn(`[ProviderLimits] Connection not found for ${t}, skipping`);if(401===s.status)return console.warn(`[ProviderLimits] Auth error for ${t}:`,r),q(t=>({...t,[e]:r})),null;throw Error(`HTTP ${s.status}: ${r}`)}let n=await s.json(),i=(a=d(t,n),{quotas:a,plan:n.plan||null,message:n.message||null,cached:!0===n.cached,stale:!0===n.stale,fetchedAt:n.fetchedAt||null,refreshError:n.refreshError||null,raw:n});return l(t=>({...t,[e]:i})),{fetchedAt:n.fetchedAt||null}}catch(r){return console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,r),q(t=>({...t,[e]:r.message||"Failed to fetch quota"})),null}finally{$(t=>({...t,[e]:!1}))}},[]),eG=(0,s.useCallback)(async(e,t)=>{let r=await eY(e,t,!0);F(e=>b(e,r?.fetchedAt))},[eY]),eV=(0,s.useCallback)(async(e,t=!1)=>{if(e&&"all"!==e){eq(t=>({...t,[e]:!0})),eT(t=>({...t,[e]:!1}));try{let r=`/api/usage/aggregate?provider=${encodeURIComponent(e)}${t?"&refresh=1":""}`,a=await fetch(r);if(!a.ok)throw Error("Failed to fetch aggregate");let s=await a.json(),n=d(e,s);return e$(t=>({...t,[e]:{quotas:n,plan:s.plan||null,accountCount:s.accountCount||0,accountsWithQuota:s.accountsWithQuota||0,deadCount:s.deadCount||0,cached:!0===s.cached,fetchedAt:s.fetchedAt||null}})),{fetchedAt:s.fetchedAt||null}}catch(t){return console.error(`[ProviderLimits] Aggregate fetch error for ${e}:`,t),eT(t=>({...t,[e]:!0})),null}finally{eq(t=>({...t,[e]:!1}))}}},[]),eX=(0,s.useCallback)(async(e,t)=>{if("bulk"===eu&&t){let e=await eV(t,!0);F(t=>b(t,e?.fetchedAt));return}if(!e?.length)return;$(t=>({...t,...Object.fromEntries(e.map(e=>[e,!0]))}));let r=await Promise.all(e.map(e=>eY(e,t,!0)));F(e=>r.reduce((e,t)=>b(e,t?.fetchedAt),e))},[eY,eu,eV]),eZ=(0,s.useCallback)(async e=>{if(confirm("Delete this connection?")){W(e),J(null);try{let t=await fetch(`/api/providers/${e}`,{method:"DELETE"});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error||`HTTP ${t.status}`)}l(t=>{let r={...t};return delete r[e],r}),$(t=>{let r={...t};return delete r[e],r}),q(t=>{let r={...t};return delete r[e],r}),await j(eW,eM)}catch(e){console.error("Error deleting connection:",e),J({type:"error",message:e.message||"Failed to delete connection"})}finally{W(null)}}},[eW,eM]),e0=(0,s.useCallback)(async(e,t)=>{G(e),J(null);try{let r=await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})});if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e.error||`HTTP ${r.status}`)}await j(eW,eM)}catch(e){console.error("Error updating connection status:",e),await j(eW,eM),J({type:"error",message:e.message||"Failed to update connection status"})}finally{G(null)}},[eW,eM]),e1=(0,s.useCallback)(async e=>{if(!Z?.id)return;let t=Z.id,r=Z.provider;J(null);try{let a=await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(e.error||`HTTP ${a.status}`)}await eW(),X(!1),ee(null),p.wb.includes(r)&&await eY(t,r)}catch(e){console.error("Error saving connection:",e),J({type:"error",message:e.message||"Failed to save connection"})}},[Z,eW,eY]);(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&&el(t.proxyPools)}).catch(()=>{}),()=>{e=!0}},[]);let e5=(0,s.useCallback)(async()=>{if(!D){O(!0),I(60);try{let e=await eW(eM);$(y(e)),q(t=>k(t,e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider,!0)));if("bulk"===eu){let e="all"!==ei?[ei]:ed.map(e=>e.value||e).filter(e=>"all"!==e),r=await Promise.all(e.map(e=>eV(e,!0)));t.push(...r)}F(e=>t.reduce((e,t)=>b(e,t?.fetchedAt),e))}catch(e){console.error("Error refreshing all providers:",e)}finally{O(!1)}}},[D,eW,eY,eM,eu,ei,ed,eV]);(0,s.useEffect)(()=>{(async()=>{U(!0);let e=await eW(eM);U(!1),$(y(e)),q(t=>k(t,e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider)));F(e=>t.reduce((e,t)=>b(e,t?.fetchedAt),e))})()},[eW,eY,eM]),(0,s.useEffect)(()=>{"bulk"!==eu||("all"!==ei?[ei]:ed.map(e=>e.value||e).filter(e=>"all"!==e)).forEach(e=>eV(e))},[eu,ei,ed,eV]),(0,s.useEffect)(()=>{let e=window.localStorage.getItem(w);T(null===e||"true"===e),z(!0)},[]),(0,s.useEffect)(()=>{_&&window.localStorage.setItem(w,String(E))},[E,_]),(0,s.useEffect)(()=>{eB.current=e5},[e5]);let e2=(0,s.useCallback)(()=>{eK.current&&(clearInterval(eK.current),eK.current=null),eH.current&&(clearInterval(eH.current),eH.current=null)},[]),e3=(0,s.useCallback)(()=>{eK.current||eH.current||(eK.current=setInterval(()=>{eB.current?.()},6e4),eH.current=setInterval(()=>{I(e=>e<=1?60:e-1)},1e3))},[]);(0,s.useEffect)(()=>_&&E?(document.hidden||e3(),e2):void e2(),[E,_,e3,e2]),(0,s.useEffect)(()=>{let e=()=>{document.hidden?e2():E&&_&&e3()};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[E,_,e3,e2]);let e4=(0,s.useMemo)(()=>(function(e,t,r,a,s){if("codex"===a&&"default"!==s)return[...e].sort((e,r)=>{let a=f(e,t),n=f(r,t),l="remaining-asc"===s?a-n:n-a;return 0!==l?l:(g(e)||"").localeCompare(g(r)||"")});if(!r)return e;let n=e=>{let r=(t[e.id]?.quotas||[]).map(e=>e.resetAt?new Date(e.resetAt).getTime():1/0).filter(e=>Number.isFinite(e));return r.length>0?Math.min(...r):1/0};return[...e].sort((e,t)=>{let r=n(e)-n(t);return 0!==r?r:(e.provider||"").localeCompare(t.provider||"")||(g(e)||"").localeCompare(g(t)||"")})})(e,r,eg,ei,ep),[e,r,eg,ei,ep]),e8=(0,s.useMemo)(()=>{let e;return e=new Map,e4.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,r,a,s){if(!t.length)return null;let n=[],l=[],i=null,o=!1;return t.forEach(e=>{let t=r[e.id];Array.isArray(t?.quotas)&&n.push(...t.quotas),t?.message&&!i&&(i=t.message),s[e.id]&&l.push(s[e.id]),a[e.id]&&(o=!0)}),{id:`${e}-aggregate`,provider:e,name:v(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 r=t.get(e.name)||{name:e.name,used:0,total:0,resetAt:e.resetAt||null,remainingPercentage:null,unlimited:!1,_pctSum:0,_pctCount:0};r.used+=Number(e.used)||0,r.total+=Number(e.total)||0,!0===e.unlimited&&(r.unlimited=!0),null!=e.remainingPercentage&&Number.isFinite(Number(e.remainingPercentage))&&(r._pctSum+=Number(e.remainingPercentage),r._pctCount+=1),e.resetAt&&(!r.resetAt||new Date(e.resetAt).getTime()<new Date(r.resetAt).getTime())&&(r.resetAt=e.resetAt),t.set(e.name,r)}),[...t.values()].map(e=>{let{_pctSum:t,_pctCount:r,...a}=e;return a.unlimited?(a.remainingPercentage=100,a.total=0):a.total>0?a.remainingPercentage=(a.total-a.used)/a.total*100:r>0?a.remainingPercentage=t/r:a.remainingPercentage=0,a})}(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,r,c,P)).filter(Boolean)},[e4,r,c,P]),e6=(0,s.useMemo)(()=>Object.keys(eA).length?e8.map(e=>{let t=eA[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:eP[e.provider]||!1}:e}):e8,[e8,eA,eP]),e7=(0,s.useMemo)(()=>"bulk"===eu?e6:e4,[eu,e6,e4]),e9=e=>{let t=r[e.id]?.quotas;return!!t?.length&&t.some(e=>!!e.total&&!(e.total<=0)&&5>=i(e.used,e.total))},te=(0,s.useCallback)(async(e,t)=>{if(e.length&&!eC){eS(!0),J(null);try{let r=(await Promise.all(e.map(e=>fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})))).filter(e=>!e.ok).length;await j(eW,eM),r>0&&J({type:"error",message:`Failed to update ${r} of ${e.length} connections`})}catch(e){console.error("Error bulk toggling connections:",e),await j(eW,eM),J({type:"error",message:e.message||"Failed to update connections"})}finally{eS(!1)}}},[eC,eW,eM]),tt="all"===ei?"All providers":ei,tr=eR.eligibleConnections>0,ta=(0,s.useCallback)(async()=>{U(!0);let e=await eW(eM);if(U(!1),!e.length)return;$(y(e)),l(t=>k(t,e));let t=await Promise.all(e.map(e=>eY(e.id,e.provider)));F(e=>t.reduce((e,t)=>b(e,t?.fetchedAt),e))},[eW,eY,eM]),ts=e7.length>0,tn=eR.eligibleConnections?eR.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"===ei?"Try changing the account status filter to see more quota trackers.":`No ${"inactive"===ex?"turned off":"active"===ex?"active":"matching"} accounts found for ${ei}.`}:{icon:"cloud_off",title:"No Providers Connected",description:"Connect to providers with OAuth to track your API quota limits and usage."},tl=function(e){var t;let{start:r,end:a}=(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 ${r}-${a} of ${e.total}`}(eL),ti=!A.includes(e_);return R||tr?(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsxs)("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_minmax(0,1fr)_2.75rem] gap-2 sm:flex sm:w-auto sm:flex-wrap sm:items-center sm:gap-1.5",children:[(0,a.jsxs)("div",{className:"relative min-w-0",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>ey(e=>!e),className:"flex h-11 w-full min-w-0 items-center justify-between gap-1 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:w-auto sm:rounded-lg sm:px-2","aria-haspopup":"menu","aria-expanded":ev,title:"Filter quota providers",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:["all"===ei?(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"apps"}):(0,a.jsx)(n.A,{src:`/providers/${ei}.png`,alt:ei,size:18,className:"size-[18px] rounded object-contain",fallbackText:ei.slice(0,2).toUpperCase()}),(0,a.jsx)("span",{className:"truncate capitalize",children:tt})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"expand_more"})]}),ev&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",className:"fixed inset-0 z-30 bg-transparent","aria-label":"Close provider filter",onClick:()=>ey(!1)}),(0,a.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,a.jsxs)("button",{type:"button",onClick:()=>{"all"!==ei&&eF(1),eo("all"),ey(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${"all"===ei?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"apps"}),(0,a.jsx)("span",{className:"font-medium",children:"All providers"}),"all"===ei&&(0,a.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]}),(0,a.jsx)("div",{className:"my-1 h-px bg-black/10 dark:bg-white/10"}),(0,a.jsx)("div",{className:"max-h-72 overflow-y-auto pr-1",children:ed.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ei!==e&&eF(1),eo(e),ey(!1)},className:`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${ei===e?"bg-primary/10 text-primary":"text-text-primary hover:bg-black/5 dark:hover:bg-white/10"}`,children:[(0,a.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,a.jsx)("span",{className:"font-medium capitalize",children:e}),ei===e&&(0,a.jsx)("span",{className:"material-symbols-outlined ml-auto text-[20px]",children:"check"})]},e))})]})]})]}),(0,a.jsx)("select",{value:ex,onChange:e=>{let t=e.target.value;ex!==t&&eF(1),eh(t)},className:"h-11 min-w-0 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:rounded-lg sm:px-2","aria-label":"Filter accounts by status",children:N.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("button",{type:"button",onClick:e5,disabled:D,className:"flex size-11 shrink-0 items-center justify-center rounded-xl border border-black/10 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:opacity-50 dark:border-white/10 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Refresh all","aria-label":"Refresh all quotas",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] sm:text-[14px] ${D?"animate-spin":""}`,children:"refresh"})}),(0,a.jsx)("div",{className:"col-span-2 inline-flex min-h-11 min-w-0 overflow-hidden rounded-xl border border-black/10 bg-black/[0.02] dark:border-white/10 dark:bg-white/[0.03] sm:h-8 sm:min-h-0 sm:rounded-lg",children:C.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>em(e.value),"aria-pressed":eu===e.value,className:`flex min-h-11 flex-1 items-center justify-center gap-1.5 px-3 text-xs font-medium transition-colors sm:min-h-0 sm:flex-none sm:justify-start sm:px-2 sm:font-normal ${eu===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,a.jsx)("span",{className:"material-symbols-outlined text-[17px] sm:text-[14px]",children:e.icon}),(0,a.jsx)("span",{children:e.label})]},e.value))}),(0,a.jsx)("button",{type:"button",onClick:()=>ej(e=>!e),"aria-expanded":ek,className:`flex size-11 items-center justify-center rounded-xl border text-text-primary transition-colors sm:hidden ${ek?"border-primary/30 bg-primary/10 text-primary":"border-black/10 hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5"}`,"aria-label":ek?"Hide more actions":"Show more actions",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"tune"})}),(0,a.jsxs)("div",{className:`${ek?"flex":"hidden"} col-span-3 flex-col gap-2 rounded-2xl border border-black/10 bg-black/[0.02] p-3 dark:border-white/10 dark:bg-white/[0.03] sm:contents`,children:["codex"===ei&&(0,a.jsx)("select",{value:ep,onChange:e=>eb(e.target.value),className:"h-11 w-full rounded-xl border border-black/10 bg-surface px-3 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10 sm:h-8 sm:w-auto sm:rounded-lg sm:bg-black/[0.02] sm:px-2 dark:sm:bg-white/[0.03]","aria-label":"Sort Codex quotas by remaining",children:S.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsxs)("button",{type:"button",onClick:()=>ef(e=>!e),"aria-pressed":eg,className:`flex h-11 w-full shrink-0 items-center justify-between gap-2 rounded-xl border px-3 text-xs transition-colors sm:h-8 sm:w-auto sm:justify-start sm:rounded-lg sm:px-2 ${eg?"border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400":"border-black/10 bg-surface text-text-primary hover:bg-black/5 dark:border-white/10 dark:bg-transparent dark:hover:bg-white/5"}`,title:"Sort accounts by earliest quota reset time",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"hourglass_top"}),(0,a.jsx)("span",{children:"Expiring first"})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:hidden",children:eg?"check_circle":"circle"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{te(e4.filter(e=>(e.isActive??!0)&&e9(e)).map(e=>e.id),!1)},disabled:eC,className:"flex h-11 w-full shrink-0 items-center gap-2 rounded-xl border border-red-500/30 bg-surface px-3 text-xs text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50 dark:bg-transparent sm:h-8 sm:w-auto sm:rounded-lg sm:px-2",title:"Disable connections with depleted quota on the current page",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"block"}),(0,a.jsx)("span",{children:"Turn off Empty"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{te(e4.filter(e=>!(e.isActive??!0)&&!e9(e)).map(e=>e.id),!0)},disabled:eC,className:"flex h-11 w-full shrink-0 items-center gap-2 rounded-xl border border-emerald-500/30 bg-surface px-3 text-xs text-emerald-600 transition-colors hover:bg-emerald-500/10 disabled:opacity-50 dark:bg-transparent dark:text-emerald-400 sm:h-8 sm:w-auto sm:rounded-lg sm:px-2",title:"Enable connections that still have quota on the current page",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] sm:text-[14px]",children:"check_circle"}),(0,a.jsx)("span",{children:"Turn on Available"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>T(e=>!e),className:"flex h-11 w-full shrink-0 items-center justify-between gap-2 rounded-xl border border-black/10 bg-surface px-3 text-xs transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-transparent dark:hover:bg-white/5 sm:h-8 sm:w-auto sm:justify-start sm:rounded-lg sm:px-2",title:E?"Disable auto-refresh":"Enable auto-refresh",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2 text-text-primary",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] sm:text-[14px] ${E?"text-primary":"text-text-muted"}`,children:E?"toggle_on":"toggle_off"}),(0,a.jsx)("span",{children:"Auto-refresh"})]}),E&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted tabular-nums",children:["(",L,"s)"]})]})]})]})}),B&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-xs text-red-700 dark:text-red-300",role:"alert",children:[(0,a.jsx)("span",{children:B.message}),(0,a.jsx)("button",{type:"button",onClick:()=>J(null),"aria-label":"Dismiss",className:"shrink-0 text-red-500 hover:text-red-700 dark:hover:text-red-200",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]}),!R&&K&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-xs text-red-700 dark:text-red-300",role:"alert",children:[(0,a.jsxs)("span",{children:["Failed to refresh providers: ",K]}),(0,a.jsx)("button",{type:"button",onClick:ta,className:"shrink-0 font-medium underline hover:no-underline",children:"Retry"})]}),"bulk"===eu&&Object.values(eE).some(Boolean)&&(0,a.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",role:"status",children:"Couldn't load server-side totals for some providers — bulk cards show data for the current page only."}),ts?(0,a.jsxs)(a.Fragment,{children:[eg&&(0,a.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,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:e7.map(e=>{let t,s,l,i,d=!0===e.isAggregate,h=d?e.quota:r[e.id],p=d?e.isLoading:c[e.id],b=d?e.error:P[e.id],f=h?.quotas||[],y=!0===ew[e.id],k=y?f:function(e,t=3){return e.map((e,t)=>({quota:e,index:t})).sort((e,t)=>{let r=o(e.quota)-o(t.quota);if(0!==r)return r;let a=e.quota.resetAt?new Date(e.quota.resetAt).getTime():1/0,s=t.quota.resetAt?new Date(t.quota.resetAt).getTime():1/0;return a!==s?a-s:e.index-t.index}).slice(0,t).map(({quota:e})=>e)}(f),j=!1===e.isActive,w=!d&&(Q===e.id||Y===e.id),N=d?0:Number.isFinite(t=Number(h?.raw?.resetCredits?.availableCount))?Math.max(0,t):0;return(0,a.jsxs)(x.default,{padding:"none",className:`min-w-0 ${j?"opacity-60":""}`,children:[(0,a.jsx)("div",{className:"border-b border-black/10 px-3 py-2 dark:border-white/10",children:(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,a.jsx)("div",{className:"w-8 h-8 shrink-0 rounded-md flex items-center justify-center overflow-hidden",children:(0,a.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,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-primary capitalize truncate",children:e.name||v(e.provider)}),g(e)?(0,a.jsx)("p",{className:"text-xs text-text-muted truncate",children:g(e)}):null,!d&&(s=String(e.authType||"").toLowerCase(),l=e.providerSpecificData?.region||e.providerSpecificData?.aiRegion||null,i=[],"apikey"===s||"api_key"===s?i.push({t:"API Key",c:"bg-blue-500/10 text-blue-500"}):("oauth"===s||"access_token"===s)&&i.push({t:"OAuth",c:"bg-violet-500/10 text-violet-500"}),l&&i.push({t:l,c:"bg-slate-500/10 text-text-muted"}),i.push(!1===e.isActive?{t:"paused",c:"bg-amber-500/10 text-amber-500"}:{t:"active",c:"bg-emerald-500/10 text-emerald-500"}),(0,a.jsx)("div",{className:"mt-1 flex flex-wrap items-center gap-1",children:i.map((e,t)=>(0,a.jsx)("span",{className:`rounded px-1.5 py-0.5 text-[10px] font-medium ${e.c}`,children:e.t},t))}))]})]}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5 sm:gap-1",children:[!d&&"codex"===e.provider&&(0,a.jsxs)("button",{type:"button",onClick:()=>er({connection:e,count:N}),disabled:N<=0||w||ea===e.id,"aria-label":"Use one Codex reset credit",className:"flex h-11 items-center gap-1 rounded-xl px-2 text-amber-600 transition-colors hover:bg-amber-500/10 disabled:cursor-not-allowed disabled:opacity-40 dark:text-amber-400 sm:h-8 sm:rounded-lg",title:N>0?"Use one reset credit":"No reset credits available",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"restart_alt"}),(0,a.jsx)("span",{className:"text-[10px] tabular-nums",children:N})]}),(0,a.jsx)("button",{type:"button",onClick:()=>d?eX(e.connectionIds,e.provider):eG(e.id,e.provider),disabled:p||w,"aria-label":"Refresh quota",className:"flex size-11 items-center justify-center rounded-xl transition-colors hover:bg-black/5 disabled:opacity-50 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Refresh quota",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${p?"animate-spin":""}`,children:"refresh"})}),!d&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",onClick:()=>{ee(e),X(!0)},disabled:w,"aria-label":"Edit connection",className:"flex size-11 items-center justify-center rounded-xl text-text-muted transition-colors hover:bg-black/5 hover:text-primary disabled:opacity-50 dark:hover:bg-white/5 sm:size-8 sm:rounded-lg",title:"Edit connection",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eZ(e.id),disabled:w,"aria-label":"Delete connection",className:"flex size-11 items-center justify-center rounded-xl text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50 sm:size-8 sm:rounded-lg",title:"Delete connection",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] ${Q===e.id?"animate-pulse":""}`,children:"delete"})}),(0,a.jsx)("div",{className:"inline-flex size-11 items-center justify-center sm:h-8 sm:w-auto sm:pl-0.5",title:e.isActive??!0?"Disable connection":"Enable connection",children:(0,a.jsx)(m.default,{size:"sm",touchTarget:!0,checked:e.isActive??!0,disabled:w,onChange:t=>e0(e.id,t)})})]})]})]})}),(0,a.jsx)("div",{className:"px-2 py-1.5",children:p?(0,a.jsx)("div",{className:"text-center py-5 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[28px] animate-spin",children:"progress_activity"})}):b?(0,a.jsxs)("div",{className:"text-center py-5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[28px] text-red-500",children:"error"}),(0,a.jsx)("p",{className:"mt-1.5 text-xs text-text-muted",children:b})]}):f.length>0?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"sm:hidden",children:[(0,a.jsx)(u,{quotas:k,totalCount:f.length,paginate:!1,compact:!0,sortMode:"default",showSortLabel:"codex"===e.provider&&"default"!==ep}),f.length>3&&(0,a.jsxs)("button",{type:"button",onClick:()=>eN(t=>({...t,[e.id]:!y})),className:"mt-2 flex h-11 w-full items-center justify-center gap-1.5 rounded-xl border border-black/10 bg-black/[0.02] text-xs font-medium text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/5","aria-expanded":y,children:[(0,a.jsx)("span",{children:y?"Show less":`Show ${f.length-k.length} more`}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:y?"expand_less":"expand_more"})]})]}),(0,a.jsx)("div",{className:"hidden sm:block",children:(0,a.jsx)(u,{quotas:f,compact:!0,sortMode:"default",showSortLabel:"codex"===e.provider&&"default"!==ep})}),h?.message?(0,a.jsx)("p",{className:"px-1 text-[10px] text-text-muted",children:h.message}):null,h?.refreshError?(0,a.jsxs)("p",{className:"rounded-lg bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300",children:["Showing last successful quota; refresh failed: ",h.refreshError]}):null]}):h?.message?(0,a.jsx)("div",{className:"text-center py-5",children:(0,a.jsx)("p",{className:"text-xs text-text-muted",children:h.message})}):(0,a.jsx)("div",{className:"text-center py-5 text-text-muted",children:(0,a.jsx)("p",{className:"text-xs",children:"No quota data available"})})})]},e.id)})}),(0,a.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,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:tl}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("select",{value:ti?"custom":String(e_),onChange:e=>{let t=e.target.value;if("custom"===t)return;let r=Number.parseInt(t,10);Number.isFinite(r)&&(eF(1),ez(r),eO(String(r)))},className:"h-11 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:rounded-lg sm:px-2","aria-label":"Accounts per page",children:[A.map(e=>(0,a.jsxs)("option",{value:String(e),children:[e," / page"]},e)),(0,a.jsx)("option",{value:"custom",children:"Custom"})]}),(0,a.jsx)("input",{type:"number",min:"1",max:String(500),inputMode:"numeric",value:eD,onChange:e=>eO(e.target.value),onBlur:()=>{let e=Number.parseInt(eD,10);if(!Number.isFinite(e))return void eO(String(e_));let t=Math.min(500,Math.max(1,e));eF(1),ez(t),eO(String(t))},onKeyDown:e=>{if("Enter"!==e.key)return;let t=Number.parseInt(eD,10);if(!Number.isFinite(t))return void eO(String(e_));let r=Math.min(500,Math.max(1,t));eF(1),ez(r),eO(String(r))},className:"h-11 w-24 rounded-xl border border-black/10 bg-black/[0.02] px-3 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 sm:h-8 sm:w-20 sm:rounded-lg sm:px-2","aria-label":"Custom accounts per page",placeholder:"Custom"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["Page ",eL.page," / ",eL.totalPages]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,a.jsx)("button",{type:"button",onClick:()=>eF(1),disabled:eL.page<=1||R||D,className:"flex h-11 items-center rounded-xl 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 sm:h-8 sm:rounded-lg",children:"First Page"}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(e=>Math.max(1,e-1)),disabled:eL.page<=1||R||D,className:"flex size-11 items-center justify-center rounded-xl 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 sm:size-8 sm:rounded-lg","aria-label":"Previous accounts page",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_left"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(e=>Math.min(eL.totalPages,e+1)),disabled:eL.page>=eL.totalPages||R||D,className:"flex size-11 items-center justify-center rounded-xl 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 sm:size-8 sm:rounded-lg","aria-label":"Next accounts page",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_right"})}),(0,a.jsx)("button",{type:"button",onClick:()=>eF(eL.totalPages),disabled:eL.page>=eL.totalPages||R||D,className:"flex h-11 items-center rounded-xl 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 sm:h-8 sm:rounded-lg",children:"Last Page"})]})]})})]}):(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:tn.icon}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:tn.title}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:tn.description})]})}),(0,a.jsx)(h.wI,{isOpen:V,connection:Z,proxyPools:en,onSave:e1,onClose:()=>{X(!1),ee(null)}}),(0,a.jsx)(h.uo,{isOpen:!!et,onClose:()=>er(null),onConfirm:eQ,title:"Use Codex Reset Credit",message:`Use 1 reset credit for ${g(et?.connection||{})||"this Codex account"}? This permanently spends one credit and cannot be undone. Available: ${et?.count??0}.`,confirmText:"Use 1 Credit",variant:"danger",loading:!!(et?.connection?.id&&ea===et.connection.id)})]}):K?(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-red-500 opacity-30",children:"error"}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"Failed to Load Providers"}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:K}),(0,a.jsxs)("button",{type:"button",onClick:ta,className:"mt-4 inline-flex items-center gap-2 rounded-xl border border-black/10 px-4 py-2 text-sm text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"refresh"}),"Retry"]})]})}):(0,a.jsx)(x.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),(0,a.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,3745,3339,620,5497,8441,3794,7358],()=>e(e.s=5498)),_N_E=e.O()}]);