vansrouter 0.8.2 → 0.8.3

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/providers/[id]/page-794575f7237c2fd7.js

@@ -1,10 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2134],{1863:(e,t,a)=>{"use strict";function s(e,t){return!1===e?"default":"active"===t||"success"===t?"success":"error"===t||"expired"===t||"unavailable"===t?"error":"default"}a.d(t,{g:()=>s})},5399:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>D});var s=a(5102),l=a(2030),i=a(3278),o=a(3885),r=a.n(o),n=a(7837),d=a(497),c=a(1038),m=a(5223),p=a(1577),x=a(5737),u=a(264);let h=new Map;async function f(e){if(!e?.url||!e?.type)return[];let t=h.get(e.url);if(t&&Date.now()<t.expiresAt)return t.data;try{let t=new URLSearchParams({url:e.url,type:e.type}),a=await fetch(`/api/providers/suggested-models?${t}`);if(!a.ok)return[];let s=(await a.json()).data??[];return h.set(e.url,{data:s,expiresAt:Date.now()+6e5}),s}catch{return[]}}function y({customModels:e=[],modelAliases:t={},providerAlias:a,builtInModels:s=[],type:l="llm",includeLegacyAliases:i=!0}){let o=new Set(s.map(e=>e.id)),r=new Set,n=[];for(let t of e){if(!t?.id||t.providerAlias!==a)continue;let e=t?.kind||t?.type||"llm";if(l&&e!==l||o.has(t.id))continue;let s=`${a}/${t.id}`;r.has(s)||(r.add(s),n.push({id:t.id,name:t.name||t.id,fullModel:s,source:"custom",type:e}))}if(!i)return n;let d=`${a}/`;for(let[e,a]of Object.entries(t||{})){if("string"!=typeof a||!a.startsWith(d))continue;let t=a.slice(d.length);!t||o.has(t)||r.has(a)||(r.add(a),n.push({id:t,alias:e,fullModel:a,source:"legacyAlias",type:l||"llm"}))}return n}function g({model:e,fullModel:t,alias:a,copied:l,onCopy:i,testStatus:o,isCustom:r,isFree:n,onDeleteAlias:c,onTest:m,isTesting:p,onDisable:x,caps:u}){let h="ok"===o?"#22c55e":"error"===o?"#ef4444":void 0;return(0,s.jsx)("div",{className:`group min-w-0 max-w-full rounded-lg border px-3 py-2 ${"ok"===o?"border-green-500/40":"error"===o?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,s.jsxs)("div",{className:"flex min-w-0 items-start gap-2 sm:items-center",children:[(0,s.jsx)("span",{className:"material-symbols-outlined shrink-0 text-base",style:h?{color:h}:void 0,children:"ok"===o?"check_circle":"error"===o?"cancel":"smart_toy"}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[(0,s.jsx)("code",{className:"max-w-[72vw] truncate rounded bg-sidebar px-1.5 py-0.5 font-mono text-xs text-text-muted sm:max-w-[360px]",children:t}),(0,s.jsxs)("span",{className:"flex min-w-0 items-center text-[9px] gap-1 pl-1",children:[e.name&&(0,s.jsx)("span",{className:"truncate text-[9px] italic text-text-muted/70",children:e.name}),(0,s.jsx)(d.CapacityBadges,{caps:u,colorOverride:"text-text-muted/70",size:12})]})]}),m&&(0,s.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,s.jsx)("button",{onClick:m,disabled:p,className:`rounded p-0.5 text-text-muted transition-opacity hover:bg-sidebar hover:text-primary ${p?"opacity-100":"opacity-100 sm:opacity-0 sm:group-hover:opacity-100"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",style:p?{animation:"spin 1s linear infinite"}:void 0,children:p?"progress_activity":"science"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:p?"Testing...":"Test"})]}),(0,s.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,s.jsx)("button",{onClick:()=>i(t,`model-${e.id}`),className:"rounded p-0.5 text-text-muted hover:bg-sidebar hover:text-primary",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:l===`model-${e.id}`?"check":"content_copy"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:l===`model-${e.id}`?"Copied!":"Copy"})]}),r?(0,s.jsx)("button",{onClick:c,className:"ml-auto rounded p-0.5 text-text-muted opacity-100 transition-opacity hover:bg-red-500/10 hover:text-red-500 sm:opacity-0 sm:group-hover:opacity-100",title:"Remove custom model",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})}):x?(0,s.jsx)("button",{onClick:x,className:"ml-auto rounded p-0.5 text-text-muted opacity-100 transition-opacity hover:bg-red-500/10 hover:text-red-500 sm:opacity-0 sm:group-hover:opacity-100",title:"Disable this model",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})}):null]})})}function b({modelId:e,fullModel:t,copied:a,onCopy:l,onDeleteAlias:i,onTest:o,testStatus:r,isTesting:n}){let d="ok"===r?"#22c55e":"error"===r?"#ef4444":void 0;return(0,s.jsxs)("div",{className:`flex items-center gap-3 p-3 rounded-lg border ${"ok"===r?"border-green-500/40":"error"===r?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",style:d?{color:d}:void 0,children:"ok"===r?"check_circle":"error"===r?"cancel":"smart_toy"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium truncate",children:e}),(0,s.jsxs)("div",{className:"flex items-center gap-1 mt-1",children:[(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:t}),(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:()=>l(t,`model-${e}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:a===`model-${e}`?"check":"content_copy"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:a===`model-${e}`?"Copied!":"Copy"})]}),o&&(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:o,disabled:n,className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",style:n?{animation:"spin 1s linear infinite"}:void 0,children:n?"progress_activity":"science"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:n?"Testing...":"Test"})]})]})]}),(0,s.jsx)("button",{onClick:i,className:"p-1 hover:bg-red-50 rounded text-red-500",title:"Remove model",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"delete"})})]})}function v({providerStorageAlias:e,providerDisplayAlias:t,modelAliases:a,customModels:i,copied:o,onCopy:r,onDeleteAlias:n,onAddCustomModel:c,onDeleteCustomModel:m,connections:p,isAnthropic:x}){let[u,h]=(0,l.useState)(""),[f,g]=(0,l.useState)(!1),[j,w]=(0,l.useState)(!1),[N,k]=(0,l.useState)(null),[C,S]=(0,l.useState)({}),A=async t=>{if(!N){k(t);try{let a=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${e}/${t}`})}),s=await a.json();S(e=>({...e,[t]:s.ok?"ok":"error"}))}catch{S(e=>({...e,[t]:"error"}))}finally{k(null)}}},T=y({customModels:i,modelAliases:a,providerAlias:e,type:"llm"}),$=async()=>{if(!u.trim()||f)return;let e=u.trim();if(T.some(t=>t.id===e))return void alert("Model already exists for this provider.");g(!0);try{await c(e),h("")}catch(e){console.log("Error adding model:",e)}finally{g(!1)}},E=async()=>{if(j)return;let e=p.find(e=>!1!==e.isActive);if(e){w(!0);try{let t=await fetch(`/api/providers/${e.id}/models`),a=await t.json();if(!t.ok)return void alert(a.error||"Failed to import models");let s=a.models||[];if(0===s.length)return void alert("No models returned from /models.");let l=0;for(let e of s){let t=e.id||e.name||e.model;t&&(T.some(e=>e.id===t)||(await c(t),l+=1))}0===l&&alert("No new models were added.")}catch(e){console.log("Error importing models:",e)}finally{w(!1)}}},I=p.some(e=>!1!==e.isActive);return(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("p",{className:"text-sm text-text-muted",children:["Add ",x?"Anthropic":"OpenAI","-compatible models manually or import them from the /models endpoint."]}),(0,s.jsxs)("div",{className:"flex items-end gap-2 flex-wrap",children:[(0,s.jsxs)("div",{className:"flex-1 min-w-[240px]",children:[(0,s.jsx)("label",{htmlFor:"new-compatible-model-input",className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,s.jsx)("input",{id:"new-compatible-model-input",type:"text",value:u,onChange:e=>h(e.target.value),onKeyDown:e=>"Enter"===e.key&&$(),placeholder:x?"claude-3-opus-20240229":"gpt-4o",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})]}),(0,s.jsx)(d.Button,{size:"sm",icon:"add",onClick:$,disabled:!u.trim()||f,children:f?"Adding...":"Add"}),(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"download",onClick:E,disabled:!I||j,children:j?"Importing...":"Import from /models"})]}),!I&&(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Add a connection to enable importing models."}),T.length>0&&(0,s.jsx)("div",{className:"flex flex-col gap-3",children:T.map(({id:a,alias:l,source:i})=>(0,s.jsx)(b,{modelId:a,fullModel:`${t}/${a}`,copied:o,onCopy:r,onDeleteAlias:()=>"custom"===i?m(a):n(l),onTest:p.length>0?()=>A(a):void 0,testStatus:C[a],isTesting:N===a},`${i}-${e}/${a}`))})]})}var j=a(1863);function w({until:e}){let[t,a]=(0,l.useState)("");return((0,l.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void a("");let s=Math.floor(t/1e3);if(s<60)a(`${s}s`);else if(s<3600)a(`${Math.floor(s/60)}m ${s%60}s`);else{let e=Math.floor(s/3600),t=Math.floor(s%3600/60);a(`${e}h ${t}m`)}};t();let s=setInterval(t,1e3);return()=>clearInterval(s)},[e]),t)?(0,s.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}function N({connection:e,proxyPools:t,isOAuth:a,isFirst:i,isLast:o,onMoveUp:r,onMoveDown:n,onToggleActive:c,onUpdateProxy:m,onEdit:p,onDelete:x,oneByOneStatus:u=null,autoPing:h=null}){let[f,y]=(0,l.useState)(!1),[g,b]=(0,l.useState)(!1),v=(0,l.useRef)(null),k=new Map((t||[]).map(e=>[e.id,e])),C=e.providerSpecificData?.proxyPoolId||null,S=C?k.get(C):null,A=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,T=!!C||A,$=S?`Pool: ${S.name}`:C?`Pool: ${C} (inactive/missing)`:A?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",E="";if(S?.proxyUrl||e.providerSpecificData?.connectionProxyUrl){let t=S?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;try{let e=new URL(t);E=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{E=t}}let I=S?.noProxy||e.providerSpecificData?.connectionNoProxy||"",O="default";S?.isActive===!0?O="success":(C||A)&&(O="error"),(0,l.useEffect)(()=>{if(!f)return;let e=e=>{v.current&&!v.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[f]);let P=async e=>{b(!0);try{await m("__none__"===e?null:e)}finally{b(!1),y(!1)}},D=e.authType||(a?"oauth":"apikey"),_="oauth"===D,U="cookie"===D,z=e.name?.trim()||e.email?.trim()||e.displayName?.trim()||(_?"OAuth Account":U?"Cookie Account":"API Key"),B=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,[M,R]=(0,l.useState)(!1),K=Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>!!e).sort()[0]||null;(0,l.useEffect)(()=>{let t=()=>{R(!!Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>e&&new Date(e).getTime()>Date.now()).sort()[0])};t();let a=K?setInterval(t,1e3):null;return()=>{a&&clearInterval(a)}},[K]);let L="unavailable"!==e.testStatus||M?e.testStatus:"active",J=()=>u?"queued"===u.state?"queued":"testing"===u.state?"testing":"success"===u.state?"success":"failed"===u.state?u.error?`failed: ${u.error}`:"failed":null:null;return(0,s.jsxs)("div",{className:`group flex min-w-0 flex-col gap-3 rounded-lg p-2 transition-colors hover:bg-black/[0.02] dark:hover:bg-white/[0.02] sm:flex-row sm:items-center sm:justify-between ${!1===e.isActive?"opacity-60":""}`,children:[(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 items-start gap-2 sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{className:"flex shrink-0 flex-col",children:[(0,s.jsx)("button",{onClick:r,disabled:i,className:`p-0.5 rounded ${i?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,s.jsx)("button",{onClick:n,disabled:o,className:`p-0.5 rounded ${o?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,s.jsx)("span",{className:"material-symbols-outlined shrink-0 text-base text-text-muted",children:U?"cookie":_?"lock":"key"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium truncate",children:z}),B&&(0,s.jsx)("p",{className:"text-xs text-text-muted truncate",children:B}),(0,s.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1.5 sm:gap-2",children:[(0,s.jsx)(d.Badge,{variant:(0,j.g)(e.isActive,L),size:"sm",dot:!0,children:!1===e.isActive?"disabled":L||"Unknown"}),(0,s.jsx)(d.Badge,{variant:"default",size:"sm",children:_?"OAuth":U?"Cookie":"API Key"}),T&&(0,s.jsx)(d.Badge,{variant:O,size:"sm",children:"Proxy"}),M&&!1!==e.isActive&&(0,s.jsx)(w,{until:K}),e.lastError&&!1!==e.isActive&&(0,s.jsx)("span",{className:"max-w-full truncate text-xs text-red-500 sm:max-w-[300px]",title:e.lastError,children:e.lastError}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]}),e.globalPriority&&(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["Auto: ",e.globalPriority]}),J()&&(0,s.jsx)(d.Badge,{variant:u?"success"===u.state?"success":"failed"===u.state?"error":"testing"===u.state?"primary":"default":"default",size:"sm",children:J()})]}),T&&(0,s.jsxs)("div",{className:"mt-1 flex items-center gap-2 flex-wrap",children:[(0,s.jsx)("span",{className:"max-w-full truncate text-[11px] text-text-muted sm:max-w-[420px]",title:$,children:$}),E&&(0,s.jsx)("code",{className:"max-w-full truncate rounded bg-black/5 px-1 py-0.5 font-mono text-[10px] text-text-muted dark:bg-white/5 sm:max-w-[260px]",children:E}),I&&(0,s.jsxs)("span",{className:"max-w-full truncate text-[11px] text-text-muted sm:max-w-[320px]",title:I,children:["no_proxy: ",I]})]})]})]}),(0,s.jsxs)("div",{className:"flex w-full items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,s.jsxs)("div",{className:"grid flex-1 grid-cols-3 gap-1 sm:flex sm:flex-none",children:[(t||[]).length>0&&(0,s.jsxs)("div",{className:"relative",ref:v,children:[(0,s.jsxs)("button",{onClick:()=>y(e=>!e),className:`flex w-full flex-col items-center rounded px-2 py-1 transition-colors hover:bg-black/5 dark:hover:bg-white/5 ${T?"text-primary":"text-text-muted hover:text-primary"}`,disabled:g,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:g?"progress_activity":"lan"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),f&&(0,s.jsxs)("div",{className:"absolute right-0 top-full z-50 mt-1 max-w-[78vw] min-w-[160px] rounded-lg border border-border bg-bg py-1 shadow-lg",children:[(0,s.jsx)("button",{onClick:()=>P("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!C?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,s.jsx)("button",{onClick:()=>P(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${C===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),h&&(0,s.jsx)(d.Tooltip,{text:"When your 5h quota runs out, auto-sends a request the moment it resets so a new window starts right away.",children:(0,s.jsxs)("button",{onClick:()=>h.onToggle(!h.on),className:`flex w-full flex-col items-center rounded px-2 py-1 transition-colors hover:bg-black/5 dark:hover:bg-white/5 ${h.on?"text-primary":"text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"bolt"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Auto-ping"})]})}),(0,s.jsxs)("button",{onClick:p,className:"flex flex-col items-center rounded px-2 py-1 text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,s.jsxs)("button",{onClick:x,className:"flex flex-col items-center rounded px-2 py-1 text-red-500 hover:bg-red-500/10",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,s.jsx)(d.Toggle,{size:"sm",checked:e.isActive??!0,onChange:c,title:e.isActive??!0?"Disable connection":"Enable connection"})]})]})}let k=`name1|sk-key1
-name2|sk-key2
-sk-key-only-auto-named`;function C({cloudflareData:e,setCloudflareData:t}){return(0,s.jsxs)("div",{className:"bg-sidebar/50 p-4 rounded-lg border border-accent/20",children:[(0,s.jsx)("h3",{className:"font-semibold mb-3 text-sm",children:"Cloudflare Workers AI"}),(0,s.jsx)(d.Input,{label:"Account ID",value:e.accountId,onChange:a=>t({...e,accountId:a.target.value}),placeholder:"abc123def456..."}),(0,s.jsxs)("p",{className:"text-xs text-text-muted mt-2",children:["Find your Account ID in the right sidebar of ",(0,s.jsx)("a",{href:"https://dash.cloudflare.com",target:"_blank",rel:"noopener noreferrer",className:"text-primary underline",children:"dash.cloudflare.com"})]})]})}function S({azureData:e,setAzureData:t}){return(0,s.jsxs)("div",{className:"bg-sidebar/50 p-4 rounded-lg border border-accent/20",children:[(0,s.jsx)("h3",{className:"font-semibold mb-3 text-sm",children:"Azure OpenAI Configuration"}),(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)(d.Input,{label:"Azure Endpoint",value:e.azureEndpoint,onChange:a=>t({...e,azureEndpoint:a.target.value}),placeholder:"https://your-resource.openai.azure.com"}),(0,s.jsx)(d.Input,{label:"Deployment Name",value:e.deployment,onChange:a=>t({...e,deployment:a.target.value}),placeholder:"gpt-4"}),(0,s.jsx)(d.Input,{label:"API Version",value:e.apiVersion,onChange:a=>t({...e,apiVersion:a.target.value}),placeholder:"2024-10-01-preview"}),(0,s.jsx)(d.Input,{label:"Organization",value:e.organization,onChange:a=>t({...e,organization:a.target.value}),placeholder:"Organization ID"})]})]})}function A({isOpen:e,provider:t,providerName:a,isCompatible:i,isAnthropic:o,authType:r,authHint:n,website:m,proxyPools:p,error:x,onSave:u,onBulkDone:h,onClose:f}){let y="__none__",g="ollama-local"===t,b="cookie"===r,v="xai"===t&&!b,j=b?"Cookie Value":"API Key",w="azure"===t,N="cloudflare-ai"===t,T=c.Q2?.[t]?.regions||null,$=c.Q2?.[t]?.defaultRegion||T?.[0]?.id||"",[E,I]=(0,l.useState)({name:"",apiKey:"",defaultModel:"",priority:1,proxyPoolId:y,ollamaHostUrl:""}),[O,P]=(0,l.useState)({azureEndpoint:"",apiVersion:"2024-10-01-preview",deployment:"",organization:""}),[D,_]=(0,l.useState)({accountId:""}),[U,z]=(0,l.useState)($),[B,M]=(0,l.useState)(!1),[R,K]=(0,l.useState)(null),[L,J]=(0,l.useState)(!1),[F,W]=(0,l.useState)("single"),[q,V]=(0,l.useState)(""),[H,G]=(0,l.useState)(null),Q=()=>g&&E.ollamaHostUrl.trim()?{baseUrl:E.ollamaHostUrl.trim()}:w?{azureEndpoint:O.azureEndpoint,apiVersion:O.apiVersion,deployment:O.deployment,organization:O.organization}:N?{accountId:D.accountId}:T&&U?{region:U}:void 0,X=async()=>{M(!0);try{let e=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:E.apiKey,providerSpecificData:Q()})}),a=await e.json();K(a.valid?"success":"failed")}catch{K("failed")}finally{M(!1)}},Y=async()=>{if(t&&(g||E.apiKey)&&(g||E.name)&&(!i||E.defaultModel.trim())){J(!0);try{let e=!1;try{M(!0),K(null);let a=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:E.apiKey,providerSpecificData:Q()})});e=!!(await a.json()).valid,K(e?"success":"failed")}catch{K("failed")}finally{M(!1)}await u({name:E.name||(g?"Ollama Local":""),apiKey:E.apiKey,defaultModel:i?E.defaultModel.trim():void 0,priority:E.priority,proxyPoolId:E.proxyPoolId===y?null:E.proxyPoolId,testStatus:e?"active":"unknown",providerSpecificData:Q()})}finally{J(!1)}}},Z=async()=>{let e=q.split("\n").flatMap(e=>{let t=e.trim();return t?[t]:[]});if(!e.length)return;J(!0),G(null);let a=await Promise.all(e.map(async(e,a)=>{let s=e.split("|"),l=s.length>=2?s.slice(1).join("|").trim():s[0].trim(),i=s.length>=2?s[0].trim():"Key",o=`${i} ${a+1}`;try{let e=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:l,name:o,priority:1,testStatus:"unknown"})}),a=await e.json();return e.ok&&a.connection?.id&&fetch(`/api/providers/${a.connection.id}/test`,{method:"POST"}).catch(()=>{}),e.ok?"ok":"fail"}catch{return"fail"}})),s=a.filter(e=>"ok"===e).length,l=a.filter(e=>"fail"===e).length;J(!1),G({success:s,failed:l}),s>0&&h&&h()};return t?(0,s.jsx)(d.Modal,{isOpen:e,title:`Add ${a||t} ${j}`,onClose:f,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Button,{size:"sm",variant:"single"===F?"primary":"ghost",onClick:()=>{W("single"),G(null)},children:"Single"}),(0,s.jsx)(d.Button,{size:"sm",variant:"bulk"===F?"primary":"ghost",onClick:()=>{W("bulk"),G(null)},children:"Bulk Add"})]}),"bulk"===F&&(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("p",{className:"text-xs text-text-muted",children:["One key per line. Format: ",(0,s.jsx)("code",{children:"name|apiKey"})," or just ",(0,s.jsx)("code",{children:"apiKey"})," (auto-named by index)."]}),(0,s.jsx)("textarea",{className:"w-full rounded border border-accent/30 bg-sidebar p-2 text-sm font-mono resize-y min-h-[140px] focus:outline-none focus:ring-1 focus:ring-primary",placeholder:k,value:q,onChange:e=>V(e.target.value),"aria-label":"Bulk API keys"}),H&&(0,s.jsxs)("div",{className:`text-sm font-medium ${H.failed>0?"text-yellow-400":"text-green-400"}`,children:["✓ ",H.success," added",H.failed>0?`, ✗ ${H.failed} failed`:""]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Button,{onClick:Z,fullWidth:!0,disabled:L||!q.trim(),children:L?"Adding...":"Add All Keys"}),(0,s.jsx)(d.Button,{onClick:f,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),"single"===F&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.Input,{label:"Name",value:E.name,onChange:e=>I({...E,name:e.target.value}),placeholder:g?"Ollama Local":"Production Key"}),g&&(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Input,{label:"Ollama Host URL",value:E.ollamaHostUrl,onChange:e=>I({...E,ollamaHostUrl:e.target.value}),placeholder:"http://localhost:11434",className:"flex-1"}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(d.Button,{onClick:X,disabled:B||L,variant:"secondary",children:B?"Checking...":"Check"})})]}),!g&&(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Input,{label:j,type:b?"text":"password",value:E.apiKey,onChange:e=>I({...E,apiKey:e.target.value}),placeholder:b?"grok-web"===t?"sso=xxxxx... or just the raw value":"eyJhbGciOi...":v?"xai-...":"",className:"flex-1"}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(d.Button,{onClick:X,disabled:!E.apiKey||B||L,variant:"secondary",children:B?"Checking...":"Check"})})]}),v&&(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Use a direct xAI API key from console.x.ai. This is separate from Grok Build OAuth."}),b&&n&&(0,s.jsxs)("p",{className:"text-xs text-text-muted",children:[n,m&&(0,s.jsxs)(s.Fragment,{children:[" ",(0,s.jsxs)("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:"text-primary underline",children:["Open ",m.replace(/^https?:\/\//,"")]})]})]}),T&&(0,s.jsx)(d.Select,{label:"Region",value:U,onChange:e=>z(e.target.value),options:T.map(e=>({value:e.id,label:e.label}))}),i&&(0,s.jsx)(d.Input,{label:"Default Model",value:E.defaultModel,onChange:e=>I({...E,defaultModel:e.target.value}),placeholder:o?"claude-3-5-sonnet-latest":"gpt-4o-mini"}),g&&(0,s.jsxs)("p",{className:"text-xs text-text-muted",children:["Leave blank to use ",(0,s.jsx)("code",{children:"http://localhost:11434"}),". For remote Ollama, enter the full host URL (e.g. ",(0,s.jsx)("code",{children:"http://192.168.1.10:11434"}),")."]}),R&&(0,s.jsx)(d.Badge,{variant:"success"===R?"success":"error",children:"success"===R?"Valid":"Invalid"}),x&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:x}),i&&(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Enter the model ID exactly as your compatible endpoint expects it. This model will be saved as the connection default."}),N&&(0,s.jsx)(C,{cloudflareData:D,setCloudflareData:_}),w&&(0,s.jsx)(S,{azureData:O,setAzureData:P}),(0,s.jsx)(d.Input,{label:"Priority",type:"number",value:E.priority,onChange:e=>I({...E,priority:Number.parseInt(e.target.value)||1})}),(0,s.jsx)(d.Select,{label:"Proxy Pool",value:E.proxyPoolId,onChange:e=>I({...E,proxyPoolId:e.target.value}),options:[{value:y,label:"None"},...(p||[]).map(e=>({value:e.id,label:e.name}))],placeholder:"None"}),0===(p||[]).length&&(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"No active proxy pools available. Create one in Proxy Pools page first."}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Legacy manual proxy fields are still accepted by API for backward compatibility."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Button,{onClick:Y,fullWidth:!0,disabled:L||!g&&(!E.name||!E.apiKey)||i&&!E.defaultModel.trim()||w&&(!O.azureEndpoint||!O.deployment||!O.organization)||N&&!D.accountId,children:L?"Saving...":"Save"}),(0,s.jsx)(d.Button,{onClick:f,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})]})}):null}let T=[{value:"chat",label:"Chat Completions"},{value:"responses",label:"Responses API"}];function $({isOpen:e,node:t,onSave:a,onClose:i,isAnthropic:o}){let[r,n]=(0,l.useState)(()=>({name:t?.name||"",prefix:t?.prefix||"",apiType:t?.apiType||"chat",baseUrl:t?.baseUrl||(o?"https://api.anthropic.com/v1":"https://api.openai.com/v1")})),[c,m]=(0,l.useState)(!1),[p,x]=(0,l.useState)(""),[u,h]=(0,l.useState)(""),[f,y]=(0,l.useState)(!1),[g,b]=(0,l.useState)(null),[v,j]=(0,l.useState)(t);t!==v&&(j(t),t&&n({name:t.name||"",prefix:t.prefix||"",apiType:t.apiType||"chat",baseUrl:t.baseUrl||(o?"https://api.anthropic.com/v1":"https://api.openai.com/v1")}));let w=async()=>{if(r.name.trim()&&r.prefix.trim()&&r.baseUrl.trim()){m(!0);try{let e={name:r.name,prefix:r.prefix,baseUrl:r.baseUrl};o||(e.apiType=r.apiType),await a(e)}finally{m(!1)}}},N=async()=>{y(!0);try{let e=await fetch("/api/provider-nodes/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({baseUrl:r.baseUrl,apiKey:p,type:o?"anthropic-compatible":"openai-compatible",modelId:u.trim()||void 0})}),t=await e.json();b(t.valid?"success":"failed")}catch{b("failed")}finally{y(!1)}};return t?(0,s.jsx)(d.Modal,{isOpen:e,title:`Edit ${o?"Anthropic":"OpenAI"} Compatible`,onClose:i,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(d.Input,{label:"Name",value:r.name,onChange:e=>n({...r,name:e.target.value}),placeholder:`${o?"Anthropic":"OpenAI"} Compatible (Prod)`,hint:"Required. A friendly label for this node."}),(0,s.jsx)(d.Input,{label:"Prefix",value:r.prefix,onChange:e=>n({...r,prefix:e.target.value}),placeholder:o?"ac-prod":"oc-prod",hint:"Required. Used as the provider prefix for model IDs."}),!o&&(0,s.jsx)(d.Select,{label:"API Type",options:T,value:r.apiType,onChange:e=>n({...r,apiType:e.target.value})}),(0,s.jsx)(d.Input,{label:"Base URL",value:r.baseUrl,onChange:e=>n({...r,baseUrl:e.target.value}),placeholder:o?"https://api.anthropic.com/v1":"https://api.openai.com/v1",hint:`Use the base URL (ending in /v1) for your ${o?"Anthropic":"OpenAI"}-compatible API.`}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Input,{label:"API Key (for Check)",type:"password",value:p,onChange:e=>x(e.target.value),className:"flex-1"}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(d.Button,{onClick:N,disabled:!p||f||!r.baseUrl.trim(),variant:"secondary",children:f?"Checking...":"Check"})})]}),(0,s.jsx)(d.Input,{label:"Model ID (optional)",value:u,onChange:e=>h(e.target.value),placeholder:"e.g. my-model-id",hint:"If provider lacks /models endpoint, enter a model ID to validate via chat/completions instead."}),g&&(0,s.jsx)(d.Badge,{variant:"success"===g?"success":"error",children:"success"===g?"Valid":"Invalid"}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Button,{onClick:w,fullWidth:!0,disabled:!r.name.trim()||!r.prefix.trim()||!r.baseUrl.trim()||c,children:c?"Saving...":"Save"}),(0,s.jsx)(d.Button,{onClick:i,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function E(e,t){switch(t.type){case"RESET":return{modelId:"",testStatus:null,testError:"",saving:!1};case"SET_MODEL":return{...e,modelId:t.value,testStatus:null,testError:""};case"TEST_START":return{...e,testStatus:"testing",testError:""};case"TEST_RESULT":return{...e,testStatus:t.ok?"ok":"error",testError:t.error||""};case"SAVE_START":return{...e,saving:!0};case"SAVE_DONE":return{...e,saving:!1};default:return e}}function I({isOpen:e,providerAlias:t,providerDisplayAlias:a,onSave:i,onClose:o}){let[r,n]=(0,l.useReducer)(E,{modelId:"",testStatus:null,testError:"",saving:!1}),{modelId:c,testStatus:m,testError:p,saving:x}=r,[u,h]=(0,l.useState)(!1);e&&!u?(h(!0),n({type:"RESET"})):!e&&u&&h(!1);let f=e=>{let a=`${t}/`;return e.startsWith(a)?e.slice(a.length):e},y=async()=>{let e=f(c.trim());if(e){n({type:"TEST_START"});try{let a=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${t}/${e}`})}),s=await a.json();n({type:"TEST_RESULT",ok:s.ok,error:s.error})}catch(e){n({type:"TEST_RESULT",ok:!1,error:e.message})}}},g=async()=>{let e=f(c.trim());if(e&&!x){n({type:"SAVE_START"});try{await i(e)}finally{n({type:"SAVE_DONE"})}}};return(0,s.jsx)(d.Modal,{isOpen:e,onClose:o,title:"Add Custom Model",children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"add-custom-model-id",className:"text-sm font-medium mb-1.5 block",children:"Model ID"}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("input",{id:"add-custom-model-id",type:"text",value:c,onChange:e=>n({type:"SET_MODEL",value:e.target.value}),onKeyDown:e=>{"Enter"===e.key&&y()},placeholder:"e.g. claude-opus-4-5",className:"flex-1 px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),(0,s.jsx)(d.Button,{variant:"secondary",icon:"science",loading:"testing"===m,onClick:y,disabled:!c.trim()||"testing"===m,children:"testing"===m?"Testing...":"Test"})]}),(0,s.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:["Sent to provider as: ",(0,s.jsx)("code",{className:"font-mono bg-sidebar px-1 rounded",children:f(c.trim())||"model-id"})]})]}),"ok"===m&&(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm text-green-600",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-base",children:"check_circle"}),"Model is reachable"]}),"error"===m&&(0,s.jsxs)("div",{className:"flex items-start gap-2 text-sm text-red-500",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-base shrink-0",children:"cancel"}),(0,s.jsx)("span",{children:p||"Model not reachable"})]}),(0,s.jsxs)("div",{className:"flex gap-2 pt-1",children:[(0,s.jsx)(d.Button,{onClick:o,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),(0,s.jsx)(d.Button,{onClick:g,fullWidth:!0,size:"sm",disabled:!c.trim()||x,children:x?"Adding...":"Add Model"})]})]})})}let O=`[
-  {
-    "accessToken": "eyJhbGc...",
-    "refreshToken": "rt_...",
-    "idToken": "eyJhbGc...",
-    "email": "user@example.com"
-  }
-]`;function P({isOpen:e,onClose:t,onSuccess:a}){let[i,o]=(0,l.useState)(""),[r,n]=(0,l.useState)(!1),[c,m]=(0,l.useState)(""),[p,x]=(0,l.useState)(null),h=()=>{r||(o(""),m(""),x(null),t())},f=async()=>{var e;let t;m(""),x(null);let s=i.trim();if(!s)return;try{t=JSON.parse(s)}catch(e){m(`${(0,u.Tl)("Invalid JSON")}: ${e.message}`);return}let l=Array.isArray(e=t)?e:e&&"object"==typeof e?Array.isArray(e.accounts)?e.accounts:[e]:null;if(!l||0===l.length)return void m((0,u.Tl)("No accounts found in input"));n(!0);try{let e=await fetch("/api/oauth/codex/bulk-import",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({accounts:l})}),t=await e.json();if(!e.ok)return void m(t?.error||`Request failed: ${e.status}`);x(t),t.success>0&&"function"==typeof a&&a()}catch(e){m(e.message||(0,u.Tl)("Request failed"))}finally{n(!1)}},y=p?.results?.filter(e=>!e.ok)||[];return(0,s.jsx)(d.Modal,{isOpen:e,title:(0,u.Tl)("Bulk Add Codex Accounts"),onClose:h,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("p",{className:"text-xs text-text-muted",children:(0,u.Tl)("Paste an array of codex account JSON objects. Each must include accessToken (and ideally refreshToken, idToken).")}),(0,s.jsx)("textarea",{className:"w-full rounded border border-accent/30 bg-sidebar p-2 text-sm font-mono resize-y min-h-[240px] focus:outline-none focus:ring-1 focus:ring-primary",placeholder:O,value:i,onChange:e=>o(e.target.value),disabled:r}),c&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:c}),p&&(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:`text-sm font-medium ${p.failed>0?"text-yellow-400":"text-green-400"}`,children:["✓ ",p.success," ",(0,u.Tl)("added"),p.failed>0?`, ✗ ${p.failed} ${(0,u.Tl)("failed")}`:""]}),y.length>0&&(0,s.jsx)("ul",{className:"rounded border border-accent/20 bg-sidebar/50 p-2 text-xs font-mono max-h-40 overflow-y-auto",children:y.map(e=>(0,s.jsxs)("li",{className:"text-red-400",children:["[",e.index,"] ",e.error]},e.index))})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(d.Button,{onClick:f,fullWidth:!0,disabled:r||!i.trim(),children:r?(0,u.Tl)("Importing..."):(0,u.Tl)("Import All")}),(0,s.jsx)(d.Button,{onClick:h,variant:"ghost",fullWidth:!0,disabled:r,children:(0,u.Tl)("Close")})]})]})})}function D(){let e,t=(0,i.useParams)(),a=(0,i.useRouter)(),o=t.id,{getCaps:h}=(0,x.y)(),[b,j]=(0,l.useState)([]),[w,k]=(0,l.useState)(!0),[C,S]=(0,l.useState)(null),[T,E]=(0,l.useState)([]),[O,D]=(0,l.useState)(!1),[_,U]=(0,l.useState)(!1),[z,B]=(0,l.useState)(!1),[M,R]=(0,l.useState)(""),[K,L]=(0,l.useState)(!1),[J,F]=(0,l.useState)(!1),[W,q]=(0,l.useState)(!1),[V,H]=(0,l.useState)(!1),[G,Q]=(0,l.useState)(null),[X,Y]=(0,l.useState)({}),[Z,ee]=(0,l.useState)([]),[et,ea]=(0,l.useState)(!1),[es,el]=(0,l.useState)({}),[ei,eo]=(0,l.useState)(""),[er,en]=(0,l.useState)(()=>new Set),[ed,ec]=(0,l.useState)(!1),[em,ep]=(0,l.useState)([]),[ex,eu]=(0,l.useState)("__none__"),[eh,ef]=(0,l.useState)(!1),[ey,eg]=(0,l.useState)(null),[eb,ev]=(0,l.useState)(""),[ej,ew]=(0,l.useState)("auto"),[eN,ek]=(0,l.useState)({enabled:!1,connections:{}}),[eC,eS]=(0,l.useState)([]),[eA,eT]=(0,l.useState)([]),[e$,eE]=(0,l.useState)([]),[eI,eO]=(0,l.useState)(null),[eP,eD]=(0,l.useState)(!1),[e_,eU]=(0,l.useState)(!1),[ez,eB]=(0,l.useState)(!1),[eM,eR]=(0,l.useState)(null),[eK,eL]=(0,l.useState)({}),[eJ,eF]=(0,l.useState)(null),eW=(0,l.useRef)(!1),[eq,eV]=(0,l.useState)(!1),{copied:eH,copy:eG}=(0,p.C)(),eQ="ag_risk_confirmed",eX=()=>{D(!0)},eY=()=>{"antigravity"===o&&"true"!==window.localStorage.getItem(eQ)?eD(!0):e5?eX():(R(""),B(!0))},eZ=()=>{R(""),B(!0)},e0=()=>{e5?eY():eZ()},e1=C?{id:C.id,name:C.name||("anthropic-compatible"===C.type?"Anthropic Compatible":"OpenAI Compatible"),color:"anthropic-compatible"===C.type?"#D97757":"#10A37F",textIcon:"anthropic-compatible"===C.type?"AC":"OC",apiType:C.apiType,baseUrl:C.baseUrl,type:C.type}:c.zN[o]||c.fg[o]||c.IS[o]||c.nJ[o]||c.br[o],e2=e1?.authModes||[],e5=!!c.zN[o]||!!c.IS[o]||e2.includes("oauth"),e3=!!c.fg[o]||e2.includes("apikey"),e4=!!c.IS[o]?.noAuth,e8=(0,m.KC)(o),e6=(0,c.wG)(o),e7=(0,c.mq)(o),e9=(0,c.gb)(o),te=e7||e9,tt=!te&&e5&&e3,ta="xai"===o?"Grok Build OAuth":"OAuth",ts="xai"===o?"xAI API Key":"API Key";c.Q2[o]?.thinkingConfig||c.s9.extended;let tl=te?o:e6,ti=te?C?.prefix||o:e6,to=(0,l.useCallback)(async()=>{try{let e=await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(tl)}`,{cache:"no-store"}),t=await e.json();e.ok&&eE(t.ids||[])}catch(e){console.log("Error fetching disabled models:",e)}},[tl]),tr=async e=>{try{(await fetch("/api/models/disabled",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:tl,ids:[e]})})).ok&&await to()}catch(e){console.log("Error disabling model:",e)}},tn=async e=>{try{(await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(tl)}&id=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await to()}catch(e){console.log("Error enabling model:",e)}},td=async e=>{e.length&&eO({title:"Disable All Models",message:`Disable all ${e.length} model(s)?`,onConfirm:async()=>{eO(null);try{(await fetch("/api/models/disabled",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:tl,ids:e})})).ok&&await to()}catch(e){console.log("Error disabling all models:",e)}}})},tc=async()=>{try{(await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(tl)}`,{method:"DELETE"})).ok&&await to()}catch(e){console.log("Error enabling all models:",e)}},tm=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/models/alias"),t=await e.json();e.ok&&Y(t.aliases||{})}catch(e){console.log("Error fetching aliases:",e)}},[]),tp=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/models/custom",{cache:"no-store"}),t=await e.json();e.ok&&ee(t.models||[])}catch(e){console.log("Error fetching custom models:",e)}},[]);(0,l.useEffect)(()=>{"kilocode"===o&&fetch("/api/providers/kilo/free-models").then(e=>e.json()).then(e=>{e.models?.length&&eT(e.models)}).catch(()=>{})},[o]);let tx=(0,l.useCallback)(async()=>{try{let[e,t,a,s]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/provider-nodes",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),l=await e.json(),i=await t.json(),r=await a.json(),n=s.ok?await s.json():{};if(e.ok){let e=(l.connections||[]).filter(e=>e.provider===o);j(e)}a.ok&&E(r.proxyPools||[]);let d=(n.providerStrategies||{})[o]||{};eg(d.fallbackStrategy||null),ev(null!=d.stickyRoundRobinLimit?String(d.stickyRoundRobinLimit):"1");let c=(n.providerThinking||{})[o]||{};ew(c.mode||"auto");let m=n.claudeAutoPing||{};if(ek({enabled:!0===m.enabled,connections:m.connections||{}}),t.ok){let e=(i.nodes||[]).find(e=>e.id===o)||null;if(!e&&te)for(let t=0;t<3;t+=1){await new Promise(e=>setTimeout(e,150));let t=await fetch("/api/provider-nodes",{cache:"no-store"});if(t.ok&&(e=((await t.json()).nodes||[]).find(e=>e.id===o)||null))break}S(e)}}catch(e){console.log("Error fetching connections:",e)}finally{k(!1)}},[o,te]),tu=async e=>{try{let t=await fetch(`/api/provider-nodes/${o}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),a=await t.json();t.ok&&(S(a.node),await tx(),q(!1))}catch(e){console.log("Error updating provider node:",e)}},th=async(e,t)=>{try{let a=await fetch("/api/settings",{cache:"no-store"}),s=(a.ok?await a.json():{}).providerStrategies||{},l={};e&&(l.fallbackStrategy=e),"round-robin"===e&&""!==t&&(l.stickyRoundRobinLimit=Number(t)||3);let i={...s};0===Object.keys(l).length?delete i[o]:i[o]=l,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:i})})}catch(e){console.log("Error saving provider strategy:",e)}},tf=async e=>{ek(e);try{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({claudeAutoPing:e})})}catch(e){console.log("Error saving auto-ping config:",e)}};(0,l.useEffect)(()=>{tx(),tm(),tp(),to()},[tx,tm,tp,to]),(0,l.useEffect)(()=>{let e=(c.zN[o]||c.fg[o]||c.IS[o]||c.nJ[o])?.modelsFetcher;e&&f(e).then(eS)},[o]);let ty=async(e,t,a=e6)=>{let s=`${a}/${e}`;try{let e=await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:s,alias:t})});if(e.ok)await tm();else{let t=await e.json();alert(t.error||"Failed to set alias")}}catch(e){console.log("Error setting alias:",e)}},tg=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await tm()}catch(e){console.log("Error deleting alias:",e)}},tb=async(e,t="llm",a=tl)=>{try{let s=await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:a,id:e,type:t})});if(s.ok)await tp(),window.dispatchEvent(new CustomEvent("customModelChanged"));else{let e=await s.json();alert(e.error||"Failed to add custom model")}}catch(e){console.log("Error adding custom model:",e)}},tv=async(e,t="llm",a=tl)=>{try{let s=new URLSearchParams({providerAlias:a,id:e,type:t});(await fetch(`/api/models/custom?${s}`,{method:"DELETE"})).ok&&(await tp(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("Error deleting custom model:",e)}},tj=async()=>{if(eq)return;let e=b.find(e=>!1!==e.isActive);if(!e)return void alert((0,u.Tl)("Please add an active Qoder connection first"));eV(!0);try{let t=await fetch(`/api/providers/${e.id}/models`),a=await t.json();if(!t.ok)return void alert(a.error||(0,u.Tl)("Failed to fetch models"));let s=a.models||[];if(0===s.length)return void alert((0,u.Tl)("No models returned"));let l=0;for(let e of s){let t=e.id||e.name;if(!t)continue;let a=t.replace(/^qoder\//,"");Z.some(e=>e.providerAlias===tl&&e.id===a&&"llm"===(e.kind||e.type||"llm"))||Object.values(X).includes(`${tl}/${a}`)||(await tb(a,"llm",tl),l+=1)}0===l?alert((0,u.Tl)("All models already exist, no new models added")):alert((0,u.Tl)("Successfully added")+` ${l} `+(0,u.Tl)("models"))}catch(e){console.log("Error importing Qoder models:",e),alert((0,u.Tl)("Error fetching models")+": "+e.message)}finally{eV(!1)}},tw=async()=>{if(e_||0===b.length)return;let e=Object.fromEntries(b.map(e=>[e.id,{state:"queued",error:null}]));eW.current=!1,eU(!0),eB(!1),eR(null),eL(e),eF({total:b.length,completed:0,passed:0,failed:0,stopped:!1});let t=0,a=0;try{for(let e=0;e<b.length;e+=1){if(eW.current){eF({total:b.length,completed:e,passed:t,failed:a,stopped:!0});break}let s=b[e];eR(s.id),eL(e=>({...e,[s.id]:{state:"testing",error:null}}));try{let e=await fetch(`/api/providers/${s.id}/test`,{method:"POST"}),l=await e.json(),i=!!l.valid;i?t+=1:a+=1,eL(e=>({...e,[s.id]:{state:i?"success":"failed",error:i?null:l.error||null}}))}catch(e){a+=1,eL(t=>({...t,[s.id]:{state:"failed",error:e.message||"Test failed"}}))}eF({total:b.length,completed:e+1,passed:t,failed:a,stopped:!1}),e<b.length-1&&await new Promise(e=>setTimeout(e,1e3))}}finally{eR(null),eU(!1),eB(!1),eW.current=!1}},tN=async e=>{eO({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{eO(null);try{(await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok&&j(t=>t.filter(t=>t.id!==e))}catch(e){console.log("Error deleting connection:",e)}}})},tk=()=>{let e=em.length;0!==e&&eO({title:`Delete ${e} Connection${e>1?"s":""}`,message:`Delete ${e} connection${e>1?"s":""}? This cannot be undone.`,onConfirm:async()=>{eO(null);let e=0,t=[...em];for(let a of t)try{(await fetch(`/api/providers/${a}`,{method:"DELETE"})).ok||(e+=1)}catch(t){console.log("Error deleting connection:",t),e+=1}j(e=>e.filter(e=>!t.includes(e.id))),ep([]),e>0&&alert(`Deleted ${t.length-e} connection(s), ${e} failed.`)}})},tC=()=>{tx(),D(!1)},tS=async e=>{R("");try{let t=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:o,...e})}),a=null;try{a=await t.json()}catch{a=null}if(t.ok){await tx(),B(!1);return}R(a?.error||"Failed to save connection")}catch(e){console.log("Error saving connection:",e),R("Failed to save connection")}},tA=async e=>{try{(await fetch(`/api/providers/${G.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await tx(),F(!1))}catch(e){console.log("Error updating connection:",e)}},tT=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&j(a=>a.map(a=>a.id===e?{...a,isActive:t}:a))}catch(e){console.log("Error updating connection status:",e)}},t$=async(e,t)=>{let a=[...b];[a[e],a[t]]=[a[t],a[e]],j(a);try{await Promise.all([fetch(`/api/providers/${a[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${a[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch(e){console.log("Error swapping priority:",e),await tx()}},tE=b.filter(e=>em.includes(e.id)),tI=b.length>0&&em.length===b.length,tO=()=>{tI?ep([]):ep(b.map(e=>e.id))};(0,l.useEffect)(()=>{ep(e=>e.filter(e=>b.some(t=>t.id===e)))},[b]),(()=>{if(0===tE.length)return;let e=new Set(tE.map(e=>e.providerSpecificData?.proxyPoolId||"__none__"));if(1===e.size){let t=[...e][0];if("__none__"===t)return;let a=T.find(e=>e.id===t);return a?.name}})();let tP=()=>{eh||H(!1)},tD=async e=>{ef(!0);try{let t=0;for(let{connectionId:a,proxyPoolId:s}of e)try{(await fetch(`/api/providers/${a}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:s})})).ok||(t+=1)}catch(e){console.log("Error applying proxy for",a,e),t+=1}t>0&&alert(`Updated with ${t} failed request(s).`),await tx(),H(!1)}finally{ef(!1)}},t_=e=>tD(b.map(t=>({connectionId:t.id,proxyPoolId:e}))),tU=(0,s.jsxs)("div",{className:"flex min-w-0 flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:[b.length>1&&(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5 text-xs text-text-muted",children:[(0,s.jsx)("input",{type:"checkbox",checked:tI,onChange:tO,className:"h-3.5 w-3.5 rounded border-border accent-primary"}),(0,s.jsx)("span",{children:em.length>0?`${em.length} selected`:"Select all"})]}),b.map((e,t)=>{let a;return(0,s.jsxs)("div",{className:"flex min-w-0 items-stretch",children:[(0,s.jsx)("div",{className:"flex shrink-0 items-center pl-1 sm:pl-2",children:(0,s.jsx)("input",{type:"checkbox",checked:(a=e.id,em.includes(a)),onChange:()=>{var t;return t=e.id,void ep(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])},className:"h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"})}),(0,s.jsx)("div",{className:"flex-1 min-w-0",children:(0,s.jsx)(N,{connection:e,proxyPools:T,isOAuth:e5,isFirst:0===t,isLast:t===b.length-1,onMoveUp:()=>t$(t,t-1),onMoveDown:()=>t$(t,t+1),onToggleActive:t=>tT(e.id,t),autoPing:"claude"===o&&"oauth"===e.authType?{on:!0===eN.connections[e.id],onToggle:t=>{var a;return a=e.id,void tf({...eN,connections:{...eN.connections,[a]:t}})}}:null,onUpdateProxy:async t=>{try{(await fetch(`/api/providers/${e.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&j(a=>a.map(a=>a.id===e.id?{...a,providerSpecificData:{...a.providerSpecificData,proxyPoolId:t||null}}:a))}catch(e){console.log("Error updating proxy:",e)}},onEdit:()=>{Q(e),F(!0)},onDelete:()=>tN(e.id),oneByOneStatus:eK[e.id]||null})})]},e.id)})]}),tz=T.filter(e=>!0===e.isActive),tB=(0,s.jsx)(d.Modal,{isOpen:V,onClose:tP,title:`Apply Proxy (${b.length} connections)`,children:(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsxs)("button",{onClick:()=>{let e=T.filter(e=>!0===e.isActive);return 0===e.length?void alert("No active proxy pools available."):tD(b.map((t,a)=>({connectionId:t.id,proxyPoolId:e[a%e.length].id})))},disabled:eh||0===tz.length,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"sync_alt"}),(0,s.jsx)("span",{className:"text-sm text-text-main",children:"One-to-one (rotate)"})]}),(0,s.jsxs)("button",{onClick:()=>t_(null),disabled:eh,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"link_off"}),(0,s.jsx)("span",{className:"text-sm text-text-main",children:"None (unbind all)"})]}),T.map(e=>(0,s.jsxs)("button",{onClick:()=>t_(e.id),disabled:eh||!0!==e.isActive,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"lan"}),(0,s.jsx)("span",{className:"truncate text-sm text-text-main",children:e.name}),!0!==e.isActive&&(0,s.jsx)("span",{className:"text-[10px] text-text-muted",children:"(inactive)"})]},e.id))]}),eh&&(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Applying..."}),(0,s.jsx)(d.Button,{onClick:tP,variant:"ghost",fullWidth:!0,disabled:eh,children:"Cancel"})]})}),tM=async e=>{if(!er.has(e)){en(t=>new Set(t).add(e));try{let t=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${tl}/${e}`})}),a=await t.json();el(t=>({...t,[e]:a.ok?"ok":"error"})),eo(a.ok?"":a.error||"Model not reachable")}catch{el(t=>({...t,[e]:"error"})),eo("Network error")}finally{en(t=>{let a=new Set(t);return a.delete(e),a})}}};return w?(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsx)(d.CardSkeleton,{}),(0,s.jsx)(d.CardSkeleton,{})]}):e1?(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:gap-8 sm:px-0",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)(r(),{href:"/dashboard/providers",className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),"Back to Providers"]}),(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3 sm:gap-4",children:[(0,s.jsx)("div",{className:"flex size-12 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${e1.color}15`},children:et?(0,s.jsx)("span",{className:"text-sm font-bold",style:{color:e1.color},children:e1.textIcon||e1.id.slice(0,2).toUpperCase()}):(0,s.jsx)(n.default,{src:e7&&e1.apiType?"responses"===e1.apiType?"/providers/oai-r.webp":"/providers/oai-cc.webp":e9?"/providers/anthropic-m.webp":`/providers/${e1.id}.webp`,alt:e1.name,width:48,height:48,className:"max-h-12 max-w-12 rounded-lg object-contain",sizes:"48px",onError:()=>ea(!0)})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,s.jsx)("h1",{className:"truncate text-2xl font-semibold tracking-tight sm:text-3xl",children:e1.name}),(e1.notice?.apiKeyUrl||e1.notice?.signupUrl||e1.website)&&(0,s.jsxs)("a",{href:e1.notice?.apiKeyUrl||e1.notice?.signupUrl||e1.website,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),e1.notice?.apiKeyUrl?"Get API Key":"Sign up / Learn more"]})]}),(0,s.jsxs)("p",{className:"text-text-muted",children:[b.length," connection",1===b.length?"":"s"]})]})]})]}),e1.deprecated&&(0,s.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-yellow-500/10 border border-yellow-500/30",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-yellow-500 mt-0.5 shrink-0",children:"warning"}),(0,s.jsx)("p",{className:"text-xs text-red-600 dark:text-yellow-400 leading-relaxed",children:e1.deprecationNotice})]}),e1.notice?.text&&!e1.deprecated&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border border-blue-500/30 bg-blue-500/10 px-3 py-2 sm:flex-row sm:items-center",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,s.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:e1.notice.text}),e1.notice.apiKeyUrl&&(0,s.jsx)("a",{href:e1.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),te&&C&&(0,s.jsx)(d.Card,{children:(0,s.jsxs)("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:e9?"Anthropic Compatible Details":"OpenAI Compatible Details"}),(0,s.jsxs)("p",{className:"break-all text-sm text-text-muted",children:[e9?"Messages API":"responses"===C.apiType?"Responses API":"Chat Completions"," \xb7 ",(C.baseUrl||"").replace(/\/$/,""),"/",e9?"messages":"responses"===C.apiType?"responses":"chat/completions"]})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 gap-2 sm:flex sm:items-center",children:[(0,s.jsx)(d.Button,{size:"sm",icon:"add",onClick:()=>{R(""),B(!0)},className:"w-full sm:w-auto",children:"Add API Key"}),(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>q(!0),className:"w-full sm:w-auto",children:"Edit"}),(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"delete",onClick:async()=>{eO({title:"Delete Compatible Node",message:`Delete this ${e9?"Anthropic":"OpenAI"} Compatible node?`,onConfirm:async()=>{eO(null);try{(await fetch(`/api/provider-nodes/${o}`,{method:"DELETE"})).ok&&a.push("/dashboard/providers")}catch(e){console.log("Error deleting provider node:",e)}}})},className:"w-full sm:w-auto",children:"Delete"})]})]})}),e4?(0,s.jsx)(d.NoAuthProxyCard,{providerId:o}):(0,s.jsxs)(d.Card,{children:[(0,s.jsxs)("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:"Connections"}),(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[b.length>0&&T.length>0&&(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"lan",onClick:()=>H(!0),children:"Apply Proxy"}),b.length>1&&(0,s.jsxs)(d.Button,{size:"sm",variant:"danger",icon:"delete_sweep",onClick:tk,disabled:0===em.length,children:["Delete",em.length>0?` (${em.length})`:""]}),b.length>0&&(0,s.jsxs)(s.Fragment,{children:[em.length>0&&(0,s.jsxs)(d.Button,{size:"sm",variant:"danger",icon:"delete",onClick:tk,children:["Delete Selected (",em.length,")"]}),(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"sync",onClick:tw,disabled:e_,children:e_?"Testing Connection One-by-One...":"Test Connection One-by-One"}),e_&&(0,s.jsx)(d.Button,{size:"sm",variant:"ghost",icon:"stop",onClick:()=>{e_&&(eW.current=!0,eB(!0))},disabled:ez,children:ez?"Stopping...":"Stop"})]}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,s.jsx)(d.Toggle,{checked:"round-robin"===ey,onChange:e=>{let t=e?"round-robin":null,a=e?eb||"1":eb;e&&!eb&&ev("1"),eg(t),th(t,a)}}),"round-robin"===ey&&(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"Sticky:"}),(0,s.jsx)("input",{type:"number",min:1,value:eb,onChange:e=>{var t;ev(t=e.target.value),th("round-robin",t)},placeholder:"1",className:"w-14 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]})]}),0===b.length?(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:"inline-flex items-center justify-center w-9 h-9 rounded-full bg-primary/10 text-primary shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e5?"lock":"key"})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),tt&&(0,s.jsxs)("p",{className:"text-xs text-text-muted",children:["Choose ",ta," or ",ts,"."]})]})]}),(0,s.jsx)("div",{className:"flex gap-2",children:tt?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.Button,{size:"sm",icon:"lock",variant:"secondary",onClick:eY,children:ta}),(0,s.jsx)(d.Button,{size:"sm",icon:"key",onClick:eZ,children:ts})]}):(0,s.jsxs)(s.Fragment,{children:[!te&&"iflow"===o&&(0,s.jsx)(d.Button,{size:"sm",icon:"cookie",variant:"secondary",onClick:()=>U(!0),children:"Cookie"}),"codex"===o&&(0,s.jsx)(d.Button,{size:"sm",icon:"playlist_add",variant:"secondary",onClick:()=>L(!0),children:(0,u.Tl)("Bulk Add")}),(0,s.jsx)(d.Button,{size:"sm",icon:"add",onClick:e0,children:te?"Add API Key":"iflow"===o?"OAuth":"Add Connection"})]})})]}):(0,s.jsxs)(s.Fragment,{children:[eJ&&(0,s.jsx)("div",{className:"mb-4 rounded-lg 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,s.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,s.jsxs)("span",{children:["Total: ",eJ.total]}),(0,s.jsxs)("span",{children:["Completed: ",eJ.completed]}),(0,s.jsxs)("span",{children:["Passed: ",eJ.passed]}),(0,s.jsxs)("span",{children:["Failed: ",eJ.failed]}),eJ.stopped&&(0,s.jsx)("span",{className:"text-amber-600 dark:text-amber-400",children:"Stopped"}),e_&&eM&&(0,s.jsxs)("span",{children:["Running: ",b.find(e=>e.id===eM)?.name||eM]})]})}),b.length>0&&(0,s.jsx)("div",{className:"mb-3 flex items-center gap-2 border-b border-black/[0.03] pb-2 dark:border-white/[0.03]",children:(0,s.jsxs)("label",{className:"flex cursor-pointer items-center gap-1.5 text-xs text-text-muted hover:text-primary",children:[(0,s.jsx)("input",{type:"checkbox",checked:tI,onChange:tO,className:"h-3.5 w-3.5 rounded border-gray-300 text-primary focus:ring-primary"}),"Select All"]})}),tU,!te&&(0,s.jsxs)("div",{className:"mt-4 grid grid-cols-1 gap-2 sm:flex",children:["iflow"===o&&(0,s.jsx)(d.Button,{size:"sm",icon:"cookie",variant:"secondary",onClick:()=>U(!0),title:"Add connection using browser cookie",className:"w-full sm:w-auto",children:"Cookie"}),"codex"===o&&(0,s.jsx)(d.Button,{size:"sm",icon:"playlist_add",variant:"secondary",onClick:()=>L(!0),title:(0,u.Tl)("Bulk import codex accounts from JSON"),className:"w-full sm:w-auto",children:(0,u.Tl)("Bulk Add")}),tt?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.Button,{size:"sm",icon:"lock",variant:"secondary",onClick:eY,className:"w-full sm:w-auto",children:ta}),(0,s.jsx)(d.Button,{size:"sm",icon:"key",onClick:eZ,className:"w-full sm:w-auto",children:ts})]}):(0,s.jsx)(d.Button,{size:"sm",icon:"add",onClick:e0,className:"w-full sm:w-auto",children:"Add"})]})]})]}),(0,s.jsxs)(d.Card,{children:[(0,s.jsxs)("div",{className:"mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:"Available Models"}),!te&&(e=[...e8,...eA.filter(e=>!e8.some(t=>t.id===e.id))].filter(e=>{let t=(0,m.CP)(e);return!t||"llm"===t}).map(e=>e.id).filter(e=>!e$.includes(e)),(0,s.jsxs)("div",{className:"flex gap-2",children:[e$.length>0&&(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"restart_alt",onClick:tc,children:"Active All"}),e.length>0&&(0,s.jsx)(d.Button,{size:"sm",variant:"secondary",icon:"block",onClick:()=>td(e),children:"Disable All"})]}))]}),!!ei&&(0,s.jsx)("p",{className:"text-xs text-red-500 mb-3 break-words",children:ei}),(()=>{let e,t,a;if(te)return(0,s.jsx)(v,{providerStorageAlias:tl,providerDisplayAlias:ti,modelAliases:X,customModels:Z,copied:eH,onCopy:eG,onSetAlias:ty,onDeleteAlias:tg,onAddCustomModel:e=>tb(e,"llm",tl),onDeleteCustomModel:e=>tv(e,"llm",tl),connections:b,isAnthropic:e9});let l=[...e8,...eA.filter(e=>!e8.some(t=>t.id===e.id))].filter(e=>{let t=(0,m.CP)(e);return!t||"llm"===t}),i=new Set(e$),r=l.filter(e=>!i.has(e.id)),n=l.filter(e=>i.has(e.id)),d=y({customModels:Z,modelAliases:X,providerAlias:tl,builtInModels:e8,type:"llm"});return(0,s.jsxs)("div",{className:"flex flex-wrap gap-3",children:[d.map(e=>(0,s.jsx)(g,{model:{id:e.id,name:e.name},fullModel:`${ti}/${e.id}`,alias:e.alias,copied:eH,onCopy:eG,onSetAlias:()=>{},onDeleteAlias:()=>{"custom"===e.source?tv(e.id,"llm",tl):tg(e.alias)},testStatus:es[e.id],onTest:b.length>0||e4?()=>tM(e.id):void 0,isTesting:er.has(e.id),isCustom:!0,isFree:!1,caps:h(`${o}/${e.id}`)},`${e.source}-${e.fullModel}`)),r.map(e=>{let t=`${tl}/${e.id}`,a=`${o}/${e.id}`,l=Object.entries(X).find(([,e])=>e===t||e===a)?.[0];return(0,s.jsx)(g,{model:e,fullModel:`${ti}/${e.id}`,alias:l,copied:eH,onCopy:eG,onSetAlias:t=>ty(e.id,t,tl),onDeleteAlias:()=>tg(l),testStatus:es[e.id],onTest:b.length>0||e4?()=>tM(e.id):void 0,isTesting:er.has(e.id),isFree:e.isFree,onDisable:()=>tr(e.id),caps:h(`${o}/${e.id}`)},e.id)}),(0,s.jsxs)("button",{onClick:()=>ec(!0),className:"flex w-full items-center justify-center gap-1.5 rounded-lg border border-dashed border-primary/40 px-3 py-2 text-xs text-primary transition-colors hover:border-primary hover:bg-primary/5 sm:w-auto",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]}),"qoder"===o&&b.some(e=>!1!==e.isActive)&&(0,s.jsxs)("button",{onClick:tj,disabled:eq,className:"flex w-full items-center justify-center gap-1.5 rounded-lg border border-dashed border-blue-500/40 px-3 py-2 text-xs text-blue-600 dark:text-blue-400 transition-colors hover:border-blue-500 hover:bg-blue-500/5 sm:w-auto disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",style:eq?{animation:"spin 1s linear infinite"}:void 0,children:eq?"progress_activity":"download"}),eq?(0,u.Tl)("Fetching..."):(0,u.Tl)("Fetch Qoder Models")]}),eC.length>0&&(e=new Set([...Object.values(X),...d.map(e=>e.fullModel)]),t=new Set(e8.map(e=>e.id)),0===(a=eC.filter(a=>!e.has(`${tl}/${a.id}`)&&!t.has(a.id))).length?null:(0,s.jsxs)("div",{className:"w-full mt-2",children:[(0,s.jsx)("p",{className:"text-xs text-text-muted mb-2",children:"Suggested free models (≥200k context):"}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:a.map(e=>(0,s.jsxs)("button",{onClick:async()=>{await tb(e.id,"llm",tl)},className:"flex items-center gap-1 px-2.5 py-1.5 rounded-lg border border-black/10 dark:border-white/10 text-xs text-text-muted hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors",title:`${e.name} \xb7 ${(e.contextLength/1e3).toFixed(0)}k ctx`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"add"}),e.id.split("/").pop()]},e.id))})]})),n.length>0&&(0,s.jsxs)("div",{className:"w-full mt-2",children:[(0,s.jsxs)("p",{className:"text-xs text-text-muted mb-2",children:["Disabled models (",n.length,"):"]}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:n.map(e=>(0,s.jsxs)("button",{onClick:()=>tn(e.id),className:"flex items-center gap-1 px-2.5 py-1.5 rounded-lg border border-dashed border-black/10 dark:border-white/10 text-xs text-text-muted hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors",title:"Restore model",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"add"}),e.id]},e.id))})]})]})})()]}),tB,"kiro"===o?(0,s.jsx)(d.KiroOAuthWrapper,{isOpen:O,providerInfo:e1,onSuccess:tC,onClose:()=>D(!1)}):"cursor"===o?(0,s.jsx)(d.CursorAuthModal,{isOpen:O,onSuccess:tC,onClose:()=>D(!1)}):"gitlab"===o?(0,s.jsx)(d.GitLabAuthModal,{isOpen:O,providerInfo:e1,onSuccess:tC,onClose:()=>D(!1)}):(0,s.jsx)(d.OAuthModal,{isOpen:O,provider:o,providerInfo:e1,onSuccess:tC,onClose:()=>D(!1)}),"iflow"===o&&(0,s.jsx)(d.IFlowCookieModal,{isOpen:_,onSuccess:()=>{tx(),U(!1)},onClose:()=>U(!1)}),(0,s.jsx)(A,{isOpen:z,provider:o,providerName:e1.name,isCompatible:te,isAnthropic:e9,authType:e1?.authType,authHint:e1?.authHint,website:e1?.website,proxyPools:T,error:M,onSave:tS,onBulkDone:tx,onClose:()=>{R(""),B(!1)}}),(0,s.jsx)(d.EditConnectionModal,{isOpen:J,connection:G,proxyPools:T,onSave:tA,onClose:()=>F(!1)}),te&&(0,s.jsx)($,{isOpen:W,node:C,onSave:tu,onClose:()=>q(!1),isAnthropic:e9}),!te&&(0,s.jsx)(I,{isOpen:ed,providerAlias:tl,providerDisplayAlias:ti,onSave:async e=>{await tb(e,"llm",tl),ec(!1)},onClose:()=>ec(!1)}),"codex"===o&&(0,s.jsx)(P,{isOpen:K,onClose:()=>L(!1),onSuccess:tx}),(0,s.jsx)(d.ConfirmModal,{isOpen:eP,onClose:()=>eD(!1),onConfirm:()=>{(window.localStorage.setItem(eQ,"true"),eD(!1),e5)?eX():eZ()},title:"Risk Notice",message:e1?.deprecationNotice,confirmText:"I Understand, Continue",cancelText:"Cancel",variant:"danger"}),(0,s.jsx)(d.ConfirmModal,{isOpen:!!eI,onClose:()=>eO(null),onConfirm:eI?.onConfirm,title:eI?.title||"Confirm",message:eI?.message,variant:"danger"})]}):(0,s.jsxs)("div",{className:"text-center py-20",children:[(0,s.jsx)("p",{className:"text-text-muted",children:"Provider not found"}),(0,s.jsx)(r(),{href:"/dashboard/providers",className:"text-primary mt-4 inline-block",children:"Back to Providers"})]})}},8810:(e,t,a)=>{Promise.resolve().then(a.bind(a,5399))}},e=>{e.O(0,[2554,7418,3885,9458,9814,4385,497,7236,5737,2147,3204,7358],()=>e(e.s=8810)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/usage/page-f1d9bf293afc3684.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2825],{3567:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>y});var a=s(5102),l=s(2030),n=s(3278),r=s(497),i=s(2758),o=s(8140),d=s(3916);let c={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"};function x({isOpen:e,onClose:t,title:s,children:n,width:r="md",className:i}){let o=(0,l.useRef)(t);return((0,l.useEffect)(()=>{o.current=t}),(0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,l.useEffect)(()=>{let t=t=>{"Escape"===t.key&&e&&o.current()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]),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",c[r]||c.md,i),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:n})]})]}):null}function m({currentPage:e,pageSize:t,totalItems:s,onPageChange:l,onPageSizeChange:n,className:r}){let i=Math.ceil(s/t),c=s>0?(e-1)*t+1:0,x=Math.min(e*t,s),h=(()=>{let t=[],s=Math.max(1,e-2),a=Math.min(i,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",r),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:x})," 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:[n&&(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=>n(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))})]}),i>1&&(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(o.A,{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"})}),h[0]>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.A,{variant:"ghost",size:"sm",onClick:()=>l(1),className:"w-9 px-0 hidden sm:inline-flex",children:"1"}),h[0]>2&&(0,a.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."})]}),h.map(t=>(0,a.jsx)(o.A,{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)),h[h.length-1]<i&&(0,a.jsxs)(a.Fragment,{children:[h[h.length-1]<i-1&&(0,a.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."}),(0,a.jsx)(o.A,{variant:"ghost",size:"sm",onClick:()=>l(i),className:"w-9 px-0 hidden sm:inline-flex",children:i})]}),(0,a.jsx)(o.A,{variant:"outline",size:"sm",onClick:()=>l(e+1),disabled:e===i,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}var h=s(1038);let u=null,p=null;async function f(){if(u&&p)return{providerNameCache:u,providerNodesCache:p};let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[];for(let e of(p={},t))p[e.id]=e.name;return{providerNameCache:u={...h.Q2,...p},providerNodesCache:p}}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,h.zt)(e)||h.Q2[e];return a?.name||e}function j({title:e,children:t,defaultOpen:s=!1,icon:n=null}){let[r,i]=(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:()=>i(!r),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:[n&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:n}),(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",r?"rotate-90":""),children:"chevron_right"})]}),r&&(0,a.jsx)("div",{className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function g(e){let t=e?.prompt_tokens||e?.input_tokens||0,s=e?.cached_tokens||e?.cache_read_input_tokens||0;return t<s?s:t}function v({filterProvider:e,setFilterProvider:t,filterStart:s,setFilterStart:l,filterEnd:n,setFilterEnd:r,providers:d,cn:c,handleApplyFilters:x,handleClearFilters:m}){return(0,a.jsx)(i.A,{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:e,onChange:e=>t(e.target.value),className:c("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"}),d.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:s,onChange:e=>l(e.target.value),className:c("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:n,onChange:e=>r(e.target.value),className:c("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:"Actions"}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(o.A,{onClick:x,className:"flex-1",children:"Search"}),(0,a.jsx)(o.A,{variant:"ghost",onClick:m,disabled:!e&&!s&&!n,className:"flex-1",children:"Clear"})]})]})]})})}function N({detail:e,index:t,handleViewDetail:s,providerNameCache:l}){return(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,l)})}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:g(e.tokens).toLocaleString()}),(0,a.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:e.tokens?.completion_tokens?.toLocaleString()||0}),(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)(o.A,{variant:"outline",size:"sm",onClick:()=>s(e),children:"Detail"})})]},`${e.id}-${t}`)}function w(){var e;let[t,s]=(0,l.useState)([]),[n,r]=(0,l.useState)(0),[o,c]=(0,l.useState)(0),[h,u]=(0,l.useState)(1),[p,w]=(0,l.useState)(20),[k,y]=(0,l.useState)(!1),[S,C]=(0,l.useState)(null),[P,T]=(0,l.useState)(!1),[A,D]=(0,l.useState)([]),[R,_]=(0,l.useState)(null),[E,L]=(0,l.useState)(""),[F,O]=(0,l.useState)(""),[z,q]=(0,l.useState)(""),[I,M]=(0,l.useState)(""),[$,K]=(0,l.useState)(""),[U,J]=(0,l.useState)(""),[Q,H]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=setTimeout(()=>{let e=new Date;e.setDate(e.getDate()-7);let t=e.toISOString().slice(0,16);O(t),K(t),H(!0)},500);return()=>clearTimeout(e)},[]),(0,l.useEffect)(()=>{let e=new AbortController;return fetch("/api/usage/providers",{signal:e.signal}).then(e=>e.json()).then(async t=>{if(e.signal.aborted)return;D(t.providers||[]);let s=await f();e.signal.aborted||_(s.providerNameCache)}).catch(()=>{}),()=>e.abort()},[]),(0,l.useEffect)(()=>{if(!Q||!$)return;let e=new AbortController;y(!0);let t=new URLSearchParams({page:String(h),pageSize:String(p)});return I&&t.append("provider",I),t.append("startDate",$),U&&t.append("endDate",U),fetch(`/api/usage/request-details?${t}`,{signal:e.signal}).then(e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return e.json()}).then(t=>{e.signal.aborted||(s(Array.isArray(t.details)?t.details:[]),r(t.pagination?.totalItems??0),c(t.pagination?.totalPages??0))}).catch(t=>{e.signal.aborted||console.error("request-details fetch failed:",t)}).finally(()=>{e.signal.aborted||y(!1)}),()=>e.abort()},[Q,h,p,I,$,U]);let V=e=>{C(e),T(!0),fetch(`/api/usage/request-details/${encodeURIComponent(e.id)}`).then(e=>e.ok?e.json():null).then(e=>{e?.detail&&C(e.detail)}).catch(()=>{})};return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6",children:[(0,a.jsx)(v,{filterProvider:E,setFilterProvider:L,filterStart:F,setFilterStart:O,filterEnd:z,setFilterEnd:q,providers:A,cn:d.cn,handleApplyFilters:()=>{u(1),M(E),K(F),J(z)},handleClearFilters:()=>{let e,t=((e=new Date).setDate(e.getDate()-7),e.toISOString().slice(0,16));L(""),O(t),q(""),u(1),M(""),K(t),J("")}}),(0,a.jsxs)(i.A,{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-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",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:k||!Q?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:"7",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===t.length?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:"7",className:"p-8 text-center text-text-muted",children:"No request details found"})}):t.map((e,t)=>(0,a.jsx)(N,{detail:e,index:t,handleViewDetail:V,providerNameCache:R},t))})]})}),!k&&t.length>0&&(0,a.jsx)("div",{className:"border-t border-black/5 dark:border-white/5",children:(0,a.jsx)(m,{currentPage:h,pageSize:p,totalItems:n,onPageChange:e=>u(e),onPageSizeChange:e=>{w(e),u(1)}})})]}),(0,a.jsx)(x,{isOpen:P,onClose:()=>T(!1),title:"Request Details",width:"lg",children:S&&(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:S.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(S.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(S.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:S.model})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"API Key Name:"})," ",(0,a.jsx)("span",{className:"text-text-main",children:S.apiKeyName||"-"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"API Key:"})," ",(0,a.jsx)("span",{className:"text-text-main font-mono",children:S.apiKeyName&&S.apiKey?(e=S.apiKey)?e.length>8?`${e.slice(0,8)}...`:e:"":"-"})]}),(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"===S.status?"text-green-600":"text-red-600"),children:S.status})]}),(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 ",S.latency?.ttft||0,"ms / Total ",S.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:g(S.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:S.tokens?.completion_tokens?.toLocaleString()||0})]})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)(j,{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(S.request,null,2)})}),S.providerRequest&&(0,a.jsx)(j,{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(S.providerRequest,null,2)})}),S.providerResponse&&(0,a.jsx)(j,{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 S.providerResponse?JSON.stringify(S.providerResponse,null,2):S.providerResponse})}),(0,a.jsxs)(j,{title:"4. Client Response (Final)",defaultOpen:!0,icon:"output",children:[S.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:S.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:S.response?.content||"[No content]"})]})]})]})})]})}let k=[{value:"today",label:"Today"},{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}];function y(){return(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(r.CardSkeleton,{}),children:(0,a.jsx)(S,{})})}function S(){let e=(0,n.useSearchParams)(),t=(0,n.useRouter)(),[s,i]=(0,l.useState)("today"),o=e.get("tab"),d=o&&["overview","logs","details"].includes(o)?o:"overview";return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)(r.SegmentedControl,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"}],value:d,onChange:s=>{if(s===d)return;let a=new URLSearchParams(e);a.set("tab",s),t.push(`/dashboard/usage?${a.toString()}`,{scroll:!1})},className:"w-full sm:w-auto"}),"overview"===d&&(0,a.jsx)(r.SegmentedControl,{options:k,value:s,onChange:i,size:"sm",className:"w-full sm:w-auto"})]}),"overview"===d&&(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(r.CardSkeleton,{}),children:(0,a.jsx)(r.UsageStats,{period:s,setPeriod:i,hidePeriodSelector:!0})}),"logs"===d&&(0,a.jsx)(r.RequestLogger,{}),"details"===d&&(0,a.jsx)(w,{})]})}},5085:(e,t,s)=>{Promise.resolve().then(s.bind(s,3567))}},e=>{e.O(0,[2554,7418,3885,9458,9814,4385,497,2147,3204,7358],()=>e(e.s=5085)),_N_E=e.O()}]);