n9router 0.4.43 → 0.4.45

package/app/.next/static/chunks/app/(dashboard)/dashboard/proxy-pools/{page-b9da35538f423062.js → page-5d746bc98c25d89d.js}

@@ -1,4 +1,4 @@
 (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6812],{37829:(e,t,l)=>{Promise.resolve().then(l.bind(l,57076))},57076:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>n});var r=l(95155),s=l(12115),o=l(35497),a=l(65921);function i(e={}){return{name:e.name||"",proxyUrl:e.proxyUrl||"",noProxy:e.noProxy||"",isActive:!1!==e.isActive,strictProxy:!0===e.strictProxy}}function n(){let[e,t]=(0,s.useState)([]),[l,n]=(0,s.useState)(!0),[d,c]=(0,s.useState)(!1),[x,p]=(0,s.useState)(!1),[m,h]=(0,s.useState)(!1),[u,y]=(0,s.useState)(!1),[f,g]=(0,s.useState)(!1),[j,b]=(0,s.useState)(!1),[v,k]=(0,s.useState)(null),[N,w]=(0,s.useState)(i()),[C,P]=(0,s.useState)(""),[$,D]=(0,s.useState)({vercelToken:"",projectName:"vercel-relay"}),[S,T]=(0,s.useState)({accountId:"",apiToken:"",projectName:"cloudflare-relay"}),[A,E]=(0,s.useState)({denoToken:"",orgDomain:"",projectName:""}),[I,U]=(0,s.useState)(!1),[O,z]=(0,s.useState)(!1),[F,W]=(0,s.useState)(!1),[R,_]=(0,s.useState)(null),[L,q]=(0,s.useState)([]),[V,J]=(0,s.useState)(!1),[B,G]=(0,s.useState)({current:0,total:0}),[M,H]=(0,s.useState)(!1),[Y,Q]=(0,s.useState)(null),K=(0,s.useRef)(null),Z=(0,a.i)();(0,s.useEffect)(()=>{let e=e=>{K.current&&!K.current.contains(e.target)&&b(!1)};return j&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[j]);let X=(0,s.useCallback)(async()=>{try{let e=await fetch("/api/proxy-pools?includeUsage=true",{cache:"no-store"}),l=await e.json();e.ok&&t(l.proxyPools||[])}catch(e){console.log("Error fetching proxy pools:",e)}finally{n(!1)}},[]);(0,s.useEffect)(()=>{X()},[X]);let ee=()=>{k(null),w(i())},et=()=>{ee(),c(!0)},el=()=>{c(!1),ee()},er=async()=>{let e={name:N.name.trim(),proxyUrl:N.proxyUrl.trim(),noProxy:N.noProxy.trim(),isActive:!0===N.isActive,strictProxy:!0===N.strictProxy};if(e.name&&e.proxyUrl){U(!0);try{let t=!!v,l=await fetch(t?`/api/proxy-pools/${v.id}`:"/api/proxy-pools",{method:t?"PUT":"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(l.ok)await X(),el(),Z.success(v?"Proxy pool updated":"Proxy pool created");else{let e=await l.json();Z.error(e.error||"Failed to save proxy pool")}}catch(e){console.log("Error saving proxy pool:",e)}finally{U(!1)}}},es=async e=>{Q({title:"Delete Proxy Pool",message:`Delete proxy pool "${e.name}"?`,onConfirm:async()=>{Q(null);try{let l=await fetch(`/api/proxy-pools/${e.id}`,{method:"DELETE"});if(l.ok){t(t=>t.filter(t=>t.id!==e.id)),Z.success("Proxy pool deleted");return}let r=await l.json();409===l.status?Z.warning(`Cannot delete: ${r.boundConnectionCount||0} connection(s) are still using this pool.`):Z.error(r.error||"Failed to delete proxy pool")}catch(e){console.log("Error deleting proxy pool:",e),Z.error("Failed to delete proxy pool")}}})},eo=async e=>{_(e);try{let t=await fetch(`/api/proxy-pools/${e}/test`,{method:"POST"}),l=await t.json();if(!t.ok)return void Z.error(l.error||"Failed to test proxy");await X(),Z.success(l.ok?"Proxy test passed":"Proxy test failed")}catch(e){console.log("Error testing proxy pool:",e),Z.error("Failed to test proxy")}finally{_(null)}},ea=async e=>{let l=!e.isActive;t(t=>t.map(t=>t.id===e.id?{...t,isActive:l}:t));try{(await fetch(`/api/proxy-pools/${e.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:l})})).ok||(t(t=>t.map(t=>t.id===e.id?{...t,isActive:e.isActive}:t)),Z.error("Failed to update active state"))}catch(l){console.log("Error toggling active:",l),t(t=>t.map(t=>t.id===e.id?{...t,isActive:e.isActive}:t))}},ei=e.length>0&&L.length===e.length,en=()=>q([]),ed=async t=>{let l=L.length>0?L:e.map(e=>e.id);if(0!==l.length){H(!0);try{let e=0,r=0;for(let s of l)try{(await fetch(`/api/proxy-pools/${s}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok?e+=1:r+=1}catch{r+=1}await X(),Z.success(`${t?"Activated":"Deactivated"} ${e}${r?`, failed ${r}`:""}`)}finally{H(!1)}}},ec=async()=>{0!==L.length&&Q({title:"Delete Proxy Pools",message:`Delete ${L.length} proxy pool(s)?`,onConfirm:async()=>{Q(null),H(!0);try{let e=0,t=0,l=0;for(let r of L)try{let s=await fetch(`/api/proxy-pools/${r}`,{method:"DELETE"});s.ok?e+=1:409===s.status?t+=1:l+=1}catch{l+=1}await X(),en(),Z.success(`Deleted ${e}${t?`, ${t} bound`:""}${l?`, ${l} failed`:""}`)}finally{H(!1)}}})},ex=async()=>{let t=L.length>0?e.filter(e=>L.includes(e.id)):e;if(0===t.length)return;J(!0),G({current:0,total:t.length});let l=0,r=[],s=0,o=[...t],a=async()=>{for(;o.length>0;){let e=o.shift();if(!e)break;try{let t=await fetch(`/api/proxy-pools/${e.id}/test`,{method:"POST"}),s=await t.json();t.ok&&s.ok?l+=1:r.push(e.id)}catch{r.push(e.id)}finally{G({current:s+=1,total:t.length})}}};await Promise.all(Array.from({length:Math.min(10,t.length)},a)),await X(),J(!1),G({current:0,total:0}),r.length>0?Q({title:"Disable Dead Proxies",message:`Alive: ${l}, Dead: ${r.length}.
 
 Disable ${r.length} dead proxies?`,onConfirm:async()=>{Q(null),H(!0);try{for(let e of r)try{await fetch(`/api/proxy-pools/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:!1})})}catch{}await X(),Z.success(`Disabled ${r.length} dead proxies`)}finally{H(!1)}}}):Z.success(`Health check done. Alive: ${l}, Dead: ${r.length}`)};(0,s.useEffect)(()=>{q(t=>t.filter(t=>e.some(e=>e.id===t)))},[e]);let ep=()=>{O||p(!1)},em=()=>{F||h(!1)},eh=()=>{F||y(!1)},eu=()=>{F||g(!1)},ey=async()=>{if($.vercelToken.trim()){W(!0);try{let e=await fetch("/api/proxy-pools/vercel-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)}),t=await e.json();e.ok?(await X(),em(),Z.success(`Deployed: ${t.deployUrl}`)):Z.error(t.error||"Deploy failed")}catch(e){console.log("Error deploying Vercel relay:",e),Z.error("Deploy failed")}finally{W(!1)}}},ef=async()=>{if(S.accountId.trim()&&S.apiToken.trim()){W(!0);try{let e=await fetch("/api/proxy-pools/cloudflare-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(S)}),t=await e.json();e.ok?(await X(),eh(),Z.success(`Deployed: ${t.deployUrl}`)):Z.error(t.error||"Deploy failed")}catch(e){console.log("Error deploying Cloudflare relay:",e),Z.error("Deploy failed")}finally{W(!1)}}},eg=async()=>{if(A.denoToken.trim()){W(!0);try{let e=await fetch("/api/proxy-pools/deno-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(A)}),t=await e.json();e.ok?(await X(),eu(),Z.success(`Deployed: ${t.deployUrl}`)):Z.error(t.error||"Deploy failed")}catch(e){console.log("Error deploying Deno relay:",e),Z.error("Deploy failed")}finally{W(!1)}}},ej=async()=>{let t=C.split(/\r?\n/).map(e=>e.trim()).filter(Boolean);if(0===t.length)return void Z.warning("Please paste at least one proxy line.");let l=[],r=[];if(t.forEach((e,t)=>{try{let r=(e=>{let t=e.trim();if(!t)return null;if(t.includes("://")){let e=new URL(t),l=e.port?`${e.hostname}:${e.port}`:e.hostname;return{proxyUrl:e.toString(),name:`Imported ${l}`}}let l=t.split(":");if(4===l.length){let[e,t,r,s]=l;if(!e||!t||!r||!s)throw Error("Invalid host:port:user:pass format");return{proxyUrl:new URL(`http://${encodeURIComponent(r)}:${encodeURIComponent(s)}@${e}:${t}`).toString(),name:`Imported ${e}:${t}`}}throw Error("Unsupported format")})(e);r&&l.push({...r,lineNumber:t+1})}catch(e){r.push(`Line ${t+1}: ${e.message}`)}}),r.length>0)return void Z.error(`Invalid proxy format:
-${r.join("\n")}`);z(!0);try{let t=new Set(e.map(e=>`${(e.proxyUrl||"").trim()}|||${(e.noProxy||"").trim()}`)),r=0,s=0,o=0;for(let e of l){let l=`${e.proxyUrl}|||`;if(t.has(l)){s+=1;continue}(await fetch("/api/proxy-pools",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e.name,proxyUrl:e.proxyUrl,noProxy:"",isActive:!0})})).ok?(r+=1,t.add(l)):o+=1}await X(),p(!1),Z.success(`Batch import completed: Created ${r}, Skipped ${s}, Failed ${o}`)}catch(e){console.log("Error batch importing proxies:",e),Z.error("Batch import failed")}finally{z(!1)}},eb=(0,s.useMemo)(()=>e.filter(e=>!0===e.isActive).length,[e]);return l?(0,r.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[(0,r.jsx)(o.Qv,{}),(0,r.jsx)(o.Qv,{})]}):(0,r.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[(0,r.jsx)("div",{className:"min-w-0",children:(0,r.jsx)("h1",{className:"text-xl font-semibold sm:text-2xl",children:"Proxy Pools"})}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:flex sm:items-center",children:[(0,r.jsxs)("div",{className:"relative",ref:K,children:[(0,r.jsxs)(o.$n,{size:"sm",variant:"secondary",icon:"rocket_launch",onClick:()=>b(!j),children:["Deploy Relay",(0,r.jsx)("span",{className:"material-symbols-outlined ml-1 text-[18px]",children:j?"expand_less":"expand_more"})]}),j&&(0,r.jsxs)("div",{className:"absolute left-0 top-full z-50 mt-1 w-48 rounded-xl border border-black/10 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-zinc-900 sm:left-auto sm:right-0",children:[(0,r.jsxs)("button",{onClick:()=>{T({accountId:"",apiToken:"",projectName:"cloudflare-relay"}),y(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-orange-500",children:"cloud"}),"Cloudflare Relay"]}),(0,r.jsxs)("button",{onClick:()=>{D({vercelToken:"",projectName:"vercel-relay"}),h(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-blue-500",children:"cloud_upload"}),"Vercel Relay"]}),(0,r.jsxs)("button",{onClick:()=>{E({denoToken:"",orgDomain:"",projectName:""}),g(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-green-500",children:"terminal"}),"Deno Relay"]})]})]}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"upload",onClick:()=>{P(""),p(!0)},children:"Batch Import"}),(0,r.jsx)(o.$n,{size:"sm",icon:"add",onClick:et,children:"Add Proxy Pool"})]})]}),(0,r.jsxs)(o.Zp,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center gap-2",children:[e.length>0&&(0,r.jsxs)("label",{className:"flex items-center gap-1.5 text-xs text-text-muted cursor-pointer",children:[(0,r.jsx)("input",{type:"checkbox",checked:ei,onChange:()=>q(ei?[]:e.map(e=>e.id)),className:"size-4 rounded border-black/20 dark:border-white/20"}),ei?"Unselect all":"Select all"]}),(0,r.jsxs)(o.Ex,{variant:"default",children:["Total: ",e.length]}),(0,r.jsxs)(o.Ex,{variant:"success",children:["Active: ",eb]})]}),(L.length>0||V)&&(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-primary/30 bg-primary/5 px-3 py-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"checklist"}),(0,r.jsx)("span",{className:"text-xs font-medium text-primary",children:L.length>0?`${L.length} selected`:"All pools"}),(0,r.jsxs)("div",{className:"ml-auto flex flex-wrap items-center gap-2",children:[(0,r.jsx)(o.$n,{size:"sm",icon:V?"progress_activity":"health_and_safety",onClick:ex,disabled:V||M||0===e.length,children:V?`Checking ${B.current}/${B.total}`:"Health Check"}),L.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"toggle_on",onClick:()=>ed(!0),disabled:M||V,children:"Activate"}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"toggle_off",onClick:()=>ed(!1),disabled:M||V,children:"Deactivate"}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:ec,disabled:M||V,children:"Delete"}),(0,r.jsx)(o.$n,{size:"sm",variant:"ghost",onClick:en,disabled:M||V,children:"Clear"})]})]})]}),0===e.length?(0,r.jsxs)("div",{className:"text-center py-10",children:[(0,r.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No proxy pool entries yet"}),(0,r.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create a proxy pool entry, then assign it to connections."}),(0,r.jsx)(o.$n,{icon:"add",onClick:et,children:"Add Proxy Pool"})]}):(0,r.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.04] dark:divide-white/[0.05]",children:e.map(e=>{var t;return(0,r.jsxs)("div",{className:"flex flex-col gap-3 py-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3 min-w-0 flex-1",children:[(0,r.jsx)("input",{type:"checkbox",checked:L.includes(e.id),onChange:()=>{let t;return t=e.id,q(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])},className:"mt-1 size-4 shrink-0 rounded border-black/20 dark:border-white/20"}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,r.jsx)("p",{className:"min-w-0 max-w-full truncate text-sm font-medium sm:max-w-[18rem]",children:e.name}),(0,r.jsx)(o.Ex,{variant:"active"===(t=e.testStatus)?"success":"error"===t?"error":"default",size:"sm",dot:!0,children:e.testStatus||"unknown"}),(0,r.jsx)(o.Ex,{variant:e.isActive?"success":"default",size:"sm",children:e.isActive?"active":"inactive"}),"vercel"===e.type&&(0,r.jsx)(o.Ex,{variant:"default",size:"sm",children:"vercel relay"}),"cloudflare"===e.type&&(0,r.jsx)(o.Ex,{variant:"default",size:"sm",children:"cloudflare relay"}),(0,r.jsxs)(o.Ex,{variant:"default",size:"sm",children:[e.boundConnectionCount||0," bound"]})]}),(0,r.jsx)("p",{className:"text-xs text-text-muted truncate mt-1",children:e.proxyUrl}),e.noProxy?(0,r.jsxs)("p",{className:"text-xs text-text-muted truncate",children:["No proxy: ",e.noProxy]}):null,(0,r.jsxs)("p",{className:"text-[11px] text-text-muted mt-1",children:["Last tested: ",function(e){if(!e)return"Never";let t=new Date(e);return Number.isNaN(t.getTime())?"Never":t.toLocaleString()}(e.lastTestedAt),e.lastError?` \xb7 ${e.lastError}`:""]})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-end gap-1",children:[(0,r.jsx)(o.lM,{size:"sm",checked:!0===e.isActive,onChange:()=>ea(e),title:e.isActive?"Disable":"Enable"}),(0,r.jsx)("button",{onClick:()=>eo(e.id),className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Test proxy",disabled:R===e.id,children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:R===e.id?{animation:"spin 1s linear infinite"}:void 0,children:R===e.id?"progress_activity":"science"})}),(0,r.jsx)("button",{onClick:()=>{k(e),w(i(e)),c(!0)},className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Edit",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,r.jsx)("button",{onClick:()=>es(e),className:"p-2 rounded hover:bg-red-500/10 text-red-500",title:"Delete",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})]}),(0,r.jsx)(o.aF,{isOpen:x,title:"Batch Import Proxies",onClose:ep,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"text-sm font-medium text-text-main mb-1 block",children:"Paste Proxy List (One per line)"}),(0,r.jsx)("textarea",{value:C,onChange:e=>P(e.target.value),placeholder:"http://user:pass@127.0.0.1:7897\n127.0.0.1:7897:user:pass",className:"w-full min-h-[180px] py-2 px-3 text-sm text-text-main bg-white dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-md focus:ring-1 focus:ring-primary/30 focus:border-primary/50 focus:outline-none transition-all"}),(0,r.jsx)("p",{className:"text-xs text-text-muted mt-1",children:"Supported formats: protocol://user:pass@host:port, host:port:user:pass"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ej,disabled:!C.trim()||O,children:O?"Importing...":"Import"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:ep,disabled:O,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:m,title:"Deploy Vercel Relay",onClose:em,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-blue-500/5 border border-blue-500/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Vercel Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys an edge relay function to Vercel. All AI provider requests will be forwarded through Vercel's edge network, masking your real IP from providers."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"Your IP is replaced by Vercel's dynamic edge IPs (hundreds of IPs across 20+ global regions)"}),(0,r.jsx)("li",{children:"Vercel serves millions of apps — providers can't block Vercel IPs without affecting legitimate traffic"}),(0,r.jsx)("li",{children:"Free tier: 100GB bandwidth/month, 500K edge invocations"}),(0,r.jsx)("li",{children:"Deploy multiple relays on different accounts for more IP diversity"})]})]}),(0,r.jsx)(o.pd,{label:"Vercel API Token",value:$.vercelToken,onChange:e=>D(t=>({...t,vercelToken:e.target.value})),placeholder:"your-vercel-api-token",hint:(0,r.jsxs)(r.Fragment,{children:["Token is used once for deployment and not stored. ",(0,r.jsx)("a",{href:"https://vercel.com/account/tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),(0,r.jsx)(o.pd,{label:"Project Name",value:$.projectName,onChange:e=>D(t=>({...t,projectName:e.target.value})),placeholder:"my-relay",hint:"Unique name for your Vercel project. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ey,disabled:!$.vercelToken.trim()||F,children:F?"Deploying... (may take ~1 min)":"Deploy"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:em,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:u,title:"Deploy Cloudflare Relay",onClose:eh,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-orange-500/5 border border-orange-500/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Cloudflare Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys a Cloudflare Worker as a proxy relay. All AI provider requests will be forwarded through Cloudflare's global edge network."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"High performance global routing and IP masking via Cloudflare Workers"}),(0,r.jsx)("li",{children:"Free tier: 100,000 requests per day"}),(0,r.jsx)("li",{children:"Requires Cloudflare Account ID and a Workers API Token (Edit Workers permission)"})]}),(0,r.jsxs)("div",{className:"mt-2 pt-2 border-t border-orange-500/10 text-xs text-text-muted",children:[(0,r.jsx)("p",{className:"font-medium text-text-main mb-1",children:"How to generate your API Token:"}),(0,r.jsxs)("ol",{className:"list-decimal pl-4 space-y-0.5",children:[(0,r.jsxs)("li",{children:["Go to ",(0,r.jsx)("b",{children:"My Profile"})," → ",(0,r.jsx)("b",{children:"API Tokens"})," → ",(0,r.jsx)("b",{children:"Create Token"})]}),(0,r.jsxs)("li",{children:["Scroll down to ",(0,r.jsx)("b",{children:"Custom Token"})," and click ",(0,r.jsx)("b",{children:"Get started"})]}),(0,r.jsxs)("li",{children:["Under ",(0,r.jsx)("b",{children:"Permissions"}),": Account | Workers Scripts | Edit"]}),(0,r.jsxs)("li",{children:["Under ",(0,r.jsx)("b",{children:"Account Resources"}),": Include | Account | ",(0,r.jsx)("i",{children:"Your Account Name"})]}),(0,r.jsxs)("li",{children:["Click ",(0,r.jsx)("b",{children:"Continue to summary"})," → ",(0,r.jsx)("b",{children:"Create Token"})]})]})]})]}),(0,r.jsx)(o.pd,{label:"Account ID",value:S.accountId,onChange:e=>T(t=>({...t,accountId:e.target.value})),placeholder:"your-cloudflare-account-id",hint:(0,r.jsx)(r.Fragment,{children:"Found on the right side of the Cloudflare dashboard overview page."})}),(0,r.jsx)(o.pd,{label:"API Token",value:S.apiToken,onChange:e=>T(t=>({...t,apiToken:e.target.value})),placeholder:"your-cloudflare-api-token",hint:(0,r.jsxs)(r.Fragment,{children:['Requires "Workers Scripts: Edit" permission. ',(0,r.jsx)("a",{href:"https://dash.cloudflare.com/profile/api-tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),(0,r.jsx)(o.pd,{label:"Worker Name",value:S.projectName,onChange:e=>T(t=>({...t,projectName:e.target.value})),placeholder:"my-relay",hint:"Unique name for your Cloudflare Worker. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ef,disabled:!S.accountId.trim()||!S.apiToken.trim()||F,children:F?"Deploying...":"Deploy Worker"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:eh,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:f,title:"Deploy Deno Relay",onClose:eu,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Deno Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys a relay worker to Deno Deploy's global edge network. All AI provider requests are forwarded through Deno's edge, masking your real IP."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"Deno Deploy v2 runs on a high-performance global edge network"}),(0,r.jsx)("li",{children:"Free tier: 1M requests & 100GiB outbound traffic per month"}),(0,r.jsx)("li",{children:"No per-request CPU time limits (unlike Vercel/Cloudflare)"}),(0,r.jsx)("li",{children:"Support up to 20 active apps & 50 custom domains"}),(0,r.jsx)("li",{children:"Deploy multiple relays for maximum IP diversity"})]}),(0,r.jsxs)("div",{className:"mt-2 pt-2 border-t border-black/10 dark:border-white/10 text-xs text-text-muted",children:[(0,r.jsx)("p",{className:"font-medium text-text-main mb-1",children:"How to generate API token:"}),(0,r.jsxs)("ol",{className:"list-decimal pl-4 space-y-0.5",children:[(0,r.jsxs)("li",{children:["Go to ",(0,r.jsx)("b",{children:"console.deno.com"})]}),(0,r.jsxs)("li",{children:["Select your ",(0,r.jsx)("b",{children:"Organization"})," → ",(0,r.jsx)("b",{children:"Settings"})," → ",(0,r.jsx)("b",{children:"Organization Tokens"})]}),(0,r.jsxs)("li",{children:["Create a ",(0,r.jsx)("b",{children:"Organization Token"})," (prefix ",(0,r.jsx)("b",{children:"ddo_"}),")"]})]})]})]}),(0,r.jsx)(o.pd,{label:"Deno Deploy API Token",value:A.denoToken,onChange:e=>E(t=>({...t,denoToken:e.target.value})),placeholder:"ddo_xxxxxxxxxxxxxxxx",hint:(0,r.jsx)(r.Fragment,{children:"Token is used once for deployment, not stored. Found in Organization Settings."}),type:"password"}),(0,r.jsx)(o.pd,{label:"Organization Domain",value:A.orgDomain,onChange:e=>E(t=>({...t,orgDomain:e.target.value})),placeholder:"your-org.deno.net",hint:"Organization's default domain. Your relay URL will be in the format: https://my-relay.your-org.deno.net"}),(0,r.jsx)(o.pd,{label:"App Name",value:A.projectName,onChange:e=>E(t=>({...t,projectName:e.target.value})),placeholder:"deno-relay",hint:"Unique app name. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:eg,disabled:!A.denoToken.trim()||!A.orgDomain.trim()||F,children:F?"Deploying...":"Deploy Relay"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:eu,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:d,title:v?"Edit Proxy Pool":"Add Proxy Pool",onClose:el,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)(o.pd,{label:"Name",value:N.name,onChange:e=>w(t=>({...t,name:e.target.value})),placeholder:"Office Proxy"}),(0,r.jsx)(o.pd,{label:"Proxy URL",value:N.proxyUrl,onChange:e=>w(t=>({...t,proxyUrl:e.target.value})),placeholder:"http://127.0.0.1:7897"}),(0,r.jsx)(o.pd,{label:"No Proxy",value:N.noProxy,onChange:e=>w(t=>({...t,noProxy:e.target.value})),placeholder:"localhost,127.0.0.1,.internal",hint:"Comma-separated hosts/domains to bypass proxy"}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-medium text-sm",children:"Active"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Inactive pools are ignored by runtime resolution."})]}),(0,r.jsx)(o.lM,{checked:!0===N.isActive,onChange:()=>w(e=>({...e,isActive:!e.isActive})),disabled:I})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-medium text-sm",children:"Strict Proxy"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Fail request if proxy is unreachable instead of falling back to direct."})]}),(0,r.jsx)(o.lM,{checked:!0===N.strictProxy,onChange:()=>w(e=>({...e,strictProxy:!e.strictProxy})),disabled:I})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:er,disabled:!N.name.trim()||!N.proxyUrl.trim()||I,children:I?"Saving...":"Save"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:el,disabled:I,children:"Cancel"})]})]})}),(0,r.jsx)(o.uo,{isOpen:!!Y,onClose:()=>Q(null),onConfirm:Y?.onConfirm,title:Y?.title||"Confirm",message:Y?.message,variant:"danger"})]})}}},e=>{e.O(0,[2574,3862,128,1321,5497,8441,3794,7358],()=>e(e.s=37829)),_N_E=e.O()}]);
+${r.join("\n")}`);z(!0);try{let t=new Set(e.map(e=>`${(e.proxyUrl||"").trim()}|||${(e.noProxy||"").trim()}`)),r=0,s=0,o=0;for(let e of l){let l=`${e.proxyUrl}|||`;if(t.has(l)){s+=1;continue}(await fetch("/api/proxy-pools",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e.name,proxyUrl:e.proxyUrl,noProxy:"",isActive:!0})})).ok?(r+=1,t.add(l)):o+=1}await X(),p(!1),Z.success(`Batch import completed: Created ${r}, Skipped ${s}, Failed ${o}`)}catch(e){console.log("Error batch importing proxies:",e),Z.error("Batch import failed")}finally{z(!1)}},eb=(0,s.useMemo)(()=>e.filter(e=>!0===e.isActive).length,[e]);return l?(0,r.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[(0,r.jsx)(o.Qv,{}),(0,r.jsx)(o.Qv,{})]}):(0,r.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[(0,r.jsx)("div",{className:"min-w-0",children:(0,r.jsx)("h1",{className:"text-xl font-semibold sm:text-2xl",children:"Proxy Pools"})}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:flex sm:items-center",children:[(0,r.jsxs)("div",{className:"relative",ref:K,children:[(0,r.jsxs)(o.$n,{size:"sm",variant:"secondary",icon:"rocket_launch",onClick:()=>b(!j),children:["Deploy Relay",(0,r.jsx)("span",{className:"material-symbols-outlined ml-1 text-[18px]",children:j?"expand_less":"expand_more"})]}),j&&(0,r.jsxs)("div",{className:"absolute left-0 top-full z-50 mt-1 w-48 rounded-xl border border-black/10 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-zinc-900 sm:left-auto sm:right-0",children:[(0,r.jsxs)("button",{onClick:()=>{T({accountId:"",apiToken:"",projectName:"cloudflare-relay"}),y(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-orange-500",children:"cloud"}),"Cloudflare Relay"]}),(0,r.jsxs)("button",{onClick:()=>{D({vercelToken:"",projectName:"vercel-relay"}),h(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-blue-500",children:"cloud_upload"}),"Vercel Relay"]}),(0,r.jsxs)("button",{onClick:()=>{E({denoToken:"",orgDomain:"",projectName:""}),g(!0),b(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-green-500",children:"terminal"}),"Deno Relay"]})]})]}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"upload",onClick:()=>{P(""),p(!0)},children:"Batch Import"}),(0,r.jsx)(o.$n,{size:"sm",icon:"add",onClick:et,children:"Add Proxy Pool"})]})]}),(0,r.jsxs)(o.Zp,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center gap-2",children:[e.length>0&&(0,r.jsxs)("label",{className:"flex items-center gap-1.5 text-xs text-text-muted cursor-pointer",children:[(0,r.jsx)("input",{type:"checkbox",checked:ei,onChange:()=>q(ei?[]:e.map(e=>e.id)),className:"size-4 rounded border-black/20 dark:border-white/20"}),ei?"Unselect all":"Select all"]}),(0,r.jsxs)(o.Ex,{variant:"default",children:["Total: ",e.length]}),(0,r.jsxs)(o.Ex,{variant:"success",children:["Active: ",eb]})]}),(L.length>0||V)&&(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-primary/30 bg-primary/5 px-3 py-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"checklist"}),(0,r.jsx)("span",{className:"text-xs font-medium text-primary",children:L.length>0?`${L.length} selected`:"All pools"}),(0,r.jsxs)("div",{className:"ml-auto flex flex-wrap items-center gap-2",children:[(0,r.jsx)(o.$n,{size:"sm",icon:V?"progress_activity":"health_and_safety",onClick:ex,disabled:V||M||0===e.length,children:V?`Checking ${B.current}/${B.total}`:"Health Check"}),L.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"toggle_on",onClick:()=>ed(!0),disabled:M||V,children:"Activate"}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"toggle_off",onClick:()=>ed(!1),disabled:M||V,children:"Deactivate"}),(0,r.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:ec,disabled:M||V,children:"Delete"}),(0,r.jsx)(o.$n,{size:"sm",variant:"ghost",onClick:en,disabled:M||V,children:"Clear"})]})]})]}),0===e.length?(0,r.jsxs)("div",{className:"text-center py-10",children:[(0,r.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No proxy pool entries yet"}),(0,r.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create a proxy pool entry, then assign it to connections."}),(0,r.jsx)(o.$n,{icon:"add",onClick:et,children:"Add Proxy Pool"})]}):(0,r.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.04] dark:divide-white/[0.05]",children:e.map(e=>{var t;return(0,r.jsxs)("div",{className:"flex flex-col gap-3 py-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3 min-w-0 flex-1",children:[(0,r.jsx)("input",{type:"checkbox",checked:L.includes(e.id),onChange:()=>{let t;return t=e.id,q(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])},className:"mt-1 size-4 shrink-0 rounded border-black/20 dark:border-white/20"}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,r.jsx)("p",{className:"min-w-0 max-w-full truncate text-sm font-medium sm:max-w-[18rem]",children:e.name}),(0,r.jsx)(o.Ex,{variant:"active"===(t=e.testStatus)?"success":"error"===t?"error":"default",size:"sm",dot:!0,children:e.testStatus||"unknown"}),(0,r.jsx)(o.Ex,{variant:e.isActive?"success":"default",size:"sm",children:e.isActive?"active":"inactive"}),"vercel"===e.type&&(0,r.jsx)(o.Ex,{variant:"default",size:"sm",children:"vercel relay"}),"cloudflare"===e.type&&(0,r.jsx)(o.Ex,{variant:"default",size:"sm",children:"cloudflare relay"}),(0,r.jsxs)(o.Ex,{variant:"default",size:"sm",children:[e.boundConnectionCount||0," bound"]})]}),(0,r.jsx)("p",{className:"text-xs text-text-muted truncate mt-1",children:e.proxyUrl}),e.noProxy?(0,r.jsxs)("p",{className:"text-xs text-text-muted truncate",children:["No proxy: ",e.noProxy]}):null,(0,r.jsxs)("p",{className:"text-[11px] text-text-muted mt-1",children:["Last tested: ",function(e){if(!e)return"Never";let t=new Date(e);return Number.isNaN(t.getTime())?"Never":t.toLocaleString()}(e.lastTestedAt),e.lastError?` \xb7 ${e.lastError}`:""]})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-end gap-1",children:[(0,r.jsx)(o.lM,{size:"sm",checked:!0===e.isActive,onChange:()=>ea(e),title:e.isActive?"Disable":"Enable"}),(0,r.jsx)("button",{onClick:()=>eo(e.id),className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Test proxy",disabled:R===e.id,children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:R===e.id?{animation:"spin 1s linear infinite"}:void 0,children:R===e.id?"progress_activity":"science"})}),(0,r.jsx)("button",{onClick:()=>{k(e),w(i(e)),c(!0)},className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Edit",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,r.jsx)("button",{onClick:()=>es(e),className:"p-2 rounded hover:bg-red-500/10 text-red-500",title:"Delete",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})]}),(0,r.jsx)(o.aF,{isOpen:x,title:"Batch Import Proxies",onClose:ep,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"text-sm font-medium text-text-main mb-1 block",children:"Paste Proxy List (One per line)"}),(0,r.jsx)("textarea",{value:C,onChange:e=>P(e.target.value),placeholder:"http://user:pass@127.0.0.1:7897\n127.0.0.1:7897:user:pass",className:"w-full min-h-[180px] py-2 px-3 text-sm text-text-main bg-white dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-md focus:ring-1 focus:ring-primary/30 focus:border-primary/50 focus:outline-none transition-all"}),(0,r.jsx)("p",{className:"text-xs text-text-muted mt-1",children:"Supported formats: protocol://user:pass@host:port, host:port:user:pass"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ej,disabled:!C.trim()||O,children:O?"Importing...":"Import"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:ep,disabled:O,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:m,title:"Deploy Vercel Relay",onClose:em,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-blue-500/5 border border-blue-500/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Vercel Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys an edge relay function to Vercel. All AI provider requests will be forwarded through Vercel's edge network, masking your real IP from providers."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"Your IP is replaced by Vercel's dynamic edge IPs (hundreds of IPs across 20+ global regions)"}),(0,r.jsx)("li",{children:"Vercel serves millions of apps — providers can't block Vercel IPs without affecting legitimate traffic"}),(0,r.jsx)("li",{children:"Free tier: 100GB bandwidth/month, 500K edge invocations"}),(0,r.jsx)("li",{children:"Deploy multiple relays on different accounts for more IP diversity"})]})]}),(0,r.jsx)(o.pd,{label:"Vercel API Token",value:$.vercelToken,onChange:e=>D(t=>({...t,vercelToken:e.target.value})),placeholder:"your-vercel-api-token",hint:(0,r.jsxs)(r.Fragment,{children:["Token is used once for deployment and not stored. ",(0,r.jsx)("a",{href:"https://vercel.com/account/tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),(0,r.jsx)(o.pd,{label:"Project Name",value:$.projectName,onChange:e=>D(t=>({...t,projectName:e.target.value})),placeholder:"my-relay",hint:"Unique name for your Vercel project. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ey,disabled:!$.vercelToken.trim()||F,children:F?"Deploying... (may take ~1 min)":"Deploy"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:em,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:u,title:"Deploy Cloudflare Relay",onClose:eh,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-orange-500/5 border border-orange-500/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Cloudflare Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys a Cloudflare Worker as a proxy relay. All AI provider requests will be forwarded through Cloudflare's global edge network."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"High performance global routing and IP masking via Cloudflare Workers"}),(0,r.jsx)("li",{children:"Free tier: 100,000 requests per day"}),(0,r.jsx)("li",{children:"Requires Cloudflare Account ID and a Workers API Token (Edit Workers permission)"})]}),(0,r.jsxs)("div",{className:"mt-2 pt-2 border-t border-orange-500/10 text-xs text-text-muted",children:[(0,r.jsx)("p",{className:"font-medium text-text-main mb-1",children:"How to generate your API Token:"}),(0,r.jsxs)("ol",{className:"list-decimal pl-4 space-y-0.5",children:[(0,r.jsxs)("li",{children:["Go to ",(0,r.jsx)("b",{children:"My Profile"})," → ",(0,r.jsx)("b",{children:"API Tokens"})," → ",(0,r.jsx)("b",{children:"Create Token"})]}),(0,r.jsxs)("li",{children:["Scroll down to ",(0,r.jsx)("b",{children:"Custom Token"})," and click ",(0,r.jsx)("b",{children:"Get started"})]}),(0,r.jsxs)("li",{children:["Under ",(0,r.jsx)("b",{children:"Permissions"}),": Account | Workers Scripts | Edit"]}),(0,r.jsxs)("li",{children:["Under ",(0,r.jsx)("b",{children:"Account Resources"}),": Include | Account | ",(0,r.jsx)("i",{children:"Your Account Name"})]}),(0,r.jsxs)("li",{children:["Click ",(0,r.jsx)("b",{children:"Continue to summary"})," → ",(0,r.jsx)("b",{children:"Create Token"})]})]})]})]}),(0,r.jsx)(o.pd,{label:"Account ID",value:S.accountId,onChange:e=>T(t=>({...t,accountId:e.target.value})),placeholder:"your-cloudflare-account-id",hint:(0,r.jsx)(r.Fragment,{children:"Found on the right side of the Cloudflare dashboard overview page."})}),(0,r.jsx)(o.pd,{label:"API Token",value:S.apiToken,onChange:e=>T(t=>({...t,apiToken:e.target.value})),placeholder:"your-cloudflare-api-token",hint:(0,r.jsxs)(r.Fragment,{children:['Requires "Workers Scripts: Edit" permission. ',(0,r.jsx)("a",{href:"https://dash.cloudflare.com/profile/api-tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),(0,r.jsx)(o.pd,{label:"Worker Name",value:S.projectName,onChange:e=>T(t=>({...t,projectName:e.target.value})),placeholder:"my-relay",hint:"Unique name for your Cloudflare Worker. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:ef,disabled:!S.accountId.trim()||!S.apiToken.trim()||F,children:F?"Deploying...":"Deploy Worker"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:eh,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:f,title:"Deploy Deno Relay",onClose:eu,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 p-3 flex flex-col gap-1.5",children:[(0,r.jsx)("p",{className:"text-sm text-text-main font-medium",children:"What is Deno Relay?"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Deploys a relay worker to Deno Deploy's global edge network. All AI provider requests are forwarded through Deno's edge, masking your real IP."}),(0,r.jsxs)("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[(0,r.jsx)("li",{children:"Deno Deploy v2 runs on a high-performance global edge network"}),(0,r.jsx)("li",{children:"Free tier: 1M requests & 100GiB outbound traffic per month"}),(0,r.jsx)("li",{children:"No per-request CPU time limits (unlike Vercel/Cloudflare)"}),(0,r.jsx)("li",{children:"Support up to 20 active apps & 50 custom domains"}),(0,r.jsx)("li",{children:"Deploy multiple relays for maximum IP diversity"})]}),(0,r.jsxs)("div",{className:"mt-2 pt-2 border-t border-black/10 dark:border-white/10 text-xs text-text-muted",children:[(0,r.jsx)("p",{className:"font-medium text-text-main mb-1",children:"How to generate API token:"}),(0,r.jsxs)("ol",{className:"list-decimal pl-4 space-y-0.5",children:[(0,r.jsxs)("li",{children:["Go to ",(0,r.jsx)("b",{children:"console.deno.com"})]}),(0,r.jsxs)("li",{children:["Select your ",(0,r.jsx)("b",{children:"Organization"})," → ",(0,r.jsx)("b",{children:"Settings"})," → ",(0,r.jsx)("b",{children:"Organization Tokens"})]}),(0,r.jsxs)("li",{children:["Create a ",(0,r.jsx)("b",{children:"Organization Token"})," (prefix ",(0,r.jsx)("b",{children:"ddo_"}),")"]})]})]})]}),(0,r.jsx)(o.pd,{label:"Deno Deploy API Token",value:A.denoToken,onChange:e=>E(t=>({...t,denoToken:e.target.value})),placeholder:"ddo_xxxxxxxxxxxxxxxx",hint:(0,r.jsx)(r.Fragment,{children:"Token is used once for deployment, not stored. Found in Organization Settings."}),type:"password"}),(0,r.jsx)(o.pd,{label:"Organization Domain",value:A.orgDomain,onChange:e=>E(t=>({...t,orgDomain:e.target.value})),placeholder:"your-org.deno.net",hint:"Organization's default domain. Your relay URL will be in the format: https://my-relay.your-org.deno.net"}),(0,r.jsx)(o.pd,{label:"App Name",value:A.projectName,onChange:e=>E(t=>({...t,projectName:e.target.value})),placeholder:"deno-relay",hint:"Unique app name. Leave empty for auto-generated name."}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:eg,disabled:!A.denoToken.trim()||!A.orgDomain.trim()||F,children:F?"Deploying...":"Deploy Relay"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:eu,disabled:F,children:"Cancel"})]})]})}),(0,r.jsx)(o.aF,{isOpen:d,title:v?"Edit Proxy Pool":"Add Proxy Pool",onClose:el,children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)(o.pd,{label:"Name",value:N.name,onChange:e=>w(t=>({...t,name:e.target.value})),placeholder:"Office Proxy"}),(0,r.jsx)(o.pd,{label:"Proxy URL",value:N.proxyUrl,onChange:e=>w(t=>({...t,proxyUrl:e.target.value})),placeholder:"http://127.0.0.1:7897"}),(0,r.jsx)(o.pd,{label:"No Proxy",value:N.noProxy,onChange:e=>w(t=>({...t,noProxy:e.target.value})),placeholder:"localhost,127.0.0.1,.internal",hint:"Comma-separated hosts/domains to bypass proxy"}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-medium text-sm",children:"Active"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Inactive pools are ignored by runtime resolution."})]}),(0,r.jsx)(o.lM,{checked:!0===N.isActive,onChange:()=>w(e=>({...e,isActive:!e.isActive})),disabled:I})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-medium text-sm",children:"Strict Proxy"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Fail request if proxy is unreachable instead of falling back to direct."})]}),(0,r.jsx)(o.lM,{checked:!0===N.strictProxy,onChange:()=>w(e=>({...e,strictProxy:!e.strictProxy})),disabled:I})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[(0,r.jsx)(o.$n,{fullWidth:!0,onClick:er,disabled:!N.name.trim()||!N.proxyUrl.trim()||I,children:I?"Saving...":"Save"}),(0,r.jsx)(o.$n,{fullWidth:!0,variant:"ghost",onClick:el,disabled:I,children:"Cancel"})]})]})}),(0,r.jsx)(o.uo,{isOpen:!!Y,onClose:()=>Q(null),onConfirm:Y?.onConfirm,title:Y?.title||"Confirm",message:Y?.message,variant:"danger"})]})}}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8441,3794,7358],()=>e(e.s=37829)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/quota/page-c38f42b5a56fb89a.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3826],{40869:(e,t,r)=>{"use strict";r.d(t,{default:()=>k});var a=r(95155),s=r(12115),i=r(57250),l=r(57294);function n({quotas:e=[],compact:t=!1,sortMode:r="default",showSortLabel:i=!1}){let[o,d]=(0,s.useState)(1),c=(0,s.useMemo)(()=>e.map((e,t)=>({...e,index:t,remaining:(0,l.$L)(e)})),[e]),x=(0,s.useMemo)(()=>"remaining-asc"===r?[...c].sort((e,t)=>e.remaining-t.remaining||e.name.localeCompare(t.name)):"remaining-desc"===r?[...c].sort((e,t)=>t.remaining-e.remaining||e.name.localeCompare(t.name)):c,[c,r]),m=Math.max(1,Math.ceil(x.length/10));if((0,s.useEffect)(()=>{d(1)},[r,e]),(0,s.useEffect)(()=>{d(e=>Math.min(e,m))},[m]),!e||0===e.length)return null;let u=x.slice((o-1)*10,10*o),p=0===x.length?0:(o-1)*10+1,b=Math.min(10*o,x.length),h=t?"py-1 px-1.5":"py-2 px-3",g=t?"text-[11px]":"text-sm",f=t?"text-[11px]":"text-sm",y=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:[x.length," quota",x.length>1?"s":""]}),i&&(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:u.map(e=>{var r;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"},i=(0,l.mO)(e.resetAt),n=(0,l.sQ)(e.resetAt),o=!1!==e.recurring?`in ${i}`:`expires in ${i}`;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:`${h} 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:`${g} font-medium text-text-primary truncate`,children:e.name})]})}),(0,a.jsx)("td",{className:`${h} 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.jsxs)("span",{className:"text-text-muted",children:[e.used.toLocaleString()," / ",e.total>0?e.total.toLocaleString():"∞"]}),(0,a.jsxs)("span",{className:`font-medium ${s.text}`,children:[e.remaining,"%"]})]})]})}),(0,a.jsx)("td",{className:`${h} w-[25%]`,children:"-"!==i||n?t?(0,a.jsx)("div",{className:`${f} text-text-primary font-medium truncate`,title:n||"",children:"-"!==i?o:n}):(0,a.jsxs)("div",{className:"space-y-0.5",children:["-"!==i&&(0,a.jsx)("div",{className:`${f} text-text-primary font-medium`,children:o}),n&&(0,a.jsx)("div",{className:`${y} text-text-muted`,children:n})]}):(0,a.jsx)("div",{className:`${f} text-text-muted italic`,children:"N/A"})})]},`${e.name}-${e.index}`)})})})}),m>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 ",p,"-",b," of ",x.length]}),(0,a.jsxs)("span",{children:["Page ",o," / ",m]})]}),(0,a.jsxs)("div",{className:"mt-1.5 flex items-center justify-end gap-1",children:[(0,a.jsx)("button",{type:"button",onClick:()=>d(e=>Math.max(1,e-1)),disabled:1===o,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,a.jsx)("button",{type:"button",onClick:()=>d(e=>Math.min(m,e+1)),disabled:o===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 o=r(98542),d=r(97677),c=r(84588),x=r(92542),m=r(35497),u=r(88105),p=r(11017),b=r(11059);let h={"builder-id":"AWS Builder ID",idc:"IAM Identity Center",google:"Google",github:"GitHub",imported:"Imported Token",api_key:"API Key"},g={claude:"claudeAutoPing",codex:"codexAutoPing"},f={claude:"When your 5h quota runs out, auto-sends a request the moment it resets so a new window starts right away.",codex:"Auto-starts the next 5h Codex window after reset by sending a tiny gpt-5.5 request. Consumes a small amount of quota."};function y(e){return e.name?.trim()&&e.email?.trim()&&e.name.trim()!==e.email.trim()?e.email.trim():e.name?.trim()&&e.displayName?.trim()&&e.name.trim()!==e.displayName.trim()?e.displayName.trim():null}function v(e){let t=e.providerSpecificData?.region;if(t)return t;let r=e.providerSpecificData?.profileArn;return("string"==typeof r?r.split(":")[3]:"")||""}function j(e){if(!e)return"N/A";let t=new Date(e);return Number.isFinite(t.getTime())?t.toLocaleString(void 0,{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit"}):"N/A"}function k(){let{copied:e,copy:t}=(0,b.C)(),[r,k]=(0,s.useState)([]),[w,N]=(0,s.useState)({}),[C,S]=(0,s.useState)({}),[$,A]=(0,s.useState)({}),[E,P]=(0,s.useState)(!0),[T,D]=(0,s.useState)({claude:{},codex:{}}),[I,_]=(0,s.useState)(null),[M,q]=(0,s.useState)(!1),[F,L]=(0,s.useState)(!1),[z,J]=(0,s.useState)(60),[U,O]=(0,s.useState)(!0),[R,W]=(0,s.useState)(null),[G,H]=(0,s.useState)(null),[K,B]=(0,s.useState)(null),[V,Z]=(0,s.useState)(null),[Q,X]=(0,s.useState)(null),[Y,ee]=(0,s.useState)(!1),[et,er]=(0,s.useState)(null),[ea,es]=(0,s.useState)([]),[ei,el]=(0,s.useState)("all"),[en,eo]=(0,s.useState)([]),[ed,ec]=(0,s.useState)("all"),[ex,em]=(0,s.useState)("default"),[eu,ep]=(0,s.useState)(!1),[eb,eh]=(0,s.useState)(!1),[eg,ef]=(0,s.useState)(!1),[ey,ev]=(0,s.useState)(1),[ej,ek]=(0,s.useState)(l.Wg),[ew,eN]=(0,s.useState)(String(l.Wg)),[eC,eS]=(0,s.useState)({page:1,pageSize:l.Wg,total:0,totalPages:1}),[e$,eA]=(0,s.useState)({eligibleConnections:0,providerFilteredConnections:0}),eE=(0,s.useRef)(null),eP=(0,s.useRef)(null),eT=(0,s.useRef)(0),eD=(0,s.useCallback)(async(e=ey)=>{try{let t=new URLSearchParams({page:String(e),pageSize:String(ej),accountStatus:ed,sort:"provider"});"all"!==ei&&t.set("provider",ei);let r=await fetch(`/api/providers/client?${t.toString()}`);if(!r.ok)throw Error("Failed to fetch connections");let a=await r.json(),s=a.connections||[],i=(0,l.wi)(a.pagination,ej),n=(0,l.dE)(a.totals,s.length);return k(s),eo((0,l.Uh)(a.providerOptions)),eS(i),eA(n),ev((0,l.ZS)(a.pagination,e)),s}catch(e){return console.error("Error fetching connections:",e),k([]),eo([]),eS({page:1,pageSize:ej,total:0,totalPages:1}),eA({eligibleConnections:0,providerFilteredConnections:0}),[]}},[ed,eu,ey,ej,ei]),eI=(0,s.useCallback)(async(e,t)=>{S(t=>({...t,[e]:!0})),A(t=>({...t,[e]:null}));try{console.log(`[ProviderLimits] Fetching quota for ${t} (${e})`);let r=await fetch(`/api/usage/${e}`);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};N(t=>({...t,[e]:r})),(0,l.fr)(e,r);return}throw Error(`HTTP ${r.status}: ${a}`)}let a=await r.json();console.log(`[ProviderLimits] Got quota for ${t}:`,a);let s={quotas:(0,l.W_)(t,a),plan:a.plan||null,message:a.message||null,raw:a};N(t=>({...t,[e]:s})),(0,l.fr)(e,s)}catch(r){console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,r),A(t=>({...t,[e]:r.message||"Failed to fetch quota"}))}finally{S(t=>({...t,[e]:!1}))}},[]),e_=(0,s.useCallback)(async(e,t)=>{await eI(e,t),_(new Date)},[eI]),eM=(0,s.useCallback)(async(e,t)=>{if("codex"===t&&!K){B(e),A(t=>({...t,[e]:null}));try{let r=await fetch(`/api/usage/${e}/codex-reset-credits`,{method:"POST"}),a=await r.json().catch(()=>({}));if(!r.ok)throw Error(a.message||a.error||a.code||"Failed to reset Codex limit");await eI(e,t),_(new Date)}catch(t){A(r=>({...r,[e]:t.message||"Failed to reset Codex limit"}))}finally{B(null)}}},[eI,K]),eq=(0,s.useCallback)(async e=>{X({connection:e,loading:!0,error:null,data:null});try{let t=await fetch(`/api/usage/${e.id}/codex-reset-credits`,{cache:"no-store"}),r=await t.json().catch(()=>({}));if(!t.ok)throw Error(r.error||r.message||"Failed to load Codex reset credits");let a=Array.isArray(r.credits)?[...r.credits]:[];a.sort((e,t)=>{let r=e.expiresAt?new Date(e.expiresAt).getTime():1/0,a=t.expiresAt?new Date(t.expiresAt).getTime():1/0;return r-a}),X({connection:e,loading:!1,error:null,data:{...r,credits:a}})}catch(t){X({connection:e,loading:!1,error:t.message||"Failed to load Codex reset credits",data:null})}},[]),eF=(0,s.useCallback)(async e=>{if(confirm("Delete this connection?")){W(e);try{if((await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok){N(t=>{let r={...t};return delete r[e],r}),S(t=>{let r={...t};return delete r[e],r}),A(t=>{let r={...t};return delete r[e],r});try{let t=(0,l.Ld)();t[e]&&(delete t[e],window.localStorage.setItem(l.AI,JSON.stringify(t)))}catch(e){console.error("Error deleting cache entry:",e)}await (0,l.Jp)(eD,ey)}}catch(e){console.error("Error deleting connection:",e)}finally{W(null)}}},[eD,ey]),eL=(0,s.useCallback)(async(e,t)=>{H(e);try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&(N(e=>({...e})),await (0,l.Jp)(eD,ey))}catch(e){console.error("Error updating connection status:",e)}finally{H(null)}},[eD,ey]),ez=(0,s.useCallback)(async e=>{if(!et?.id)return;let t=et.id,r=et.provider;try{(await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await eD(),ee(!1),er(null),u.wb.includes(r)&&await eI(t,r))}catch(e){console.error("Error saving connection:",e)}},[et,eD,eI]);(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&&es(t.proxyPools)}).catch(()=>{}),()=>{e=!0}},[]);let eJ=(0,s.useCallback)(async(e=!1)=>{if(F)return;L(!0),J(60);let t=eT.current+=1,r=Math.round(l.w2/l.J_);try{let a=await eD(ey);S((0,l.ku)(a)),A(e=>(0,l.ED)(e,a)),N(e=>(0,l.ED)(e,a)),await Promise.all(a.filter(a=>e||"claude"!==a.provider||t%r==0).map(e=>eI(e.id,e.provider))),_(new Date)}catch(e){console.error("Error refreshing all providers:",e)}finally{L(!1)}},[F,eD,eI,ey]);(0,s.useEffect)(()=>{(async()=>{O(!0);let e=await eD(ey);O(!1),S((0,l.ku)(e)),A(t=>(0,l.ED)(t,e)),N(t=>(0,l.ED)(t,e)),await Promise.all(e.map(e=>eI(e.id,e.provider))),_(new Date)})()},[eD,eI,ey]),(0,s.useEffect)(()=>{let e=window.localStorage.getItem(l.WA);P(null===e||"true"===e),q(!0)},[]),(0,s.useEffect)(()=>{M&&window.localStorage.setItem(l.WA,String(E))},[E,M]),(0,s.useEffect)(()=>{fetch("/api/settings",{cache:"no-store"}).then(e=>e.ok?e.json():{}).then(e=>D({claude:e?.claudeAutoPing?.connections||{},codex:e?.codexAutoPing?.connections||{}})).catch(()=>{})},[]);let eU=(0,s.useCallback)(async(e,t,r)=>{let a=g[t];if(!a)return;let s={...T[t]||{},[e]:r};D({...T,[t]:s});try{let e=await fetch("/api/settings",{cache:"no-store"}),t={...(e.ok?await e.json():{})[a]||{},connections:s};await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({[a]:t})})}catch{D(T)}},[T]);(0,s.useEffect)(()=>{if(!M||!E){eE.current&&(clearInterval(eE.current),eE.current=null),eP.current&&(clearInterval(eP.current),eP.current=null);return}return eE.current=setInterval(()=>{eJ()},l.J_),eP.current=setInterval(()=>{J(e=>e<=1?60:e-1)},1e3),()=>{eE.current&&clearInterval(eE.current),eP.current&&clearInterval(eP.current)}},[E,eJ,M]),(0,s.useEffect)(()=>{let e=()=>{document.hidden?(eE.current&&(clearInterval(eE.current),eE.current=null),eP.current&&(clearInterval(eP.current),eP.current=null)):E&&M&&(eE.current=setInterval(()=>eJ(),l.J_),eP.current=setInterval(()=>{J(e=>e<=1?60:e-1)},1e3))};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[E,eJ,M]);let eO=(0,s.useMemo)(()=>(0,l.uf)(r,w,eu,ei,ex),[r,w,eu,ei,ex]),eR=e=>{let t=w[e.id]?.quotas;return!!t?.length&&t.some(e=>!!e.total&&!(e.total<=0)&&(0,l.$4)(e.used,e.total)<=l.fZ)},eW=(0,s.useCallback)(async(e,t)=>{if(e.length&&!eg){ef(!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 (0,l.Jp)(eD,ey)}catch(e){console.error("Error bulk toggling connections:",e)}finally{ef(!1)}}},[eg,eD,ey]),eG="all"===ei?"All providers":ei,eH=e$.eligibleConnections>0,eK=eO.length>0,eB=(0,l.g5)(e$,ei,ed),eV=(0,l.kx)(eC),eZ=!l.pT.includes(ej);return((0,l.Xr)(ej,eZ),U||eH)?U||eK?(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-end",children:(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>eh(e=>!e),className:"flex h-10 min-w-[116px] items-center justify-between gap-2 rounded-xl border border-black/10 bg-black/[0.02] px-3 text-sm text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10 sm:min-w-[180px]","aria-haspopup":"menu","aria-expanded":eb,title:"Filter quota providers",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:["all"===ei?(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"apps"}):(0,a.jsx)(i.A,{src:`/providers/${ei}.png`,alt:ei,size:22,className:"size-[22px] rounded-md object-contain",fallbackText:ei.slice(0,2).toUpperCase()}),(0,a.jsx)("span",{className:"truncate capitalize hidden lg:inline",children:eG})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"expand_more"})]}),eb&&(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:()=>eh(!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:()=>{(0,l.wU)(ei,"all")&&ev(1),el("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"===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:en.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{(0,l.wU)(ei,e)&&ev(1),el(e),eh(!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)(i.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:ed,onChange:e=>{let t=e.target.value;(0,l.wU)(ed,t)&&ev(1),ec(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:l.AA.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),"codex"===ei&&(0,a.jsx)("select",{value:ex,onChange:e=>em(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:l.vF.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsxs)("button",{type:"button",onClick:()=>ep(e=>!e),"aria-pressed":eu,className:`flex h-8 shrink-0 items-center gap-1 rounded-lg border px-2 text-xs transition-colors ${eu?"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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"hourglass_top"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Expiring first"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{eW(eO.filter(e=>(e.isActive??!0)&&eR(e)).map(e=>e.id),!1)},disabled:eg,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"block"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Turn off Empty"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{eW(eO.filter(e=>!(e.isActive??!0)&&!eR(e)).map(e=>e.id),!0)},disabled:eg,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"check_circle"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Turn on Available"})]}),(0,a.jsxs)("button",{onClick:()=>P(e=>!e),className:"flex shrink-0 items-center gap-2 rounded-lg border border-black/10 px-3 py-2 transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5",title:E?"Disable auto-refresh":"Enable auto-refresh",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] ${E?"text-primary":"text-text-muted"}`,children:E?"toggle_on":"toggle_off"}),(0,a.jsx)("span",{className:"hidden text-text-primary sm:inline",children:"Auto-refresh"}),E&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted tabular-nums",children:["(",z,"s)"]})]}),(0,a.jsx)(x.default,{variant:"secondary",size:"md",icon:"refresh",onClick:()=>eJ(!0),disabled:F,loading:F,children:"Refresh All"})]})}),eu&&(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:eO.map(r=>{let s,l,x,u,b,j=w[r.id],k=C[r.id],N=$[r.id],S=!1===r.isActive,A="codex"===r.provider,E=Number.isFinite(l="number"==typeof(s=j?.raw?.resetCredits?.availableCount)?s:Number(s))?Math.max(0,l):0,P=K===r.id,D=R===r.id||G===r.id||P,I="antigravity"===r.provider?(0,p._P)(j?.raw)||(0,p.fd)(r.accountType):null;return(0,a.jsxs)(c.default,{padding:"none",className:`min-w-0 ${S?"opacity-60":""}`,children:[(0,a.jsx)("div",{className:"px-4 py-3 border-b border-black/10 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)(i.A,{src:`/providers/${r.provider}.png`,alt:r.provider,size:32,className:"object-contain",fallbackText:r.provider?.slice(0,2).toUpperCase()||"PR"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-primary capitalize truncate",children:r.provider}),"antigravity"===r.provider&&I&&(0,a.jsx)(m.Ex,{variant:"Ultra"===I?"warning":"Pro"===I?"primary":"Plus"===I?"success":"Free"===I?"info":"default",size:"sm",className:"text-[9px] px-1.5 py-0.5 shrink-0 font-bold uppercase",children:I})]}),(u="string"==typeof(x=r.email)&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x)?r.email:r.name)?(0,a.jsx)("p",{className:"text-xs text-text-muted truncate",children:u}):null,"kiro"===r.provider&&r.id&&(0,a.jsx)("p",{className:"text-[10px] text-text-muted/70 font-mono truncate",title:`Connection ID: ${r.id}`,children:r.id}),y(r)?(0,a.jsx)("p",{className:"text-[11px] text-text-muted/80 truncate",children:y(r)}):null,"kiro"===r.provider&&(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-1",children:[(0,a.jsx)("span",{className:"rounded-full bg-brand-500/10 px-2 py-0.5 text-[10px] font-semibold text-brand-600 dark:text-brand-300",children:(b=r.providerSpecificData?.authMethod)&&h[b]?h[b]:"api_key"===r.authType?"API Key":"OAuth"}),v(r)&&(0,a.jsx)("span",{className:"rounded-full bg-blue-500/10 px-2 py-0.5 text-[10px] font-semibold text-blue-600 dark:text-blue-400",children:v(r)}),(0,a.jsx)("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-semibold ${S?"bg-surface-2 text-text-muted":"active"===r.testStatus||"success"===r.testStatus?"bg-green-500/10 text-green-600 dark:text-green-400":"error"===r.testStatus||"expired"===r.testStatus||"unavailable"===r.testStatus?"bg-red-500/10 text-red-600 dark:text-red-400":"bg-surface-2 text-text-muted"}`,children:S?"disabled":r.testStatus||"unknown"}),r.providerSpecificData?.profileArn&&(0,a.jsxs)("button",{type:"button",onClick:()=>t(r.providerSpecificData.profileArn,r.id),title:r.providerSpecificData.profileArn,className:"inline-flex max-w-full items-center gap-1 rounded-full border border-border-subtle px-2 py-0.5 text-[10px] text-text-muted transition-colors hover:text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:e===r.id?"check":"content_copy"}),(0,a.jsx)("code",{className:"truncate font-mono",children:r.providerSpecificData.profileArn})]})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[A&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.default,{text:E>0?`Use one Codex reset credit. Available: ${E}`:"No Codex reset credits available",children:(0,a.jsxs)("button",{type:"button",onClick:()=>Z({connection:r,resetCreditCount:E}),disabled:E<=0||k||D,"aria-label":E>0?`Use one Codex reset credit. ${E} available.`:"No Codex reset credits available",className:`flex h-8 min-w-10 items-center justify-center gap-1 rounded-lg border px-2 text-[11px] font-medium tabular-nums transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary/60 disabled:cursor-not-allowed disabled:opacity-60 ${E>0?"border-primary/30 bg-primary/5 text-primary hover:bg-primary/10":"border-black/10 bg-black/[0.02] text-text-muted dark:border-white/10 dark:bg-white/[0.03]"}`,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[15px] ${P?"animate-spin":""}`,children:P?"progress_activity":"restart_alt"}),(0,a.jsx)("span",{children:E})]})}),(0,a.jsx)(d.default,{text:"View Codex reset credit expiry",children:(0,a.jsx)("button",{type:"button",onClick:()=>eq(r),disabled:k||D,"aria-label":"View Codex reset credit expiry",className:"flex h-8 w-8 items-center justify-center rounded-lg border border-black/10 text-text-muted transition-colors hover:bg-black/5 hover:text-primary disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:hover:bg-white/5",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[17px]",children:"schedule"})})})]}),g[r.provider]&&"oauth"===r.authType&&(0,a.jsx)(d.default,{text:f[r.provider],children:(0,a.jsx)("button",{type:"button",onClick:()=>eU(r.id,r.provider,T[r.provider]?.[r.id]!==!0),"aria-label":"Toggle auto-ping",className:`flex h-8 w-8 items-center justify-center rounded-lg transition-colors hover:bg-black/5 dark:hover:bg-white/5 ${T[r.provider]?.[r.id]===!0?"text-primary":"text-text-muted"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"bolt"})})}),(0,a.jsx)(d.default,{text:"Refresh quota",children:(0,a.jsx)("button",{type:"button",onClick:()=>e_(r.id,r.provider),disabled:k||D,"aria-label":"Refresh quota",className:"flex h-8 w-8 items-center justify-center rounded-lg hover:bg-black/5 dark:hover:bg-white/5 transition-colors disabled:opacity-50",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${k?"animate-spin":""}`,children:"refresh"})})}),(0,a.jsx)(d.default,{text:"Edit connection",children:(0,a.jsx)("button",{type:"button",onClick:()=>{er(r),ee(!0)},disabled:D,"aria-label":"Edit connection",className:"flex h-8 w-8 items-center justify-center rounded-lg hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary transition-colors disabled:opacity-50",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})})}),(0,a.jsx)(d.default,{text:"Delete connection",children:(0,a.jsx)("button",{type:"button",onClick:()=>eF(r.id),disabled:D,"aria-label":"Delete connection",className:"flex h-8 w-8 items-center justify-center rounded-lg hover:bg-red-500/10 text-red-500 transition-colors disabled:opacity-50",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] ${R===r.id?"animate-pulse":""}`,children:"delete"})})}),(0,a.jsx)("div",{className:"inline-flex items-center pl-0.5",title:r.isActive??!0?"Disable connection":"Enable connection",children:(0,a.jsx)(o.default,{size:"sm",checked:r.isActive??!0,disabled:D,onChange:e=>eL(r.id,e)})})]})]})}),(0,a.jsx)("div",{className:"px-3 py-3",children:k?(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"})}):N?(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:N})]}):j?.message?(0,a.jsx)("div",{className:"text-center py-5",children:(0,a.jsx)("p",{className:"text-xs text-text-muted",children:j.message})}):(0,a.jsx)(n,{quotas:j?.quotas,compact:!0,sortMode:"default",showSortLabel:"codex"===r.provider&&"default"!==ex})})]},r.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:eV}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("select",{value:eZ?"custom":String(ej),onChange:e=>{let t=e.target.value;if("custom"===t)return;let r=Number.parseInt(t,10);Number.isFinite(r)&&(ev(1),ek(r),eN(String(r)))},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:[l.pT.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(l.b8),inputMode:"numeric",value:ew,onChange:e=>eN(e.target.value),onBlur:()=>{let e=Number.parseInt(ew,10);if(!Number.isFinite(e))return void eN(String(ej));let t=Math.min(l.b8,Math.max(1,e));ev(1),ek(t),eN(String(t))},onKeyDown:e=>{if("Enter"!==e.key)return;let t=Number.parseInt(ew,10);if(!Number.isFinite(t))return void eN(String(ej));let r=Math.min(l.b8,Math.max(1,t));ev(1),ek(r),eN(String(r))},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,a.jsxs)("span",{className:"text-xs text-text-muted",children:["Page ",eC.page," / ",eC.totalPages]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,a.jsx)("button",{type:"button",onClick:()=>ev(1),disabled:eC.page<=1||U||F,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,a.jsx)("button",{type:"button",onClick:()=>ev(e=>Math.max(1,e-1)),disabled:eC.page<=1||U||F,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,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_left"})}),(0,a.jsx)("button",{type:"button",onClick:()=>ev(e=>Math.min(eC.totalPages,e+1)),disabled:eC.page>=eC.totalPages||U||F,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,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_right"})}),(0,a.jsx)("button",{type:"button",onClick:()=>ev(eC.totalPages),disabled:eC.page>=eC.totalPages||U||F,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,a.jsx)(m.uo,{isOpen:!!V,onClose:()=>{K||Z(null)},onConfirm:async()=>{let e=V?.connection;e&&(await eM(e.id,e.provider),Z(null))},title:"Reset Codex limit?",message:`Use 1 Codex reset credit for ${(0,l.JJ)(V?.connection||{})||"this account"}. This cannot be undone. Remaining credits: ${V?.resetCreditCount??0}.`,confirmText:"Reset limit",cancelText:"Cancel",variant:"danger",loading:!!K}),Q&&(0,a.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 px-4 backdrop-blur-sm",children:(0,a.jsxs)("div",{className:"w-full max-w-2xl overflow-hidden rounded-2xl border border-black/15 bg-white shadow-2xl ring-1 ring-black/10 dark:border-white/15 dark:bg-neutral-950 dark:ring-white/10",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-black/10 bg-black/[0.03] px-4 py-3 dark:border-white/10 dark:bg-white/[0.04]",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("h3",{className:"text-base font-semibold text-text-primary",children:"Codex Reset Credit Expiry"}),(0,a.jsx)("p",{className:"mt-0.5 truncate text-xs text-text-muted",children:(0,l.JJ)(Q.connection)||"Codex account"})]}),(0,a.jsx)("button",{type:"button",onClick:()=>X(null),className:"flex h-8 w-8 items-center justify-center rounded-lg text-text-muted transition-colors hover:bg-black/5 hover:text-text-primary dark:hover:bg-white/5","aria-label":"Close reset credit expiry modal",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]}),(0,a.jsx)("div",{className:"max-h-[70vh] overflow-auto bg-white p-4 dark:bg-neutral-950",children:Q.loading?(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 py-10 text-sm text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]",children:"progress_activity"}),"Loading reset credits..."]}):Q.error?(0,a.jsx)("div",{className:"rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-sm text-red-600 dark:text-red-300",children:Q.error}):Q.data?.credits?.length?(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-black/10 bg-black/[0.02] px-3 py-2 text-xs text-text-muted dark:border-white/10 dark:bg-white/[0.03]",children:[(0,a.jsxs)("span",{children:[Q.data.credits.length," reset credit",1===Q.data.credits.length?"":"s"]}),(0,a.jsxs)("span",{children:[Q.data.availableCount??0," available"]})]}),(0,a.jsx)("div",{className:"overflow-x-auto rounded-xl border border-black/10 dark:border-white/10",children:(0,a.jsxs)("table",{className:"w-full min-w-[560px] text-left text-sm",children:[(0,a.jsx)("thead",{className:"bg-black/[0.03] text-xs uppercase tracking-wide text-text-muted dark:bg-white/[0.04]",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-3 py-2 font-medium",children:"Status"}),(0,a.jsx)("th",{className:"px-3 py-2 font-medium",children:"Granted At"}),(0,a.jsx)("th",{className:"px-3 py-2 font-medium",children:"Expires At"}),(0,a.jsx)("th",{className:"px-3 py-2 font-medium",children:"Remaining"})]})}),(0,a.jsx)("tbody",{children:Q.data.credits.map((e,t)=>(0,a.jsxs)("tr",{className:"border-t border-black/5 dark:border-white/5",children:[(0,a.jsx)("td",{className:"px-3 py-2",children:(0,a.jsx)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary",children:e.status||"unknown"})}),(0,a.jsx)("td",{className:"px-3 py-2 text-text-muted",children:j(e.grantedAt)}),(0,a.jsx)("td",{className:"px-3 py-2 text-text-primary",children:j(e.expiresAt)}),(0,a.jsx)("td",{className:"px-3 py-2 font-medium text-text-primary",children:function(e){if(!e)return"N/A";let t=new Date(e).getTime()-Date.now();if(!Number.isFinite(t))return"N/A";if(t<=0)return"Expired";let r=Math.ceil(t/36e5),a=Math.floor(r/24),s=r%24;return a>0?`${a}d ${s}h`:`${s}h`}(e.expiresAt)})]},`${e.status}-${e.expiresAt||t}`))})]})})]}):(0,a.jsx)("div",{className:"rounded-xl border border-black/10 bg-black/[0.02] px-3 py-8 text-center text-sm text-text-muted dark:border-white/10 dark:bg-white/[0.03]",children:"No reset credit details returned for this account."})})]})}),(0,a.jsx)(m.wI,{isOpen:Y,connection:et,proxyPools:ea,onSave:ez,onClose:()=>{ee(!1),er(null)}})]}):(0,a.jsx)(c.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:eB.icon}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:eB.title}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:eB.description})]})}):(0,a.jsx)(c.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."})]})})}},68818:(e,t,r)=>{Promise.resolve().then(r.bind(r,40869)),Promise.resolve().then(r.bind(r,25086))}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8198,8441,3794,7358],()=>e(e.s=68818)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/skills/{page-00d80332b8940cff.js → page-78cef8869d7870c1.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9516],{64082:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>b});var s=i(95155),r=i(35497),n=i(11059);let a="decolua/9router",o="master",c="skills",d=`https://github.com/${a}`,l=`https://raw.githubusercontent.com/${a}/refs/heads/${o}/${c}`,m=`https://github.com/${a}/blob/${o}/${c}`,x=[{id:"9router",name:"9Router (Entry)",description:"Setup + index of all capabilities. Start here — covers base URL, auth, model discovery, and links to every capability skill.",endpoint:null,icon:"hub",isEntry:!0},{id:"9router-chat",name:"Chat",description:"Chat / code-gen via OpenAI or Anthropic format with streaming.",endpoint:"/v1/chat/completions",icon:"chat"},{id:"9router-image",name:"Image Generation",description:"Text-to-image via DALL-E, Imagen, FLUX, MiniMax, SDWebUI…",endpoint:"/v1/images/generations",icon:"image"},{id:"9router-tts",name:"Text-to-Speech",description:"OpenAI / ElevenLabs / Edge / Google / Deepgram voices.",endpoint:"/v1/audio/speech",icon:"record_voice_over"},{id:"9router-stt",name:"Speech-to-Text",description:"Transcribe audio via OpenAI Whisper, Groq, Gemini, Deepgram, AssemblyAI…",endpoint:"/v1/audio/transcriptions",icon:"mic"},{id:"9router-embeddings",name:"Embeddings",description:"Vectors for RAG / semantic search via OpenAI, Gemini, Mistral…",endpoint:"/v1/embeddings",icon:"scatter_plot"},{id:"9router-web-search",name:"Web Search",description:"Tavily / Exa / Brave / Serper / SearXNG / Google PSE / You.com.",endpoint:"/v1/search",icon:"search"},{id:"9router-web-fetch",name:"Web Fetch",description:"URL → markdown / text / HTML via Firecrawl, Jina, Tavily, Exa.",endpoint:"/v1/web/fetch",icon:"language"}];function p(e){return`${l}/${e}/SKILL.md`}function h({value:e,label:t="Copy link"}){let{copied:i,copy:r}=(0,n.C)(2e3);return(0,s.jsxs)("button",{onClick:()=>r(e),className:"px-2 py-1 rounded-md bg-primary text-white text-[11px] font-medium hover:bg-primary/90 transition-colors cursor-pointer shrink-0 inline-flex items-center gap-1",title:e,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:i?"check":"content_copy"}),i?"Copied!":t]})}function u({skill:e}){var t;let i=p(e.id);return(0,s.jsxs)("div",{className:`flex items-start gap-3 p-4 rounded-[14px] border shadow-[var(--shadow-soft)] transition-colors ${e.isEntry?"border-brand-500/40 bg-brand-500/5":"border-border-subtle bg-surface hover:bg-surface-2"}`,children:[(0,s.jsx)("div",{className:`size-9 rounded-lg flex items-center justify-center shrink-0 ${e.isEntry?"bg-primary text-white":"bg-primary/10 text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e.icon})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)("h3",{className:"font-semibold text-sm text-text-main",children:e.name}),e.isEntry&&(0,s.jsx)(r.Ex,{variant:"primary",size:"sm",children:"START HERE"}),e.endpoint&&(0,s.jsx)(r.Ex,{variant:"default",size:"sm",children:(0,s.jsx)("code",{className:"text-[10px]",children:e.endpoint})})]}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:e.description}),(0,s.jsxs)("a",{href:(t=e.id,`${m}/${t}/SKILL.md`),target:"_blank",rel:"noreferrer",className:"text-[11px] text-text-muted hover:text-primary mt-1 inline-flex items-center gap-1 break-all",children:[i,(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"open_in_new"})]})]}),(0,s.jsx)(h,{value:i})]})}function b(){return(0,s.jsxs)("div",{className:"max-w-4xl mx-auto space-y-6",children:[(0,s.jsxs)(r.Zp,{padding:"md",children:[(0,s.jsx)("div",{className:"text-xs text-text-muted mb-2",children:"Paste this to your AI:"}),(0,s.jsxs)("div",{className:"px-3 py-2 rounded bg-surface-2 font-mono text-[12px] text-text-main",children:["Read this skill and use it: ",p("9router")]})]}),(0,s.jsx)("div",{className:"space-y-2",children:x.map(e=>(0,s.jsx)(u,{skill:e},e.id))}),(0,s.jsx)(r.Zp,{padding:"md",children:(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"More on GitHub"}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"Browse source, README, and examples."})]}),(0,s.jsxs)("a",{href:`${d}/tree/master/skills`,target:"_blank",rel:"noreferrer",className:"text-sm text-primary hover:underline inline-flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"open_in_new"}),"View on GitHub"]})]})})]})}},71815:(e,t,i)=>{Promise.resolve().then(i.bind(i,64082))}},e=>{e.O(0,[2574,3862,128,1321,5497,8441,3794,7358],()=>e(e.s=71815)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9516],{64082:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>b});var s=i(95155),r=i(35497),n=i(11059);let a="decolua/9router",o="master",c="skills",d=`https://github.com/${a}`,l=`https://raw.githubusercontent.com/${a}/refs/heads/${o}/${c}`,m=`https://github.com/${a}/blob/${o}/${c}`,x=[{id:"9router",name:"9Router (Entry)",description:"Setup + index of all capabilities. Start here — covers base URL, auth, model discovery, and links to every capability skill.",endpoint:null,icon:"hub",isEntry:!0},{id:"9router-chat",name:"Chat",description:"Chat / code-gen via OpenAI or Anthropic format with streaming.",endpoint:"/v1/chat/completions",icon:"chat"},{id:"9router-image",name:"Image Generation",description:"Text-to-image via DALL-E, Imagen, FLUX, MiniMax, SDWebUI…",endpoint:"/v1/images/generations",icon:"image"},{id:"9router-tts",name:"Text-to-Speech",description:"OpenAI / ElevenLabs / Edge / Google / Deepgram voices.",endpoint:"/v1/audio/speech",icon:"record_voice_over"},{id:"9router-stt",name:"Speech-to-Text",description:"Transcribe audio via OpenAI Whisper, Groq, Gemini, Deepgram, AssemblyAI…",endpoint:"/v1/audio/transcriptions",icon:"mic"},{id:"9router-embeddings",name:"Embeddings",description:"Vectors for RAG / semantic search via OpenAI, Gemini, Mistral…",endpoint:"/v1/embeddings",icon:"scatter_plot"},{id:"9router-web-search",name:"Web Search",description:"Tavily / Exa / Brave / Serper / SearXNG / Google PSE / You.com.",endpoint:"/v1/search",icon:"search"},{id:"9router-web-fetch",name:"Web Fetch",description:"URL → markdown / text / HTML via Firecrawl, Jina, Tavily, Exa.",endpoint:"/v1/web/fetch",icon:"language"}];function p(e){return`${l}/${e}/SKILL.md`}function h({value:e,label:t="Copy link"}){let{copied:i,copy:r}=(0,n.C)(2e3);return(0,s.jsxs)("button",{onClick:()=>r(e),className:"px-2 py-1 rounded-md bg-primary text-white text-[11px] font-medium hover:bg-primary/90 transition-colors cursor-pointer shrink-0 inline-flex items-center gap-1",title:e,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:i?"check":"content_copy"}),i?"Copied!":t]})}function u({skill:e}){var t;let i=p(e.id);return(0,s.jsxs)("div",{className:`flex items-start gap-3 p-4 rounded-[14px] border shadow-[var(--shadow-soft)] transition-colors ${e.isEntry?"border-brand-500/40 bg-brand-500/5":"border-border-subtle bg-surface hover:bg-surface-2"}`,children:[(0,s.jsx)("div",{className:`size-9 rounded-lg flex items-center justify-center shrink-0 ${e.isEntry?"bg-primary text-white":"bg-primary/10 text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e.icon})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)("h3",{className:"font-semibold text-sm text-text-main",children:e.name}),e.isEntry&&(0,s.jsx)(r.Ex,{variant:"primary",size:"sm",children:"START HERE"}),e.endpoint&&(0,s.jsx)(r.Ex,{variant:"default",size:"sm",children:(0,s.jsx)("code",{className:"text-[10px]",children:e.endpoint})})]}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:e.description}),(0,s.jsxs)("a",{href:(t=e.id,`${m}/${t}/SKILL.md`),target:"_blank",rel:"noreferrer",className:"text-[11px] text-text-muted hover:text-primary mt-1 inline-flex items-center gap-1 break-all",children:[i,(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"open_in_new"})]})]}),(0,s.jsx)(h,{value:i})]})}function b(){return(0,s.jsxs)("div",{className:"max-w-4xl mx-auto space-y-6",children:[(0,s.jsxs)(r.Zp,{padding:"md",children:[(0,s.jsx)("div",{className:"text-xs text-text-muted mb-2",children:"Paste this to your AI:"}),(0,s.jsxs)("div",{className:"px-3 py-2 rounded bg-surface-2 font-mono text-[12px] text-text-main",children:["Read this skill and use it: ",p("9router")]})]}),(0,s.jsx)("div",{className:"space-y-2",children:x.map(e=>(0,s.jsx)(u,{skill:e},e.id))}),(0,s.jsx)(r.Zp,{padding:"md",children:(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"More on GitHub"}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"Browse source, README, and examples."})]}),(0,s.jsxs)("a",{href:`${d}/tree/master/skills`,target:"_blank",rel:"noreferrer",className:"text-sm text-primary hover:underline inline-flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"open_in_new"}),"View on GitHub"]})]})})]})}},71815:(e,t,i)=>{Promise.resolve().then(i.bind(i,64082))}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8441,3794,7358],()=>e(e.s=71815)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/token-saver/page-74ebd1e0d5566f44.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9839],{12335:(e,t,a)=>{Promise.resolve().then(a.bind(a,70323))},70323:(e,t,a)=>{"use strict";a.d(t,{default:()=>m});var s=a(95155),l=a(12115),r=a(35497),n=a(11059),i=a(73006);let o=["zh-CN","zh-TW"],c=[{id:"lite",label:"Lite",desc:"Drop filler, keep grammar"},{id:"full",label:"Full",desc:"Drop articles, fragments OK"},{id:"ultra",label:"Ultra",desc:"Telegraphic, max compression"},{id:"wenyan-lite",label:"文 Lite",desc:"Classical Chinese, light compression",wenyan:!0},{id:"wenyan",label:"文 Full",desc:"Maximum 文言文, 80-90% reduction",wenyan:!0},{id:"wenyan-ultra",label:"文 Ultra",desc:"Extreme classical compression",wenyan:!0}],d=[{id:"lite",label:"Lite",desc:"Build asked, name lazier option"},{id:"full",label:"Full",desc:"Ladder enforced: stdlib/native first"},{id:"ultra",label:"Ultra",desc:"YAGNI extremist, deletion first"}];function m(){let[e,t]=(0,l.useState)(!0),[a,m]=(0,l.useState)(!1),[x,h]=(0,l.useState)("http://localhost:8787"),[p,u]=(0,l.useState)({installed:!1,running:!1,python:null,loading:!0}),[f,b]=(0,l.useState)(!1),[g,y]=(0,l.useState)(!1),[j,v]=(0,l.useState)(""),[N,k]=(0,l.useState)(!1),[w,C]=(0,l.useState)("full"),[S,E]=(0,l.useState)(!1),[L,U]=(0,l.useState)("full"),[T,P]=(0,l.useState)("en"),{copied:_,copy:H}=(0,n.C)();(0,l.useEffect)(()=>(P((0,i.kk)()),(0,i.oQ)(()=>P((0,i.kk)()))),[]);let O=o.includes(T),$=O?c:c.filter(e=>!e.wenyan);(0,l.useEffect)(()=>{let e=c.find(e=>e.id===w);e?.wenyan&&!O&&(C("ultra"),M({cavemanLevel:"ultra"}))},[O,w]);let M=async e=>{try{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}catch(e){console.log("Error updating setting:",e)}},R=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({rtkEnabled:e})})).ok&&t(e)}catch(e){console.log("Error updating rtkEnabled:",e)}},z=async()=>{let e=x.trim()||"http://localhost:8787";h(e),await M({headroomUrl:e}),D()},D=(0,l.useCallback)(async()=>{u(e=>({...e,loading:!0}));try{let e=await fetch("/api/headroom/status",{headers:{"Cache-Control":"no-store"}}),t=await e.json();u({...t,loading:!1})}catch{u({installed:!1,running:!1,python:null,loading:!1})}},[]),F=(0,l.useCallback)(async()=>{v(""),y(!0);try{let e=await fetch("/api/headroom/start",{method:"POST"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Failed to start proxy");await D()}catch(e){v(e.message)}finally{y(!1)}},[D]),W=(0,l.useCallback)(async()=>{y(!0);try{await fetch("/api/headroom/stop",{method:"POST"}),await D()}finally{y(!1)}},[D]);(0,l.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/settings");if(e.ok){let a=await e.json();t(!1!==a.rtkEnabled),m(!!a.headroomEnabled),h(a.headroomUrl||"http://localhost:8787"),k(!!a.cavemanEnabled),C(a.cavemanLevel||"full"),E(!!a.ponytailEnabled),U(a.ponytailLevel||"full"),D()}}catch{}})()},[D]);let A=!!p.running,B=p.loading?"Checking…":A?"Running":!1===p.localUrl||p.installed?!1!==p.localUrl?"Stopped":"External":"Not installed",I=!1!==p.localUrl,G=!!p.canStart,J=I&&!!p.managedPid;return(0,s.jsxs)("div",{className:"space-y-6 p-6",children:[(0,s.jsxs)(r.Zp,{id:"rtk",children:[(0,s.jsx)("div",{className:"flex items-center justify-between mb-2",children:(0,s.jsxs)("h2",{className:"text-lg font-semibold flex items-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-primary",children:"bolt"}),"Token Saver"]})}),(0,s.jsxs)("div",{className:"flex items-center justify-between pt-2 pb-4 border-b border-border gap-4",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("p",{className:"font-medium",children:["Compress tool output"," ",(0,s.jsx)("a",{href:"https://github.com/rtk-ai/rtk",target:"_blank",rel:"noreferrer",className:"text-xs font-normal text-primary underline hover:opacity-80",children:"(RTK)"})]}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"git/grep/ls/tree/logs → 60-90% fewer input tokens"})]}),(0,s.jsx)(r.lM,{checked:e,onChange:()=>R(!e)})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between py-4 border-b border-border gap-4 flex-wrap",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,s.jsxs)("p",{className:"font-medium",children:["Compress context"," ",(0,s.jsx)("a",{href:"https://github.com/chopratejas/headroom",target:"_blank",rel:"noreferrer",className:"text-xs font-normal text-primary underline hover:opacity-80",children:"(Headroom)"})]}),(0,s.jsx)("span",{className:`text-xs px-2 py-0.5 rounded ${A?"bg-success/15 text-success":"bg-warning/15 text-warning"}`,children:B}),(0,s.jsx)("button",{type:"button",onClick:()=>b(!0),className:"text-xs text-primary underline hover:opacity-80",children:A?"Manage":"Setup"})]}),(0,s.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Compress prompts via /v1/compress before routing to the model"})]}),(0,s.jsx)(r.lM,{checked:a&&A,disabled:!A,onChange:()=>{var e;let t;return e=!a,void(h(t=x.trim()||"http://localhost:8787"),m(e),M({headroomEnabled:e,headroomUrl:t}))}})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between pt-4 gap-4 flex-wrap",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("p",{className:"font-medium",children:["Compress LLM output"," ",(0,s.jsx)("a",{href:"https://github.com/JuliusBrussee/caveman",target:"_blank",rel:"noreferrer",className:"text-xs font-normal text-primary underline hover:opacity-80",children:"(Caveman)"})]}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Terse-style system prompt → ~65% fewer output tokens (up to 87%)"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3 shrink-0",children:[N&&(0,s.jsxs)("div",{className:"flex flex-col items-end gap-1",children:[(0,s.jsx)("div",{className:"flex items-center gap-1.5",children:$.map(e=>(0,s.jsx)("button",{onClick:()=>{var t;C(t=e.id),M({cavemanLevel:t})},className:`px-3 py-1.5 rounded text-xs font-medium border transition-colors ${w===e.id?"bg-primary text-white border-primary":"bg-transparent border-border text-text-muted hover:bg-surface-2"}`,title:e.desc,children:e.label},e.id))}),(0,s.jsx)("p",{className:"text-xs text-primary",children:c.find(e=>e.id===w)?.desc})]}),(0,s.jsx)(r.lM,{checked:N,onChange:()=>{var e;k(e=!N),M({cavemanEnabled:e})}})]})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between pt-4 mt-4 border-t border-border gap-4 flex-wrap",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("p",{className:"font-medium",children:["Lazy senior dev"," ",(0,s.jsx)("a",{href:"https://github.com/DietrichGebert/ponytail",target:"_blank",rel:"noreferrer",className:"text-xs font-normal text-primary underline hover:opacity-80",children:"(Ponytail)"})]}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Bias the model toward minimal code: YAGNI, reuse stdlib, deletion over addition"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3 shrink-0",children:[S&&(0,s.jsxs)("div",{className:"flex flex-col items-end gap-1",children:[(0,s.jsx)("div",{className:"flex items-center gap-1.5",children:d.map(e=>(0,s.jsx)("button",{onClick:()=>{var t;U(t=e.id),M({ponytailLevel:t})},className:`px-3 py-1.5 rounded text-xs font-medium border transition-colors ${L===e.id?"bg-primary text-white border-primary":"bg-transparent border-border text-text-muted hover:bg-surface-2"}`,title:e.desc,children:e.label},e.id))}),(0,s.jsx)("p",{className:"text-xs text-primary",children:d.find(e=>e.id===L)?.desc})]}),(0,s.jsx)(r.lM,{checked:S,onChange:()=>{var e;E(e=!S),M({ponytailEnabled:e})}})]})]})]}),(0,s.jsx)(r.aF,{isOpen:f,title:A?"Headroom":"Setup Headroom",onClose:()=>b(!1),children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,s.jsx)("span",{children:"Status"}),(0,s.jsx)("span",{className:A?"text-success":"text-warning",children:B})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("p",{className:"text-sm font-medium",children:"Proxy URL"}),(0,s.jsx)(r.pd,{value:x,onChange:e=>h(e.target.value),onBlur:z,placeholder:"http://localhost:8787",className:"font-mono text-sm"}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Use a local proxy for Start/Stop, or an external Docker sidecar like http://headroom:8787."})]}),J?(0,s.jsx)(r.$n,{onClick:W,variant:"ghost",fullWidth:!0,disabled:g,children:g?"Stopping…":"Stop Headroom"}):A?(0,s.jsx)("p",{className:"text-sm text-success",children:"Headroom proxy is reachable. You can enable the token saver."}):G?(0,s.jsx)(r.$n,{onClick:F,fullWidth:!0,disabled:g,children:g?"Starting…":"Start Headroom"}):I?p.python?(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("p",{className:"text-sm font-medium",children:"Install then click Start:"}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("pre",{className:"flex-1 rounded bg-black/5 dark:bg-white/5 p-2 text-xs font-mono overflow-x-auto",children:'pip install "headroom-ai[proxy]"'}),(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",onClick:()=>H('pip install "headroom-ai[proxy]"'),children:_?"Copied":"Copy"})]})]}):(0,s.jsx)("p",{className:"text-sm text-warning",children:"Python ≥ 3.10 required for local managed mode. Install Python first, or use an external proxy URL."}):(0,s.jsx)("p",{className:"text-sm text-warning",children:"Start Headroom separately at the configured URL, then recheck."}),j&&(0,s.jsx)("p",{className:"text-sm text-warning",children:j}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(r.$n,{onClick:()=>D(),variant:"ghost",fullWidth:!0,children:"Recheck"}),(0,s.jsx)(r.$n,{onClick:()=>b(!1),fullWidth:!0,children:"Done"})]})]})})]})}}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8441,3794,7358],()=>e(e.s=12335)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/translator/{page-216b24f865b63695.js → page-260de68ca87258e3.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3528],{5214:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return r.workAsyncStorageInstance}});let r=n(17828)},17828:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return r}});let r=(0,n(64054).createAsyncLocalStorage)()},21957:(e,t,n)=>{"use strict";function r({moduleIds:e}){return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return r}}),n(95155),n(47650),n(5214),n(2451),n(53887)},41112:(e,t,n)=>{"use strict";function r({reason:e,children:t}){return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return r}}),n(1980)},64054:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={bindSnapshot:function(){return i},createAsyncLocalStorage:function(){return o},createSnapshot:function(){return d}};for(var r in n)Object.defineProperty(t,r,{enumerable:!0,get:n[r]});let a=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class s{disable(){throw a}getStore(){}run(){throw a}exit(){throw a}enterWith(){throw a}static bind(e){return e}}let l="u">typeof globalThis&&globalThis.AsyncLocalStorage;function o(){return l?new l:new s}function i(e){return l?l.bind(e):s.bind(e)}function d(){return l?l.snapshot():function(e,...t){return e(...t)}}},68635:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i}});let r=n(95155),a=n(12115),s=n(41112);function l(e){return{default:e&&"default"in e?e.default:e}}n(21957);let o={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},i=function(e){let t={...o,...e},n=(0,a.lazy)(()=>t.loader().then(l)),i=t.loading;function d(e){let l=i?(0,r.jsx)(i,{isLoading:!0,pastDelay:!0,error:null}):null,o=!t.ssr||!!t.loading,d=o?a.Suspense:a.Fragment,c=t.ssr?(0,r.jsxs)(r.Fragment,{children:[null,(0,r.jsx)(n,{...e})]}):(0,r.jsx)(s.BailoutToCSR,{reason:"next/dynamic",children:(0,r.jsx)(n,{...e})});return(0,r.jsx)(d,{...o?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},69472:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(95155),a=n(12115),s=n(35497),l=n(11059),o=n(75707);let i=n.n(o)()(()=>n.e(8202).then(n.bind(n,28202)),{loadableGenerated:{webpack:()=>[28202]},ssr:!1}),d=[{id:1,label:"Client Request",file:"1_req_client.json",lang:"json",desc:"Raw request from client"},{id:2,label:"Source Body",file:"2_req_source.json",lang:"json",desc:"After initial conversion"},{id:3,label:"OpenAI Intermediate",file:"3_req_openai.json",lang:"json",desc:"source → openai"},{id:4,label:"Target Request",file:"4_req_target.json",lang:"json",desc:"openai → target + URL + headers"},{id:5,label:"Provider Response",file:"5_res_provider.txt",lang:"text",desc:"Raw SSE from provider"},{id:6,label:"OpenAI Response",file:"6_res_openai.txt",lang:"text",desc:"target → openai (response)"},{id:7,label:"Client Response",file:"7_res_client.txt",lang:"text",desc:"Final response to client"}],c={minimap:{enabled:!1},fontSize:12,lineNumbers:"on",scrollBeyondLastLine:!1,wordWrap:"on",automaticLayout:!0};function u(){let[e,t]=(0,a.useState)({}),[n,o]=(0,a.useState)({1:!0}),[u,f]=(0,a.useState)({}),[m,x]=(0,a.useState)(null),g=(e,t)=>f(n=>({...n,[e]:t})),h=(e,n)=>t(t=>({...t,[e]:n})),b=e=>o(t=>{let n={};return d.forEach(e=>{n[e.id]=!1}),n[e]=!0,n}),y=async e=>{let t=d.find(t=>t.id===e);g(`load-${e}`,!0);try{let n=await fetch(`/api/translator/load?file=${t.file}`),r=await n.json();r.success?(h(e,r.content),1===e&&await j(r.content)):alert(r.error||"File not found")}catch(e){alert(e.message)}g(`load-${e}`,!1)},j=async e=>{try{let t="string"==typeof e?JSON.parse(e):e,n=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:1,body:t})}),r=await n.json();r.success&&x(r.result)}catch{}},_=(e,t)=>fetch("/api/translator/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({file:e,content:t})}).catch(()=>{}),v=async()=>{g("toOpenAI",!0);try{let t=e[1],n=JSON.parse(t);_("1_req_client.json",t),_("2_req_source.json",JSON.stringify({timestamp:new Date().toISOString(),headers:{},body:n.body||n},null,2));let r=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:2,body:n})}),a=await r.json();if(!a.success)return void alert(a.error);let s=JSON.stringify(a.result.body,null,2);h(3,s),b(3)}catch(e){alert(e.message)}g("toOpenAI",!1)},O=async()=>{g("toTarget",!0);try{let t=e[3],n=JSON.parse(t);_("3_req_openai.json",t);let r=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:3,body:{...n,provider:m?.provider,model:m?.model}})}),a=await r.json();if(!a.success)return void alert(a.error);let s={...a.result,provider:m?.provider,model:m?.model};h(4,JSON.stringify(s,null,2)),b(4)}catch(e){alert(e.message)}g("toTarget",!1)},S=async()=>{g("send",!0);try{let t=e[4],n=JSON.parse(t);_("4_req_target.json",t);let r=n.provider||m?.provider,a=n.model||m?.model;if(!r||!a)return void alert("Missing provider or model. Please run step 1 first to detect them.");let s=await fetch("/api/translator/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:r,model:a,body:n.body||n})});if(!s.ok){let e=await s.json().catch(()=>({error:s.statusText}));alert(e.error||"Send failed");return}let l=s.body.getReader(),o=new TextDecoder,i="";for(;;){let{done:e,value:t}=await l.read();if(e)break;i+=o.decode(t,{stream:!0})}h(5,i),b(5),await fetch("/api/translator/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({file:"5_res_provider.txt",content:i})})}catch(e){alert(e.message)}finally{g("send",!1)}},{copy:w}=(0,l.C)(),N=async t=>{e[t]&&w(e[t],`translator-step-${t}`)};return(0,r.jsxs)("div",{className:"p-8 space-y-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"Translator Debug"}),(0,r.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Replay request flow — matches log files"})]}),m&&(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-wrap justify-end",children:[(0,r.jsx)(p,{label:"src",value:m.sourceFormat,color:"blue"}),(0,r.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[14px]",children:"arrow_forward"}),(0,r.jsx)(p,{label:"dst",value:m.targetFormat,color:"orange"}),(0,r.jsx)(p,{label:"provider",value:m.provider,color:"green"}),(0,r.jsx)(p,{label:"model",value:m.model,color:"purple"})]})]}),d.map(t=>{var a;let l=1===(a=t.id)?(0,r.jsx)(s.$n,{size:"sm",icon:"arrow_forward",loading:u.toOpenAI,onClick:v,children:"→ OpenAI"}):3===a?(0,r.jsx)(s.$n,{size:"sm",icon:"arrow_forward",loading:u.toTarget,onClick:O,children:"→ Target"}):4===a?(0,r.jsx)(s.$n,{size:"sm",icon:"send",loading:u.send,onClick:S,children:"Send"}):null,d=!!n[t.id],p=e[t.id]||"";return(0,r.jsx)(s.Zp,{children:(0,r.jsxs)("div",{className:"p-4 space-y-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("button",{onClick:()=>{let e;return e=t.id,o(t=>({...t,[e]:!t[e]}))},className:"flex items-center gap-2 flex-1 text-left group",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-text-muted group-hover:text-primary transition-colors",children:d?"expand_more":"chevron_right"}),(0,r.jsx)("span",{className:"text-xs font-mono text-text-muted/60 w-4",children:t.id}),(0,r.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:t.label}),(0,r.jsx)("span",{className:"text-xs text-text-muted/60 font-mono",children:t.file}),p&&(0,r.jsxs)("span",{className:"text-xs text-green-500",children:["(",p.length," chars)"]})]}),!d&&(0,r.jsxs)("div",{className:"flex gap-1 shrink-0",children:[(0,r.jsx)(s.$n,{size:"sm",variant:"ghost",icon:"folder_open",loading:u[`load-${t.id}`],onClick:()=>y(t.id)}),l]})]}),d&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"border border-border rounded-lg overflow-hidden",children:(0,r.jsx)(i,{height:"400px",defaultLanguage:"text"===t.lang?"plaintext":"json",value:p,onChange:e=>{h(t.id,e||""),1===t.id&&j(e||"")},theme:"vs-dark",options:c})}),(0,r.jsxs)("div",{className:"flex gap-2 flex-wrap",children:[(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"folder_open",loading:u[`load-${t.id}`],onClick:()=>y(t.id),children:"Load"}),(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"data_object",onClick:()=>(t=>{try{let n=JSON.parse(e[t]);h(t,JSON.stringify(n,null,2))}catch{}})(t.id),children:"Format"}),(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"content_copy",onClick:()=>N(t.id),children:"Copy"}),l]})]})]})},t.id)})]})}function p({label:e,value:t,color:n}){return(0,r.jsxs)("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-mono ${{blue:"bg-blue-500/10 text-blue-500",orange:"bg-orange-500/10 text-orange-500",green:"bg-green-500/10 text-green-500",purple:"bg-purple-500/10 text-purple-500"}[n]}`,children:[(0,r.jsxs)("span",{className:"text-text-muted/70 font-sans text-[10px]",children:[e,":"]}),t]})}},75707:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});let r=n(73623)._(n(68635));function a(e,t){let n={};"function"==typeof e&&(n.loader=e);let a={...n,...t};return(0,r.default)({...a,modules:a.loadableGenerated?.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},76447:(e,t,n)=>{Promise.resolve().then(n.bind(n,69472))}},e=>{e.O(0,[2574,3862,128,1321,5497,8441,3794,7358],()=>e(e.s=76447)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3528],{5214:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return r.workAsyncStorageInstance}});let r=n(17828)},17828:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return r}});let r=(0,n(64054).createAsyncLocalStorage)()},21957:(e,t,n)=>{"use strict";function r({moduleIds:e}){return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return r}}),n(95155),n(47650),n(5214),n(2451),n(53887)},41112:(e,t,n)=>{"use strict";function r({reason:e,children:t}){return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return r}}),n(1980)},64054:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={bindSnapshot:function(){return i},createAsyncLocalStorage:function(){return o},createSnapshot:function(){return d}};for(var r in n)Object.defineProperty(t,r,{enumerable:!0,get:n[r]});let a=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class s{disable(){throw a}getStore(){}run(){throw a}exit(){throw a}enterWith(){throw a}static bind(e){return e}}let l="u">typeof globalThis&&globalThis.AsyncLocalStorage;function o(){return l?new l:new s}function i(e){return l?l.bind(e):s.bind(e)}function d(){return l?l.snapshot():function(e,...t){return e(...t)}}},68635:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i}});let r=n(95155),a=n(12115),s=n(41112);function l(e){return{default:e&&"default"in e?e.default:e}}n(21957);let o={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},i=function(e){let t={...o,...e},n=(0,a.lazy)(()=>t.loader().then(l)),i=t.loading;function d(e){let l=i?(0,r.jsx)(i,{isLoading:!0,pastDelay:!0,error:null}):null,o=!t.ssr||!!t.loading,d=o?a.Suspense:a.Fragment,c=t.ssr?(0,r.jsxs)(r.Fragment,{children:[null,(0,r.jsx)(n,{...e})]}):(0,r.jsx)(s.BailoutToCSR,{reason:"next/dynamic",children:(0,r.jsx)(n,{...e})});return(0,r.jsx)(d,{...o?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},69472:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(95155),a=n(12115),s=n(35497),l=n(11059),o=n(75707);let i=n.n(o)()(()=>n.e(8202).then(n.bind(n,28202)),{loadableGenerated:{webpack:()=>[28202]},ssr:!1}),d=[{id:1,label:"Client Request",file:"1_req_client.json",lang:"json",desc:"Raw request from client"},{id:2,label:"Source Body",file:"2_req_source.json",lang:"json",desc:"After initial conversion"},{id:3,label:"OpenAI Intermediate",file:"3_req_openai.json",lang:"json",desc:"source → openai"},{id:4,label:"Target Request",file:"4_req_target.json",lang:"json",desc:"openai → target + URL + headers"},{id:5,label:"Provider Response",file:"5_res_provider.txt",lang:"text",desc:"Raw SSE from provider"},{id:6,label:"OpenAI Response",file:"6_res_openai.txt",lang:"text",desc:"target → openai (response)"},{id:7,label:"Client Response",file:"7_res_client.txt",lang:"text",desc:"Final response to client"}],c={minimap:{enabled:!1},fontSize:12,lineNumbers:"on",scrollBeyondLastLine:!1,wordWrap:"on",automaticLayout:!0};function u(){let[e,t]=(0,a.useState)({}),[n,o]=(0,a.useState)({1:!0}),[u,f]=(0,a.useState)({}),[m,x]=(0,a.useState)(null),g=(e,t)=>f(n=>({...n,[e]:t})),h=(e,n)=>t(t=>({...t,[e]:n})),b=e=>o(t=>{let n={};return d.forEach(e=>{n[e.id]=!1}),n[e]=!0,n}),y=async e=>{let t=d.find(t=>t.id===e);g(`load-${e}`,!0);try{let n=await fetch(`/api/translator/load?file=${t.file}`),r=await n.json();r.success?(h(e,r.content),1===e&&await j(r.content)):alert(r.error||"File not found")}catch(e){alert(e.message)}g(`load-${e}`,!1)},j=async e=>{try{let t="string"==typeof e?JSON.parse(e):e,n=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:1,body:t})}),r=await n.json();r.success&&x(r.result)}catch{}},_=(e,t)=>fetch("/api/translator/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({file:e,content:t})}).catch(()=>{}),v=async()=>{g("toOpenAI",!0);try{let t=e[1],n=JSON.parse(t);_("1_req_client.json",t),_("2_req_source.json",JSON.stringify({timestamp:new Date().toISOString(),headers:{},body:n.body||n},null,2));let r=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:2,body:n})}),a=await r.json();if(!a.success)return void alert(a.error);let s=JSON.stringify(a.result.body,null,2);h(3,s),b(3)}catch(e){alert(e.message)}g("toOpenAI",!1)},O=async()=>{g("toTarget",!0);try{let t=e[3],n=JSON.parse(t);_("3_req_openai.json",t);let r=await fetch("/api/translator/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({step:3,body:{...n,provider:m?.provider,model:m?.model}})}),a=await r.json();if(!a.success)return void alert(a.error);let s={...a.result,provider:m?.provider,model:m?.model};h(4,JSON.stringify(s,null,2)),b(4)}catch(e){alert(e.message)}g("toTarget",!1)},S=async()=>{g("send",!0);try{let t=e[4],n=JSON.parse(t);_("4_req_target.json",t);let r=n.provider||m?.provider,a=n.model||m?.model;if(!r||!a)return void alert("Missing provider or model. Please run step 1 first to detect them.");let s=await fetch("/api/translator/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:r,model:a,body:n.body||n})});if(!s.ok){let e=await s.json().catch(()=>({error:s.statusText}));alert(e.error||"Send failed");return}let l=s.body.getReader(),o=new TextDecoder,i="";for(;;){let{done:e,value:t}=await l.read();if(e)break;i+=o.decode(t,{stream:!0})}h(5,i),b(5),await fetch("/api/translator/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({file:"5_res_provider.txt",content:i})})}catch(e){alert(e.message)}finally{g("send",!1)}},{copy:w}=(0,l.C)(),N=async t=>{e[t]&&w(e[t],`translator-step-${t}`)};return(0,r.jsxs)("div",{className:"p-8 space-y-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"Translator Debug"}),(0,r.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Replay request flow — matches log files"})]}),m&&(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-wrap justify-end",children:[(0,r.jsx)(p,{label:"src",value:m.sourceFormat,color:"blue"}),(0,r.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[14px]",children:"arrow_forward"}),(0,r.jsx)(p,{label:"dst",value:m.targetFormat,color:"orange"}),(0,r.jsx)(p,{label:"provider",value:m.provider,color:"green"}),(0,r.jsx)(p,{label:"model",value:m.model,color:"purple"})]})]}),d.map(t=>{var a;let l=1===(a=t.id)?(0,r.jsx)(s.$n,{size:"sm",icon:"arrow_forward",loading:u.toOpenAI,onClick:v,children:"→ OpenAI"}):3===a?(0,r.jsx)(s.$n,{size:"sm",icon:"arrow_forward",loading:u.toTarget,onClick:O,children:"→ Target"}):4===a?(0,r.jsx)(s.$n,{size:"sm",icon:"send",loading:u.send,onClick:S,children:"Send"}):null,d=!!n[t.id],p=e[t.id]||"";return(0,r.jsx)(s.Zp,{children:(0,r.jsxs)("div",{className:"p-4 space-y-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("button",{onClick:()=>{let e;return e=t.id,o(t=>({...t,[e]:!t[e]}))},className:"flex items-center gap-2 flex-1 text-left group",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-text-muted group-hover:text-primary transition-colors",children:d?"expand_more":"chevron_right"}),(0,r.jsx)("span",{className:"text-xs font-mono text-text-muted/60 w-4",children:t.id}),(0,r.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:t.label}),(0,r.jsx)("span",{className:"text-xs text-text-muted/60 font-mono",children:t.file}),p&&(0,r.jsxs)("span",{className:"text-xs text-green-500",children:["(",p.length," chars)"]})]}),!d&&(0,r.jsxs)("div",{className:"flex gap-1 shrink-0",children:[(0,r.jsx)(s.$n,{size:"sm",variant:"ghost",icon:"folder_open",loading:u[`load-${t.id}`],onClick:()=>y(t.id)}),l]})]}),d&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"border border-border rounded-lg overflow-hidden",children:(0,r.jsx)(i,{height:"400px",defaultLanguage:"text"===t.lang?"plaintext":"json",value:p,onChange:e=>{h(t.id,e||""),1===t.id&&j(e||"")},theme:"vs-dark",options:c})}),(0,r.jsxs)("div",{className:"flex gap-2 flex-wrap",children:[(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"folder_open",loading:u[`load-${t.id}`],onClick:()=>y(t.id),children:"Load"}),(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"data_object",onClick:()=>(t=>{try{let n=JSON.parse(e[t]);h(t,JSON.stringify(n,null,2))}catch{}})(t.id),children:"Format"}),(0,r.jsx)(s.$n,{size:"sm",variant:"outline",icon:"content_copy",onClick:()=>N(t.id),children:"Copy"}),l]})]})]})},t.id)})]})}function p({label:e,value:t,color:n}){return(0,r.jsxs)("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-mono ${{blue:"bg-blue-500/10 text-blue-500",orange:"bg-orange-500/10 text-orange-500",green:"bg-green-500/10 text-green-500",purple:"bg-purple-500/10 text-purple-500"}[n]}`,children:[(0,r.jsxs)("span",{className:"text-text-muted/70 font-sans text-[10px]",children:[e,":"]}),t]})}},75707:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});let r=n(73623)._(n(68635));function a(e,t){let n={};"function"==typeof e&&(n.loader=e);let a={...n,...t};return(0,r.default)({...a,modules:a.loadableGenerated?.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},76447:(e,t,n)=>{Promise.resolve().then(n.bind(n,69472))}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8441,3794,7358],()=>e(e.s=76447)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/usage/page-40fda9a4c08e7bd5.js

@@ -0,0 +1,3 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2825],{49480:(e,t,s)=>{Promise.resolve().then(s.bind(s,60750))},60750:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>ej});var a=s(95155),l=s(12115),r=s(73321),o=s(35497),n=s(84588),i=s(92542),d=s(31474);function c({isOpen:e,onClose:t,title:s,children:r,width:o="md",className:n}){let i={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"};return((0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,l.useEffect)(()=>{let s=s=>{"Escape"===s.key&&e&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,t]),e)?(0,a.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-[2px] fade-in cursor-pointer",onClick:t,"aria-hidden":"true"}),(0,a.jsxs)("div",{className:(0,d.cn)("absolute right-0 top-0 h-full bg-surface flex flex-col","shadow-[var(--shadow-elev)]","slide-in-right","border-l border-border-subtle",i[o]||i.md,n),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-border-subtle flex-shrink-0",children:[(0,a.jsx)("div",{className:"flex items-center gap-3",children:s&&(0,a.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:s})}),(0,a.jsx)("button",{type:"button",onClick:t,className:"p-1.5 rounded-[10px] text-text-muted hover:bg-surface-2 hover:text-text-main transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto p-6 custom-scrollbar",children:r})]})]}):null}function x({currentPage:e,pageSize:t,totalItems:s,onPageChange:l,onPageSizeChange:r,className:o}){let n=Math.ceil(s/t),c=s>0?(e-1)*t+1:0,m=Math.min(e*t,s),u=(()=>{let t=[],s=Math.max(1,e-2),a=Math.min(n,s+5-1);a-s+1<5&&(s=Math.max(1,a-5+1));for(let e=s;e<=a;e++)t.push(e);return t})();return(0,a.jsxs)("div",{className:(0,d.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4 px-2",o),children:[s>0&&(0,a.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:c})," to"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:m})," of"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:s})," results"]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-center gap-2 sm:gap-4",children:[r&&(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,a.jsx)("select",{value:t,onChange:e=>r(Number(e.target.value)),className:(0,d.cn)("h-9 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer"),style:{colorScheme:"auto"},children:[10,20,50].map(e=>(0,a.jsx)("option",{value:e,children:e},e))})]}),n>1&&(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(i.default,{variant:"outline",size:"sm",onClick:()=>l(e-1),disabled:1===e,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),u[0]>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.default,{variant:"ghost",size:"sm",onClick:()=>l(1),className:"w-9 px-0 hidden sm:inline-flex",children:"1"}),u[0]>2&&(0,a.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."})]}),u.map(t=>(0,a.jsx)(i.default,{variant:e===t?"primary":"ghost",size:"sm",onClick:()=>l(t),className:(0,d.cn)("w-9 px-0",e===t?"inline-flex":"hidden sm:inline-flex"),children:t},t)),u[u.length-1]<n&&(0,a.jsxs)(a.Fragment,{children:[u[u.length-1]<n-1&&(0,a.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."}),(0,a.jsx)(i.default,{variant:"ghost",size:"sm",onClick:()=>l(n),className:"w-9 px-0 hidden sm:inline-flex",children:n})]}),(0,a.jsx)(i.default,{variant:"outline",size:"sm",onClick:()=>l(e+1),disabled:e===n,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}var m=s(34428),u=s(88105);let p=null,h=null;async function f(){if(p&&h)return{providerNameCache:p,providerNodesCache:h};let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[];for(let e of(h={},t))h[e.id]=e.name;return{providerNameCache:p={...u.Q2,...h},providerNodesCache:h}}function b(e,t){if(!e||!t)return e;let s=t[e];if("string"==typeof s)return s;if(s?.name)return s.name;let a=(0,u.zt)(e)||u.Q2[e];return a?.name||e}function g({title:e,children:t,defaultOpen:s=!1,icon:r=null}){let[o,n]=(0,l.useState)(s);return(0,a.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>n(!o),className:"w-full flex items-center justify-between p-3 bg-black/[0.02] dark:bg-white/[0.02] hover:bg-black/[0.04] dark:hover:bg-white/[0.04] transition-colors",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:r}),(0,a.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,a.jsx)("span",{className:(0,d.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",o?"rotate-90":""),children:"chevron_right"})]}),o&&(0,a.jsx)("div",{className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function v(e){return e?.cache_creation_input_tokens||0}function j(e){let t=e?.prompt_tokens||e?.input_tokens||0,s=y(e);return t<s?s:t}function y(e){return e?.cache_read_input_tokens||e?.cached_tokens||e?.prompt_tokens_details?.cached_tokens||0}function k(e){return e?.completion_tokens||e?.output_tokens||0}function N(){var e,t;let[s,r]=(0,l.useState)([]),[o,u]=(0,l.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[p,h]=(0,l.useState)(!1),[N,w]=(0,l.useState)(null),[S,T]=(0,l.useState)(!1),[C,$]=(0,l.useState)([]),[R,q]=(0,l.useState)(null),[B,P]=(0,l.useState)({provider:"",startDate:"",endDate:""}),D=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();$(t.providers||[]);let s=await f();q(s.providerNameCache)}catch(e){console.error("Failed to fetch providers:",e)}},[]),M=(0,l.useCallback)(async()=>{h(!0);try{let e=new URLSearchParams({page:o.page.toString(),pageSize:o.pageSize.toString()});B.provider&&e.append("provider",B.provider),B.startDate&&e.append("startDate",B.startDate),B.endDate&&e.append("endDate",B.endDate);let t=await fetch(`/api/usage/request-details?${e}`),s=await t.json();r(s.details||[]),u(e=>({...e,...s.pagination}))}catch(e){console.error("Failed to fetch request details:",e)}finally{h(!1)}},[o.page,o.pageSize,B]);return(0,l.useEffect)(()=>{D()},[D]),(0,l.useEffect)(()=>{M()},[M]),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6",children:[(0,a.jsx)(n.default,{padding:"md",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"provider-filter",className:"text-sm font-medium text-text-main",children:"Provider"}),(0,a.jsxs)("select",{id:"provider-filter",value:B.provider,onChange:e=>P({...B,provider:e.target.value}),className:(0,d.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","w-full min-w-0 cursor-pointer"),style:{colorScheme:"auto"},children:[(0,a.jsx)("option",{value:"",children:"All Providers"}),C.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name},e.id))]})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"start-date-filter",className:"text-sm font-medium text-text-main",children:"Start Date"}),(0,a.jsx)("input",{id:"start-date-filter",type:"datetime-local",value:B.startDate,onChange:e=>P({...B,startDate:e.target.value}),className:(0,d.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"end-date-filter",className:"text-sm font-medium text-text-main",children:"End Date"}),(0,a.jsx)("input",{id:"end-date-filter",type:"datetime-local",value:B.endDate,onChange:e=>P({...B,endDate:e.target.value}),className:(0,d.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-2 sm:col-span-2 lg:col-span-1",children:[(0,a.jsx)("span",{className:"hidden text-sm font-medium text-text-main opacity-0 lg:block","aria-hidden":"true",children:"Clear"}),(0,a.jsx)(i.default,{variant:"ghost",onClick:()=>{P({provider:"",startDate:"",endDate:""})},disabled:!B.provider&&!B.startDate&&!B.endDate,className:"w-full",children:"Clear Filters"})]})]})}),(0,a.jsxs)(n.default,{padding:"none",children:[(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full min-w-[880px]",children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5",children:[(0,a.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Timestamp"}),(0,a.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Model"}),(0,a.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Provider"}),(0,a.jsx)("th",{className:"text-center p-4 text-sm font-semibold text-text-main",title:"API Key",children:"\uD83D\uDD11"}),(0,a.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Input Tokens"}),(0,a.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",style:{color:"var(--color-info, #06b6d4)"},children:"Cached"}),(0,a.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Cache Creation"}),(0,a.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Output Tokens"}),(0,a.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Latency"}),(0,a.jsx)("th",{className:"text-center p-4 text-sm font-semibold text-text-main",children:"Action"})]})}),(0,a.jsx)("tbody",{children:p?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]",children:"progress_activity"}),"Loading..."]})})}):0===s.length?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:"No request details found"})}):s.map((e,t)=>(0,a.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5 last:border-b-0 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,a.jsx)("td",{className:"whitespace-nowrap p-4 text-sm text-text-main",children:new Date(e.timestamp).toLocaleString()}),(0,a.jsx)("td",{className:"max-w-[260px] truncate p-4 font-mono text-sm text-text-main",children:e.model}),(0,a.jsx)("td",{className:"max-w-[180px] truncate p-4 text-sm text-text-main",children:(0,a.jsx)("span",{className:"font-medium",children:b(e.provider,R)})}),(0,a.jsx)("td",{className:"p-4 text-center",children:(0,a.jsx)(m.A,{apiKey:e.apiKey})}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:j(e.tokens).toLocaleString()}),(0,a.jsx)("td",{className:"p-4 text-sm text-right font-mono",style:{color:"var(--color-info, #06b6d4)"},children:y(e.tokens)>0?y(e.tokens).toLocaleString():"—"}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:v(e.tokens)>0?v(e.tokens).toLocaleString():"—"}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:k(e.tokens).toLocaleString()}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-muted",children:(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,a.jsxs)("div",{children:["TTFT: ",(0,a.jsxs)("span",{className:"font-mono",children:[e.latency?.ttft||0,"ms"]})]}),(0,a.jsxs)("div",{children:["Total: ",(0,a.jsxs)("span",{className:"font-mono",children:[e.latency?.total||0,"ms"]})]})]})}),(0,a.jsx)("td",{className:"p-4 text-center",children:(0,a.jsx)(i.default,{variant:"outline",size:"sm",onClick:()=>{w(e),T(!0)},children:"Detail"})})]},`${e.id}-${t}`))})]})}),!p&&s.length>0&&(0,a.jsx)("div",{className:"border-t border-black/5 dark:border-white/5",children:(0,a.jsx)(x,{currentPage:o.page,pageSize:o.pageSize,totalItems:o.totalItems,onPageChange:e=>{u(t=>({...t,page:e}))},onPageSizeChange:e=>{u(t=>({...t,pageSize:e,page:1}))}})})]}),(0,a.jsx)(c,{isOpen:S,onClose:()=>T(!1),title:"Request Details",width:"lg",children:N&&(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-4 text-sm sm:grid-cols-2",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"ID:"})," ",(0,a.jsx)("span",{className:"break-all font-mono text-text-main",children:N.id})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Timestamp:"})," ",(0,a.jsx)("span",{className:"text-text-main",children:new Date(N.timestamp).toLocaleString()})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Provider:"})," ",(0,a.jsx)("span",{className:"text-text-main font-medium",children:b(N.provider,R)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Model:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:N.model})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Status:"})," ",(0,a.jsx)("span",{className:(0,d.cn)("font-medium","success"===(e=N.status)?"text-green-600":"input_only"===e||"partial"===e?"text-amber-600":"text-red-600"),children:"input_only"===(t=N.status)?"input only":t})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Latency:"})," ",(0,a.jsxs)("span",{className:"text-text-main font-mono",children:["TTFT ",N.latency?.ttft||0,"ms / Total ",N.latency?.total||0,"ms"]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:j(N.tokens).toLocaleString()})]}),y(N.tokens)>0&&(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Cached Tokens:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:y(N.tokens).toLocaleString()})]}),v(N.tokens)>0&&(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Cache Creation:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:v(N.tokens).toLocaleString()})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Cached Tokens:"})," ",(0,a.jsx)("span",{className:"font-mono",style:{color:"var(--color-info, #06b6d4)"},children:y(N.tokens)>0?y(N.tokens).toLocaleString():"—"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:k(N.tokens).toLocaleString()})]}),N.apiKey&&(0,a.jsxs)("div",{className:"col-span-2",children:[(0,a.jsx)("span",{className:"text-text-muted",children:"API Key:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono text-xs break-all",children:N.apiKey})]})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)(g,{title:"1. Client Request (Input)",defaultOpen:!0,icon:"input",children:(0,a.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(N.request,null,2)})}),N.providerRequest&&(0,a.jsx)(g,{title:"2. Provider Request (Translated)",icon:"translate",children:(0,a.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(N.providerRequest,null,2)})}),N.providerResponse&&(0,a.jsx)(g,{title:"3. Provider Response (Raw)",icon:"data_object",children:(0,a.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:"object"==typeof N.providerResponse?JSON.stringify(N.providerResponse,null,2):N.providerResponse})}),(0,a.jsxs)(g,{title:"4. Client Response (Final)",defaultOpen:!0,icon:"output",children:[N.response?.thinking&&(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsxs)("h4",{className:"font-semibold text-text-main mb-2 flex items-center gap-2 text-xs uppercase tracking-wide opacity-70",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"psychology"}),"Thinking Process"]}),(0,a.jsx)("pre",{className:"max-h-[200px] max-w-full overflow-auto rounded-lg border border-amber-200 bg-amber-50 p-3 font-mono text-xs text-amber-900 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-100 sm:p-4",children:N.response.thinking})]}),(0,a.jsx)("h4",{className:"font-semibold text-text-main mb-2 text-xs uppercase tracking-wide opacity-70",children:"Content"}),(0,a.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:N.response?.content||"[No content]"})]})]})]})})]})}var w=s(28067),S=s(14051),T=s.n(S);let C=e=>new Intl.NumberFormat().format(e||0),$=e=>`$${(e||0).toFixed(4)}`;function R({totals:e}){let t=e?.promptTokens>0?((e.cachedTokens||0)/e.promptTokens*100).toFixed(1):"0.0",s=[{label:"Requests",value:C(e?.requests),color:"text-primary"},{label:"Total Tokens",value:C(e?.totalTokens),color:"text-text-main"},{label:"Input Tokens",value:C(e?.promptTokens),color:"text-text-muted",sub:`${C(e?.cachedTokens)} cached`},{label:"Est. Cost",value:`~${$(e?.cost)}`,color:"text-warning",sub:"Estimated"},{label:"Avg Cost/Req",value:$(e?.avgCostPerRequest),color:"text-text-main",sub:`${t}% cache hit`}];return(0,a.jsx)("div",{className:"grid min-w-0 grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-5 sm:gap-4",children:s.map(e=>(0,a.jsxs)(n.default,{className:"flex min-w-0 flex-col gap-0.5 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-xs font-semibold uppercase text-text-muted",children:e.label}),(0,a.jsx)("span",{className:`truncate text-xl font-bold ${e.color}`,children:e.value}),e.sub&&(0,a.jsx)("span",{className:"text-[10px] text-text-muted",children:e.sub})]},e.label))})}R.propTypes={totals:T().object};var q=s(1728),B=s(68444),P=s(28408),D=s(32539),M=s(59656),F=s(65671),L=s(96647),z=s(54736),A=s(48035),I=s(18167),_=s(67389),E=s(80865),O=s(53201);let K=["#6366f1","#f59e0b","#06b6d4","#10b981","#f43f5e","#8b5cf6","#ec4899","#14b8a6"],H=e=>e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e||0),W=e=>`$${(e||0).toFixed(4)}`,V=e=>new Intl.NumberFormat().format(e||0);function U(e){return"cost"===e?W:"tokens"===e||"cachedTokens"===e?H:V}let Q={backgroundColor:"#16161e",border:"1px solid rgba(255,255,255,0.1)",borderRadius:"8px",fontSize:"12px",color:"#e2e8f0",boxShadow:"0 4px 16px rgba(0,0,0,0.4)"},G={color:"#94a3b8",marginBottom:2},J={color:"#f1f5f9"};function Z({series:e,metric:t,seriesBy:s}){if(!e?.length)return null;let l=U(t),r=[...new Set(e.flatMap(e=>Object.keys(e.values||{})))],o=Object.fromEntries(r.map(e=>[e,0])),i=e.map(e=>({...o,label:e.label,...e.values})),d="none"!==s&&r.length>1;return e.some(e=>e.total>0)?(0,a.jsxs)(n.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-muted uppercase",children:"Trend"}),(0,a.jsx)(q.u,{width:"100%",height:220,children:(0,a.jsxs)(B.X,{data:i,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsx)("defs",{children:K.map((e,t)=>(0,a.jsxs)("linearGradient",{id:`grad${t}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:e,stopOpacity:.25}),(0,a.jsx)("stop",{offset:"95%",stopColor:e,stopOpacity:0})]},t))}),(0,a.jsx)(P.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(D.W,{dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,interval:"preserveStartEnd"}),(0,a.jsx)(M.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:l,width:52}),(0,a.jsx)(F.m,{contentStyle:Q,labelStyle:G,itemStyle:J,formatter:(e,t)=>[l(e),t]}),d&&(0,a.jsx)(L.s,{wrapperStyle:{fontSize:"11px"}}),d?r.map((e,t)=>(0,a.jsx)(z.Gk,{type:"monotone",dataKey:e,stroke:K[t%K.length],strokeWidth:2,fill:`url(#grad${t%K.length})`,dot:!1,activeDot:{r:4},stackId:"1"},e)):(0,a.jsx)(z.Gk,{type:"monotone",dataKey:r[0]||"total",stroke:K[0],strokeWidth:2,fill:"url(#grad0)",dot:!1,activeDot:{r:4}})]})})]}):(0,a.jsx)(n.default,{className:"flex items-center justify-center h-[260px] text-text-muted text-sm",children:"No data for selected filters"})}function Y({top:e,metric:t}){if(!e?.length)return null;let s=U(t);return(0,a.jsxs)(n.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-muted uppercase",children:"Top Contributors"}),(0,a.jsx)(q.u,{width:"100%",height:200,children:(0,a.jsxs)(A.E,{data:e,layout:"vertical",margin:{top:0,right:16,left:0,bottom:0},children:[(0,a.jsx)(P.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,a.jsx)(D.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:s}),(0,a.jsx)(M.h,{type:"category",dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.7},tickLine:!1,axisLine:!1,width:90}),(0,a.jsx)(F.m,{contentStyle:Q,labelStyle:G,itemStyle:J,formatter:e=>[s(e)]}),(0,a.jsx)(I.yP,{dataKey:"value",radius:[0,4,4,0],children:e.map((e,t)=>(0,a.jsx)(_.f,{fill:K[t%K.length]},t))})]})})]})}function X({top:e,metric:t}){return e?.length?(0,a.jsxs)(n.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-muted uppercase",children:"Share"}),(0,a.jsx)(q.u,{width:"100%",height:200,children:(0,a.jsxs)(E.r,{children:[(0,a.jsx)(O.Fq,{data:e,dataKey:"value",nameKey:"label",cx:"50%",cy:"50%",innerRadius:55,outerRadius:85,paddingAngle:2,children:e.map((e,t)=>(0,a.jsx)(_.f,{fill:K[t%K.length]},t))}),(0,a.jsx)(F.m,{contentStyle:Q,labelStyle:G,itemStyle:J,formatter:(e,t,s)=>[`${s.payload.percentage}%`,t]}),(0,a.jsx)(L.s,{layout:"vertical",align:"right",verticalAlign:"middle",wrapperStyle:{fontSize:"11px"},formatter:e=>e.length>14?e.slice(0,12)+"…":e})]})})]}):null}function ee({report:e,metric:t,seriesBy:s,groupBy:l}){let r=e?.top||{},o=[{key:"apiKeys",label:"API Key",data:r.apiKeys||[]},{key:"models",label:"Model",data:r.models||[]},{key:"providers",label:"Provider",data:r.providers||[]}].filter(e=>e.data.length>0);return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-4",children:[(0,a.jsx)(Z,{series:e?.series,metric:t,seriesBy:s}),o.map(e=>(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,a.jsxs)("p",{className:"text-xs font-semibold uppercase text-text-muted px-0.5",children:[e.label," breakdown"]}),(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-4 sm:grid-cols-2",children:[(0,a.jsx)(Y,{top:e.data,metric:t}),(0,a.jsx)(X,{top:e.data,metric:t})]})]},e.key))]})}ee.propTypes={report:T().object,metric:T().string,seriesBy:T().string,groupBy:T().string},Z.propTypes={series:T().array,metric:T().string,seriesBy:T().string},Y.propTypes={top:T().array,metric:T().string},X.propTypes={top:T().array,metric:T().string};let et=e=>new Intl.NumberFormat().format(e||0),es=e=>`$${(e||0).toFixed(4)}`;function ea({field:e,currentSort:t,currentOrder:s}){return t!==e?(0,a.jsx)("span",{className:"ml-1 opacity-25 text-xs",children:"↕"}):(0,a.jsx)("span",{className:"ml-1 text-xs",children:"asc"===s?"↑":"↓"})}ea.propTypes={field:T().string,currentSort:T().string,currentOrder:T().string};let el=[{field:"requests",label:"Requests"},{field:"promptTokens",label:"Input"},{field:"completionTokens",label:"Output"},{field:"cachedTokens",label:"Cached"},{field:"totalTokens",label:"Total Tokens"},{field:"cost",label:"Cost"},{field:"avgCostPerRequest",label:"Avg/Req"},{field:"cacheHitRatio",label:"Cache %"},{field:"lastUsed",label:"Last Used"}];function er({breakdown:e,groupBy:t}){let[s,r]=(0,l.useState)("requests"),[o,i]=(0,l.useState)("desc");if(!e?.length)return(0,a.jsx)(n.default,{className:"p-8 text-center text-text-muted text-sm",children:"No usage data for selected filters."});let d=[...e].sort((e,t)=>{let a=e[s]??0,l=t[s]??0;return"string"==typeof a?"asc"===o?a.localeCompare(l):l.localeCompare(a):"asc"===o?a-l:l-a}),c={apiKey:"API Key",model:"Model",provider:"Provider",time:"Time Period"}[t]||"Label";return(0,a.jsxs)(n.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-3 border-b border-border bg-bg-subtle/50",children:(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-main",children:["Breakdown by ",c]})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left min-w-[900px]",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-4 py-3 font-semibold",children:c}),el.map(e=>(0,a.jsxs)("th",{className:"px-3 py-3 text-right cursor-pointer hover:bg-bg-subtle/50 whitespace-nowrap",onClick:()=>{var t;s===(t=e.field)?i(e=>"desc"===e?"asc":"desc"):(r(t),i("desc"))},children:[e.label,(0,a.jsx)(ea,{field:e.field,currentSort:s,currentOrder:o})]},e.field))]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:d.map(e=>{let t;return(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/30 transition-colors",children:[(0,a.jsx)("td",{className:"px-4 py-3 max-w-[200px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-0.5 min-w-0",children:[(0,a.jsx)("span",{className:"font-medium text-text-main truncate",children:e.label}),e.maskedKey&&(0,a.jsx)("span",{className:"text-[10px] font-mono text-text-muted truncate",children:e.maskedKey})]})}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-text-main",children:et(e.requests)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-text-muted",children:et(e.promptTokens)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-text-muted",children:et(e.completionTokens)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono",style:{color:"var(--color-info, #06b6d4)"},children:et(e.cachedTokens)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono font-medium",children:et(e.totalTokens)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-warning",children:es(e.cost)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-text-muted",children:es(e.avgCostPerRequest)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right font-mono text-text-muted",children:(t=e.cacheHitRatio,`${(100*(t||0)).toFixed(1)}%`)}),(0,a.jsx)("td",{className:"px-3 py-3 text-right text-text-muted whitespace-nowrap",children:function(e){if(!e)return"—";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"Just now":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}(e.lastUsed)})]},e.id)})})]})})]})}er.propTypes={breakdown:T().array,groupBy:T().string};var eo=s(28634);let en=[{value:"today",label:"Today"},{value:"24h",label:"24H"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"all",label:"All Time"}],ei=[{value:"auto",label:"✨ Auto"},{value:"allStats",label:"\uD83D\uDCCA All Stats"},{value:"tokenBeast",label:"\uD83E\uDD81 Token Beast"},{value:"costFlex",label:"\uD83D\uDCB0 Cost Flex"},{value:"modelHopper",label:"\uD83D\uDD00 Model Hopper"},{value:"providerCollector",label:"\uD83C\uDF10 Providers"},{value:"memeMode",label:"\uD83C\uDFAA Meme Mode"}],ed=[{value:"auto",label:"Auto"},{value:"cyber",label:"Cyber"},{value:"minimal",label:"Minimal"},{value:"gold",label:"Gold"},{value:"meme",label:"Meme"}];function ec(e,t){let s={cyber:{background:"linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%)",cardBg:"rgba(255,255,255,0.04)",cardBorder:"rgba(99,102,241,0.3)",heroBg:"rgba(99,102,241,0.12)",heroBorder:"rgba(99,102,241,0.4)",heroText:"#a5b4fc",heroLabelText:"#818cf8",subCardBg:"rgba(255,255,255,0.04)",subCardBorder:"rgba(99,102,241,0.2)",subLabelText:"#6366f1",subValueText:"#e2e8f0",headerText:"#c7d2fe",badgeBg:"rgba(99,102,241,0.2)",badgeText:"#a5b4fc",badgeBorder:"rgba(99,102,241,0.4)",footerText:"#4f46e5",dividerColor:"rgba(99,102,241,0.2)",accentColor:"#6366f1",fontFamily:"'ui-monospace', 'Cascadia Code', 'Courier New', monospace"},minimal:{background:"#ffffff",cardBg:"#f8fafc",cardBorder:"#e2e8f0",heroBg:"#f1f5f9",heroBorder:"#cbd5e1",heroText:"#0f172a",heroLabelText:"#64748b",subCardBg:"#f8fafc",subCardBorder:"#e2e8f0",subLabelText:"#94a3b8",subValueText:"#1e293b",headerText:"#334155",badgeBg:"#f1f5f9",badgeText:"#475569",badgeBorder:"#cbd5e1",footerText:"#94a3b8",dividerColor:"#e2e8f0",accentColor:"#3b82f6",fontFamily:"'ui-sans-serif', 'system-ui', '-apple-system', sans-serif"},gold:{background:"linear-gradient(135deg, #1a0e00 0%, #2d1a00 40%, #1a0e00 100%)",cardBg:"rgba(255,200,50,0.05)",cardBorder:"rgba(217,165,32,0.3)",heroBg:"rgba(217,165,32,0.1)",heroBorder:"rgba(217,165,32,0.4)",heroText:"#fde68a",heroLabelText:"#d97706",subCardBg:"rgba(255,200,50,0.04)",subCardBorder:"rgba(217,165,32,0.2)",subLabelText:"#b45309",subValueText:"#fef3c7",headerText:"#fde68a",badgeBg:"rgba(217,165,32,0.15)",badgeText:"#fbbf24",badgeBorder:"rgba(217,165,32,0.4)",footerText:"#92400e",dividerColor:"rgba(217,165,32,0.2)",accentColor:"#f59e0b",fontFamily:"'Georgia', 'Times New Roman', serif"},meme:{background:"linear-gradient(135deg, #7c3aed 0%, #db2777 50%, #ea580c 100%)",cardBg:"rgba(255,255,255,0.12)",cardBorder:"rgba(255,255,255,0.25)",heroBg:"rgba(255,255,255,0.15)",heroBorder:"rgba(255,255,255,0.3)",heroText:"#ffffff",heroLabelText:"rgba(255,255,255,0.8)",subCardBg:"rgba(255,255,255,0.1)",subCardBorder:"rgba(255,255,255,0.2)",subLabelText:"rgba(255,255,255,0.6)",subValueText:"#ffffff",headerText:"#ffffff",badgeBg:"rgba(255,255,255,0.2)",badgeText:"#ffffff",badgeBorder:"rgba(255,255,255,0.3)",footerText:"rgba(255,255,255,0.5)",dividerColor:"rgba(255,255,255,0.2)",accentColor:"#fbbf24",fontFamily:"'Impact', 'Arial Black', 'ui-sans-serif', sans-serif"}};return s["auto"===e?({allStats:"cyber",tokenBeast:"cyber",costFlex:"gold",modelHopper:"cyber",providerCollector:"gold",memeMode:"meme"})[t]??"cyber":e]??s.cyber}let ex=["allStats","tokenBeast","costFlex","modelHopper","providerCollector","memeMode"],em=["cyber","minimal","gold","meme"],eu=(0,l.forwardRef)(function({flexData:e,flexType:t,themeConfig:s,period:l},r){let o=function(e,t){let s=t?.totals??{},a=t?.highlights??{},l=e=>new Intl.NumberFormat().format(e||0),r=e=>`$${(e||0).toFixed(2)}`;switch(e){case"allStats":return{emoji:"\uD83D\uDCCA",heroValue:l(s.requests),heroLabel:"total requests",layout:"allStats",panels:[{emoji:"\uD83E\uDD81",label:"Tokens",value:l(s.totalTokens),sub:`${l(s.cachedTokens)} cached`,color:"#818cf8"},{emoji:"\uD83D\uDCB0",label:"Est. Cost",value:`$${(s.cost||0).toFixed(2)}`,sub:`~$${(s.avgCostPerRequest||0).toFixed(4)}/req`,color:"#f59e0b"},{emoji:"\uD83D\uDD00",label:"Models",value:String(a.uniqueModels??0),sub:a.topModel??"—",color:"#34d399"},{emoji:"\uD83C\uDF10",label:"Providers",value:String(a.uniqueProviders??0),sub:a.topProvider??"—",color:"#fb923c"}],subStats:[]};case"tokenBeast":return{emoji:"\uD83E\uDD81",heroValue:l(s.totalTokens),heroLabel:"tokens consumed",subStats:[{label:"Requests",value:l(s.requests)},{label:"Top Model",value:a.topModel??"—"},{label:"Cache Hit",value:s.cacheHitRatio?`${(100*s.cacheHitRatio).toFixed(0)}%`:"—"},{label:"Est. Cost",value:r(s.cost)}]};case"costFlex":return{emoji:"\uD83D\uDCB0",heroValue:r(s.cost),heroLabel:"estimated AI spend",subStats:[{label:"Requests",value:l(s.requests)},{label:"Total Tokens",value:l(s.totalTokens)},{label:"Avg/Request",value:r(s.avgCostPerRequest)},{label:"Top Model",value:a.topModel??"—"}]};case"modelHopper":return{emoji:"\uD83D\uDD00",heroValue:String(a.uniqueModels??0),heroLabel:"models used",subStats:[{label:"Top Model",value:a.topModel??"—"},{label:"Dominance",value:a.topModelPct?`${a.topModelPct.toFixed(0)}%`:"—"},{label:"Requests",value:l(s.requests)},{label:"Total Tokens",value:l(s.totalTokens)}]};case"providerCollector":return{emoji:"\uD83C\uDF10",heroValue:String(a.uniqueProviders??0),heroLabel:"providers routed",subStats:[{label:"Top Provider",value:a.topProvider??"—"},{label:"Coverage",value:a.topProviderPct?`${a.topProviderPct.toFixed(0)}%`:"—"},{label:"Models",value:String(a.uniqueModels??0)},{label:"Requests",value:l(s.requests)}]};default:return{emoji:"\uD83C\uDFAA",heroValue:l(s.requests),heroLabel:"requests fired",subStats:[{label:"Tokens Shot",value:l(s.totalTokens)},{label:"Models",value:String(a.uniqueModels??0)},{label:"Providers",value:String(a.uniqueProviders??0)},{label:"Est. Cost",value:r(s.cost)}]}}}(t,e),n=s??{},i=!e||(e.totals?.requests??0)===0&&(e.totals?.totalTokens??0)===0;return(0,a.jsxs)("div",{ref:r,style:{width:1080,height:1080,background:n.background??"#0f172a",fontFamily:n.fontFamily??"sans-serif",position:"relative",display:"flex",flexDirection:"column",padding:64,boxSizing:"border-box",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{position:"absolute",top:-120,right:-120,width:480,height:480,borderRadius:"50%",background:`radial-gradient(circle, ${n.accentColor??"#6366f1"}22 0%, transparent 70%)`,pointerEvents:"none"}}),(0,a.jsx)("div",{style:{position:"absolute",bottom:-80,left:-80,width:320,height:320,borderRadius:"50%",background:`radial-gradient(circle, ${n.accentColor??"#6366f1"}18 0%, transparent 70%)`,pointerEvents:"none"}}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:48},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,a.jsx)("div",{style:{width:44,height:44,borderRadius:12,background:n.accentColor??"#6366f1",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,a.jsx)("span",{style:{color:"#ffffff",fontSize:18,fontWeight:800,lineHeight:1,letterSpacing:"-0.5px"},children:"n9"})}),(0,a.jsx)("span",{style:{color:n.headerText??"#c7d2fe",fontSize:28,fontWeight:700,letterSpacing:"-0.5px"},children:"n9router"})]}),(0,a.jsx)("div",{style:{padding:"8px 20px",borderRadius:100,background:n.badgeBg??"rgba(99,102,241,0.2)",border:`1.5px solid ${n.badgeBorder??"rgba(99,102,241,0.4)"}`,color:n.badgeText??"#a5b4fc",fontSize:20,fontWeight:600,letterSpacing:"0.02em"},children:{today:"Today","24h":"Last 24H","7d":"Last 7 Days","30d":"Last 30 Days",all:"All Time"}[l]??l})]}),i?(0,a.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:16},children:[(0,a.jsx)("span",{style:{fontSize:80},children:"\uD83D\uDCED"}),(0,a.jsx)("span",{style:{color:n.heroLabelText??"#818cf8",fontSize:36,fontWeight:600,textAlign:"center"},children:"No usage data yet"}),(0,a.jsx)("span",{style:{color:n.footerText??"#4f46e5",fontSize:24,textAlign:"center"},children:"Start using the gateway to see your stats here"})]}):"allStats"===o.layout?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{style:{background:n.heroBg??"rgba(99,102,241,0.12)",border:`2px solid ${n.heroBorder??"rgba(99,102,241,0.4)"}`,borderRadius:20,padding:"28px 48px",marginBottom:28,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:20},children:[(0,a.jsx)("span",{style:{fontSize:52,lineHeight:1},children:o.emoji}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{color:n.heroText??"#a5b4fc",fontSize:64,fontWeight:800,lineHeight:1,letterSpacing:"-1px"},children:o.heroValue}),(0,a.jsx)("div",{style:{color:n.heroLabelText??"#818cf8",fontSize:20,fontWeight:500,textTransform:"uppercase",letterSpacing:"0.06em",marginTop:4},children:o.heroLabel})]})]}),(0,a.jsx)("div",{style:{color:n.heroLabelText??"#818cf8",fontSize:20,fontWeight:500,textAlign:"right",opacity:.7},children:"Complete Overview"})]}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:20,flex:1},children:(o.panels??[]).map((e,t)=>(0,a.jsxs)("div",{style:{background:n.subCardBg??"rgba(255,255,255,0.04)",border:`1.5px solid ${n.subCardBorder??"rgba(99,102,241,0.2)"}`,borderRadius:20,padding:"32px 36px",display:"flex",flexDirection:"column",gap:8,position:"relative",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{position:"absolute",top:-30,right:-30,width:100,height:100,borderRadius:"50%",background:`radial-gradient(circle, ${e.color}30 0%, transparent 70%)`,pointerEvents:"none"}}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[(0,a.jsx)("span",{style:{fontSize:28,lineHeight:1},children:e.emoji}),(0,a.jsx)("span",{style:{color:e.color,fontSize:18,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.08em"},children:e.label})]}),(0,a.jsx)("div",{style:{color:n.subValueText??"#e2e8f0",fontSize:52,fontWeight:800,letterSpacing:"-1px",lineHeight:1.1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:e.value,children:e.value}),(0,a.jsx)("div",{style:{color:n.subLabelText??"#6366f1",fontSize:17,fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",opacity:.85},title:e.sub,children:e.sub})]},t))})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{style:{background:n.heroBg??"rgba(99,102,241,0.12)",border:`2px solid ${n.heroBorder??"rgba(99,102,241,0.4)"}`,borderRadius:24,padding:"48px 56px",marginBottom:40,display:"flex",flexDirection:"column",alignItems:"center",gap:12,position:"relative"},children:[(0,a.jsx)("div",{style:{fontSize:72,lineHeight:1,marginBottom:8},children:o.emoji}),(0,a.jsx)("div",{style:{color:n.heroText??"#a5b4fc",fontSize:96,fontWeight:800,lineHeight:1,letterSpacing:"-2px",textAlign:"center",wordBreak:"break-all"},children:o.heroValue}),(0,a.jsx)("div",{style:{color:n.heroLabelText??"#818cf8",fontSize:28,fontWeight:500,textAlign:"center",letterSpacing:"0.02em",textTransform:"uppercase"},children:o.heroLabel})]}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16,flex:1},children:o.subStats.map((e,t)=>(0,a.jsxs)("div",{style:{background:n.subCardBg??"rgba(255,255,255,0.04)",border:`1.5px solid ${n.subCardBorder??"rgba(99,102,241,0.2)"}`,borderRadius:16,padding:"24px 28px",display:"flex",flexDirection:"column",gap:6},children:[(0,a.jsx)("div",{style:{color:n.subLabelText??"#6366f1",fontSize:18,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em"},children:e.label}),(0,a.jsx)("div",{style:{color:n.subValueText??"#e2e8f0",fontSize:32,fontWeight:700,letterSpacing:"-0.5px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:e.value,children:e.value})]},t))})]}),(0,a.jsxs)("div",{style:{marginTop:36,paddingTop:24,borderTop:`1px solid ${n.dividerColor??"rgba(99,102,241,0.2)"}`,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,a.jsx)("span",{style:{color:n.footerText??"#4f46e5",fontSize:18,fontWeight:500},children:"Self-hosted AI routing gateway"}),(0,a.jsx)("span",{style:{color:n.footerText??"#4f46e5",fontSize:18},children:"github.com/nightwalker89/n9router"})]})]})});function ep(){let[e,t]=(0,l.useState)("30d"),[s,r]=(0,l.useState)("auto"),[n,i]=(0,l.useState)("auto"),[d,c]=(0,l.useState)(!1),[x,m]=(0,l.useState)(null),[u,p]=(0,l.useState)(!0),[h,f]=(0,l.useState)(null),[b,g]=(0,l.useState)(!1),[v,j]=(0,l.useState)(!1),[y,k]=(0,l.useState)(!1),N=(0,l.useRef)(null),[S,T]=(0,l.useState)(.37),C=(0,l.useRef)(null),$=(0,l.useRef)(null),R=x?x?.totals?{period:e,totals:{requests:x.totals.requests??0,totalTokens:x.totals.totalTokens??0,promptTokens:x.totals.promptTokens??0,completionTokens:x.totals.completionTokens??0,cachedTokens:x.totals.cachedTokens??0,cost:x.totals.cost??0,avgCostPerRequest:x.totals.avgCostPerRequest??0,cacheHitRatio:x.totals.cacheHitRatio??0},highlights:{topModel:x.top?.models?.[0]?.label??null,topModelPct:x.top?.models?.[0]?.percentage??0,topProvider:x.top?.providers?.[0]?.label??null,topProviderPct:x.top?.providers?.[0]?.percentage??0,uniqueModels:x.top?.models?.length??0,uniqueProviders:x.top?.providers?.length??0},generatedAt:new Date().toISOString()}:null:null,q="auto"===s?function(e){if(!e)return"memeMode";let{totals:t,highlights:s}=e;return(s?.uniqueProviders??0)>=3?"providerCollector":(s?.uniqueModels??0)>=5?"modelHopper":(t?.totalTokens??0)>1e4?"tokenBeast":(t?.cost??0)>0?"costFlex":"memeMode"}(R):s,B=ec(n,q),P=(0,l.useCallback)(async e=>{$.current&&$.current.abort();let t=new AbortController;$.current=t,p(!0),f(null);try{let s=function(e){let t=new URLSearchParams({metric:"tokens",groupBy:"apiKey",seriesBy:"none"});if("today"===e){let e=new Date,s=new Date(e.getFullYear(),e.getMonth(),e.getDate());t.set("period","custom"),t.set("startDate",s.toISOString()),t.set("endDate",e.toISOString()),t.set("interval","hour")}else t.set("period",e);return t.toString()}(e),a=await fetch(`/api/usage/report?${s}`,{signal:t.signal});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(e.error||`HTTP ${a.status}`)}m(await a.json())}catch(e){"AbortError"!==e.name&&f(e.message)}finally{p(!1)}},[]);(0,l.useEffect)(()=>{P(e)},[e]),(0,l.useEffect)(()=>{if(!N.current)return;let e=new ResizeObserver(e=>{for(let t of e)T(t.contentRect.width/1080)});return e.observe(N.current),()=>e.disconnect()},[]);let D=(0,l.useCallback)(async()=>{if(C.current&&!b){g(!0),j(!1);try{let t=await (0,eo.$E)(C.current,{width:1080,height:1080,pixelRatio:2,cacheBust:!0,skipFonts:!0}),s=document.createElement("a");s.download=`9router-flex-${e}.png`,s.href=t,s.click()}catch(e){console.error("[FlexReport] Export failed:",e),j(!0),setTimeout(()=>j(!1),3e3)}finally{g(!1)}}},[C,b,e]),M=(0,l.useCallback)(async()=>{if(!R)return;let t=function(e,t,s){let a=t?.totals??{},l=t?.highlights??{},r={today:"today","24h":"the last 24 hours","7d":"the last 7 days","30d":"the last 30 days",all:"all time"}[s]??s,o=e=>new Intl.NumberFormat().format(e||0),n=e=>(e||0).toFixed(2);switch(e){case"allStats":return`📊 My AI stats ${r}: ${o(a.totalTokens)} tokens \xb7 ~$${n(a.cost)} spent \xb7 ${l.uniqueModels??0} models \xb7 ${l.uniqueProviders??0} providers \xb7 ${o(a.requests)} requests total. Powered by n9router ⚡`;case"tokenBeast":return`🦁 Token Beast Mode — ${o(a.totalTokens)} tokens consumed ${r}! Top model: ${l.topModel??"unknown"}. Powered by n9router ⚡`;case"costFlex":return`💰 AI spend ${r}: ~$${n(a.cost)} across ${o(a.requests)} requests. Powered by n9router ⚡`;case"modelHopper":return`🔀 ${l.uniqueModels??0} different models ${r}! Favorite: ${l.topModel??"unknown"} (${l.topModelPct?.toFixed(0)??0}%). Powered by n9router ⚡`;case"providerCollector":return`🌐 Routing through ${l.uniqueProviders??0} AI providers ${r}! ${o(a.requests)} requests, ${o(a.totalTokens)} tokens. Powered by n9router ⚡`;default:return`🎪 ${o(a.requests)} AI requests fired into the void ${r}. Am I an AI power user yet? Powered by n9router ⚡`}}(q,R,e);try{await navigator.clipboard.writeText(t)}catch{let e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")}catch{}document.body.removeChild(e)}k(!0),setTimeout(()=>k(!1),2e3)},[R,q,e]),F=(0,l.useCallback)(()=>{var e;let t,s,{flexType:a,style:l}=(e="auto"===n?ec("auto",q).__resolved:n,t=ex.filter(e=>e!==q),s=em.filter(t=>t!==e),{flexType:t[Math.floor(Math.random()*t.length)],style:s[Math.floor(Math.random()*s.length)]});r(a),i(l)},[q,n]),L=!!R,z=!u&&!h&&R&&0===R.totals.requests&&0===R.totals.totalTokens;return(0,a.jsxs)(o.Zp,{className:"overflow-hidden",children:[(0,a.jsxs)("button",{onClick:()=>c(e=>!e),className:"w-full flex items-center justify-between px-4 py-3 border-b border-border bg-bg-subtle/50 hover:bg-bg-subtle/80 transition-colors cursor-pointer",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"auto_awesome"}),(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Usage Flex"}),(0,a.jsx)("span",{className:"text-xs text-text-muted",children:"Share your AI stats"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[!d&&(0,a.jsxs)("span",{role:"button",onClick:e=>{e.stopPropagation(),F()},className:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium border border-border text-text-muted hover:text-text-main hover:border-text-muted transition-colors ${u?"opacity-40 pointer-events-none":""}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"shuffle"}),"Surprise Me"]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted transition-transform duration-200",style:{transform:d?"rotate(0deg)":"rotate(180deg)"},children:"expand_more"})]})]}),!d&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 px-4 py-3 border-b border-border",children:[(0,a.jsx)(w.default,{options:en,value:e,onChange:t,size:"sm"}),(0,a.jsx)(w.default,{options:ei,value:s,onChange:r,size:"sm"}),(0,a.jsx)(w.default,{options:ed,value:n,onChange:i,size:"sm"})]}),(0,a.jsx)("div",{className:"p-4",children:u?(0,a.jsx)("div",{className:"flex flex-col gap-3",children:(0,a.jsx)(o.Qv,{className:"w-full aspect-square max-w-xs mx-auto h-auto",style:{aspectRatio:"1"}})}):h?(0,a.jsxs)(o.Zp,{className:"flex flex-col items-center gap-3 p-8 text-center max-w-xs mx-auto",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-3xl text-text-muted",children:"error"}),(0,a.jsx)("p",{className:"text-text-muted text-sm",children:h}),(0,a.jsx)(o.$n,{size:"sm",icon:"refresh",onClick:()=>P(e),children:"Retry"})]}):(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsx)("div",{ref:N,className:"relative w-full",style:{maxWidth:400,aspectRatio:"1",overflow:"hidden"},children:(0,a.jsx)("div",{style:{width:1080,height:1080,transform:`scale(${S})`,transformOrigin:"top left",position:"absolute",top:0,left:0},children:(0,a.jsx)(eu,{ref:C,flexData:R,flexType:q,themeConfig:B,period:e})})})}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-center gap-2",children:[(0,a.jsxs)("button",{onClick:D,disabled:b||!L||z,className:`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all cursor-pointer
+                      ${v?"bg-red-500/10 border border-red-500/30 text-red-500":"bg-primary/10 border border-primary/30 text-primary hover:bg-primary/20"} disabled:opacity-40 disabled:cursor-not-allowed`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:b?"progress_activity":v?"error":"download"}),b?"Exporting…":v?"Export Failed":"Download PNG"]}),(0,a.jsxs)("button",{onClick:M,disabled:!L||z,className:`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all cursor-pointer
+                      ${y?"bg-green-500/10 border border-green-500/30 text-green-600 dark:text-green-400":"border border-border text-text-muted hover:text-text-main hover:border-text-muted"} disabled:opacity-40 disabled:cursor-not-allowed`,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] ${b?"animate-spin":""}`,children:y?"check_circle":"content_copy"}),y?"Copied!":"Copy Caption"]}),(0,a.jsx)("button",{onClick:()=>P(e),disabled:u,className:"inline-flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm text-text-muted hover:text-text-main border border-transparent hover:border-border transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",title:"Refresh data",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"refresh"})})]}),z&&(0,a.jsx)("p",{className:"text-center text-xs text-text-muted",children:"No usage data for this period yet — start routing requests to see your flex!"})]})})]})]})}eu.displayName="UsageFlexCard",eu.propTypes={flexData:T().object,flexType:T().string.isRequired,themeConfig:T().object,period:T().string.isRequired};let eh=[{value:"today",label:"Today"},{value:"24h",label:"24H"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"},{value:"all",label:"All"}],ef=[{value:"requests",label:"Requests"},{value:"tokens",label:"Tokens"},{value:"cost",label:"Cost"},{value:"cachedTokens",label:"Cached"}],eb=[{value:"all",label:"All"},{value:"apiKey",label:"API Key"},{value:"model",label:"Model"},{value:"provider",label:"Provider"}],eg=[{value:"day",label:"Day"},{value:"week",label:"Week"},{value:"month",label:"Month"}];function ev(){let e=(0,r.useRouter)(),t=(0,r.useSearchParams)(),[s,n]=(0,l.useState)(()=>t.get("r_period")||"7d"),[i,d]=(0,l.useState)(()=>t.get("r_metric")||"requests"),[c,x]=(0,l.useState)(()=>t.get("r_groupBy")||"all"),[m,u]=(0,l.useState)(()=>t.get("r_interval")||"day"),[p,h]=(0,l.useState)(()=>{let e=t.get("r_apiKeyIds");return e?e.split(","):[]}),[f,b]=(0,l.useState)([]),[g,v]=(0,l.useState)(null),[j,y]=(0,l.useState)(!0),[k,N]=(0,l.useState)(null),[S,T]=(0,l.useState)(!1),C=(0,l.useRef)(null);(0,l.useEffect)(()=>{fetch("/api/keys").then(e=>e.json()).then(e=>b(e.keys||[])).catch(()=>{})},[]);let $=(0,l.useCallback)(s=>{let a=new URLSearchParams(t.toString());Object.entries(s).forEach(([e,t])=>{let s=`r_${e}`;null==t||""===t||Array.isArray(t)&&0===t.length?a.delete(s):a.set(s,Array.isArray(t)?t.join(","):String(t))}),e.push(`/dashboard/usage?${a.toString()}`,{scroll:!1})},[e,t]),q=(0,l.useCallback)(async(e,t=!1)=>{C.current&&C.current.abort();let s=new AbortController;C.current=s,t?T(!0):y(!0),N(null);try{let t,a=(t=new URLSearchParams,Object.entries(e).forEach(([e,s])=>{null==s||""===s||Array.isArray(s)&&0===s.length||t.set(e,Array.isArray(s)?s.join(","):String(s))}),t.toString()),l=await fetch(`/api/usage/report?${a}`,{signal:s.signal});if(!l.ok){let e=await l.json().catch(()=>({}));throw Error(e.error||`HTTP ${l.status}`)}v(await l.json())}catch(e){"AbortError"!==e.name&&N(e.message)}finally{y(!1),T(!1)}},[]);return((0,l.useEffect)(()=>{let e={metric:i,groupBy:"all"===c?"apiKey":c,seriesBy:"all"===c?"none":c,apiKeyIds:p};if("today"===s){let t=new Date,s=new Date(t.getFullYear(),t.getMonth(),t.getDate());e.period="custom",e.startDate=s.toISOString(),e.endDate=t.toISOString(),e.interval="hour"}else e.period=s,e.interval="24h"===s?"hour":m;q(e,null!==g)},[s,i,c,m,p.join(",")]),j)?(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-5 sm:gap-4",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,a.jsx)(o.Qv,{className:"h-[72px]"},t))}),(0,a.jsx)(o.Qv,{className:"h-[280px]"}),(0,a.jsx)(o.Qv,{className:"h-[240px]"})]}):k?(0,a.jsxs)(o.Zp,{className:"flex flex-col items-center gap-3 p-8 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-3xl text-text-muted",children:"error"}),(0,a.jsx)("p",{className:"text-text-muted text-sm",children:k}),(0,a.jsx)(o.$n,{size:"sm",icon:"refresh",onClick:()=>q({period:s,metric:i,groupBy:c,apiKeyIds:p}),children:"Retry"})]}):(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-4",children:[(0,a.jsx)(ep,{}),(0,a.jsxs)("div",{className:"flex items-center gap-3 pt-2",children:[(0,a.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,a.jsx)("span",{className:"text-xs font-semibold uppercase tracking-wider text-text-muted shrink-0",children:"Detailed API Key Report"}),(0,a.jsx)("div",{className:"h-px flex-1 bg-border"})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)(w.default,{options:eh,value:s,onChange:e=>{n(e),$({period:e,metric:i,groupBy:c,interval:m})},size:"sm"}),(0,a.jsx)(w.default,{options:ef,value:i,onChange:e=>{d(e),$({period:s,metric:e,groupBy:c,interval:m})},size:"sm"}),(0,a.jsx)(w.default,{options:eb,value:c,onChange:e=>{x(e),$({period:s,metric:i,groupBy:e,interval:m})},size:"sm"}),"today"!==s&&"24h"!==s&&(0,a.jsx)(w.default,{options:eg,value:m,onChange:e=>{u(e),$({period:s,metric:i,groupBy:c,interval:e})},size:"sm"}),S&&(0,a.jsxs)("span",{className:"flex items-center gap-1 text-xs text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Updating…"]})]}),f.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium shrink-0",children:"Filter keys:"}),f.map(e=>{let t=p.includes(e.id);return(0,a.jsx)("button",{onClick:()=>{var t;let a;return t=e.id,void(h(a=p.includes(t)?p.filter(e=>e!==t):[...p,t]),$({period:s,metric:i,groupBy:c,interval:m,apiKeyIds:a}))},className:`inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs border transition-colors ${t?"bg-primary/10 border-primary/40 text-primary":"border-border text-text-muted hover:text-text-main hover:border-text-muted"}`,children:e.name},e.id)}),p.length>0&&(0,a.jsx)("button",{onClick:()=>{h([]),$({period:s,metric:i,groupBy:c,interval:m,apiKeyIds:[]})},className:"text-xs text-text-muted hover:text-text-main transition-colors",children:"Clear"})]})]}),g?.range?.source==="dailySummary"&&("24h"===s||"today"===s)&&(0,a.jsx)("p",{className:"text-xs text-text-muted px-1",children:"⚠ Hourly data unavailable for this range — showing daily aggregates."}),(0,a.jsx)(R,{totals:g?.totals}),(0,a.jsx)(ee,{report:g,metric:i,seriesBy:"all"===c?"none":c,groupBy:c}),g?.insights?.length>0&&(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:g.insights.map((e,t)=>(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs border border-border bg-bg-subtle/50 text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"cost-driver"===e.type?"trending_up":"cache-efficiency"===e.type?"memory":"insights"}),(0,a.jsx)("span",{className:"font-medium text-text-main",children:e.label}),e.text]},t))}),"all"!==c&&(0,a.jsx)(er,{breakdown:g?.breakdown,groupBy:c})]})}function ej(){return(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(o.Qv,{}),children:(0,a.jsx)(ek,{})})}let ey=["overview","details","logs","report"];function ek(){var e;let t=(0,r.useSearchParams)(),s=(0,r.useRouter)(),n=(e=t.get("tab"),ey.includes(e)?e:"overview"),[i,d]=(0,l.useState)(n);return(0,l.useEffect)(()=>{d(n)},[n]),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,a.jsx)(o.Iz,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"},{value:"logs",label:"Logs"},{value:"report",label:"Reports"}],value:i,onChange:e=>{if(e===i)return;d(e);let a=new URLSearchParams(t);a.set("tab",e),s.push(`/dashboard/usage?${a.toString()}`,{scroll:!1})},className:"w-full sm:w-auto"}),"overview"===i&&(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(o.Qv,{}),children:(0,a.jsx)(o.jK,{})}),"details"===i&&(0,a.jsx)(N,{}),"logs"===i&&(0,a.jsx)(o.gM,{}),"report"===i&&(0,a.jsx)(ev,{})]})}}},e=>{e.O(0,[2574,3862,128,6185,1321,705,5497,8441,3794,7358],()=>e(e.s=49480)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/layout-9e8819851f57b3cb.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9305],{51821:(e,s,n)=>{Promise.resolve().then(n.bind(n,96748)),Promise.resolve().then(n.bind(n,56319)),Promise.resolve().then(n.bind(n,56061)),Promise.resolve().then(n.bind(n,92542)),Promise.resolve().then(n.bind(n,29366)),Promise.resolve().then(n.bind(n,84588)),Promise.resolve().then(n.bind(n,40197)),Promise.resolve().then(n.bind(n,45455)),Promise.resolve().then(n.bind(n,30815)),Promise.resolve().then(n.bind(n,73579)),Promise.resolve().then(n.bind(n,92173)),Promise.resolve().then(n.bind(n,95088)),Promise.resolve().then(n.bind(n,24747)),Promise.resolve().then(n.bind(n,80752)),Promise.resolve().then(n.bind(n,23936)),Promise.resolve().then(n.bind(n,11910)),Promise.resolve().then(n.bind(n,61500)),Promise.resolve().then(n.bind(n,62899)),Promise.resolve().then(n.bind(n,94230)),Promise.resolve().then(n.bind(n,21931)),Promise.resolve().then(n.bind(n,91450)),Promise.resolve().then(n.bind(n,7648)),Promise.resolve().then(n.bind(n,25086)),Promise.resolve().then(n.bind(n,28815)),Promise.resolve().then(n.bind(n,28058)),Promise.resolve().then(n.bind(n,81127)),Promise.resolve().then(n.bind(n,72908)),Promise.resolve().then(n.bind(n,36548)),Promise.resolve().then(n.bind(n,4823)),Promise.resolve().then(n.bind(n,90882)),Promise.resolve().then(n.bind(n,51825)),Promise.resolve().then(n.bind(n,23615)),Promise.resolve().then(n.bind(n,28067)),Promise.resolve().then(n.bind(n,98)),Promise.resolve().then(n.bind(n,92622)),Promise.resolve().then(n.bind(n,21110)),Promise.resolve().then(n.bind(n,38587)),Promise.resolve().then(n.bind(n,98542)),Promise.resolve().then(n.bind(n,97677)),Promise.resolve().then(n.bind(n,4809))}},e=>{e.O(0,[2574,3862,128,1321,705,5497,8441,3794,7358],()=>e(e.s=51821)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/_global-error/page-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-app/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-app-v2/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-ide/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-targets/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-tools/import/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/antigravity-tools/import-refresh-tokens/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/auth/login/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/api/auth/logout/route-270635328efa0901.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,501,513,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1644,1666,1674,1697,1704,1860,1898,1907,1910,1946,1949,2121,2198,2284,2296,2499,2536,2560,2772,2785,2797,2919,2922,3025,3038,3079,3323,3397,3472,3519,3549,3562,3568,3883,3888,4010,4061,4245,4286,4346,4422,4444,4612,4648,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,5968,6091,6107,6121,6215,6268,6319,6478,6479,6529,6580,6594,6740,6743,6819,6919,6934,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7758,7824,7851,8026,8167,8207,8246,8264,8453,8489,8573,8648,8736,8791,8814,8835,8870,8948,8974,8975,9027,9036,9056,9069,9088,9141,9194,9199,9321,9369,9461,9595,9678,9709,9884],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);