omniroute 2.0.0 → 2.0.2

package/app/.next/static/chunks/app/(dashboard)/dashboard/combos/page-ac5dcffbe54f77f9.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{40993:(e,t,a)=>{"use strict";a.d(t,{Ex:()=>d.default,$n:()=>s.default,Zp:()=>i.default,Qv:()=>o.CardSkeleton,G9:()=>y.default,bQ:()=>N.default,pp:()=>j.default,Qn:()=>k.default,pd:()=>r.default,Mh:()=>f.default,uR:()=>p.default,aF:()=>n.default,rq:()=>x.default,LF:()=>m.default,KN:()=>b.default,Lo:()=>g.default,y7:()=>h.default,Iz:()=>v.default,l6:()=>l.default,lM:()=>c.default,cn:()=>u.default});var s=a(35806),r=a(34422),l=a(42994),i=a(81060),n=a(71361),o=a(92542);a(17705);var d=a(80927),c=a(19790);a(6261),a(55846),a(34243),a(89938),a(99023);var m=a(80178),x=a(85444),p=a(91961);a(25112);var u=a(45624),h=a(37415),b=a(48643),g=a(8287);a(1652);var f=a(92701);a(18150);var y=a(71689),v=a(33709);a(76332);var j=a(66200);a(61580);var k=a(51503);a(54128);var N=a(44638);a(21720),a(97050)},93062:(e,t,a)=>{Promise.resolve().then(a.bind(a,96191))},96191:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>N});var s=a(95155),r=a(12115),l=a(40993);function i({children:e,content:t,position:a="top",className:l="",delayMs:i=200}){let n,[o,d]=(0,r.useState)(!1),c=(0,r.useId)(),m=(0,r.useRef)(null),x=(0,r.useCallback)(()=>{clearTimeout(m.current),m.current=setTimeout(()=>d(!0),i)},[i]),p=(0,r.useCallback)(()=>{clearTimeout(m.current),d(!1)},[]);(0,r.useEffect)(()=>()=>{clearTimeout(m.current)},[]);let u={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},h=t?c:void 0,b=(0,r.isValidElement)(e)?(n=[e.props["aria-describedby"],h].filter(Boolean).join(" "),(0,r.cloneElement)(e,{"aria-describedby":n||void 0})):(0,s.jsx)("span",{tabIndex:0,"aria-describedby":h,children:e});return(0,s.jsxs)("span",{className:`relative inline-flex ${l}`,onMouseEnter:x,onMouseLeave:p,onFocus:x,onBlur:p,onKeyDown:e=>{"Escape"===e.key&&p()},children:[b,o&&t&&(0,s.jsx)("span",{id:c,role:"tooltip",className:`absolute z-50 px-2.5 py-1.5 text-xs font-medium text-white bg-gray-900/95 rounded-md shadow-lg whitespace-nowrap pointer-events-none animate-in fade-in duration-150 motion-reduce:transition-none motion-reduce:animate-none border border-white/10 ${u[a]||u.top}`,children:t})]})}var n=a(30949),o=a(67671),d=a(50910);let c=/^[a-zA-Z0-9_/.-]+$/,m=[{value:"priority",labelKey:"priority",descKey:"priorityDesc",icon:"sort"},{value:"weighted",labelKey:"weighted",descKey:"weightedDesc",icon:"percent"},{value:"round-robin",labelKey:"roundRobin",descKey:"roundRobinDesc",icon:"autorenew"},{value:"random",labelKey:"random",descKey:"randomDesc",icon:"shuffle"},{value:"least-used",labelKey:"leastUsed",descKey:"leastUsedDesc",icon:"low_priority"},{value:"cost-optimized",labelKey:"costOpt",descKey:"costOptimizedDesc",icon:"savings"}],x={priority:{when:"Use when you have one preferred model and only want fallback on failure.",avoid:"Avoid when you need balanced load between models.",example:"Example: Primary coding model with cheaper backup for outages."},weighted:{when:"Use when you need controlled traffic split across models.",avoid:"Avoid when weights are not maintained or you need strict fairness.",example:"Example: 80% stable model and 20% canary model for safe rollout."},"round-robin":{when:"Use when you need predictable, even request distribution.",avoid:"Avoid when model latency/cost differs significantly.",example:"Example: Same model across multiple accounts to spread throughput."},random:{when:"Use when you want a simple spread with low configuration effort.",avoid:"Avoid when requests must be distributed with strict guarantees.",example:"Example: Prototyping with equivalent models and no traffic policy."},"least-used":{when:"Use when you want adaptive balancing based on recent demand.",avoid:"Avoid when your traffic is too low to benefit from usage balancing.",example:"Example: Mixed workloads where one model tends to get overloaded."},"cost-optimized":{when:"Use when minimizing cost is the top priority.",avoid:"Avoid when pricing data is missing or outdated.",example:"Example: Batch or background jobs where lower cost matters most."}},p={priority:{title:"Fail-safe baseline",description:"Use one primary model and keep fallback chain short and reliable.",tips:["Put your most reliable model first.","Keep 1-2 backup models with similar quality.","Use safe retries to absorb transient provider failures."]},weighted:{title:"Controlled traffic split",description:"Great for canary rollouts and gradual migration between models.",tips:["Start with conservative split like 90/10.","Keep the total at 100% and auto-balance after changes.","Monitor success and latency before increasing canary weight."]},"round-robin":{title:"Predictable load sharing",description:"Best when models are equivalent and you need smooth distribution.",tips:["Use at least 2 models.","Set concurrency limits to avoid burst overload.","Use queue timeout to fail fast under saturation."]},random:{title:"Quick spread with low setup",description:"Use when you need simple distribution without strict guarantees.",tips:["Use models with similar latency profiles.","Keep retries enabled to absorb random misses.","Prefer this for experimentation, not strict SLAs."]},"least-used":{title:"Adaptive balancing",description:"Routes to less-used models to reduce hotspots over time.",tips:["Works better under continuous traffic.","Combine with health checks for safer balancing.","Track per-model usage to validate distribution gains."]},"cost-optimized":{title:"Budget-first routing",description:"Routes to lower-cost models when pricing metadata is available.",tips:["Ensure pricing coverage for all selected models.","Keep a quality fallback for hard prompts.","Use for batch/background jobs where cost is the main KPI."]}},u="omniroute:combos:hide-usage-guide",h=[{id:"high-availability",icon:"shield",titleKey:"templateHighAvailability",descKey:"templateHighAvailabilityDesc",fallbackTitle:"High availability",fallbackDesc:"Priority routing with health checks and safe retries.",strategy:"priority",suggestedName:"high-availability",config:{maxRetries:2,retryDelayMs:1500,healthCheckEnabled:!0}},{id:"cost-saver",icon:"savings",titleKey:"templateCostSaver",descKey:"templateCostSaverDesc",fallbackTitle:"Cost saver",fallbackDesc:"Cost-optimized routing for budget-first workloads.",strategy:"cost-optimized",suggestedName:"cost-saver",config:{maxRetries:1,retryDelayMs:500,healthCheckEnabled:!0}},{id:"balanced",icon:"balance",titleKey:"templateBalanced",descKey:"templateBalancedDesc",fallbackTitle:"Balanced load",fallbackDesc:"Least-used routing to spread demand over time.",strategy:"least-used",suggestedName:"balanced-load",config:{maxRetries:1,retryDelayMs:1e3,healthCheckEnabled:!0}}];function b(e){return m.find(t=>t.value===e)||m[0]}function g(e,t){return e(b(t).labelKey)}function f(e,t){return e(b(t).descKey)}function y(e,t,a){return"function"==typeof e.has&&e.has(t)?e(t):a}function v(e,t,a){let s=x[t]||x.priority;return y(e,`strategyGuide.${t}.${a}`,s[a])}function j(e,t,a){let s=p[t]||p.priority;return"tips"===a?s.tips.map((a,s)=>y(e,`strategyRecommendations.${t}.tip${s+1}`,a)):y(e,`strategyRecommendations.${t}.${a}`,s[a])}function k(e){return"string"==typeof e?{model:e,weight:0}:{model:e.model,weight:e.weight||0}}function N(){let e=(0,d.c)("combos"),t=(0,d.c)("common"),[a,i]=(0,r.useState)([]),[c,m]=(0,r.useState)(!0),[x,p]=(0,r.useState)(!1),[h,b]=(0,r.useState)(null),[g,f]=(0,r.useState)([]),[v,j]=(0,r.useState)({}),[k,N]=(0,r.useState)(null),[C,$]=(0,r.useState)(null),{copied:S,copy:M}=(0,n.C)(),P=(0,o.i)(),[R,z]=(0,r.useState)(null),[A,K]=(0,r.useState)(null),[q,_]=(0,r.useState)([]),[O,U]=(0,r.useState)(!0),[H,B]=(0,r.useState)("");(0,r.useEffect)(()=>{F(),fetch("/api/settings/proxy").then(e=>e.ok?e.json():null).then(e=>K(e)).catch(()=>{})},[]),(0,r.useEffect)(()=>{try{globalThis.localStorage?.getItem(u)==="1"&&U(!1)}catch{}},[]);let F=async()=>{try{let[e,t,a,s]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/combos/metrics"),fetch("/api/provider-nodes")]),r=await e.json(),l=await t.json(),n=await a.json(),o=s.ok?await s.json():{nodes:[]};if(e.ok&&i(r.combos||[]),t.ok){let e=(l.connections||[]).filter(e=>"active"===e.testStatus||"success"===e.testStatus);f(e)}a.ok&&j(n.metrics||{}),_(o.nodes||[])}catch(e){console.log("Error fetching data:",e)}finally{m(!1)}},L=async t=>{try{let a=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(a.ok)await F(),p(!1),B(t.name?.trim()||""),P.success(e("comboCreated"));else{let t=await a.json();P.error(t.error?.message||t.error||e("failedCreate"))}}catch(t){P.error(e("errorCreating"))}},W=async(t,a)=>{try{let s=await fetch(`/api/combos/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(s.ok)await F(),b(null),P.success(e("comboUpdated"));else{let t=await s.json();P.error(t.error?.message||t.error||e("failedUpdate"))}}catch(t){P.error(e("errorUpdating"))}},G=async t=>{if(confirm(e("deleteConfirm")))try{(await fetch(`/api/combos/${t}`,{method:"DELETE"})).ok&&(i(a.filter(e=>e.id!==t)),P.success(e("comboDeleted")))}catch(t){P.error(e("errorDeleting"))}},I=async e=>{let t=e.name.replace(/-copy(-\d+)?$/,""),s=a.map(e=>e.name),r=`${t}-copy`,l=1;for(;s.includes(r);)l++,r=`${t}-copy-${l}`;let i={name:r,models:e.models,strategy:e.strategy||"priority",config:e.config||{}};await L(i)},Q=async t=>{$(t.name),N(null);try{let e=await fetch("/api/combos/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboName:t.name})}),a=await e.json();N(a)}catch(t){N({error:e("testFailed")}),P.error(e("testFailed"))}},J=async t=>{let a=!1===t.isActive;i(e=>e.map(e=>e.id===t.id?{...e,isActive:a}:e));try{await fetch(`/api/combos/${t.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:a})})}catch(s){i(e=>e.map(e=>e.id===t.id?{...e,isActive:!a}:e)),P.error(e("failedToggle"))}};return c?(0,s.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,s.jsx)(l.Qv,{}),(0,s.jsx)(l.Qv,{})]}):(0,s.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-semibold",children:e("title")}),(0,s.jsx)("p",{className:"text-sm text-text-muted mt-1",children:e("description")})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[!O&&(0,s.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:()=>{U(!0);try{globalThis.localStorage?.removeItem(u)}catch{}},children:y(e,"usageGuideShow","Show guide")}),(0,s.jsx)(l.$n,{icon:"add",onClick:()=>p(!0),children:e("createCombo")})]})]}),O&&(0,s.jsx)(w,{onHide:()=>U(!1),onHideForever:()=>{U(!1);try{globalThis.localStorage?.setItem(u,"1")}catch{}}}),H&&(0,s.jsx)(l.Zp,{padding:"sm",className:"border border-emerald-500/20 bg-emerald-500/[0.04] dark:bg-emerald-500/[0.08]",children:(0,s.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-emerald-700 dark:text-emerald-300",children:y(e,"quickTestTitle",`Combo "${H}" ready to validate`)}),(0,s.jsx)("code",{className:"inline-block text-[11px] mt-0.5 px-1.5 py-0.5 rounded bg-emerald-500/15 text-emerald-700 dark:text-emerald-300",children:H}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:y(e,"quickTestDescription","Run a test now to confirm fallback and latency behavior.")})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(l.$n,{size:"sm",variant:"secondary",icon:"play_arrow",onClick:()=>{Q({name:H}),B("")},children:y(e,"testNow","Test now")}),(0,s.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:()=>B(""),children:t("close")})]})]})}),0===a.length?(0,s.jsx)(l.pp,{icon:"\uD83E\uDDE9",title:e("noCombosYet"),description:e("description"),actionLabel:e("createCombo"),onAction:()=>p(!0)}):(0,s.jsx)("div",{className:"flex flex-col gap-4",children:a.map(e=>(0,s.jsx)(T,{combo:e,metrics:v[e.name],providerNodes:q,copied:S,onCopy:M,onEdit:()=>b(e),onDelete:()=>G(e.id),onDuplicate:()=>I(e),onTest:()=>Q(e),testing:C===e.name,onProxy:()=>z(e),hasProxy:!!A?.combos?.[e.id],onToggle:()=>J(e)},e.id))}),k&&(0,s.jsx)(l.aF,{isOpen:!!k,onClose:()=>{N(null),$(null)},title:e("testResults",{name:C}),children:(0,s.jsx)(D,{results:k})}),(0,s.jsx)(E,{isOpen:x,onClose:()=>p(!1),onSave:L,activeProviders:g,combo:null},"create"),(0,s.jsx)(E,{isOpen:!!h,combo:h,onClose:()=>b(null),onSave:e=>W(h.id,e),activeProviders:g},h?.id||"new"),R&&(0,s.jsx)(l.KN,{isOpen:!!R,onClose:()=>z(null),level:"combo",levelId:R.id,levelLabel:R.name})]})}function w({onHide:e,onHideForever:t}){let a=(0,d.c)("combos");return(0,s.jsxs)(l.Zp,{padding:"sm",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,s.jsx)("div",{className:"size-7 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-primary text-[16px]",children:"tips_and_updates"})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold",children:a("routingStrategy")}),(0,s.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:a("description")})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[(0,s.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:e,className:"!h-6 px-2 text-[10px]",children:y(a,"usageGuideHide","Hide")}),(0,s.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:t,className:"!h-6 px-2 text-[10px]",children:y(a,"usageGuideDontShowAgain","Don't show again")})]})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-2 mt-3",children:["priority","cost-optimized","least-used"].map(e=>{let t=b(e);return(0,s.jsxs)("div",{className:"rounded-lg border border-black/10 dark:border-white/10 bg-black/[0.02] dark:bg-white/[0.02] p-2.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary",children:t.icon}),(0,s.jsx)("span",{className:"text-xs font-medium",children:g(a,e)})]}),(0,s.jsx)("p",{className:"text-[11px] leading-4 text-text-muted mt-1.5",children:f(a,e)})]},e)})})]})}function C({strategy:e}){let t=(0,d.c)("combos");return(0,s.jsxs)("div",{className:"rounded-lg border border-black/10 dark:border-white/10 bg-black/[0.02] dark:bg-white/[0.02] p-2.5",children:[(0,s.jsx)("div",{className:"text-[11px] text-text-muted",children:y(t,"strategyGuideTitle","How to use this strategy")}),(0,s.jsxs)("div",{className:"mt-1.5 flex flex-col gap-1.5 text-[11px]",children:[(0,s.jsxs)("p",{className:"text-text-main",children:[(0,s.jsxs)("span",{className:"font-semibold",children:[y(t,"strategyGuideWhen","When to use"),":"]})," ",v(t,e,"when")]}),(0,s.jsxs)("p",{className:"text-text-main",children:[(0,s.jsxs)("span",{className:"font-semibold",children:[y(t,"strategyGuideAvoid","Avoid when"),":"]})," ",v(t,e,"avoid")]}),(0,s.jsxs)("p",{className:"text-text-main",children:[(0,s.jsxs)("span",{className:"font-semibold",children:[y(t,"strategyGuideExample","Example"),":"]})," ",v(t,e,"example")]})]})]})}function $({strategy:e,onApply:t,showNudge:a}){let r=(0,d.c)("combos"),i=g(r,e),n=j(r,e,"title"),o=j(r,e,"description"),c=j(r,e,"tips");return(0,s.jsxs)("div",{className:"rounded-lg border border-black/10 dark:border-white/10 bg-white/70 dark:bg-white/[0.02] p-2.5",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"text-[11px] text-text-muted",children:y(r,"recommendationsLabel","Recommended setup")}),(0,s.jsxs)("p",{className:"text-xs font-semibold text-text-main mt-0.5",children:[n," \xb7 ",(0,s.jsx)("span",{className:"text-primary",children:i})]}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:o})]}),(0,s.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:t,className:"!h-6 px-2 text-[10px]",children:y(r,"applyRecommendations","Apply recommendations")})]}),(0,s.jsx)("div",{className:"mt-2 grid grid-cols-1 gap-1",children:c.map((t,a)=>(0,s.jsxs)("div",{className:"flex items-start gap-1 rounded-md bg-black/[0.02] dark:bg-white/[0.03] px-1.5 py-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px] text-primary mt-0.5",children:"check"}),(0,s.jsx)("p",{className:"text-[10px] text-text-main",children:t})]},`${e}-tip-${a+1}`))}),a&&(0,s.jsx)("div",{"data-testid":"strategy-change-nudge",className:"mt-2 rounded-md border border-primary/20 bg-primary/10 px-2 py-1 text-[10px] text-primary",children:y(r,"recommendationsUpdated","Recommendations updated for {strategy}.").replace("{strategy}",i)})]})}function S({label:e,help:t}){return(0,s.jsxs)("div",{className:"flex items-center gap-1 mb-0.5",children:[(0,s.jsx)("label",{className:"text-[10px] text-text-muted",children:e}),(0,s.jsx)(i,{content:t,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px] text-text-muted cursor-help",children:"help"})})]})}function M({checks:e,blockers:t}){let a=(0,d.c)("combos"),r=t.length>0;return(0,s.jsxs)("div",{"data-testid":"combo-readiness-panel",className:`rounded-lg border px-2.5 py-2 ${r?"border-amber-500/30 bg-amber-500/5":"border-emerald-500/20 bg-emerald-500/[0.04]"}`,children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:`material-symbols-outlined text-[14px] ${r?"text-amber-600 dark:text-amber-400":"text-emerald-600 dark:text-emerald-400"}`,children:r?"rule":"check_circle"}),(0,s.jsx)("p",{className:"text-[11px] font-medium text-text-main",children:y(a,"readinessTitle","Ready to save?")})]}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:y(a,"readinessDescription","Review the checklist before creating or updating this combo.")}),(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-1 mt-2",children:e.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-1 rounded-md px-1.5 py-1 bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,s.jsx)("span",{className:`material-symbols-outlined text-[12px] ${e.ok?"text-emerald-500":"text-amber-500"}`,children:e.ok?"task_alt":"pending"}),(0,s.jsx)("span",{className:"text-[10px] text-text-main",children:e.label})]},e.id))}),r&&(0,s.jsxs)("div",{"data-testid":"combo-save-blockers",className:"mt-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-2 py-1.5",children:[(0,s.jsx)("p",{className:"text-[10px] font-medium text-amber-700 dark:text-amber-300",children:y(a,"saveBlockedTitle","Save is blocked until the following items are fixed:")}),(0,s.jsx)("div",{className:"mt-1 flex flex-col gap-0.5",children:t.map((e,t)=>(0,s.jsxs)("p",{className:"text-[10px] text-amber-700 dark:text-amber-300",children:["• ",e]},`${e}-${t}`))})]})]})}function T({combo:e,metrics:t,copied:a,onCopy:r,onEdit:n,onDelete:o,onDuplicate:c,onTest:m,testing:x,onProxy:p,hasProxy:u,onToggle:h,providerNodes:b}){let y=e.strategy||"priority",v=e.models||[],j=!1===e.isActive,N=(0,d.c)("combos"),w=(0,d.c)("common"),C=f(N,y);return(0,s.jsx)(l.Zp,{padding:"sm",className:`group ${j?"opacity-50":""}`,children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 flex-1 min-w-0",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("code",{className:"text-sm font-medium font-mono truncate",children:e.name}),(0,s.jsx)(i,{content:C,children:(0,s.jsx)("span",{className:`text-[9px] uppercase font-semibold px-1.5 py-0.5 rounded-full ${"weighted"===y?"bg-amber-500/15 text-amber-600 dark:text-amber-400":"round-robin"===y?"bg-emerald-500/15 text-emerald-600 dark:text-emerald-400":"random"===y?"bg-purple-500/15 text-purple-600 dark:text-purple-400":"least-used"===y?"bg-cyan-500/15 text-cyan-600 dark:text-cyan-400":"cost-optimized"===y?"bg-teal-500/15 text-teal-600 dark:text-teal-400":"bg-blue-500/15 text-blue-600 dark:text-blue-400"}`,children:g(N,y)})}),u&&(0,s.jsxs)("span",{className:"text-[9px] uppercase font-semibold px-1.5 py-0.5 rounded-full bg-primary/15 text-primary flex items-center gap-0.5",title:N("proxyConfigured"),children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[11px]",children:"vpn_lock"}),"proxy"]}),(0,s.jsx)("button",{onClick:t=>{t.stopPropagation(),r(e.name,`combo-${e.id}`)},className:"p-0.5 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors opacity-100 md:opacity-0 md:group-hover:opacity-100",title:N("copyComboName"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:a===`combo-${e.id}`?"check":"content_copy"})})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1 mt-0.5 flex-wrap",children:[0===v.length?(0,s.jsx)("span",{className:"text-xs text-text-muted italic",children:N("noModels")}):v.slice(0,3).map((e,t)=>{let{model:a,weight:r}=k(e);return(0,s.jsxs)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1.5 py-0.5 rounded text-text-muted",children:[(e=>{let t=e.split("/");if(2!==t.length)return e;let[a,s]=t,r=(b||[]).find(e=>e.id===a||e.prefix===a);return r?`${r.name}/${s}`:e})(a),"weighted"===y&&r>0?` (${r}%)`:""]},t)}),v.length>3&&(0,s.jsx)("span",{className:"text-[10px] text-text-muted",children:N("more",{count:v.length-3})})]}),t&&(0,s.jsxs)("div",{className:"flex items-center gap-3 mt-1",children:[(0,s.jsxs)("span",{className:"text-[10px] text-text-muted",children:[(0,s.jsx)("span",{className:"text-emerald-500",children:t.totalSuccesses}),"/",t.totalRequests," ",N("reqs")]}),(0,s.jsxs)("span",{className:"text-[10px] text-text-muted",children:[t.successRate,"% ",N("success")]}),(0,s.jsxs)("span",{className:"text-[10px] text-text-muted",children:["~",t.avgLatencyMs,"ms"]}),t.fallbackRate>0&&(0,s.jsxs)("span",{className:"text-[10px] text-amber-500",children:[t.fallbackRate,"% fallback"]})]})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 shrink-0 ml-2",children:[(0,s.jsx)(l.lM,{size:"sm",checked:!j,onChange:h,title:N(j?"enableCombo":"disableCombo")}),(0,s.jsxs)("div",{className:"flex items-center gap-1 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-opacity",children:[(0,s.jsx)("button",{onClick:m,disabled:x,className:"p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-emerald-500 transition-colors",title:N("testCombo"),children:(0,s.jsx)("span",{className:`material-symbols-outlined text-[16px] ${x?"animate-spin":""}`,children:x?"progress_activity":"play_arrow"})}),(0,s.jsx)("button",{onClick:c,className:"p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors",title:N("duplicate"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"content_copy"})}),(0,s.jsx)("button",{onClick:p,className:"p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors",title:N("proxyConfig"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"vpn_lock"})}),(0,s.jsx)("button",{onClick:n,className:"p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors",title:w("edit"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"edit"})}),(0,s.jsx)("button",{onClick:o,className:"p-1.5 hover:bg-red-500/10 rounded text-red-500 transition-colors",title:w("delete"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"delete"})})]})]})]})})}function D({results:e}){return e.error?(0,s.jsxs)("div",{className:"flex items-center gap-2 text-red-500 text-sm",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"error"}),"string"==typeof e.error?e.error:JSON.stringify(e.error)]}):(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[e.resolvedBy&&(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-emerald-500 text-[18px]",children:"check_circle"}),(0,s.jsxs)("span",{children:["Resolved by:"," ",(0,s.jsx)("code",{className:"text-xs bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 px-1.5 py-0.5 rounded",children:e.resolvedBy})]})]}),e.results?.map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center gap-2 text-xs px-2 py-1.5 rounded bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,s.jsx)("span",{className:`material-symbols-outlined text-[14px] ${"ok"===e.status?"text-emerald-500":"skipped"===e.status?"text-text-muted":"text-red-500"}`,children:"ok"===e.status?"check_circle":"skipped"===e.status?"skip_next":"error"}),(0,s.jsx)("code",{className:"font-mono flex-1",children:e.model}),void 0!==e.latencyMs&&(0,s.jsxs)("span",{className:"text-text-muted",children:[e.latencyMs,"ms"]}),(0,s.jsx)("span",{className:`text-[10px] uppercase font-medium ${"ok"===e.status?"text-emerald-500":"skipped"===e.status?"text-text-muted":"text-red-500"}`,children:e.status})]},t))]})}function E({isOpen:e,combo:t,onClose:a,onSave:n,activeProviders:x}){let p=(0,d.c)("combos"),u=(0,d.c)("common"),b=(0,o.i)(),[v,j]=(0,r.useState)(t?.name||""),[N,w]=(0,r.useState)(()=>(t?.models||[]).map(e=>k(e))),[T,D]=(0,r.useState)(t?.strategy||"priority"),[E,R]=(0,r.useState)(!1),[z,A]=(0,r.useState)(!1),[K,q]=(0,r.useState)(""),[_,O]=(0,r.useState)({}),[U,H]=(0,r.useState)({}),[B,F]=(0,r.useState)([]),[L,W]=(0,r.useState)(!1),[G,I]=(0,r.useState)(t?.config||{}),[Q,J]=(0,r.useState)(!1),Z=(0,r.useRef)(!1),Y=(0,r.useCallback)(e=>{let t=e.split("/");if(2!==t.length)return!1;let[a,s]=t,r=B.find(e=>e.id===a||e.prefix===a),l=[a];return r?.apiType&&l.push(r.apiType),r?.name&&l.push(String(r.name).toLowerCase()),l.some(e=>!!_?.[e]?.[s])},[_,B]),[V,X]=(0,r.useState)(null),[ee,et]=(0,r.useState)(null),ea=N.reduce((e,t)=>e+(t.weight||0),0),es=N.reduce((e,t)=>e+ +!!Y(t.model),0),er=N.length>0?Math.round(es/N.length*100):0,el=0===N.length,ei="round-robin"===T&&1===N.length,en="cost-optimized"===T&&N.length>0&&0===es,eo="cost-optimized"===T&&N.length>0&&es>0&&es<N.length,ed="weighted"===T&&N.length>0&&100!==ea,ec=!v.trim()||!!K||z||el||ed||en,em=[{id:"name",ok:!!v.trim()&&!K,label:y(p,"readinessCheckName","Combo name is valid")},{id:"models",ok:!el,label:y(p,"readinessCheckModels","At least one model is selected")},{id:"weights",ok:"weighted"!==T||!ed,label:"weighted"===T?y(p,"readinessCheckWeights","Weighted total is 100%"):y(p,"readinessCheckWeightsOptional","Weight rule not required")},{id:"pricing",ok:"cost-optimized"!==T||!en,label:"cost-optimized"===T?y(p,"readinessCheckPricing","Pricing data is available"):y(p,"readinessCheckPricingOptional","Pricing rule not required")}],ex=[];v.trim()?K&&ex.push(K):ex.push(y(p,"saveBlockName","Define a combo name.")),el&&ex.push(y(p,"saveBlockModels","Add at least one model.")),ed&&ex.push("function"==typeof p.has&&p.has("saveBlockWeighted")?p("saveBlockWeighted",{total:ea}):`Set weights to 100% (current: ${ea}%).`),en&&ex.push(y(p,"saveBlockPricing","Add pricing for at least one model or choose a different strategy."));let ep=async()=>{try{let[e,t,a]=await Promise.all([fetch("/api/models/alias"),fetch("/api/provider-nodes"),fetch("/api/pricing")]);if(!e.ok||!t.ok)throw Error(`Failed to fetch data: aliases=${e.status}, nodes=${t.status}`);let s=a.ok?await a.json():{},[r,l]=await Promise.all([e.json(),t.json()]);O(s&&"object"==typeof s&&!Array.isArray(s)?s:{}),H(r.aliases||{}),F(l.nodes||[])}catch(e){console.error("Error fetching modal data:",e)}};(0,r.useEffect)(()=>{e&&ep()},[e]),(0,r.useEffect)(()=>{if(!Z.current){Z.current=!0;return}J(!0);let e=setTimeout(()=>J(!1),2600);return()=>clearTimeout(e)},[T]);let eu=e=>e.trim()?c.test(e)?(q(""),!0):(q(p("nameInvalid")),!1):(q(p("nameRequired")),!1),eh=()=>{let e=N.length;if(0===e)return;let t=Math.floor(100/e),a=100-t*e;w(N.map((e,s)=>({...e,weight:t+(0===s?a:0)})))},eb=(0,r.useCallback)(e=>{let t=e.split("/");if(2!==t.length)return e;let[a,s]=t,r=B.find(e=>e.id===a||e.prefix===a);return r?`${r.name}/${s}`:e},[B]),eg=e=>{e.target&&(e.currentTarget.style.opacity="1"),X(null),et(null)},ef=async()=>{if(!eu(v)||el||ed||en)return;A(!0);let e={name:v.trim(),models:"weighted"===T?N:N.map(e=>e.model),strategy:T},t={...G};"round-robin"===T&&(void 0!==G.concurrencyPerModel&&(t.concurrencyPerModel=G.concurrencyPerModel),void 0!==G.queueTimeoutMs&&(t.queueTimeoutMs=G.queueTimeoutMs)),Object.keys(t).length>0&&(e.config=t),await n(e),A(!1)},ey=!!t;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.aF,{isOpen:e,onClose:a,title:ey?p("editCombo"):p("createCombo"),children:(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(l.pd,{label:p("comboName"),value:v,onChange:e=>{let t=e.target.value;j(t),t?eu(t):q("")},placeholder:p("comboNamePlaceholder"),error:K}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:p("nameHint")})]}),!ey&&(0,s.jsxs)("div",{className:"rounded-lg border border-black/10 dark:border-white/10 bg-black/[0.02] dark:bg-white/[0.02] p-2.5",children:[(0,s.jsxs)("div",{className:"mb-2",children:[(0,s.jsx)("p",{className:"text-xs font-medium",children:y(p,"templatesTitle","Quick templates")}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:y(p,"templatesDescription","Apply a starting profile, then adjust models and config.")})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-1.5",children:h.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{D(e.strategy),I(t=>({...t,...e.config})),v.trim()||j(e.suggestedName)},className:"text-left rounded-md border border-black/10 dark:border-white/10 bg-white/70 dark:bg-white/[0.03] px-2 py-1.5 hover:border-primary/40 hover:bg-primary/5 transition-colors",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary",children:e.icon}),(0,s.jsx)("span",{className:"text-[11px] font-medium text-text-main",children:y(p,e.titleKey,e.fallbackTitle)})]}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-1 leading-4",children:y(p,e.descKey,e.fallbackDesc)}),(0,s.jsx)("p",{className:"text-[10px] text-primary mt-1",children:y(p,"templateApply","Apply template")})]},e.id))})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center gap-1 mb-1.5",children:[(0,s.jsx)("label",{className:"text-sm font-medium",children:p("routingStrategy")}),(0,s.jsx)(i,{content:f(p,T),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[13px] text-text-muted cursor-help",children:"help"})})]}),(0,s.jsx)("div",{className:"grid grid-cols-3 gap-1 p-0.5 bg-black/5 dark:bg-white/5 rounded-lg",children:m.map(e=>(0,s.jsxs)("button",{onClick:()=>D(e.value),"data-testid":`strategy-option-${e.value}`,title:p(e.descKey),"aria-label":`${g(p,e.value)}. ${p(e.descKey)}`,className:`py-1.5 px-2 rounded-md text-xs font-medium transition-all ${T===e.value?"bg-white dark:bg-bg-main shadow-sm text-primary":"text-text-muted hover:text-text-main"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] align-middle mr-0.5",children:e.icon}),g(p,e.value)]},e.value))}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:f(p,T)}),(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(C,{strategy:T})}),(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)($,{strategy:T,onApply:()=>{let e={priority:{maxRetries:2,retryDelayMs:1500,healthCheckEnabled:!0},weighted:{maxRetries:1,retryDelayMs:1e3,healthCheckEnabled:!0},"round-robin":{maxRetries:1,retryDelayMs:750,healthCheckEnabled:!0,concurrencyPerModel:3,queueTimeoutMs:3e4},random:{maxRetries:1,retryDelayMs:1e3,healthCheckEnabled:!0},"least-used":{maxRetries:1,retryDelayMs:1e3,healthCheckEnabled:!0},"cost-optimized":{maxRetries:1,retryDelayMs:500,healthCheckEnabled:!0}},t=e[T]||e.priority;I(e=>{let a={...e};for(let[e,s]of Object.entries(t))(void 0===a[e]||null===a[e]||""===a[e])&&(a[e]=s);return a}),"weighted"===T&&N.length>1&&eh(),"round-robin"===T&&W(!0),b.success(y(p,"recommendationsApplied","Recommendations applied to this combo."))},showNudge:Q})})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,s.jsx)("label",{className:"text-sm font-medium",children:p("models")}),"weighted"===T&&N.length>1&&(0,s.jsx)("button",{onClick:eh,className:"text-[10px] text-primary hover:text-primary/80 transition-colors",children:p("autoBalance")})]}),0===N.length?(0,s.jsxs)("div",{className:"text-center py-4 border border-dashed border-black/10 dark:border-white/10 rounded-lg bg-black/[0.01] dark:bg-white/[0.01]",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-xl mb-1",children:"layers"}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:p("noModelsYet")})]}):(0,s.jsx)("div",{className:"flex flex-col gap-1 max-h-[240px] overflow-y-auto",children:N.map((e,t)=>(0,s.jsxs)("div",{draggable:!0,onDragStart:e=>{X(t),e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t.toString()),e.target&&setTimeout(()=>e.currentTarget.style.opacity="0.5",0)},onDragEnd:eg,onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move",et(t)},onDrop:e=>((e,t)=>{if(e.preventDefault(),null===V||V===t)return;let a=[...N],[s]=a.splice(V,1);a.splice(t,0,s),w(a),X(null),et(null)})(e,t),className:`group/item flex items-center gap-1.5 px-2 py-1.5 rounded-md transition-all cursor-grab active:cursor-grabbing ${ee===t&&V!==t?"bg-primary/10 border border-primary/30":"bg-black/[0.02] dark:bg-white/[0.02] hover:bg-black/[0.04] dark:hover:bg-white/[0.04] border border-transparent"} ${V===t?"opacity-50":""}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted/40 cursor-grab shrink-0",children:"drag_indicator"}),(0,s.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-3 text-center shrink-0",children:t+1}),(0,s.jsx)("div",{className:"flex-1 min-w-0 px-1 text-xs text-text-main truncate",children:eb(e.model)}),"cost-optimized"===T&&(0,s.jsx)("span",{className:`text-[9px] px-1.5 py-0.5 rounded-full uppercase font-semibold ${Y(e.model)?"bg-emerald-500/15 text-emerald-600 dark:text-emerald-400":"bg-amber-500/15 text-amber-600 dark:text-amber-400"}`,title:Y(e.model)?y(p,"pricingAvailable","Pricing available"):y(p,"pricingMissing","No pricing"),children:Y(e.model)?y(p,"pricingAvailableShort","priced"):y(p,"pricingMissingShort","no-price")}),"weighted"===T&&(0,s.jsxs)("div",{className:"flex items-center gap-0.5 shrink-0",children:[(0,s.jsx)("input",{type:"number",min:"0",max:"100",value:e.weight,onChange:e=>{var a;let s;return a=e.target.value,void((s=[...N])[t]={...s[t],weight:Math.max(0,Math.min(100,Number(a)||0))},w(s))},className:"w-10 text-[11px] text-center py-0.5 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"}),(0,s.jsx)("span",{className:"text-[10px] text-text-muted",children:"%"})]}),"priority"===T&&(0,s.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,s.jsx)("button",{onClick:()=>(e=>{if(0===e)return;let t=[...N];[t[e-1],t[e]]=[t[e],t[e-1]],w(t)})(t),disabled:0===t,className:`p-0.5 rounded ${0===t?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:p("moveUp"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_upward"})}),(0,s.jsx)("button",{onClick:()=>(e=>{if(e===N.length-1)return;let t=[...N];[t[e],t[e+1]]=[t[e+1],t[e]],w(t)})(t),disabled:t===N.length-1,className:`p-0.5 rounded ${t===N.length-1?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:p("moveDown"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_downward"})})]}),(0,s.jsx)("button",{onClick:()=>{w(N.filter((e,a)=>a!==t))},className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 transition-all",title:p("removeModel"),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]},`${e.model}-${t}`))}),"weighted"===T&&N.length>0&&(0,s.jsx)(P,{models:N}),"cost-optimized"===T&&N.length>0&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-black/10 dark:border-white/10 bg-black/[0.02] dark:bg-white/[0.02] px-2 py-1.5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-[10px]",children:[(0,s.jsx)("span",{className:"text-text-muted",children:y(p,"pricingCoverage","Pricing coverage")}),(0,s.jsxs)("span",{className:"font-medium text-text-main",children:[es,"/",N.length," (",er,"%)"]})]}),(0,s.jsx)("div",{className:"h-1.5 mt-1 rounded-full bg-black/10 dark:bg-white/10 overflow-hidden",children:(0,s.jsx)("div",{className:`h-full transition-all duration-300 ${100===er?"bg-emerald-500":er>0?"bg-amber-500":"bg-red-500"}`,style:{width:`${er}%`}})}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted mt-1",children:y(p,"pricingCoverageHint","Cost-optimized works best when all combo models have pricing.")})]}),el&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-amber-500/20 bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"warning"}),(0,s.jsx)("span",{children:p("noModelsYet")})]}),ed&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-amber-500/20 bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"warning"}),(0,s.jsxs)("span",{children:[p("weighted")," ",ea,"% ","≠"," 100%. ",p("autoBalance")]})]}),ei&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-blue-500/20 bg-blue-500/10 px-2 py-1.5 text-[10px] text-blue-700 dark:text-blue-300 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"info"}),(0,s.jsx)("span",{children:y(p,"warningRoundRobinSingleModel","Round-robin is most useful with at least 2 models.")})]}),eo&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-amber-500/20 bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"warning"}),(0,s.jsx)("span",{children:"function"==typeof p.has&&p.has("warningCostOptimizedPartialPricing")?p("warningCostOptimizedPartialPricing",{priced:es,total:N.length}):`Only ${es} of ${N.length} models have pricing. Routing may be partially cost-aware.`})]}),en&&(0,s.jsxs)("div",{className:"mt-2 rounded-md border border-amber-500/20 bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-700 dark:text-amber-300 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"warning"}),(0,s.jsx)("span",{children:y(p,"warningCostOptimizedNoPricing","No pricing data found for this combo. Cost-optimized may route unexpectedly.")})]}),(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(M,{checks:em,blockers:ex})}),(0,s.jsxs)("button",{onClick:()=>R(!0),className:"w-full mt-2 py-2 border border-dashed border-black/10 dark:border-white/10 rounded-lg text-xs text-text-muted hover:text-primary hover:border-primary/30 transition-colors flex items-center justify-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),p("addModel")]})]}),(0,s.jsxs)("button",{onClick:()=>W(!L),className:"flex items-center gap-1 text-xs text-text-muted hover:text-text-main transition-colors self-start",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:L?"expand_less":"expand_more"}),p("advancedSettings")]}),L&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 p-3 bg-black/[0.02] dark:bg-white/[0.02] rounded-lg border border-black/5 dark:border-white/5",children:[(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(S,{label:p("maxRetries"),help:y(p,"advancedHelp.maxRetries","How many retries are attempted before failing the request.")}),(0,s.jsx)("input",{type:"number",min:"0",max:"10",value:G.maxRetries??"",placeholder:"1",onChange:e=>I({...G,maxRetries:e.target.value?Number(e.target.value):void 0}),className:"w-full text-xs py-1.5 px-2 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)(S,{label:p("retryDelay"),help:y(p,"advancedHelp.retryDelay","Initial delay between retries. Higher values reduce burst pressure.")}),(0,s.jsx)("input",{type:"number",min:"0",max:"60000",step:"500",value:G.retryDelayMs??"",placeholder:"2000",onChange:e=>I({...G,retryDelayMs:e.target.value?Number(e.target.value):void 0}),className:"w-full text-xs py-1.5 px-2 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)(S,{label:p("timeout"),help:y(p,"advancedHelp.timeout","Maximum request time before aborting. Set higher for long generations.")}),(0,s.jsx)("input",{type:"number",min:"1000",max:"600000",step:"1000",value:G.timeoutMs??"",placeholder:"120000",onChange:e=>I({...G,timeoutMs:e.target.value?Number(e.target.value):void 0}),className:"w-full text-xs py-1.5 px-2 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsx)(S,{label:p("healthcheck"),help:y(p,"advancedHelp.healthcheck","Skips unhealthy models/providers from routing decisions when enabled.")}),(0,s.jsx)("input",{type:"checkbox",checked:!1!==G.healthCheckEnabled,onChange:e=>I({...G,healthCheckEnabled:e.target.checked}),className:"accent-primary"})]})]}),"round-robin"===T&&(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-2 pt-2 border-t border-black/5 dark:border-white/5",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(S,{label:p("concurrencyPerModel"),help:y(p,"advancedHelp.concurrencyPerModel","Max simultaneous requests sent to each model in round-robin.")}),(0,s.jsx)("input",{type:"number",min:"1",max:"20",value:G.concurrencyPerModel??"",placeholder:"3",onChange:e=>I({...G,concurrencyPerModel:e.target.value?Number(e.target.value):void 0}),className:"w-full text-xs py-1.5 px-2 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)(S,{label:p("queueTimeout"),help:y(p,"advancedHelp.queueTimeout","How long a request can wait in queue before timeout in round-robin.")}),(0,s.jsx)("input",{type:"number",min:"1000",max:"120000",step:"1000",value:G.queueTimeoutMs??"",placeholder:"30000",onChange:e=>I({...G,queueTimeoutMs:e.target.value?Number(e.target.value):void 0}),className:"w-full text-xs py-1.5 px-2 rounded border border-black/10 dark:border-white/10 bg-transparent focus:border-primary focus:outline-none"})]})]}),(0,s.jsx)("p",{className:"text-[10px] text-text-muted",children:p("advancedHint")})]}),(0,s.jsxs)("div",{className:"flex gap-2 pt-1",children:[(0,s.jsx)(l.$n,{onClick:a,variant:"ghost",fullWidth:!0,size:"sm",children:u("cancel")}),(0,s.jsx)(l.$n,{onClick:ef,fullWidth:!0,size:"sm",disabled:ec,children:z?p("saving"):ey?u("save"):p("createCombo")})]})]})}),(0,s.jsx)(l.rq,{isOpen:E,onClose:()=>R(!1),onSelect:e=>{N.find(t=>t.model===e.value)||w([...N,{model:e.value,weight:0}])},activeProviders:x,modelAliases:U,title:p("addModelToCombo"),selectedModel:null})]})}function P({models:e}){let t=e.reduce((e,t)=>e+(t.weight||0),0),a=100===t,r=["bg-blue-500","bg-emerald-500","bg-amber-500","bg-purple-500","bg-rose-500","bg-cyan-500","bg-orange-500","bg-indigo-500"];return(0,s.jsxs)("div",{className:"mt-1.5",children:[(0,s.jsx)("div",{className:"h-1.5 rounded-full bg-black/5 dark:bg-white/5 overflow-hidden flex",children:e.map((e,t)=>e.weight?(0,s.jsx)("div",{className:`${r[t%r.length]} transition-all duration-300`,style:{width:`${Math.min(e.weight,100)}%`}},t):null)}),(0,s.jsxs)("div",{className:"flex items-center justify-between mt-0.5",children:[(0,s.jsx)("div",{className:"flex gap-1",children:e.map((e,t)=>e.weight>0&&(0,s.jsxs)("span",{className:"flex items-center gap-0.5 text-[9px] text-text-muted",children:[(0,s.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full ${r[t%r.length]}`}),e.weight,"%"]},t))}),(0,s.jsxs)("span",{className:`text-[10px] font-medium ${a?"text-emerald-500":t>100?"text-red-500":"text-amber-500"}`,children:[t,"%",!a&&t>0&&" ≠ 100%"]})]})]})}}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=93062)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/costs/{page-7a233357dfbd2e05.js → page-8f6233f59f5277e9.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3700],{14031:(e,t,s)=>{Promise.resolve().then(s.bind(s,70595))},40993:(e,t,s)=>{"use strict";s.d(t,{Ex:()=>o.default,$n:()=>a.default,Zp:()=>i.default,Qv:()=>n.CardSkeleton,G9:()=>y.default,bQ:()=>w.default,pp:()=>v.default,Qn:()=>N.default,pd:()=>l.default,Mh:()=>f.default,uR:()=>x.default,aF:()=>d.default,rq:()=>u.default,LF:()=>m.default,KN:()=>g.default,Lo:()=>b.default,y7:()=>h.default,Iz:()=>j.default,l6:()=>r.default,lM:()=>c.default,cn:()=>p.default});var a=s(35806),l=s(34422),r=s(42994),i=s(81060),d=s(71361),n=s(92542);s(17705);var o=s(80927),c=s(19790);s(6261),s(55846),s(34243),s(89938),s(99023);var m=s(80178),u=s(85444),x=s(91961);s(25112);var p=s(45624),h=s(37415),g=s(48643),b=s(8287);s(1652);var f=s(92701);s(18150);var y=s(71689),j=s(33709);s(76332);var v=s(66200);s(61580);var N=s(51503);s(54128);var w=s(44638);s(21720),s(97050)},70595:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>g});var a=s(95155),l=s(12115),r=s(40993),i=s(50910),d=s(33418),n=s(67671);function o({value:e,max:t,warningAt:s=.8,formatCurrency:l}){let r=t>0?Math.min(e/t*100,100):0,i=t>0?e/t:0;return(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{className:"flex justify-between text-xs mb-1",children:[(0,a.jsx)("span",{className:"text-text-muted",children:l(e)}),(0,a.jsx)("span",{className:"text-text-muted",children:l(t)})]}),(0,a.jsx)("div",{className:"w-full h-2 rounded-full bg-surface/50 overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${r}%`,backgroundColor:i>=1?"#ef4444":i>=s?"#f59e0b":"#22c55e"}})})]})}function c(){let e=(0,i.c)("usage"),t=(0,d.Ym)(),[s,c]=(0,l.useState)([]),[m,u]=(0,l.useState)(null),[x,p]=(0,l.useState)(null),[h,g]=(0,l.useState)(!0),[b,f]=(0,l.useState)(!1),[y,j]=(0,l.useState)({dailyLimitUsd:"",monthlyLimitUsd:"",warningThreshold:"80"}),v=(0,n.i)(),N=e=>new Intl.NumberFormat(t,{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(e||0));(0,l.useEffect)(()=>{fetch("/api/keys").then(e=>e.json()).then(e=>{let t=Array.isArray(e)?e:e.keys||[];c(t),t.length>0&&u(t[0].id),g(!1)}).catch(()=>g(!1))},[]);let w=(0,l.useCallback)(async()=>{if(m)try{let e=await fetch(`/api/usage/budget?apiKeyId=${m}`);if(e.ok){let t=await e.json();p(t),t.dailyLimitUsd&&j(e=>({...e,dailyLimitUsd:String(t.dailyLimitUsd)})),t.monthlyLimitUsd&&j(e=>({...e,monthlyLimitUsd:String(t.monthlyLimitUsd)})),t.warningThreshold&&j(e=>({...e,warningThreshold:String(t.warningThreshold)}))}}catch{}},[m]);(0,l.useEffect)(()=>{w()},[w]);let C=async()=>{f(!0);try{(await fetch("/api/usage/budget",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyId:m,dailyLimitUsd:y.dailyLimitUsd?parseFloat(y.dailyLimitUsd):null,monthlyLimitUsd:y.monthlyLimitUsd?parseFloat(y.monthlyLimitUsd):null,warningThreshold:parseInt(y.warningThreshold)||80})})).ok?(v.success(e("budgetSaved")),await w()):v.error(e("budgetSaveFailed"))}catch{v.error(e("budgetSaveFailed"))}finally{f(!1)}};if(h)return(0,a.jsxs)("div",{className:"flex items-center gap-2 text-text-muted p-8 animate-pulse",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"account_balance_wallet"}),e("loadingBudgetData")]});if(0===s.length)return(0,a.jsx)(r.pp,{icon:"vpn_key",title:e("noApiKeysTitle"),description:e("noApiKeysDescription")});let k=x?.dailyLimitUsd||parseFloat(y.dailyLimitUsd)||0,L=x?.monthlyLimitUsd||parseFloat(y.monthlyLimitUsd)||0,S=x?.totalCostToday||0,U=x?.totalCostMonth||0,T=(parseInt(y.warningThreshold)||80)/100;return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)(r.Zp,{className:"p-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-emerald-500/10 text-emerald-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"account_balance_wallet"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:e("budgetManagement")})]}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("label",{className:"text-sm text-text-muted mb-1 block",children:e("apiKey")}),(0,a.jsx)("select",{value:m||"",onChange:e=>u(e.target.value),className:"w-full md:w-auto px-3 py-2 rounded-lg border border-border/50 bg-surface/30 text-text-main text-sm focus:outline-none focus:ring-1 focus:ring-primary",children:s.map(e=>(0,a.jsxs)("option",{value:e.id,children:[e.name||e.id," ",e.provider?`(${e.provider})`:""]},e.id))})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[(0,a.jsxs)("div",{className:"p-4 rounded-lg border border-border/30 bg-surface/20",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted mb-2",children:e("todaysSpend")}),(0,a.jsx)("p",{className:"text-2xl font-bold text-text-main",children:N(S)}),k>0&&(0,a.jsx)(o,{value:S,max:k,warningAt:T,formatCurrency:N})]}),(0,a.jsxs)("div",{className:"p-4 rounded-lg border border-border/30 bg-surface/20",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted mb-2",children:e("thisMonth")}),(0,a.jsx)("p",{className:"text-2xl font-bold text-text-main",children:N(U)}),L>0&&(0,a.jsx)(o,{value:U,max:L,warningAt:T,formatCurrency:N})]})]}),(0,a.jsxs)("div",{className:"border-t border-border/30 pt-4",children:[(0,a.jsx)("p",{className:"text-sm font-medium mb-3",children:e("setLimits")}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4",children:[(0,a.jsx)(r.pd,{label:e("dailyLimitUsd"),type:"number",step:"0.01",min:"0",placeholder:e("dailyLimitPlaceholder"),value:y.dailyLimitUsd,onChange:e=>j({...y,dailyLimitUsd:e.target.value})}),(0,a.jsx)(r.pd,{label:e("monthlyLimitUsd"),type:"number",step:"0.01",min:"0",placeholder:e("monthlyLimitPlaceholder"),value:y.monthlyLimitUsd,onChange:e=>j({...y,monthlyLimitUsd:e.target.value})}),(0,a.jsx)(r.pd,{label:e("warningThresholdPercent"),type:"number",min:"1",max:"100",placeholder:e("warningThresholdPlaceholder"),value:y.warningThreshold,onChange:e=>j({...y,warningThreshold:e.target.value})})]}),(0,a.jsx)(r.$n,{variant:"primary",onClick:C,loading:b,children:e("saveLimits")})]})]}),x?.budgetCheck&&(0,a.jsx)(r.Zp,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",style:{color:x.budgetCheck.allowed?"#22c55e":"#ef4444"},children:x.budgetCheck.allowed?"check_circle":"block"}),(0,a.jsx)("span",{className:"text-sm",children:x.budgetCheck.allowed?e("budgetOk",{remaining:N(x.budgetCheck.remaining||0)}):e("budgetExceeded")})]})})]})}let m=["input","output","cached","reasoning","cache_creation"],u={input:"input",output:"output",cached:"cached",reasoning:"reasoning",cache_creation:"cacheCreation"};function x(){let[e,t]=(0,l.useState)({}),[s,d]=(0,l.useState)({}),[n,o]=(0,l.useState)(!0),[c,m]=(0,l.useState)(!1),[u,x]=(0,l.useState)(""),[h,g]=(0,l.useState)(null),[b,f]=(0,l.useState)(new Set),[y,j]=(0,l.useState)(""),[v,N]=(0,l.useState)(new Set),w=(0,i.c)("settings");(0,l.useEffect)(()=>{C()},[]);let C=async()=>{o(!0);try{let[e,s]=await Promise.all([fetch("/api/pricing/models"),fetch("/api/pricing")]);e.ok&&t(await e.json()),s.ok&&d(await s.json())}catch(e){console.error("Failed to load pricing data:",e)}finally{o(!1)}},k=(0,l.useMemo)(()=>Object.entries(e).map(([e,t])=>({alias:e,...t,pricedModels:s[e]?Object.keys(s[e]).length:0})).sort((e,t)=>t.modelCount-e.modelCount),[e,s]),L=(0,l.useMemo)(()=>{if(!y.trim())return k;let e=y.toLowerCase();return k.filter(t=>t.alias.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)||t.models.some(t=>t.id.toLowerCase().includes(e)||t.name.toLowerCase().includes(e)))},[k,y]),S=(0,l.useMemo)(()=>{let e=k.reduce((e,t)=>e+t.modelCount,0),t=Object.values(s).reduce((e,t)=>e+Object.keys(t).length,0);return{providers:k.length,totalModels:e,pricedCount:t}},[k,s]),U=(0,l.useCallback)(e=>{f(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})},[]),T=(0,l.useCallback)((e,t,s,a)=>{let l=parseFloat(a);isNaN(l)||l<0||(d(a=>{let r={...a};return r[e]||(r[e]={}),r[e][t]||(r[e][t]={input:0,output:0,cached:0,reasoning:0,cache_creation:0}),r[e][t]={...r[e][t],[s]:l},r}),N(t=>new Set(t).add(e)))},[]),P=(0,l.useCallback)(async e=>{m(!0),x("");try{let t=s[e]||{},a=await fetch("/api/pricing",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({[e]:t})});if(a.ok)x(`✅ ${e.toUpperCase()} ${w("saved")}`),N(t=>{let s=new Set(t);return s.delete(e),s}),setTimeout(()=>x(""),3e3);else{let e=await a.json();x(`❌ ${w("errorOccurred")}: ${e.error}`)}}catch(e){x(`❌ ${w("saveFailed")}: ${e.message}`)}finally{m(!1)}},[s,w]),$=(0,l.useCallback)(async e=>{if(confirm(w("resetPricingConfirm",{provider:e.toUpperCase()})))try{let t=await fetch(`/api/pricing?provider=${e}`,{method:"DELETE"});if(t.ok){let s=await t.json();d(s),x(`🔄 ${e.toUpperCase()} ${w("resetDefaults")}`),N(t=>{let s=new Set(t);return s.delete(e),s}),setTimeout(()=>x(""),3e3)}}catch(e){x(`❌ ${w("resetFailed")}: ${e.message}`)}},[w]),D=(0,l.useCallback)(e=>{g(t=>t===e?null:e)},[]),F=(0,l.useMemo)(()=>h?L.filter(e=>e.alias===h):L,[L,h]);return n?(0,a.jsx)("div",{className:"flex items-center justify-center py-16",children:(0,a.jsx)("div",{className:"text-text-muted animate-pulse",children:w("loadingPricing")})}):(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between flex-wrap gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-bold",children:w("modelPricing")}),(0,a.jsx)("p",{className:"text-text-muted text-sm mt-1",children:w("modelPricingDesc")})]}),(0,a.jsxs)("div",{className:"flex gap-3 text-sm",children:[(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("providers")}),(0,a.jsx)("div",{className:"text-lg font-bold",children:S.providers})]}),(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("registry")}),(0,a.jsx)("div",{className:"text-lg font-bold",children:S.totalModels})]}),(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("priced")}),(0,a.jsx)("div",{className:"text-lg font-bold text-success",children:S.pricedCount})]})]})]}),u&&(0,a.jsx)("div",{className:"px-3 py-2 rounded-lg bg-bg-subtle border border-border text-sm",children:u}),(0,a.jsxs)("div",{className:"flex gap-3 items-center flex-wrap",children:[(0,a.jsxs)("div",{className:"relative flex-1 min-w-[200px]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-text-muted text-lg",children:"search"}),(0,a.jsx)("input",{type:"text",placeholder:w("searchProvidersModels"),value:y,onChange:e=>j(e.target.value),className:"w-full pl-10 pr-3 py-2 bg-bg-base border border-border rounded-lg focus:outline-none focus:border-primary text-sm"})]}),h&&(0,a.jsxs)("button",{onClick:()=>g(null),className:"px-3 py-2 text-xs bg-primary/10 text-primary border border-primary/20 rounded-lg hover:bg-primary/20 transition-colors flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"}),h.toUpperCase()," — ",w("showAll")]})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:k.map(e=>(0,a.jsxs)("button",{onClick:()=>D(e.alias),className:`px-2.5 py-1 rounded-md text-xs font-medium transition-all ${h===e.alias?"bg-primary text-white shadow-sm":v.has(e.alias)?"bg-yellow-500/15 text-yellow-400 border border-yellow-500/30":"bg-bg-subtle text-text-muted hover:bg-bg-hover border border-transparent"}`,children:[e.alias.toUpperCase()," ",(0,a.jsxs)("span",{className:"opacity-60",children:["(",e.modelCount,")"]})]},e.alias))}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[F.map(e=>(0,a.jsx)(p,{provider:e,pricingData:s[e.alias]||{},isExpanded:b.has(e.alias),isEdited:v.has(e.alias),onToggle:()=>U(e.alias),onPricingChange:(t,s,a)=>T(e.alias,t,s,a),onSave:()=>P(e.alias),onReset:()=>$(e.alias),saving:c},e.alias)),0===F.length&&(0,a.jsx)("div",{className:"text-center py-12 text-text-muted",children:w("noProvidersMatch")})]}),(0,a.jsxs)(r.Zp,{className:"p-4 mt-2",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold mb-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm align-middle mr-1",children:"info"}),w("howPricingWorks")]}),(0,a.jsxs)("div",{className:"text-xs text-text-muted space-y-1",children:[(0,a.jsxs)("p",{children:[w("pricingDescInput")," • ",w("pricingDescOutput")," • ",w("pricingDescCached")," •"," ",w("pricingDescReasoning")," • ",w("pricingDescCacheWrite")]}),(0,a.jsx)("p",{children:w("pricingDescFormula")})]})]})]})}function p({provider:e,pricingData:t,isExpanded:s,isEdited:l,onToggle:r,onPricingChange:d,onSave:n,onReset:o,saving:c}){let x=(0,i.c)("settings"),p=(0,i.c)(),g=Object.keys(t).length,b="oauth"===e.authType?p("providers.oauthLabel"):"apikey"===e.authType?p("providers.apiKeyLabel"):e.authType;return(0,a.jsxs)("div",{className:`border rounded-lg overflow-hidden transition-colors ${l?"border-yellow-500/40 bg-yellow-500/5":"border-border"}`,children:[(0,a.jsxs)("button",{onClick:r,className:"w-full flex items-center justify-between px-4 py-3 hover:bg-bg-hover/50 transition-colors text-left",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-lg transition-transform ${s?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"font-semibold text-sm",children:e.id.charAt(0).toUpperCase()+e.id.slice(1)}),(0,a.jsxs)("span",{className:"text-text-muted text-xs ml-2",children:["(",e.alias.toUpperCase(),")"]})]}),(0,a.jsx)("span",{className:"px-1.5 py-0.5 bg-bg-subtle text-text-muted text-[10px] rounded uppercase font-semibold",children:b}),(0,a.jsx)("span",{className:"px-1.5 py-0.5 bg-bg-subtle text-text-muted text-[10px] rounded uppercase font-semibold",children:e.format})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[l&&(0,a.jsx)("span",{className:"text-yellow-500 text-xs font-medium",children:x("unsaved")}),(0,a.jsxs)("span",{className:"text-text-muted text-xs",children:[g,"/",e.modelCount," ",x("withPricing")]}),(0,a.jsx)("div",{className:"w-16 h-1.5 bg-bg-subtle rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-primary rounded-full transition-all",style:{width:`${e.modelCount>0?Math.round(g/e.modelCount*100):0}%`}})})]})]}),s&&(0,a.jsxs)("div",{className:"border-t border-border",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-2 bg-bg-subtle/50",children:[(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[e.modelCount," ",x("models")," • ",g," ",x("withPricing")]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{onClick:e=>{e.stopPropagation(),o()},className:"px-2.5 py-1 text-[11px] text-red-400 hover:bg-red-500/10 rounded border border-red-500/20 transition-colors",children:x("resetDefaults")}),(0,a.jsx)("button",{onClick:e=>{e.stopPropagation(),n()},disabled:c||!l,className:"px-2.5 py-1 text-[11px] bg-primary text-white rounded hover:bg-primary/90 transition-colors disabled:opacity-40",children:c?x("saving"):x("saveProvider")})]})]}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm",children:[(0,a.jsx)("thead",{className:"text-[11px] text-text-muted uppercase bg-bg-subtle/30",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-4 py-2 text-left font-semibold",children:x("model")}),m.map(e=>(0,a.jsx)("th",{className:"px-2 py-2 text-right font-semibold w-24",children:x(u[e])},e))]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border/50",children:e.models.map(e=>(0,a.jsx)(h,{model:e,pricing:t[e.id],onPricingChange:(t,s)=>d(e.id,t,s)},e.id))})]})})]})]})}function h({model:e,pricing:t,onPricingChange:s}){let l=(0,i.c)("settings"),r=t&&Object.values(t).some(e=>e>0);return(0,a.jsxs)("tr",{className:"hover:bg-bg-hover/30 group",children:[(0,a.jsx)("td",{className:"px-4 py-1.5",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${r?"bg-success":"bg-text-muted/30"}`}),(0,a.jsx)("span",{className:"font-medium text-xs",children:e.name}),e.custom&&(0,a.jsx)("span",{className:"px-1 py-0.5 text-[8px] font-bold bg-blue-500/15 text-blue-400 border border-blue-500/20 rounded uppercase",children:l("custom")}),(0,a.jsx)("span",{className:"text-text-muted text-[10px] opacity-0 group-hover:opacity-100 transition-opacity",children:e.id})]})}),m.map(e=>(0,a.jsx)("td",{className:"px-2 py-1.5",children:(0,a.jsx)("input",{type:"number",step:"0.01",min:"0",value:t?.[e]||0,onChange:t=>s(e,t.target.value),className:"w-full px-2 py-1 text-right text-xs bg-transparent border border-transparent hover:border-border focus:border-primary focus:bg-bg-base rounded transition-colors outline-none tabular-nums"})},e))]})}function g(){let[e,t]=(0,l.useState)("budget"),s=(0,i.c)("costs"),d=(0,i.c)("settings");return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(r.Iz,{options:[{value:"budget",label:s("budget")},{value:"pricing",label:d("pricing")}],value:e,onChange:t}),"budget"===e&&(0,a.jsx)(c,{}),"pricing"===e&&(0,a.jsx)(x,{})]})}}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=14031)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3700],{40851:(e,t,s)=>{Promise.resolve().then(s.bind(s,70595))},40993:(e,t,s)=>{"use strict";s.d(t,{Ex:()=>o.default,$n:()=>a.default,Zp:()=>i.default,Qv:()=>n.CardSkeleton,G9:()=>y.default,bQ:()=>w.default,pp:()=>v.default,Qn:()=>N.default,pd:()=>l.default,Mh:()=>f.default,uR:()=>x.default,aF:()=>d.default,rq:()=>u.default,LF:()=>m.default,KN:()=>g.default,Lo:()=>b.default,y7:()=>h.default,Iz:()=>j.default,l6:()=>r.default,lM:()=>c.default,cn:()=>p.default});var a=s(35806),l=s(34422),r=s(42994),i=s(81060),d=s(71361),n=s(92542);s(17705);var o=s(80927),c=s(19790);s(6261),s(55846),s(34243),s(89938),s(99023);var m=s(80178),u=s(85444),x=s(91961);s(25112);var p=s(45624),h=s(37415),g=s(48643),b=s(8287);s(1652);var f=s(92701);s(18150);var y=s(71689),j=s(33709);s(76332);var v=s(66200);s(61580);var N=s(51503);s(54128);var w=s(44638);s(21720),s(97050)},70595:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>g});var a=s(95155),l=s(12115),r=s(40993),i=s(50910),d=s(33418),n=s(67671);function o({value:e,max:t,warningAt:s=.8,formatCurrency:l}){let r=t>0?Math.min(e/t*100,100):0,i=t>0?e/t:0;return(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{className:"flex justify-between text-xs mb-1",children:[(0,a.jsx)("span",{className:"text-text-muted",children:l(e)}),(0,a.jsx)("span",{className:"text-text-muted",children:l(t)})]}),(0,a.jsx)("div",{className:"w-full h-2 rounded-full bg-surface/50 overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${r}%`,backgroundColor:i>=1?"#ef4444":i>=s?"#f59e0b":"#22c55e"}})})]})}function c(){let e=(0,i.c)("usage"),t=(0,d.Ym)(),[s,c]=(0,l.useState)([]),[m,u]=(0,l.useState)(null),[x,p]=(0,l.useState)(null),[h,g]=(0,l.useState)(!0),[b,f]=(0,l.useState)(!1),[y,j]=(0,l.useState)({dailyLimitUsd:"",monthlyLimitUsd:"",warningThreshold:"80"}),v=(0,n.i)(),N=e=>new Intl.NumberFormat(t,{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(e||0));(0,l.useEffect)(()=>{fetch("/api/keys").then(e=>e.json()).then(e=>{let t=Array.isArray(e)?e:e.keys||[];c(t),t.length>0&&u(t[0].id),g(!1)}).catch(()=>g(!1))},[]);let w=(0,l.useCallback)(async()=>{if(m)try{let e=await fetch(`/api/usage/budget?apiKeyId=${m}`);if(e.ok){let t=await e.json();p(t),t.dailyLimitUsd&&j(e=>({...e,dailyLimitUsd:String(t.dailyLimitUsd)})),t.monthlyLimitUsd&&j(e=>({...e,monthlyLimitUsd:String(t.monthlyLimitUsd)})),t.warningThreshold&&j(e=>({...e,warningThreshold:String(t.warningThreshold)}))}}catch{}},[m]);(0,l.useEffect)(()=>{w()},[w]);let C=async()=>{f(!0);try{(await fetch("/api/usage/budget",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyId:m,dailyLimitUsd:y.dailyLimitUsd?parseFloat(y.dailyLimitUsd):null,monthlyLimitUsd:y.monthlyLimitUsd?parseFloat(y.monthlyLimitUsd):null,warningThreshold:parseInt(y.warningThreshold)||80})})).ok?(v.success(e("budgetSaved")),await w()):v.error(e("budgetSaveFailed"))}catch{v.error(e("budgetSaveFailed"))}finally{f(!1)}};if(h)return(0,a.jsxs)("div",{className:"flex items-center gap-2 text-text-muted p-8 animate-pulse",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"account_balance_wallet"}),e("loadingBudgetData")]});if(0===s.length)return(0,a.jsx)(r.pp,{icon:"vpn_key",title:e("noApiKeysTitle"),description:e("noApiKeysDescription")});let k=x?.dailyLimitUsd||parseFloat(y.dailyLimitUsd)||0,L=x?.monthlyLimitUsd||parseFloat(y.monthlyLimitUsd)||0,S=x?.totalCostToday||0,U=x?.totalCostMonth||0,T=(parseInt(y.warningThreshold)||80)/100;return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)(r.Zp,{className:"p-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-emerald-500/10 text-emerald-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"account_balance_wallet"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:e("budgetManagement")})]}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("label",{className:"text-sm text-text-muted mb-1 block",children:e("apiKey")}),(0,a.jsx)("select",{value:m||"",onChange:e=>u(e.target.value),className:"w-full md:w-auto px-3 py-2 rounded-lg border border-border/50 bg-surface/30 text-text-main text-sm focus:outline-none focus:ring-1 focus:ring-primary",children:s.map(e=>(0,a.jsxs)("option",{value:e.id,children:[e.name||e.id," ",e.provider?`(${e.provider})`:""]},e.id))})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[(0,a.jsxs)("div",{className:"p-4 rounded-lg border border-border/30 bg-surface/20",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted mb-2",children:e("todaysSpend")}),(0,a.jsx)("p",{className:"text-2xl font-bold text-text-main",children:N(S)}),k>0&&(0,a.jsx)(o,{value:S,max:k,warningAt:T,formatCurrency:N})]}),(0,a.jsxs)("div",{className:"p-4 rounded-lg border border-border/30 bg-surface/20",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted mb-2",children:e("thisMonth")}),(0,a.jsx)("p",{className:"text-2xl font-bold text-text-main",children:N(U)}),L>0&&(0,a.jsx)(o,{value:U,max:L,warningAt:T,formatCurrency:N})]})]}),(0,a.jsxs)("div",{className:"border-t border-border/30 pt-4",children:[(0,a.jsx)("p",{className:"text-sm font-medium mb-3",children:e("setLimits")}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4",children:[(0,a.jsx)(r.pd,{label:e("dailyLimitUsd"),type:"number",step:"0.01",min:"0",placeholder:e("dailyLimitPlaceholder"),value:y.dailyLimitUsd,onChange:e=>j({...y,dailyLimitUsd:e.target.value})}),(0,a.jsx)(r.pd,{label:e("monthlyLimitUsd"),type:"number",step:"0.01",min:"0",placeholder:e("monthlyLimitPlaceholder"),value:y.monthlyLimitUsd,onChange:e=>j({...y,monthlyLimitUsd:e.target.value})}),(0,a.jsx)(r.pd,{label:e("warningThresholdPercent"),type:"number",min:"1",max:"100",placeholder:e("warningThresholdPlaceholder"),value:y.warningThreshold,onChange:e=>j({...y,warningThreshold:e.target.value})})]}),(0,a.jsx)(r.$n,{variant:"primary",onClick:C,loading:b,children:e("saveLimits")})]})]}),x?.budgetCheck&&(0,a.jsx)(r.Zp,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",style:{color:x.budgetCheck.allowed?"#22c55e":"#ef4444"},children:x.budgetCheck.allowed?"check_circle":"block"}),(0,a.jsx)("span",{className:"text-sm",children:x.budgetCheck.allowed?e("budgetOk",{remaining:N(x.budgetCheck.remaining||0)}):e("budgetExceeded")})]})})]})}let m=["input","output","cached","reasoning","cache_creation"],u={input:"input",output:"output",cached:"cached",reasoning:"reasoning",cache_creation:"cacheCreation"};function x(){let[e,t]=(0,l.useState)({}),[s,d]=(0,l.useState)({}),[n,o]=(0,l.useState)(!0),[c,m]=(0,l.useState)(!1),[u,x]=(0,l.useState)(""),[h,g]=(0,l.useState)(null),[b,f]=(0,l.useState)(new Set),[y,j]=(0,l.useState)(""),[v,N]=(0,l.useState)(new Set),w=(0,i.c)("settings");(0,l.useEffect)(()=>{C()},[]);let C=async()=>{o(!0);try{let[e,s]=await Promise.all([fetch("/api/pricing/models"),fetch("/api/pricing")]);e.ok&&t(await e.json()),s.ok&&d(await s.json())}catch(e){console.error("Failed to load pricing data:",e)}finally{o(!1)}},k=(0,l.useMemo)(()=>Object.entries(e).map(([e,t])=>({alias:e,...t,pricedModels:s[e]?Object.keys(s[e]).length:0})).sort((e,t)=>t.modelCount-e.modelCount),[e,s]),L=(0,l.useMemo)(()=>{if(!y.trim())return k;let e=y.toLowerCase();return k.filter(t=>t.alias.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)||t.models.some(t=>t.id.toLowerCase().includes(e)||t.name.toLowerCase().includes(e)))},[k,y]),S=(0,l.useMemo)(()=>{let e=k.reduce((e,t)=>e+t.modelCount,0),t=Object.values(s).reduce((e,t)=>e+Object.keys(t).length,0);return{providers:k.length,totalModels:e,pricedCount:t}},[k,s]),U=(0,l.useCallback)(e=>{f(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})},[]),T=(0,l.useCallback)((e,t,s,a)=>{let l=parseFloat(a);isNaN(l)||l<0||(d(a=>{let r={...a};return r[e]||(r[e]={}),r[e][t]||(r[e][t]={input:0,output:0,cached:0,reasoning:0,cache_creation:0}),r[e][t]={...r[e][t],[s]:l},r}),N(t=>new Set(t).add(e)))},[]),P=(0,l.useCallback)(async e=>{m(!0),x("");try{let t=s[e]||{},a=await fetch("/api/pricing",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({[e]:t})});if(a.ok)x(`✅ ${e.toUpperCase()} ${w("saved")}`),N(t=>{let s=new Set(t);return s.delete(e),s}),setTimeout(()=>x(""),3e3);else{let e=await a.json();x(`❌ ${w("errorOccurred")}: ${e.error}`)}}catch(e){x(`❌ ${w("saveFailed")}: ${e.message}`)}finally{m(!1)}},[s,w]),$=(0,l.useCallback)(async e=>{if(confirm(w("resetPricingConfirm",{provider:e.toUpperCase()})))try{let t=await fetch(`/api/pricing?provider=${e}`,{method:"DELETE"});if(t.ok){let s=await t.json();d(s),x(`🔄 ${e.toUpperCase()} ${w("resetDefaults")}`),N(t=>{let s=new Set(t);return s.delete(e),s}),setTimeout(()=>x(""),3e3)}}catch(e){x(`❌ ${w("resetFailed")}: ${e.message}`)}},[w]),D=(0,l.useCallback)(e=>{g(t=>t===e?null:e)},[]),F=(0,l.useMemo)(()=>h?L.filter(e=>e.alias===h):L,[L,h]);return n?(0,a.jsx)("div",{className:"flex items-center justify-center py-16",children:(0,a.jsx)("div",{className:"text-text-muted animate-pulse",children:w("loadingPricing")})}):(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between flex-wrap gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-bold",children:w("modelPricing")}),(0,a.jsx)("p",{className:"text-text-muted text-sm mt-1",children:w("modelPricingDesc")})]}),(0,a.jsxs)("div",{className:"flex gap-3 text-sm",children:[(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("providers")}),(0,a.jsx)("div",{className:"text-lg font-bold",children:S.providers})]}),(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("registry")}),(0,a.jsx)("div",{className:"text-lg font-bold",children:S.totalModels})]}),(0,a.jsxs)("div",{className:"bg-bg-subtle rounded-lg px-3 py-2 text-center",children:[(0,a.jsx)("div",{className:"text-text-muted text-xs font-semibold",children:w("priced")}),(0,a.jsx)("div",{className:"text-lg font-bold text-success",children:S.pricedCount})]})]})]}),u&&(0,a.jsx)("div",{className:"px-3 py-2 rounded-lg bg-bg-subtle border border-border text-sm",children:u}),(0,a.jsxs)("div",{className:"flex gap-3 items-center flex-wrap",children:[(0,a.jsxs)("div",{className:"relative flex-1 min-w-[200px]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-text-muted text-lg",children:"search"}),(0,a.jsx)("input",{type:"text",placeholder:w("searchProvidersModels"),value:y,onChange:e=>j(e.target.value),className:"w-full pl-10 pr-3 py-2 bg-bg-base border border-border rounded-lg focus:outline-none focus:border-primary text-sm"})]}),h&&(0,a.jsxs)("button",{onClick:()=>g(null),className:"px-3 py-2 text-xs bg-primary/10 text-primary border border-primary/20 rounded-lg hover:bg-primary/20 transition-colors flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"}),h.toUpperCase()," — ",w("showAll")]})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:k.map(e=>(0,a.jsxs)("button",{onClick:()=>D(e.alias),className:`px-2.5 py-1 rounded-md text-xs font-medium transition-all ${h===e.alias?"bg-primary text-white shadow-sm":v.has(e.alias)?"bg-yellow-500/15 text-yellow-400 border border-yellow-500/30":"bg-bg-subtle text-text-muted hover:bg-bg-hover border border-transparent"}`,children:[e.alias.toUpperCase()," ",(0,a.jsxs)("span",{className:"opacity-60",children:["(",e.modelCount,")"]})]},e.alias))}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[F.map(e=>(0,a.jsx)(p,{provider:e,pricingData:s[e.alias]||{},isExpanded:b.has(e.alias),isEdited:v.has(e.alias),onToggle:()=>U(e.alias),onPricingChange:(t,s,a)=>T(e.alias,t,s,a),onSave:()=>P(e.alias),onReset:()=>$(e.alias),saving:c},e.alias)),0===F.length&&(0,a.jsx)("div",{className:"text-center py-12 text-text-muted",children:w("noProvidersMatch")})]}),(0,a.jsxs)(r.Zp,{className:"p-4 mt-2",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold mb-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm align-middle mr-1",children:"info"}),w("howPricingWorks")]}),(0,a.jsxs)("div",{className:"text-xs text-text-muted space-y-1",children:[(0,a.jsxs)("p",{children:[w("pricingDescInput")," • ",w("pricingDescOutput")," • ",w("pricingDescCached")," •"," ",w("pricingDescReasoning")," • ",w("pricingDescCacheWrite")]}),(0,a.jsx)("p",{children:w("pricingDescFormula")})]})]})]})}function p({provider:e,pricingData:t,isExpanded:s,isEdited:l,onToggle:r,onPricingChange:d,onSave:n,onReset:o,saving:c}){let x=(0,i.c)("settings"),p=(0,i.c)(),g=Object.keys(t).length,b="oauth"===e.authType?p("providers.oauthLabel"):"apikey"===e.authType?p("providers.apiKeyLabel"):e.authType;return(0,a.jsxs)("div",{className:`border rounded-lg overflow-hidden transition-colors ${l?"border-yellow-500/40 bg-yellow-500/5":"border-border"}`,children:[(0,a.jsxs)("button",{onClick:r,className:"w-full flex items-center justify-between px-4 py-3 hover:bg-bg-hover/50 transition-colors text-left",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-lg transition-transform ${s?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"font-semibold text-sm",children:e.id.charAt(0).toUpperCase()+e.id.slice(1)}),(0,a.jsxs)("span",{className:"text-text-muted text-xs ml-2",children:["(",e.alias.toUpperCase(),")"]})]}),(0,a.jsx)("span",{className:"px-1.5 py-0.5 bg-bg-subtle text-text-muted text-[10px] rounded uppercase font-semibold",children:b}),(0,a.jsx)("span",{className:"px-1.5 py-0.5 bg-bg-subtle text-text-muted text-[10px] rounded uppercase font-semibold",children:e.format})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[l&&(0,a.jsx)("span",{className:"text-yellow-500 text-xs font-medium",children:x("unsaved")}),(0,a.jsxs)("span",{className:"text-text-muted text-xs",children:[g,"/",e.modelCount," ",x("withPricing")]}),(0,a.jsx)("div",{className:"w-16 h-1.5 bg-bg-subtle rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-primary rounded-full transition-all",style:{width:`${e.modelCount>0?Math.round(g/e.modelCount*100):0}%`}})})]})]}),s&&(0,a.jsxs)("div",{className:"border-t border-border",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-2 bg-bg-subtle/50",children:[(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[e.modelCount," ",x("models")," • ",g," ",x("withPricing")]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{onClick:e=>{e.stopPropagation(),o()},className:"px-2.5 py-1 text-[11px] text-red-400 hover:bg-red-500/10 rounded border border-red-500/20 transition-colors",children:x("resetDefaults")}),(0,a.jsx)("button",{onClick:e=>{e.stopPropagation(),n()},disabled:c||!l,className:"px-2.5 py-1 text-[11px] bg-primary text-white rounded hover:bg-primary/90 transition-colors disabled:opacity-40",children:c?x("saving"):x("saveProvider")})]})]}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm",children:[(0,a.jsx)("thead",{className:"text-[11px] text-text-muted uppercase bg-bg-subtle/30",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-4 py-2 text-left font-semibold",children:x("model")}),m.map(e=>(0,a.jsx)("th",{className:"px-2 py-2 text-right font-semibold w-24",children:x(u[e])},e))]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border/50",children:e.models.map(e=>(0,a.jsx)(h,{model:e,pricing:t[e.id],onPricingChange:(t,s)=>d(e.id,t,s)},e.id))})]})})]})]})}function h({model:e,pricing:t,onPricingChange:s}){let l=(0,i.c)("settings"),r=t&&Object.values(t).some(e=>e>0);return(0,a.jsxs)("tr",{className:"hover:bg-bg-hover/30 group",children:[(0,a.jsx)("td",{className:"px-4 py-1.5",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${r?"bg-success":"bg-text-muted/30"}`}),(0,a.jsx)("span",{className:"font-medium text-xs",children:e.name}),e.custom&&(0,a.jsx)("span",{className:"px-1 py-0.5 text-[8px] font-bold bg-blue-500/15 text-blue-400 border border-blue-500/20 rounded uppercase",children:l("custom")}),(0,a.jsx)("span",{className:"text-text-muted text-[10px] opacity-0 group-hover:opacity-100 transition-opacity",children:e.id})]})}),m.map(e=>(0,a.jsx)("td",{className:"px-2 py-1.5",children:(0,a.jsx)("input",{type:"number",step:"0.01",min:"0",value:t?.[e]||0,onChange:t=>s(e,t.target.value),className:"w-full px-2 py-1 text-right text-xs bg-transparent border border-transparent hover:border-border focus:border-primary focus:bg-bg-base rounded transition-colors outline-none tabular-nums"})},e))]})}function g(){let[e,t]=(0,l.useState)("budget"),s=(0,i.c)("costs"),d=(0,i.c)("settings");return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(r.Iz,{options:[{value:"budget",label:s("budget")},{value:"pricing",label:d("pricing")}],value:e,onChange:t}),"budget"===e&&(0,a.jsx)(c,{}),"pricing"===e&&(0,a.jsx)(x,{})]})}}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=40851)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/endpoint/page-36f33de29eb978a1.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6099],{21583:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>N});var a=t(95155),l=t(12115),r=t(40993),i=t(14051),n=t.n(i),o=t(98500),c=t.n(o),d=t(30949),m=t(20909),x=t(50910);let p=15e3;function u({machineId:e}){let s=(0,x.c)("endpoint"),t=(0,x.c)("common"),[i,n]=(0,l.useState)(!0),[o,m]=(0,l.useState)([]),[u,g]=(0,l.useState)(null),[f,j]=(0,l.useState)(!1),[y,v]=(0,l.useState)(!1),[N,k]=(0,l.useState)(!1),[w,C]=(0,l.useState)(!1),[S,T]=(0,l.useState)(null),[_,A]=(0,l.useState)(""),[P,E]=(0,l.useState)(!1),[$,R]=(0,l.useState)(null),[M,D]=(0,l.useState)("https://cloud.omniroute.online"),[O,q]=(0,l.useState)("api"),[I,U]=(0,l.useState)(null),[Q,B]=(0,l.useState)(null),{copied:L,copy:F}=(0,d.C)();(0,l.useEffect)(()=>{Promise.allSettled([J(),z(),W()]).finally(()=>{n(!1)})},[]);let z=async()=>{try{let e=await fetch("/v1/models");if(e.ok){let s=await e.json();m(s.data||[])}}catch(e){console.log("Error fetching models:",e)}},W=async()=>{try{let[e,s]=await Promise.allSettled([fetch("/api/mcp/status"),fetch("/api/a2a/status")]);"fulfilled"===e.status&&e.value.ok&&U(await e.value.json()),"fulfilled"===s.status&&s.value.ok&&B(await s.value.json())}catch{}},Z=(0,l.useMemo)(()=>{let e=o.filter(e=>!e.type&&!e.parent),s=o.filter(e=>"embedding"===e.type&&!e.parent),t=o.filter(e=>"image"===e.type&&!e.parent),a=o.filter(e=>"rerank"===e.type&&!e.parent),l=o.filter(e=>"audio"===e.type&&"transcription"===e.subtype&&!e.parent);return{chat:e,embeddings:s,images:t,rerank:a,audioTranscription:l,audioSpeech:o.filter(e=>"audio"===e.type&&"speech"===e.subtype&&!e.parent),moderation:o.filter(e=>"moderation"===e.type&&!e.parent)}},[o]),H=async(e,t=p)=>{let a=new AbortController,l=setTimeout(()=>a.abort(),t);try{let s=await fetch("/api/sync/cloud",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:e}),signal:a.signal}),t=await s.json().catch(()=>({}));return{ok:s.ok,status:s.status,data:t}}catch(e){if(e?.name==="AbortError")return{ok:!1,status:408,data:{error:s("cloudRequestTimeout")}};return{ok:!1,status:500,data:{error:e.message||s("cloudRequestFailed")}}}finally{clearTimeout(l)}},J=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let s=await e.json();j(s.cloudEnabled||!1)}}catch(e){console.log("Error loading cloud settings:",e)}},V=e=>{e?v(!0):k(!0)};(0,l.useEffect)(()=>{if(S){let e=setTimeout(()=>T(null),5e3);return()=>clearTimeout(e)}},[S]),(0,l.useEffect)(()=>{let e=setInterval(W,3e4);return()=>clearInterval(e)},[]);let G=()=>{globalThis.dispatchEvent(new Event("cloud-status-changed"))},X=async()=>{C(!0),E(!1),A("syncing");try{let{ok:e,status:t,data:a}=await H("enable");if(e)A("verifying"),await new Promise(e=>setTimeout(e,600)),j(!0),A("done"),E(!0),C(!1),G(),await new Promise(e=>setTimeout(e,1200)),v(!1),E(!1),a.verified?T({type:"success",message:s("cloudConnectedVerified")}):T({type:"warning",message:a.verifyError?s("connectedVerificationPendingWithError",{error:a.verifyError}):s("connectedVerificationPending")}),a.cloudUrl&&D(a.cloudUrl),await J();else{let e=a.error||s("failedEnable");(502===t||408===t)&&(e=s("cloudWorkerUnreachable")),T({type:"error",message:e}),v(!1)}}catch(e){T({type:"error",message:e.message||s("connectionFailed")}),v(!1)}finally{C(!1),A("")}},Y=async()=>{C(!0),A("syncing");try{await H("sync"),A("disabling");let{ok:e,data:t}=await H("disable");e?(j(!1),T({type:"success",message:s("cloudDisabledSuccess")}),k(!1),G(),await J()):T({type:"error",message:t.error||s("failedDisable")})}catch(e){console.log("Error disabling cloud:",e),T({type:"error",message:s("failedDisable")})}finally{C(!1),A("")}},[K,ee]=(0,l.useState)("/v1"),es=M?`${M}/v1`:null;if((0,l.useEffect)(()=>{ee(`${window.location.origin}/v1`)},[]),i)return(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsx)(r.Qv,{}),(0,a.jsx)(r.Qv,{})]});let et=f&&es?es:K,ea=!!I?.online,el=Q?.status==="ok",er=Number(I?.heartbeat?.toolCount||0),ei=Number(Q?.tasks?.activeStreams||0);return(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)(r.Zp,{className:"",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:s("title")}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:f?s("usingCloudProxy"):s("usingLocalServer")}),e&&(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:s("machineId",{id:e.slice(0,8)})})]}),(0,a.jsx)("div",{className:"flex items-center gap-2",children:f?(0,a.jsx)(r.$n,{size:"sm",variant:"secondary",icon:"cloud_off",onClick:()=>V(!1),disabled:w,className:"bg-red-500/10! text-red-500! hover:bg-red-500/20! border-red-500/30!",children:s("disableCloud")}):(0,a.jsx)(r.$n,{variant:"primary",icon:"cloud_upload",onClick:()=>V(!0),disabled:w,className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600",children:s("enableCloud")})})]}),S&&(0,a.jsxs)("div",{className:`flex items-center gap-2 px-4 py-2.5 rounded-lg mb-4 text-sm font-medium animate-in fade-in slide-in-from-top-2 duration-300 ${"success"===S.type?"bg-green-500/10 border border-green-500/30 text-green-400":"warning"===S.type?"bg-amber-500/10 border border-amber-500/30 text-amber-400":"bg-red-500/10 border border-red-500/30 text-red-400"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"success"===S.type?"check_circle":"warning"===S.type?"warning":"error"}),(0,a.jsx)("span",{className:"flex-1",children:S.message}),(0,a.jsx)("button",{onClick:()=>T(null),className:"p-0.5 hover:bg-white/10 rounded transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]}),(0,a.jsxs)("div",{className:"flex gap-2 mb-3",children:[(0,a.jsx)(r.pd,{value:et,readOnly:!0,className:`flex-1 font-mono text-sm ${f?"animate-border-glow":""}`}),(0,a.jsx)(r.$n,{variant:"secondary",icon:"endpoint_url"===L?"check":"content_copy",onClick:()=>F(et,"endpoint_url"),children:t("endpoint_url"===L?"copied":"copy")})]})]}),(0,a.jsx)(r.Zp,{children:(0,a.jsxs)("div",{className:"flex flex-wrap gap-3 items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:s("sectionTitle")||"Integration Surface"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:s("sectionDescription")||"OpenAI-compatible APIs and operational protocol endpoints"})]}),(0,a.jsx)(r.Iz,{options:[{value:"api",label:s("tabApis")||"OpenAI-compatible APIs",icon:"api"},{value:"protocols",label:s("tabProtocols")||"Protocols",icon:"hub"}],value:O,onChange:q,"aria-label":s("tabsAria")||"Endpoint sections"})]})}),"api"===O?(0,a.jsxs)(r.Zp,{children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:s("available")}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:s("modelsAcrossEndpoints",{models:Object.values(Z).reduce((e,s)=>e+s.length,0),endpoints:[Z.chat,Z.embeddings,Z.images,Z.rerank,Z.audioTranscription,Z.audioSpeech,Z.moderation].filter(e=>e.length>0).length+2})})]})}),(0,a.jsxs)("div",{className:"mb-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm text-primary",children:"hub"}),(0,a.jsx)("h3",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:s("categoryCore")||"Core APIs"}),(0,a.jsx)("div",{className:"flex-1 h-px bg-border/50"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)(h,{icon:"chat",iconColor:"text-blue-500",iconBg:"bg-blue-500/10",title:s("chatCompletions"),path:"/v1/chat/completions",description:s("chatDesc"),models:Z.chat,expanded:"chat"===u,onToggle:()=>g("chat"===u?null:"chat"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"code",iconColor:"text-indigo-500",iconBg:"bg-indigo-500/10",title:s("responses")||"Responses API",path:"/v1/responses",description:s("responsesDesc")||"OpenAI Responses API for Codex and advanced agentic workflows",models:Z.chat,expanded:"responses"===u,onToggle:()=>g("responses"===u?null:"responses"),copy:F,copied:L,baseUrl:et})]})]}),(0,a.jsxs)("div",{className:"mb-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm text-purple-400",children:"perm_media"}),(0,a.jsx)("h3",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:s("categoryMedia")||"Media & Multi-Modal"}),(0,a.jsx)("div",{className:"flex-1 h-px bg-border/50"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)(h,{icon:"data_array",iconColor:"text-emerald-500",iconBg:"bg-emerald-500/10",title:s("embeddings"),path:"/v1/embeddings",description:s("embeddingsDesc"),models:Z.embeddings,expanded:"embeddings"===u,onToggle:()=>g("embeddings"===u?null:"embeddings"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"image",iconColor:"text-purple-500",iconBg:"bg-purple-500/10",title:s("imageGeneration"),path:"/v1/images/generations",description:s("imageDesc"),models:Z.images,expanded:"images"===u,onToggle:()=>g("images"===u?null:"images"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"mic",iconColor:"text-rose-500",iconBg:"bg-rose-500/10",title:s("audioTranscription"),path:"/v1/audio/transcriptions",description:s("audioTranscriptionDesc"),models:Z.audioTranscription,expanded:"audioTranscription"===u,onToggle:()=>g("audioTranscription"===u?null:"audioTranscription"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"record_voice_over",iconColor:"text-cyan-500",iconBg:"bg-cyan-500/10",title:s("textToSpeech"),path:"/v1/audio/speech",description:s("textToSpeechDesc"),models:Z.audioSpeech,expanded:"audioSpeech"===u,onToggle:()=>g("audioSpeech"===u?null:"audioSpeech"),copy:F,copied:L,baseUrl:et})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm text-amber-400",children:"build"}),(0,a.jsx)("h3",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:s("categoryUtility")||"Utility & Management"}),(0,a.jsx)("div",{className:"flex-1 h-px bg-border/50"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)(h,{icon:"sort",iconColor:"text-amber-500",iconBg:"bg-amber-500/10",title:s("rerank"),path:"/v1/rerank",description:s("rerankDesc"),models:Z.rerank,expanded:"rerank"===u,onToggle:()=>g("rerank"===u?null:"rerank"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"shield",iconColor:"text-orange-500",iconBg:"bg-orange-500/10",title:s("moderations"),path:"/v1/moderations",description:s("moderationsDesc"),models:Z.moderation,expanded:"moderation"===u,onToggle:()=>g("moderation"===u?null:"moderation"),copy:F,copied:L,baseUrl:et}),(0,a.jsx)(h,{icon:"list",iconColor:"text-teal-500",iconBg:"bg-teal-500/10",title:s("listModels")||"List Models",path:"/v1/models",description:s("listModelsDesc")||"List all available models across all connected providers",models:[],expanded:"models"===u,onToggle:()=>g("models"===u?null:"models"),copy:F,copied:L,baseUrl:et})]})]})]}):(0,a.jsx)(r.Zp,{children:(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:s("protocolsTitle")||"Protocols"}),(0,a.jsx)("p",{className:"text-sm text-text-muted mt-1",children:s("protocolsDescription")||"MCP and A2A are first-class endpoints with dedicated observability and controls."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"rounded-xl border border-border p-4 bg-bg-subtle",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h3",{className:"font-semibold flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"hub"}),s("mcpCardTitle")||"MCP Server"]}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:s("mcpCardDescription")||"Model Context Protocol over stdio"})]}),(0,a.jsx)("span",{className:`text-xs px-2 py-1 rounded-full font-semibold ${ea?"bg-green-500/15 text-green-500":"bg-red-500/15 text-red-500"}`,children:t(ea?"active":"inactive")})]}),(0,a.jsxs)("div",{className:"mt-3 text-xs text-text-muted space-y-1",children:[(0,a.jsxs)("p",{children:[s("protocolToolsLabel")||"Tools",":"," ",(0,a.jsx)("span",{className:"text-text-main font-semibold",children:er||16})]}),(0,a.jsxs)("p",{children:[s("protocolLastActivity")||"Last activity",":"," ",(0,a.jsx)("span",{className:"text-text-main",children:I?.activity?.lastCallAt?new Date(I.activity.lastCallAt).toLocaleString():"—"})]})]}),(0,a.jsxs)("div",{className:"mt-3 rounded-lg bg-bg p-3 border border-border/70",children:[(0,a.jsx)("p",{className:"text-xs font-semibold mb-1",children:s("quickStart")||"Quick Start"}),(0,a.jsx)("code",{className:"text-xs font-mono break-all",children:"omniroute --mcp"})]}),(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsxs)(c(),{href:"/dashboard/mcp",className:"text-sm text-primary hover:text-primary-hover transition-colors",children:[s("openMcpDashboard")||"Open MCP management"," →"]})})]}),(0,a.jsxs)("div",{className:"rounded-xl border border-border p-4 bg-bg-subtle",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h3",{className:"font-semibold flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"group_work"}),s("a2aCardTitle")||"A2A Server"]}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:s("a2aCardDescription")||"Agent2Agent JSON-RPC endpoint"})]}),(0,a.jsx)("span",{className:`text-xs px-2 py-1 rounded-full font-semibold ${el?"bg-green-500/15 text-green-500":"bg-red-500/15 text-red-500"}`,children:t(el?"active":"inactive")})]}),(0,a.jsxs)("div",{className:"mt-3 text-xs text-text-muted space-y-1",children:[(0,a.jsxs)("p",{children:[s("protocolTasksLabel")||"Tasks",":"," ",(0,a.jsx)("span",{className:"text-text-main font-semibold",children:Q?.tasks?.total||0})]}),(0,a.jsxs)("p",{children:[s("protocolActiveStreamsLabel")||"Active streams",":"," ",(0,a.jsx)("span",{className:"text-text-main font-semibold",children:ei})]})]}),(0,a.jsxs)("div",{className:"mt-3 rounded-lg bg-bg p-3 border border-border/70",children:[(0,a.jsx)("p",{className:"text-xs font-semibold mb-1",children:s("quickStart")||"Quick Start"}),(0,a.jsxs)("code",{className:"text-xs font-mono break-all",children:[K.replace(/\/v1$/,""),"/a2a"]})]}),(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsxs)(c(),{href:"/dashboard/a2a",className:"text-sm text-primary hover:text-primary-hover transition-colors",children:[s("openA2aDashboard")||"Open A2A management"," →"]})})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"rounded-xl border border-border p-4 bg-bg-subtle",children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:s("mcpQuickStartTitle")||"MCP Quick Start"}),(0,a.jsxs)("ol",{className:"text-sm text-text-muted space-y-1 list-decimal list-inside",children:[(0,a.jsx)("li",{children:s("mcpQuickStartStep1")||"Run the MCP server via `omniroute --mcp`."}),(0,a.jsx)("li",{children:s("mcpQuickStartStep2")||"Configure your MCP client to connect over stdio transport."}),(0,a.jsx)("li",{children:s("mcpQuickStartStep3")||"Invoke tools such as `omniroute_get_health` and `omniroute_list_combos`."})]})]}),(0,a.jsxs)("div",{className:"rounded-xl border border-border p-4 bg-bg-subtle",children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:s("a2aQuickStartTitle")||"A2A Quick Start"}),(0,a.jsxs)("ol",{className:"text-sm text-text-muted space-y-1 list-decimal list-inside",children:[(0,a.jsx)("li",{children:s("a2aQuickStartStep1")||"Discover the agent card at `/.well-known/agent.json`."}),(0,a.jsx)("li",{children:s("a2aQuickStartStep2")||"Send JSON-RPC requests to `POST /a2a` using `message/send` or `message/stream`."}),(0,a.jsx)("li",{children:s("a2aQuickStartStep3")||"Track and control tasks using `tasks/get` and `tasks/cancel`."})]})]})]})]})}),(0,a.jsx)(r.aF,{isOpen:y,title:s("enableCloudTitle"),onClose:()=>v(!1),children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4",children:[(0,a.jsx)("p",{className:"text-sm text-blue-800 dark:text-blue-200 font-medium mb-2",children:s("whatYouGet")}),(0,a.jsxs)("ul",{className:"text-sm text-blue-700 dark:text-blue-300 space-y-1",children:[(0,a.jsxs)("li",{children:["• ",s("cloudBenefitAccess")]}),(0,a.jsxs)("li",{children:["• ",s("cloudBenefitShare")]}),(0,a.jsxs)("li",{children:["• ",s("cloudBenefitPorts")]}),(0,a.jsxs)("li",{children:["• ",s("cloudBenefitEdge")]})]})]}),(0,a.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,a.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 font-medium mb-1",children:t("note")}),(0,a.jsxs)("ul",{className:"text-sm text-yellow-700 dark:text-yellow-300 space-y-1",children:[(0,a.jsxs)("li",{children:["• ",s("cloudSessionNote")]}),(0,a.jsxs)("li",{children:["• ",s("cloudUnstableNote")]})]})]}),(w||P)&&(0,a.jsxs)("div",{className:`flex items-center gap-3 p-3 rounded-lg border transition-all duration-300 ${P?"bg-green-500/10 border-green-500/30":"bg-primary/10 border-primary/30"}`,children:[P?(0,a.jsx)("span",{className:"material-symbols-outlined text-green-500 text-xl",children:"check_circle"}):(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-primary",children:"progress_activity"}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsxs)("p",{className:`text-sm font-medium ${P?"text-green-500":"text-primary"}`,children:[P&&s("cloudConnected"),!P&&"syncing"===_&&s("connectingToCloud"),!P&&"verifying"===_&&s("verifyingConnection")]})})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(r.$n,{onClick:X,fullWidth:!0,disabled:w||P,children:w?(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"syncing"===_?s("connecting"):s("verifying")]}):P?(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"check"}),s("connected")]}):s("enableCloud")}),(0,a.jsx)(r.$n,{onClick:()=>v(!1),variant:"ghost",fullWidth:!0,disabled:w||P,children:t("cancel")})]})]})}),(0,a.jsx)(r.aF,{isOpen:N,title:s("disableCloudTitle"),onClose:()=>!w&&k(!1),children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)("div",{className:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4",children:(0,a.jsxs)("div",{className:"flex items-start gap-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-red-600 dark:text-red-400",children:"warning"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm text-red-800 dark:text-red-200 font-medium mb-1",children:t("warning")}),(0,a.jsx)("p",{className:"text-sm text-red-700 dark:text-red-300",children:s("disableWarning")})]})]})}),w&&(0,a.jsxs)("div",{className:"flex items-center gap-3 p-3 bg-primary/10 border border-primary/30 rounded-lg",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-primary",children:"progress_activity"}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsxs)("p",{className:"text-sm font-medium text-primary",children:["syncing"===_&&s("syncingData"),"disabling"===_&&s("disablingCloud")]})})]}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:s("disableConfirm")}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(r.$n,{onClick:Y,fullWidth:!0,disabled:w,className:"bg-red-500! hover:bg-red-600! text-white!",children:w?(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"syncing"===_?s("syncing"):s("disabling")]}):s("disableCloud")}),(0,a.jsx)(r.$n,{onClick:()=>k(!1),variant:"ghost",fullWidth:!0,disabled:w,children:t("cancel")})]})]})}),$&&(0,a.jsx)(b,{provider:$,models:o,copy:F,copied:L,onClose:()=>R(null)})]})}function b({provider:e,models:s,copy:t,copied:i,onClose:n}){let o=(0,x.c)("endpoint"),c=(0,x.c)("common"),d=e.provider.alias||e.id,m=(0,l.useMemo)(()=>s.filter(s=>!s.parent&&(s.owned_by===d||s.owned_by===e.id)),[s,d,e.id]),p=m.filter(e=>!e.type),u=m.filter(e=>"embedding"===e.type),b=m.filter(e=>"image"===e.type),h=(e,s,l)=>0===l.length?null:(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsxs)("h4",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider mb-2 flex items-center gap-1.5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:s}),e," (",l.length,")"]}),(0,a.jsx)("div",{className:"flex flex-col gap-1",children:l.map(e=>{let s=`modal-${e.id}`;return(0,a.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-surface/60 group",children:[(0,a.jsx)("code",{className:"text-sm font-mono flex-1 truncate",children:e.id}),e.custom&&(0,a.jsx)("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-primary/10 text-primary",children:o("custom")}),(0,a.jsx)("button",{onClick:()=>t(e.id,s),className:"p-1 hover:bg-sidebar rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-opacity",title:c("copy"),children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:i===s?"check":"content_copy"})})]},e.id)})})]});return(0,a.jsx)(r.aF,{isOpen:!0,onClose:n,title:o("providerModelsTitle",{provider:e.provider.name}),children:(0,a.jsx)("div",{className:"max-h-[60vh] overflow-y-auto",children:0===m.length?(0,a.jsx)("p",{className:"text-sm text-text-muted py-4 text-center",children:o("noModelsForProvider")}):(0,a.jsxs)(a.Fragment,{children:[h(o("chat"),"chat",p),h(o("embedding"),"data_array",u),h(o("image"),"image",b)]})})})}function h({icon:e,iconColor:s,iconBg:t,title:r,path:i,description:n,models:o,expanded:c,onToggle:d,copy:p,copied:u,baseUrl:b}){let h=(0,x.c)("endpoint"),g=(0,l.useMemo)(()=>{let e={};for(let s of o){let t=s.owned_by||"unknown";e[t]||(e[t]=[]),e[t].push(s)}return Object.entries(e).sort((e,s)=>s[1].length-e[1].length)},[o]),f=e=>m.Q2[e]||(0,m.zt)(e),j=`endpoint_${i}`;return(0,a.jsxs)("div",{className:"border border-border rounded-lg overflow-hidden",children:[(0,a.jsxs)("button",{onClick:d,className:"w-full flex items-center gap-3 p-4 hover:bg-surface/50 transition-colors text-left",children:[(0,a.jsx)("div",{className:`flex items-center justify-center size-10 rounded-lg ${t} shrink-0`,children:(0,a.jsx)("span",{className:`material-symbols-outlined text-xl ${s}`,children:e})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-semibold text-sm",children:r}),(0,a.jsx)("span",{className:"text-xs px-2 py-0.5 rounded-full bg-surface text-text-muted font-medium",children:h("modelsCount",{count:o.length})})]}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:n})]}),(0,a.jsx)("span",{className:`material-symbols-outlined text-text-muted text-lg transition-transform ${c?"rotate-180":""}`,children:"expand_more"})]}),c&&(0,a.jsxs)("div",{className:"border-t border-border px-4 pb-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mt-3 mb-3",children:[(0,a.jsxs)("code",{className:"flex-1 text-xs font-mono text-text-muted bg-surface/80 px-3 py-1.5 rounded-lg truncate",children:[b.replace(/\/v1$/,""),i]}),(0,a.jsx)("button",{onClick:()=>p(`${b.replace(/\/v1$/,"")}${i}`,j),className:"p-1.5 hover:bg-surface rounded-lg text-text-muted hover:text-primary transition-colors shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:u===j?"check":"content_copy"})})]}),(0,a.jsx)("div",{className:"flex flex-col gap-2",children:g.map(([e,s])=>(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,a.jsx)("div",{className:"size-2.5 rounded-full shrink-0",style:{backgroundColor:f(e)?.color||"#888"}}),(0,a.jsx)("span",{className:"text-xs font-semibold text-text-main",children:f(e)?.name||e}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["(",s.length,")"]})]}),(0,a.jsx)("div",{className:"ml-5 flex flex-wrap gap-1.5",children:s.map(e=>(0,a.jsx)("span",{className:"text-xs px-2 py-0.5 rounded-md bg-surface/80 text-text-muted font-mono",title:e.id,children:e.root||e.id.split("/").pop()},e.id))})]},e))})]})]})}u.propTypes={machineId:n().string.isRequired},b.propTypes={provider:n().object.isRequired,models:n().array.isRequired,copy:n().func.isRequired,copied:n().string,onClose:n().func.isRequired},h.propTypes={icon:n().string.isRequired,iconColor:n().string.isRequired,iconBg:n().string.isRequired,title:n().string.isRequired,path:n().string.isRequired,description:n().string.isRequired,models:n().array.isRequired,expanded:n().bool.isRequired,onToggle:n().func.isRequired,copy:n().func.isRequired,copied:n().string,baseUrl:n().string.isRequired};var g=t(24726),f=t(14816);function j(){let e=(0,x.c)("endpoints");return(0,a.jsxs)("div",{className:"p-6 max-w-5xl mx-auto space-y-6",children:[(0,a.jsxs)(r.Zp,{className:"p-8 text-center space-y-4",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-16 rounded-2xl bg-primary/10 text-primary mx-auto",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"code"})}),(0,a.jsx)("h2",{className:"text-xl font-semibold",children:e("apiEndpointsTitle")}),(0,a.jsx)("p",{className:"text-sm text-text-muted max-w-md mx-auto",children:e("apiEndpointsDescription")}),(0,a.jsxs)("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-amber-500/10 text-amber-500 text-sm font-medium",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"construction"}),e("comingSoon")]})]}),(0,a.jsxs)(r.Zp,{className:"p-5",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold mb-3",children:e("plannedFeatures")}),(0,a.jsxs)("ul",{className:"space-y-2 text-sm text-text-muted",children:[(0,a.jsxs)("li",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check_circle"}),e("featureRestApi")]}),(0,a.jsxs)("li",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check_circle"}),e("featureWebhooks")]}),(0,a.jsxs)("li",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check_circle"}),e("featureSwagger")]}),(0,a.jsxs)("li",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check_circle"}),e("featureAuth")]})]})]})]})}function y({label:e,status:s,enabled:t,onToggle:l,toggling:r}){return(0,a.jsxs)("div",{className:"flex items-center gap-3 ml-auto",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border",style:{borderColor:s.loading?"var(--color-border)":s.online?"rgba(34,197,94,0.3)":"rgba(239,68,68,0.3)",background:s.loading?"transparent":s.online?"rgba(34,197,94,0.1)":"rgba(239,68,68,0.1)",color:s.loading?"var(--color-text-muted)":s.online?"rgb(34,197,94)":"rgb(239,68,68)"},children:[(0,a.jsx)("span",{className:"inline-block w-2 h-2 rounded-full",style:{background:s.loading?"var(--color-text-muted)":s.online?"rgb(34,197,94)":"rgb(239,68,68)",animation:s.online?"pulse 2s infinite":"none"}}),s.loading?"...":s.online?"Online":"Offline"]}),(0,a.jsx)("button",{onClick:l,disabled:r,className:"relative inline-flex items-center h-7 w-[52px] rounded-full transition-all duration-300 focus:outline-none border",style:{background:t?"rgb(34,197,94)":"var(--color-bg-tertiary)",borderColor:t?"rgba(34,197,94,0.5)":"var(--color-border)",opacity:r?.6:1,cursor:r?"wait":"pointer"},title:t?`Disable ${e}`:`Enable ${e}`,children:(0,a.jsx)("span",{className:"inline-block w-5 h-5 rounded-full shadow-md transition-all duration-300",style:{transform:t?"translateX(26px)":"translateX(3px)",background:t?"#fff":"var(--color-text-muted)"}})}),(0,a.jsx)("span",{className:"text-xs font-medium min-w-[24px]",style:{color:t?"rgb(34,197,94)":"var(--color-text-muted)"},children:r?"...":t?"ON":"OFF"})]})}function v({value:e,onChange:s,disabled:t,baseUrl:l}){let r={stdio:"omniroute --mcp",sse:`${l}/api/mcp/sse`,"streamable-http":`${l}/api/mcp/stream`};return(0,a.jsxs)("div",{className:"rounded-lg border p-4 mt-3",style:{borderColor:"var(--color-border)",background:"var(--color-bg-secondary)"},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"material-symbols-rounded text-base",style:{color:"var(--color-primary)"},children:"swap_horiz"}),(0,a.jsx)("span",{className:"text-sm font-medium",style:{color:"var(--color-text)"},children:"Transport Mode"})]}),(0,a.jsx)("div",{className:"flex gap-2 flex-wrap",children:[{value:"stdio",label:"stdio",desc:"Local — IDE spawns process via omniroute --mcp"},{value:"sse",label:"SSE",desc:"Remote — Server-Sent Events over HTTP"},{value:"streamable-http",label:"Streamable HTTP",desc:"Remote — Modern bidirectional HTTP"}].map(l=>(0,a.jsxs)("button",{onClick:()=>s(l.value),disabled:t,className:"flex flex-col items-start px-4 py-2.5 rounded-lg border transition-all duration-200 text-left",style:{borderColor:e===l.value?"var(--color-primary)":"var(--color-border)",background:e===l.value?"rgba(var(--color-primary-rgb, 99,102,241), 0.1)":"transparent",opacity:t?.5:1,cursor:t?"wait":"pointer"},children:[(0,a.jsx)("span",{className:"text-sm font-semibold",style:{color:e===l.value?"var(--color-primary)":"var(--color-text)"},children:l.label}),(0,a.jsx)("span",{className:"text-xs mt-0.5",style:{color:"var(--color-text-muted)"},children:l.desc})]},l.value))}),(0,a.jsxs)("div",{className:"mt-3 rounded-md px-3 py-2 flex items-center gap-2",style:{background:"var(--color-bg-tertiary)"},children:[(0,a.jsx)("span",{className:"material-symbols-rounded text-sm",style:{color:"var(--color-text-muted)"},children:"stdio"===e?"terminal":"link"}),(0,a.jsx)("code",{className:"text-xs break-all",style:{color:"var(--color-text-muted)"},children:r[e]}),"stdio"!==e&&(0,a.jsx)("button",{className:"ml-auto text-xs px-2 py-0.5 rounded border hover:opacity-80 transition-opacity",style:{borderColor:"var(--color-border)",color:"var(--color-text-muted)"},onClick:()=>void navigator.clipboard.writeText(r[e]),title:"Copy URL",children:"Copy"})]})]})}function N(){let[e,s]=(0,l.useState)("endpoint-proxy"),t=(0,x.c)("endpoints"),[i,n]=(0,l.useState)({online:!1,loading:!0}),[o,c]=(0,l.useState)({online:!1,loading:!0}),[d,m]=(0,l.useState)(!1),[p,b]=(0,l.useState)(!1),[h,N]=(0,l.useState)(!1),[k,w]=(0,l.useState)(!1),[C,S]=(0,l.useState)("stdio"),[T,_]=(0,l.useState)(!1),[A,P]=(0,l.useState)("");(0,l.useEffect)(()=>{P(`${window.location.protocol}//${window.location.host}`)},[]),(0,l.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/settings");if(e.ok){let s=await e.json();m(!!s.mcpEnabled),b(!!s.a2aEnabled),S(s.mcpTransport||"stdio")}}catch{}})()},[]);let E=(0,l.useCallback)(async e=>fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),[]),$=(0,l.useCallback)(async e=>{let s="mcp"===e?N:w,t=!("mcp"===e?d:p);s(!0);try{(await E({["mcp"===e?"mcpEnabled":"a2aEnabled"]:t})).ok&&("mcp"===e?m:b)(t)}catch{}finally{s(!1)}},[d,p,E]),R=(0,l.useCallback)(async e=>{_(!0);try{(await E({mcpTransport:e})).ok&&S(e)}catch{}finally{_(!1)}},[E]),M=(0,l.useCallback)(async()=>{n(e=>({...e,loading:!0}));try{let e=await fetch("/api/mcp/status");if(e.ok){let s=await e.json();n({online:!!s.online,loading:!1})}else n({online:!1,loading:!1})}catch{n({online:!1,loading:!1})}},[]),D=(0,l.useCallback)(async()=>{c(e=>({...e,loading:!0}));try{let e=await fetch("/api/a2a/status");if(e.ok){let s=await e.json();c({online:"ok"===s.status,loading:!1})}else c({online:!1,loading:!1})}catch{c({online:!1,loading:!1})}},[]);return(0,l.useEffect)(()=>{let e=()=>{M(),D()};e();let s=setInterval(e,3e4);return()=>clearInterval(s)},[M,D]),(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,a.jsx)(r.Iz,{options:[{value:"endpoint-proxy",label:t("tabProxy"),icon:"api"},{value:"mcp",label:"MCP",icon:"hub"},{value:"a2a",label:"A2A",icon:"group_work"},{value:"api-endpoints",label:t("tabApiEndpoints"),icon:"code"}],value:e,onChange:s}),"mcp"===e&&(0,a.jsx)(y,{label:"MCP",status:i,enabled:d,onToggle:()=>void $("mcp"),toggling:h}),"a2a"===e&&(0,a.jsx)(y,{label:"A2A",status:o,enabled:p,onToggle:()=>void $("a2a"),toggling:k})]}),"mcp"===e&&d&&(0,a.jsx)(v,{value:C,onChange:e=>void R(e),disabled:T,baseUrl:A}),"endpoint-proxy"===e&&(0,a.jsx)(u,{machineId:""}),"mcp"===e&&(0,a.jsx)(g.default,{}),"a2a"===e&&(0,a.jsx)(f.default,{}),"api-endpoints"===e&&(0,a.jsx)(j,{})]})}},96944:(e,s,t)=>{Promise.resolve().then(t.bind(t,21583))}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,4726,4816,8441,3794,7358],()=>e(e.s=96944)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/health/{page-66ee4e631429e0d8.js → page-1e1eb2f79d606ab2.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8192],{32424:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>x});var a=s(95155),l=s(12115),r=s(40993),n=s(20909),i=s(50910);function c(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1048576).toFixed(1)} MB`}let d={CLOSED:{bg:"bg-green-500/10",text:"text-green-500",labelKey:"healthy"},OPEN:{bg:"bg-red-500/10",text:"text-red-500",labelKey:"down"},HALF_OPEN:{bg:"bg-amber-500/10",text:"text-amber-500",labelKey:"recovering"}};function x(){var e;let t,s,x,m,o,u,p=(0,i.c)("health"),h=(0,i.c)("common"),j=(0,i.c)("providers"),[b,f]=(0,l.useState)(null),[g,N]=(0,l.useState)(null),[v,y]=(0,l.useState)(null),[w,$]=(0,l.useState)(null),[C,k]=(0,l.useState)(null),[S,E]=(0,l.useState)(null),[L,D]=(0,l.useState)(!1),O=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/monitoring/health");if(!e.ok)throw Error(`HTTP ${e.status}`);let t=await e.json();f(t),N(null),y(new Date)}catch(e){N(e.message)}},[]),F=(0,l.useCallback)(async()=>{let e=await Promise.allSettled([fetch("/api/telemetry/summary").then(e=>e.json()),fetch("/api/cache/stats").then(e=>e.json()),fetch("/api/rate-limits").then(e=>e.json())]);"fulfilled"===e[0].status&&$(e[0].value),"fulfilled"===e[1].status&&k(e[1].value),"fulfilled"===e[2].status&&e[2].value.cacheStats&&E(e[2].value.cacheStats)},[]);(0,l.useEffect)(()=>{O(),F();let e=setInterval(()=>{O(),F()},15e3);return()=>clearInterval(e)},[O,F]);let z=async()=>{if(confirm(p("resetConfirm"))){D(!0);try{let e=await fetch("/api/monitoring/health",{method:"DELETE"});if(!e.ok)throw Error(`HTTP ${e.status}`);await O(),await F()}catch(e){console.error("Failed to reset health:",e)}finally{D(!1)}}},_=e=>null!=e?p("millisecondsShort",{value:Math.round(e)}):p("notAvailable");if(!b&&!g)return(0,a.jsx)("div",{className:"p-6 flex items-center justify-center min-h-[400px]",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-primary"}),(0,a.jsx)("p",{className:"text-text-muted mt-4",children:p("loadingHealth")})]})});if(g&&!b)return(0,a.jsx)("div",{className:"p-6",children:(0,a.jsxs)("div",{className:"bg-red-500/10 border border-red-500/30 rounded-xl p-6 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-red-500 text-[32px] mb-2",children:"error"}),(0,a.jsx)("p",{className:"text-red-400",children:p("failedToLoad",{error:g})}),(0,a.jsx)("button",{onClick:O,className:"mt-4 px-4 py-2 rounded-lg bg-primary/10 text-primary text-sm hover:bg-primary/20 transition-colors",children:p("retry")})]})});let{system:P,providerHealth:T,rateLimitStatus:Z,lockouts:q}=b,A=Object.entries(T||{}),M=Object.entries(q||{});return(0,a.jsxs)("div",{className:"p-6 space-y-6 max-w-6xl mx-auto",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:p("title")}),(0,a.jsx)("p",{className:"text-sm text-text-muted mt-1",children:p("description")})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[v&&(0,a.jsx)("span",{className:"text-xs text-text-muted",children:p("updatedAt",{time:v.toLocaleTimeString()})}),(0,a.jsx)("button",{onClick:()=>{O(),F()},className:"p-2 rounded-lg bg-surface hover:bg-surface/80 text-text-muted hover:text-text-main transition-colors",title:h("refresh"),children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"refresh"})})]})]}),(0,a.jsxs)("div",{role:"status","aria-live":"polite",className:`rounded-xl p-4 flex items-center gap-3 ${"healthy"===b.status?"bg-green-500/10 border border-green-500/20":"bg-red-500/10 border border-red-500/20"}`,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[24px] ${"healthy"===b.status?"text-green-500":"text-red-500"}`,children:"healthy"===b.status?"check_circle":"error"}),(0,a.jsx)("span",{className:"healthy"===b.status?"text-green-400":"text-red-400",children:"healthy"===b.status?p("allOperational"):p("issuesDetected")})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:[(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-primary/10 text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"timer"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("uptime")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:(t=Math.floor((e=P.uptime)/86400),s=Math.floor(e%86400/3600),x=Math.floor(e%3600/60),t>0?`${t}d ${s}h ${x}m`:s>0?`${s}h ${x}m`:`${x}m`)})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-blue-500/10 text-blue-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("version")})]}),(0,a.jsxs)("p",{className:"text-xl font-semibold text-text-main",children:["v",P.version]}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:p("nodeVersion",{version:P.nodeVersion})})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-purple-500/10 text-purple-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"memory"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("memoryRss")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:c(P.memoryUsage?.rss||0)}),(0,a.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:[p("heap"),": ",c(P.memoryUsage?.heapUsed||0)," /"," ",c(P.memoryUsage?.heapTotal||0)]})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-amber-500/10 text-amber-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"dns"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("providers")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:A.length}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:p("healthyCount",{count:A.filter(([,e])=>"CLOSED"===e.state).length})})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"speed"}),p("latency")]}),w?(0,a.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP50")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p50)})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP95")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p95)})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP99")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p99)})]}),(0,a.jsxs)("div",{className:"flex justify-between border-t border-border pt-2 mt-2",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("totalRequests")}),(0,a.jsx)("span",{className:"font-mono",children:w.totalRequests??0})]})]}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"cached"}),p("promptCache")]}),C?(0,a.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("entries")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.size,"/",C.maxSize]})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("hitRate")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.hitRate?.toFixed(1)??0,"%"]})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("hitsMisses")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.hits??0," / ",C.misses??0]})]})]}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"database"}),p("signatureCache")]}),S?(0,a.jsx)("div",{className:"grid grid-cols-2 gap-2",children:[{label:p("signatureDefaults"),value:S.defaultCount,color:"text-text-muted"},{label:p("signatureTool"),value:`${S.tool.entries}/${S.tool.patterns}`,color:"text-blue-400"},{label:p("signatureFamily"),value:`${S.family.entries}/${S.family.patterns}`,color:"text-purple-400"},{label:p("signatureSession"),value:`${S.session.entries}/${S.session.patterns}`,color:"text-cyan-400"}].map(({label:e,value:t,color:s})=>(0,a.jsxs)("div",{className:"text-center p-2 rounded-lg bg-surface/30 border border-border/30",children:[(0,a.jsx)("p",{className:`text-lg font-bold tabular-nums ${s}`,children:t}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:e})]},e))}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]})]}),(0,a.jsxs)(r.Zp,{className:"p-5",role:"region","aria-label":p("providerHealthStatusAria"),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-primary",children:"health_and_safety"}),p("providerHealth")]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[A.some(([,e])=>"CLOSED"!==e.state)&&(0,a.jsx)("button",{onClick:z,disabled:L,className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all ${L?"bg-surface/50 text-text-muted cursor-wait":"bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300 border border-red-500/20"}`,title:p("resetAllTitle"),children:L?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] animate-spin",children:"progress_activity"}),p("resetting")]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"restart_alt"}),p("resetAll")]})}),A.length>0&&(0,a.jsxs)("div",{className:"flex items-center gap-3 text-xs text-text-muted",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-green-500"})," ",p("healthy")]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-amber-500"})," ",p("recovering")]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-red-500"})," ",p("down")]})]})]})]}),0===A.length?(0,a.jsx)("p",{className:"text-sm text-text-muted text-center py-4",children:p("noCBData")}):(m=A.filter(([,e])=>"CLOSED"!==e.state),o=A.filter(([,e])=>"CLOSED"===e.state),(0,a.jsxs)("div",{className:"space-y-4",children:[m.length>0&&(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-red-400 uppercase tracking-wide",children:p("issuesLabel")}),m.map(([e,t])=>{let s=d[t.state]||d.OPEN,l=n.Q2[e],r=l?.name||e;return(0,a.jsxs)("div",{className:`rounded-lg p-3 ${s.bg} border border-white/5 flex items-center gap-3`,children:[(0,a.jsx)("div",{className:"size-8 rounded-lg flex items-center justify-center shrink-0 text-xs font-bold",style:{backgroundColor:`${l?.color||"#888"}15`,color:l?.color||"#888"},children:l?.textIcon||e.slice(0,2).toUpperCase()}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm font-medium text-text-main truncate",children:r}),(0,a.jsx)("span",{className:`text-xs font-semibold px-1.5 py-0.5 rounded ${s.bg} ${s.text}`,children:p(s.labelKey)})]}),(0,a.jsxs)("div",{className:"text-xs text-text-muted mt-0.5",children:[1===t.failures?p("failures",{count:t.failures}):p("failuresPlural",{count:t.failures}),t.lastFailure&&(0,a.jsxs)("span",{className:"ml-2",children:["\xb7 ",p("lastFailure"),":"," ",new Date(t.lastFailure).toLocaleTimeString()]})]})]})]},e)})]}),o.length>0&&(0,a.jsxs)("div",{children:[m.length>0&&(0,a.jsx)("p",{className:"text-xs font-medium text-green-400 uppercase tracking-wide mb-2",children:p("operational")}),(0,a.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2",children:o.map(([e])=>{let t=n.Q2[e],s=t?.name||e;return(0,a.jsxs)("div",{className:"rounded-lg p-2.5 bg-green-500/5 border border-white/5 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-green-500 shrink-0"}),(0,a.jsx)("span",{className:"text-xs font-medium text-text-main truncate",title:s,children:s})]},e)})})]})]}))]}),Z&&Object.keys(Z).length>0&&((u=Object.entries(Z).map(([e,t])=>({key:e,...(e=>{let t,s=e.split(":"),a=s[0],l=s[1]||"",r=s.slice(2).join(":")||null,i=n.Q2[a];if(a.startsWith("openai-compatible-")){let e=a.replace("openai-compatible-","");t=j("openaiCompatibleName"),i={color:"#10A37F",textIcon:"OC"},e.length>12?t+=` (${e.slice(0,8)}…)`:e&&(t+=` (${e})`)}else if(a.startsWith("anthropic-compatible-")){let e=a.replace("anthropic-compatible-","");t=j("anthropicCompatibleName"),i={color:"#D97757",textIcon:"AC"},e.length>12?t+=` (${e.slice(0,8)}…)`:e&&(t+=` (${e})`)}else t=i?.name||a;return{providerId:a,displayName:t,providerInfo:i,connectionId:l,model:r}})(e),status:t}))).sort((e,t)=>{let s=(e.status.queued||0)+(e.status.running||0),a=(t.status.queued||0)+(t.status.running||0);return s!==a?a-s:e.displayName.localeCompare(t.displayName)}),(0,a.jsxs)(r.Zp,{className:"p-5",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-amber-500",children:"speed"}),p("rateLimitStatus")]}),(0,a.jsx)("span",{className:"text-xs text-text-muted",children:1===u.length?p("activeLimiters",{count:u.length}):p("activeLimitersPlural",{count:u.length})})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",children:u.map(({key:e,displayName:t,providerInfo:s,connectionId:l,model:r,status:n})=>{let i=(n.queued||0)+(n.running||0)>0,c=(n.queued||0)>0;return(0,a.jsxs)("div",{className:`rounded-lg p-3 border transition-colors ${c?"bg-amber-500/5 border-amber-500/20":i?"bg-blue-500/5 border-blue-500/15":"bg-surface/30 border-white/5"}`,title:e,children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 mb-2",children:[(0,a.jsx)("div",{className:"size-7 rounded-md flex items-center justify-center shrink-0 text-[10px] font-bold",style:{backgroundColor:`${s?.color||"#888"}15`,color:s?.color||"#888"},children:s?.textIcon||t.slice(0,2).toUpperCase()}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-text-main truncate",children:t}),l&&(0,a.jsxs)("p",{className:"text-[10px] text-text-muted font-mono truncate",children:[l.length>12?l.slice(0,8)+"…":l,r&&(0,a.jsxs)("span",{className:"ml-1 text-text-muted/60",children:["\xb7 ",r]})]})]}),(0,a.jsx)("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold ${c?"bg-amber-500/15 text-amber-400":i?"bg-blue-500/15 text-blue-400":"bg-green-500/10 text-green-400"}`,children:c?p("queued"):i?h("active"):p("ok")})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3 text-[11px] text-text-muted",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"schedule"}),p("queuedCount",{count:n.queued||0})]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"play_arrow"}),p("runningCount",{count:n.running||0})]})]})]},e)})})]})),M.length>0&&(0,a.jsxs)(r.Zp,{className:"p-5",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main mb-4 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-red-500",children:"lock"}),p("activeLockouts")]}),(0,a.jsx)("div",{className:"space-y-2",children:M.map(([e,t])=>(0,a.jsxs)("div",{className:"rounded-lg p-3 bg-red-500/5 border border-red-500/10 flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-sm font-medium text-text-main",children:e}),t.reason&&(0,a.jsxs)("span",{className:"text-xs text-text-muted ml-2",children:["(",t.reason,")"]})]}),t.until&&(0,a.jsx)("span",{className:"text-xs text-red-400",children:p("until",{time:new Date(t.until).toLocaleTimeString()})})]},e))})]})]})}},39449:(e,t,s)=>{Promise.resolve().then(s.bind(s,32424))},40993:(e,t,s)=>{"use strict";s.d(t,{Ex:()=>d.default,$n:()=>a.default,Zp:()=>n.default,Qv:()=>c.CardSkeleton,G9:()=>g.default,bQ:()=>w.default,pp:()=>v.default,Qn:()=>y.default,pd:()=>l.default,Mh:()=>f.default,uR:()=>u.default,aF:()=>i.default,rq:()=>o.default,LF:()=>m.default,KN:()=>j.default,Lo:()=>b.default,y7:()=>h.default,Iz:()=>N.default,l6:()=>r.default,lM:()=>x.default,cn:()=>p.default});var a=s(35806),l=s(34422),r=s(42994),n=s(81060),i=s(71361),c=s(92542);s(17705);var d=s(80927),x=s(19790);s(6261),s(55846),s(34243),s(89938),s(99023);var m=s(80178),o=s(85444),u=s(91961);s(25112);var p=s(45624),h=s(37415),j=s(48643),b=s(8287);s(1652);var f=s(92701);s(18150);var g=s(71689),N=s(33709);s(76332);var v=s(66200);s(61580);var y=s(51503);s(54128);var w=s(44638);s(21720),s(97050)}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=39449)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8192],{32424:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>x});var a=s(95155),l=s(12115),r=s(40993),n=s(20909),i=s(50910);function c(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1048576).toFixed(1)} MB`}let d={CLOSED:{bg:"bg-green-500/10",text:"text-green-500",labelKey:"healthy"},OPEN:{bg:"bg-red-500/10",text:"text-red-500",labelKey:"down"},HALF_OPEN:{bg:"bg-amber-500/10",text:"text-amber-500",labelKey:"recovering"}};function x(){var e;let t,s,x,m,o,u,p=(0,i.c)("health"),h=(0,i.c)("common"),j=(0,i.c)("providers"),[b,f]=(0,l.useState)(null),[g,N]=(0,l.useState)(null),[v,y]=(0,l.useState)(null),[w,$]=(0,l.useState)(null),[C,k]=(0,l.useState)(null),[S,E]=(0,l.useState)(null),[L,D]=(0,l.useState)(!1),O=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/monitoring/health");if(!e.ok)throw Error(`HTTP ${e.status}`);let t=await e.json();f(t),N(null),y(new Date)}catch(e){N(e.message)}},[]),F=(0,l.useCallback)(async()=>{let e=await Promise.allSettled([fetch("/api/telemetry/summary").then(e=>e.json()),fetch("/api/cache/stats").then(e=>e.json()),fetch("/api/rate-limits").then(e=>e.json())]);"fulfilled"===e[0].status&&$(e[0].value),"fulfilled"===e[1].status&&k(e[1].value),"fulfilled"===e[2].status&&e[2].value.cacheStats&&E(e[2].value.cacheStats)},[]);(0,l.useEffect)(()=>{O(),F();let e=setInterval(()=>{O(),F()},15e3);return()=>clearInterval(e)},[O,F]);let z=async()=>{if(confirm(p("resetConfirm"))){D(!0);try{let e=await fetch("/api/monitoring/health",{method:"DELETE"});if(!e.ok)throw Error(`HTTP ${e.status}`);await O(),await F()}catch(e){console.error("Failed to reset health:",e)}finally{D(!1)}}},_=e=>null!=e?p("millisecondsShort",{value:Math.round(e)}):p("notAvailable");if(!b&&!g)return(0,a.jsx)("div",{className:"p-6 flex items-center justify-center min-h-[400px]",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-primary"}),(0,a.jsx)("p",{className:"text-text-muted mt-4",children:p("loadingHealth")})]})});if(g&&!b)return(0,a.jsx)("div",{className:"p-6",children:(0,a.jsxs)("div",{className:"bg-red-500/10 border border-red-500/30 rounded-xl p-6 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-red-500 text-[32px] mb-2",children:"error"}),(0,a.jsx)("p",{className:"text-red-400",children:p("failedToLoad",{error:g})}),(0,a.jsx)("button",{onClick:O,className:"mt-4 px-4 py-2 rounded-lg bg-primary/10 text-primary text-sm hover:bg-primary/20 transition-colors",children:p("retry")})]})});let{system:P,providerHealth:T,rateLimitStatus:Z,lockouts:q}=b,A=Object.entries(T||{}),M=Object.entries(q||{});return(0,a.jsxs)("div",{className:"p-6 space-y-6 max-w-6xl mx-auto",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:p("title")}),(0,a.jsx)("p",{className:"text-sm text-text-muted mt-1",children:p("description")})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[v&&(0,a.jsx)("span",{className:"text-xs text-text-muted",children:p("updatedAt",{time:v.toLocaleTimeString()})}),(0,a.jsx)("button",{onClick:()=>{O(),F()},className:"p-2 rounded-lg bg-surface hover:bg-surface/80 text-text-muted hover:text-text-main transition-colors",title:h("refresh"),children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"refresh"})})]})]}),(0,a.jsxs)("div",{role:"status","aria-live":"polite",className:`rounded-xl p-4 flex items-center gap-3 ${"healthy"===b.status?"bg-green-500/10 border border-green-500/20":"bg-red-500/10 border border-red-500/20"}`,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[24px] ${"healthy"===b.status?"text-green-500":"text-red-500"}`,children:"healthy"===b.status?"check_circle":"error"}),(0,a.jsx)("span",{className:"healthy"===b.status?"text-green-400":"text-red-400",children:"healthy"===b.status?p("allOperational"):p("issuesDetected")})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:[(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-primary/10 text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"timer"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("uptime")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:(t=Math.floor((e=P.uptime)/86400),s=Math.floor(e%86400/3600),x=Math.floor(e%3600/60),t>0?`${t}d ${s}h ${x}m`:s>0?`${s}h ${x}m`:`${x}m`)})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-blue-500/10 text-blue-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("version")})]}),(0,a.jsxs)("p",{className:"text-xl font-semibold text-text-main",children:["v",P.version]}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:p("nodeVersion",{version:P.nodeVersion})})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-purple-500/10 text-purple-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"memory"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("memoryRss")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:c(P.memoryUsage?.rss||0)}),(0,a.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:[p("heap"),": ",c(P.memoryUsage?.heapUsed||0)," /"," ",c(P.memoryUsage?.heapTotal||0)]})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-8 rounded-lg bg-amber-500/10 text-amber-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"dns"})}),(0,a.jsx)("span",{className:"text-sm text-text-muted",children:p("providers")})]}),(0,a.jsx)("p",{className:"text-xl font-semibold text-text-main",children:A.length}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-1",children:p("healthyCount",{count:A.filter(([,e])=>"CLOSED"===e.state).length})})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"speed"}),p("latency")]}),w?(0,a.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP50")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p50)})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP95")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p95)})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("latencyP99")}),(0,a.jsx)("span",{className:"font-mono",children:_(w.p99)})]}),(0,a.jsxs)("div",{className:"flex justify-between border-t border-border pt-2 mt-2",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("totalRequests")}),(0,a.jsx)("span",{className:"font-mono",children:w.totalRequests??0})]})]}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"cached"}),p("promptCache")]}),C?(0,a.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("entries")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.size,"/",C.maxSize]})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("hitRate")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.hitRate?.toFixed(1)??0,"%"]})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("span",{className:"text-text-muted",children:p("hitsMisses")}),(0,a.jsxs)("span",{className:"font-mono",children:[C.hits??0," / ",C.misses??0]})]})]}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]}),(0,a.jsxs)(r.Zp,{className:"p-4",children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-text-muted mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"database"}),p("signatureCache")]}),S?(0,a.jsx)("div",{className:"grid grid-cols-2 gap-2",children:[{label:p("signatureDefaults"),value:S.defaultCount,color:"text-text-muted"},{label:p("signatureTool"),value:`${S.tool.entries}/${S.tool.patterns}`,color:"text-blue-400"},{label:p("signatureFamily"),value:`${S.family.entries}/${S.family.patterns}`,color:"text-purple-400"},{label:p("signatureSession"),value:`${S.session.entries}/${S.session.patterns}`,color:"text-cyan-400"}].map(({label:e,value:t,color:s})=>(0,a.jsxs)("div",{className:"text-center p-2 rounded-lg bg-surface/30 border border-border/30",children:[(0,a.jsx)("p",{className:`text-lg font-bold tabular-nums ${s}`,children:t}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:e})]},e))}):(0,a.jsx)("p",{className:"text-sm text-text-muted",children:p("noDataYet")})]})]}),(0,a.jsxs)(r.Zp,{className:"p-5",role:"region","aria-label":p("providerHealthStatusAria"),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-primary",children:"health_and_safety"}),p("providerHealth")]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[A.some(([,e])=>"CLOSED"!==e.state)&&(0,a.jsx)("button",{onClick:z,disabled:L,className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all ${L?"bg-surface/50 text-text-muted cursor-wait":"bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300 border border-red-500/20"}`,title:p("resetAllTitle"),children:L?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px] animate-spin",children:"progress_activity"}),p("resetting")]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"restart_alt"}),p("resetAll")]})}),A.length>0&&(0,a.jsxs)("div",{className:"flex items-center gap-3 text-xs text-text-muted",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-green-500"})," ",p("healthy")]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-amber-500"})," ",p("recovering")]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-red-500"})," ",p("down")]})]})]})]}),0===A.length?(0,a.jsx)("p",{className:"text-sm text-text-muted text-center py-4",children:p("noCBData")}):(m=A.filter(([,e])=>"CLOSED"!==e.state),o=A.filter(([,e])=>"CLOSED"===e.state),(0,a.jsxs)("div",{className:"space-y-4",children:[m.length>0&&(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-red-400 uppercase tracking-wide",children:p("issuesLabel")}),m.map(([e,t])=>{let s=d[t.state]||d.OPEN,l=n.Q2[e],r=l?.name||e;return(0,a.jsxs)("div",{className:`rounded-lg p-3 ${s.bg} border border-white/5 flex items-center gap-3`,children:[(0,a.jsx)("div",{className:"size-8 rounded-lg flex items-center justify-center shrink-0 text-xs font-bold",style:{backgroundColor:`${l?.color||"#888"}15`,color:l?.color||"#888"},children:l?.textIcon||e.slice(0,2).toUpperCase()}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm font-medium text-text-main truncate",children:r}),(0,a.jsx)("span",{className:`text-xs font-semibold px-1.5 py-0.5 rounded ${s.bg} ${s.text}`,children:p(s.labelKey)})]}),(0,a.jsxs)("div",{className:"text-xs text-text-muted mt-0.5",children:[1===t.failures?p("failures",{count:t.failures}):p("failuresPlural",{count:t.failures}),t.lastFailure&&(0,a.jsxs)("span",{className:"ml-2",children:["\xb7 ",p("lastFailure"),":"," ",new Date(t.lastFailure).toLocaleTimeString()]})]})]})]},e)})]}),o.length>0&&(0,a.jsxs)("div",{children:[m.length>0&&(0,a.jsx)("p",{className:"text-xs font-medium text-green-400 uppercase tracking-wide mb-2",children:p("operational")}),(0,a.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2",children:o.map(([e])=>{let t=n.Q2[e],s=t?.name||e;return(0,a.jsxs)("div",{className:"rounded-lg p-2.5 bg-green-500/5 border border-white/5 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"size-2 rounded-full bg-green-500 shrink-0"}),(0,a.jsx)("span",{className:"text-xs font-medium text-text-main truncate",title:s,children:s})]},e)})})]})]}))]}),Z&&Object.keys(Z).length>0&&((u=Object.entries(Z).map(([e,t])=>({key:e,...(e=>{let t,s=e.split(":"),a=s[0],l=s[1]||"",r=s.slice(2).join(":")||null,i=n.Q2[a];if(a.startsWith("openai-compatible-")){let e=a.replace("openai-compatible-","");t=j("openaiCompatibleName"),i={color:"#10A37F",textIcon:"OC"},e.length>12?t+=` (${e.slice(0,8)}…)`:e&&(t+=` (${e})`)}else if(a.startsWith("anthropic-compatible-")){let e=a.replace("anthropic-compatible-","");t=j("anthropicCompatibleName"),i={color:"#D97757",textIcon:"AC"},e.length>12?t+=` (${e.slice(0,8)}…)`:e&&(t+=` (${e})`)}else t=i?.name||a;return{providerId:a,displayName:t,providerInfo:i,connectionId:l,model:r}})(e),status:t}))).sort((e,t)=>{let s=(e.status.queued||0)+(e.status.running||0),a=(t.status.queued||0)+(t.status.running||0);return s!==a?a-s:e.displayName.localeCompare(t.displayName)}),(0,a.jsxs)(r.Zp,{className:"p-5",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-amber-500",children:"speed"}),p("rateLimitStatus")]}),(0,a.jsx)("span",{className:"text-xs text-text-muted",children:1===u.length?p("activeLimiters",{count:u.length}):p("activeLimitersPlural",{count:u.length})})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",children:u.map(({key:e,displayName:t,providerInfo:s,connectionId:l,model:r,status:n})=>{let i=(n.queued||0)+(n.running||0)>0,c=(n.queued||0)>0;return(0,a.jsxs)("div",{className:`rounded-lg p-3 border transition-colors ${c?"bg-amber-500/5 border-amber-500/20":i?"bg-blue-500/5 border-blue-500/15":"bg-surface/30 border-white/5"}`,title:e,children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 mb-2",children:[(0,a.jsx)("div",{className:"size-7 rounded-md flex items-center justify-center shrink-0 text-[10px] font-bold",style:{backgroundColor:`${s?.color||"#888"}15`,color:s?.color||"#888"},children:s?.textIcon||t.slice(0,2).toUpperCase()}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium text-text-main truncate",children:t}),l&&(0,a.jsxs)("p",{className:"text-[10px] text-text-muted font-mono truncate",children:[l.length>12?l.slice(0,8)+"…":l,r&&(0,a.jsxs)("span",{className:"ml-1 text-text-muted/60",children:["\xb7 ",r]})]})]}),(0,a.jsx)("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold ${c?"bg-amber-500/15 text-amber-400":i?"bg-blue-500/15 text-blue-400":"bg-green-500/10 text-green-400"}`,children:c?p("queued"):i?h("active"):p("ok")})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3 text-[11px] text-text-muted",children:[(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"schedule"}),p("queuedCount",{count:n.queued||0})]}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"play_arrow"}),p("runningCount",{count:n.running||0})]})]})]},e)})})]})),M.length>0&&(0,a.jsxs)(r.Zp,{className:"p-5",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-text-main mb-4 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] text-red-500",children:"lock"}),p("activeLockouts")]}),(0,a.jsx)("div",{className:"space-y-2",children:M.map(([e,t])=>(0,a.jsxs)("div",{className:"rounded-lg p-3 bg-red-500/5 border border-red-500/10 flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-sm font-medium text-text-main",children:e}),t.reason&&(0,a.jsxs)("span",{className:"text-xs text-text-muted ml-2",children:["(",t.reason,")"]})]}),t.until&&(0,a.jsx)("span",{className:"text-xs text-red-400",children:p("until",{time:new Date(t.until).toLocaleTimeString()})})]},e))})]})]})}},40993:(e,t,s)=>{"use strict";s.d(t,{Ex:()=>d.default,$n:()=>a.default,Zp:()=>n.default,Qv:()=>c.CardSkeleton,G9:()=>g.default,bQ:()=>w.default,pp:()=>v.default,Qn:()=>y.default,pd:()=>l.default,Mh:()=>f.default,uR:()=>u.default,aF:()=>i.default,rq:()=>o.default,LF:()=>m.default,KN:()=>j.default,Lo:()=>b.default,y7:()=>h.default,Iz:()=>N.default,l6:()=>r.default,lM:()=>x.default,cn:()=>p.default});var a=s(35806),l=s(34422),r=s(42994),n=s(81060),i=s(71361),c=s(92542);s(17705);var d=s(80927),x=s(19790);s(6261),s(55846),s(34243),s(89938),s(99023);var m=s(80178),o=s(85444),u=s(91961);s(25112);var p=s(45624),h=s(37415),j=s(48643),b=s(8287);s(1652);var f=s(92701);s(18150);var g=s(71689),N=s(33709);s(76332);var v=s(66200);s(61580);var y=s(51503);s(54128);var w=s(44638);s(21720),s(97050)},90477:(e,t,s)=>{Promise.resolve().then(s.bind(s,32424))}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=90477)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/limits/page-e8a28e4cf62889bd.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1066],{40993:(e,t,s)=>{"use strict";s.d(t,{Ex:()=>o.default,$n:()=>a.default,Zp:()=>n.default,Qv:()=>c.CardSkeleton,G9:()=>y.default,bQ:()=>N.default,pp:()=>v.default,Qn:()=>k.default,pd:()=>r.default,Mh:()=>g.default,uR:()=>m.default,aF:()=>i.default,rq:()=>x.default,LF:()=>u.default,KN:()=>f.default,Lo:()=>b.default,y7:()=>h.default,Iz:()=>j.default,l6:()=>l.default,lM:()=>d.default,cn:()=>p.default});var a=s(35806),r=s(34422),l=s(42994),n=s(81060),i=s(71361),c=s(92542);s(17705);var o=s(80927),d=s(19790);s(6261),s(55846),s(34243),s(89938),s(99023);var u=s(80178),x=s(85444),m=s(91961);s(25112);var p=s(45624),h=s(37415),f=s(48643),b=s(8287);s(1652);var g=s(92701);s(18150);var y=s(71689),j=s(33709);s(76332);var v=s(66200);s(61580);var k=s(51503);s(54128);var N=s(44638);s(21720),s(97050)},73732:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>y});var a=s(95155),r=s(12115),l=s(40993),n=s(50910),i=s(5772),c=s(35144);function o(e){let t="string"==typeof e?e.trim():"";if(!t)return{key:"unknown",label:"Unknown",variant:"default",rank:0,raw:null};let s=t.toUpperCase();return s.includes("ENTERPRISE")||s.includes("CORP")||s.includes("ORG")?{key:"enterprise",label:"Enterprise",variant:"info",rank:7,raw:t}:s.includes("TEAM")||s.includes("CHATGPTTEAM")?{key:"team",label:"Team",variant:"info",rank:6,raw:t}:s.includes("BUSINESS")||s.includes("STANDARD")||s.includes("BIZ")?{key:"business",label:"Business",variant:"warning",rank:5,raw:t}:s.includes("ULTRA")?{key:"ultra",label:"Ultra",variant:"success",rank:4,raw:t}:s.includes("PRO")||s.includes("PREMIUM")?{key:"pro",label:"Pro",variant:"primary",rank:3,raw:t}:s.includes("PLUS")||s.includes("PAID")?{key:"plus",label:"Plus",variant:"secondary",rank:2,raw:t}:s.includes("FREE")||s.includes("INDIVIDUAL")||s.includes("BASIC")||s.includes("TRIAL")||s.includes("LEGACY")?{key:"free",label:"Free",variant:"default",rank:1,raw:t}:{key:"unknown",label:t.toLowerCase().split(/[\s_-]+/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")||"Unknown",variant:"default",rank:0,raw:t}}var d=s(81060),u=s(80927),x=s(92542),m=s(20909);let p={antigravity:{label:"Antigravity",color:"#F59E0B"},github:{label:"GitHub Copilot",color:"#333"},kiro:{label:"Kiro AI",color:"#FF6B35"},codex:{label:"OpenAI Codex",color:"#10A37F"},claude:{label:"Claude Code",color:"#D97757"}},h=[{key:"all",labelKey:"tierAll"},{key:"enterprise",labelKey:"tierEnterprise"},{key:"team",labelKey:"tierTeam"},{key:"business",labelKey:"tierBusiness"},{key:"ultra",labelKey:"tierUltra"},{key:"pro",labelKey:"tierPro"},{key:"plus",labelKey:"tierPlus"},{key:"free",labelKey:"tierFree"},{key:"unknown",labelKey:"tierUnknown"}];function f(){let e=(0,n.c)("usage"),[t,s]=(0,r.useState)([]),[l,f]=(0,r.useState)({}),[b,g]=(0,r.useState)({}),[y,j]=(0,r.useState)({}),[v,k]=(0,r.useState)(!0),[N,w]=(0,r.useState)(null),[S,E]=(0,r.useState)(!1),[C,A]=(0,r.useState)(120),[I,M]=(0,r.useState)(!0),[P,T]=(0,r.useState)("all"),q=(0,r.useRef)(null),F=(0,r.useRef)(null),K=(0,r.useRef)({}),L=(0,r.useCallback)(async()=>{try{let e=await fetch("/api/providers/client");if(!e.ok)throw Error("Failed");let t=(await e.json()).connections||[];return s(t),t}catch{return s([]),[]}},[]),_=(0,r.useCallback)(async(e,t)=>{let s=Date.now();if(!(s-(K.current[e]||0)<3e4)){K.current[e]=s,g(t=>({...t,[e]:!0})),j(t=>({...t,[e]:null}));try{let s=await fetch(`/api/usage/${e}`);if(!s.ok){let t=(await s.json().catch(()=>({}))).error||s.statusText;if(404===s.status)return;if(401===s.status)return void f(s=>({...s,[e]:{quotas:[],message:t}}));throw Error(`HTTP ${s.status}: ${t}`)}let a=await s.json(),r=function(e,t){if(!t||"object"!=typeof t)return[];let s=[];try{switch(e.toLowerCase()){case"github":default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"antigravity":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:t.displayName||e,modelKey:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,remainingPercentage:t.remainingPercentage})});break;case"codex":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"kiro":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"claude":t.message?s.push({name:"error",used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,remainingPercentage:t.remainingPercentage})})}}catch(t){return console.error(`Error parsing quota data for ${e}:`,t),[]}let a=(0,c.KC)(e);if(a.length>0){let e=new Map(a.map((e,t)=>[e.id,t]));s.sort((t,s)=>{let a=t.modelKey||t.name,r=s.modelKey||s.name;return(e.get(a)??999)-(e.get(r)??999)})}return s}(t,a);f(t=>({...t,[e]:{quotas:r,plan:a.plan||null,message:a.message||null,raw:a}}))}catch(t){j(s=>({...s,[e]:t.message||"Failed to fetch quota"}))}finally{g(t=>({...t,[e]:!1}))}}},[]),R=(0,r.useCallback)(async(e,t)=>{await _(e,t),w(new Date)},[_]),D=(0,r.useCallback)(async()=>{if(!S){E(!0),A(120);try{let e=(await L()).filter(e=>m.wb.includes(e.provider)&&"oauth"===e.authType);await Promise.all(e.map(e=>_(e.id,e.provider))),w(new Date)}catch(e){console.error("Error refreshing all:",e)}finally{E(!1)}}},[S,L,_]);(0,r.useEffect)(()=>{(async()=>{M(!0),await D(),M(!1)})()},[]),(0,r.useEffect)(()=>{if(!v){q.current&&clearInterval(q.current),F.current&&clearInterval(F.current);return}return q.current=setInterval(D,12e4),F.current=setInterval(()=>{A(e=>e<=1?120:e-1)},1e3),()=>{q.current&&clearInterval(q.current),F.current&&clearInterval(F.current)}},[v,D]),(0,r.useEffect)(()=>{let e=()=>{document.hidden?(q.current&&clearInterval(q.current),F.current&&clearInterval(F.current)):v&&(q.current=setInterval(D,12e4),F.current=setInterval(()=>{A(e=>e<=1?120:e-1)},1e3))};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[v,D]);let O=(0,r.useMemo)(()=>t.filter(e=>m.wb.includes(e.provider)&&"oauth"===e.authType),[t]),U=(0,r.useMemo)(()=>{let e={antigravity:1,github:2,codex:3,claude:4,kiro:5};return[...O].sort((t,s)=>(e[t.provider]||9)-(e[s.provider]||9))},[O]),$=(0,r.useMemo)(()=>{let e={};for(let t of U)e[t.id]=o(l[t.id]?.plan);return e},[U,l]),G=(0,r.useMemo)(()=>{let e={all:U.length,enterprise:0,team:0,business:0,ultra:0,pro:0,free:0,unknown:0};for(let t of U){let s=$[t.id]?.key||"unknown";e[s]=(e[s]||0)+1}return e},[U,$]),Q=(0,r.useMemo)(()=>"all"===P?U:U.filter(e=>($[e.id]?.key||"unknown")===P),[U,$,P]);return I?(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)(x.CardSkeleton,{}),(0,a.jsx)(x.CardSkeleton,{})]}):0===U.length?(0,a.jsx)(d.default,{padding:"lg",children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[64px] opacity-15",children:"cloud_off"}),(0,a.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-main",children:e("noProviders")}),(0,a.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-[400px] mx-auto",children:e("connectProvidersForQuota")})]})}):(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-text-main m-0",children:e("providerLimits")}),(0,a.jsxs)("span",{className:"text-[13px] text-text-muted",children:[e("accountsCount",{count:Q.length}),Q.length!==U.length&&` ${e("filteredFromCount",{count:U.length})}`]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("button",{onClick:()=>k(e=>!e),className:"flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-white/[0.08] bg-transparent cursor-pointer text-text-main text-[13px]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:v?"#22c55e":"var(--text-muted)"},children:v?"toggle_on":"toggle_off"}),e("autoRefresh"),v&&(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["(",C,"s)"]})]}),(0,a.jsxs)("button",{onClick:D,disabled:S,className:"flex items-center gap-1.5 px-3.5 py-1.5 rounded-lg bg-white/[0.06] border border-white/10 text-text-main text-[13px] disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] ${S?"animate-spin":""}`,children:"refresh"}),e("refreshAll")]})]})]}),(0,a.jsx)("div",{className:"flex items-center gap-2 flex-wrap",children:h.map(t=>{if("all"!==t.key&&!G[t.key])return null;let s=P===t.key;return(0,a.jsxs)("button",{onClick:()=>T(t.key),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold cursor-pointer",style:{border:s?"1px solid var(--primary, #E54D5E)":"1px solid rgba(255,255,255,0.12)",background:s?"rgba(249,120,21,0.14)":"transparent",color:s?"var(--primary, #E54D5E)":"var(--text-muted)"},children:[(0,a.jsx)("span",{children:e(t.labelKey)}),(0,a.jsx)("span",{className:"opacity-85",children:G[t.key]||0})]},t.key)})}),(0,a.jsxs)("div",{className:"rounded-xl border border-white/[0.06] overflow-hidden bg-black/15",children:[(0,a.jsxs)("div",{className:"items-center px-4 py-2.5 border-b border-white/[0.06] text-[11px] font-semibold uppercase tracking-wider text-text-muted",style:{display:"grid",gridTemplateColumns:"280px 1fr 100px 48px"},children:[(0,a.jsx)("div",{children:e("account")}),(0,a.jsx)("div",{children:e("modelQuotas")}),(0,a.jsx)("div",{className:"text-center",children:e("lastUsed")}),(0,a.jsx)("div",{className:"text-center",children:e("actions")})]}),Q.map((t,s)=>{let r=l[t.id],n=b[t.id],c=y[t.id],d=p[t.provider]||{label:t.provider,color:"#666"},x=$[t.id]||o(null);return(0,a.jsxs)("div",{className:"items-center px-4 py-3.5 transition-[background] duration-150 hover:bg-white/[0.02]",style:{display:"grid",gridTemplateColumns:"280px 1fr 100px 48px",borderBottom:s<Q.length-1?"1px solid rgba(255,255,255,0.04)":"none"},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-lg flex items-center justify-center overflow-hidden shrink-0",children:(0,a.jsx)(i.default,{src:`/providers/${t.provider}.png`,alt:t.provider,width:32,height:32,className:"object-contain",sizes:"32px"})}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[13px] font-semibold text-text-main truncate",children:t.name||d.label}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mt-0.5",children:[(0,a.jsx)("span",{title:r?.plan?e("rawPlanWithValue",{plan:r.plan}):e("noPlanFromProvider"),children:(0,a.jsx)(u.default,{variant:x.variant,size:"sm",dot:!0,children:x.label})}),(0,a.jsx)("span",{className:"text-[11px] text-text-muted",children:d.label})]})]})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-x-3 gap-y-1.5 pr-3",children:n?(0,a.jsxs)("div",{className:"flex items-center gap-1.5 text-text-muted text-xs",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-[14px]",children:"progress_activity"}),e("loadingQuotas")]}):c?(0,a.jsxs)("div",{className:"flex items-center gap-1.5 text-xs text-red-500",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"error"}),(0,a.jsx)("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap max-w-[300px]",children:c})]}):r?.message&&(!r.quotas||0===r.quotas.length)?(0,a.jsx)("div",{className:"text-xs text-text-muted italic",children:r.message}):r?.quotas?.length>0?r.quotas.map((e,t)=>{var s,r,l;let n=void 0!==e.remainingPercentage?Math.round(e.remainingPercentage):(s=e.used,(r=e.total)&&0!==r?!s||s<0?100:s>=r?0:Math.round((r-s)/r*100):0),i=n>70?{bar:"#22c55e",text:"#22c55e",bg:"rgba(34,197,94,0.12)"}:n>=30?{bar:"#eab308",text:"#eab308",bg:"rgba(234,179,8,0.12)"}:{bar:"#ef4444",text:"#ef4444",bg:"rgba(239,68,68,0.12)"},c=function(e){if(!e)return null;try{let t=new Date(e)-new Date;if(t<=0)return null;let s=Math.floor(t/36e5),a=Math.floor(t%36e5/6e4);if(s>=24){let e=Math.floor(s/24);return`${e}d ${s%24}h`}return`${s}h ${a}m`}catch{return null}}(e.resetAt),o={"gemini-3-pro-high":"G3 Pro","gemini-3-pro-low":"G3 Pro Low","gemini-3-flash":"G3 Flash","gemini-2.5-flash":"G2.5 Flash","claude-opus-4-6-thinking":"Opus 4.6 Tk","claude-opus-4-5-thinking":"Opus 4.5 Tk","claude-opus-4-5":"Opus 4.5","claude-sonnet-4-5-thinking":"Sonnet 4.5 Tk","claude-sonnet-4-5":"Sonnet 4.5",chat:"Chat",completions:"Completions",premium_interactions:"Premium",session:"Session",weekly:"Weekly",agentic_request:"Agentic",agentic_request_freetrial:"Agentic (Trial)"}[l=e.name]||l;return(0,a.jsxs)("div",{className:"flex items-center gap-1.5 min-w-[200px] shrink-0",children:[(0,a.jsx)("span",{className:"text-[11px] font-semibold py-0.5 px-2 rounded whitespace-nowrap min-w-[60px] text-center",style:{background:i.bg,color:i.text},children:o}),c&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted whitespace-nowrap",children:["⏱ ",c]}),(0,a.jsx)("div",{className:"flex-1 h-1.5 rounded-sm bg-white/[0.06] min-w-[60px] overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded-sm transition-[width] duration-300 ease-out",style:{width:`${Math.min(n,100)}%`,background:i.bar}})}),(0,a.jsxs)("span",{className:"text-[11px] font-semibold min-w-[32px] text-right",style:{color:i.text},children:[n,"%"]})]},t)}):(0,a.jsx)("div",{className:"text-xs text-text-muted italic",children:e("noQuotaData")})}),(0,a.jsx)("div",{className:"text-center text-[11px] text-text-muted",children:N?(0,a.jsx)("span",{children:N.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}):"-"}),(0,a.jsx)("div",{className:"flex justify-center gap-0.5",children:(0,a.jsx)("button",{onClick:()=>R(t.id,t.provider),disabled:n,title:e("refreshQuota"),className:"p-1 rounded-md border-none bg-transparent cursor-pointer disabled:cursor-not-allowed disabled:opacity-30 opacity-60 hover:opacity-100 flex items-center justify-center transition-opacity duration-150",children:(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] text-text-muted ${n?"animate-spin":""}`,children:"refresh"})})})]},t.id)}),0===Q.length&&(0,a.jsxs)("div",{className:"py-6 px-4 text-center text-text-muted text-[13px]",children:[e("noAccountsForTierFilter")," ",(0,a.jsx)("strong",{children:e(h.find(e=>e.key===P)?.labelKey||"tierUnknown")}),"."]})]})]})}function b(){let e=(0,n.c)("usage"),t=(0,n.c)("common"),[s,i]=(0,r.useState)({lockouts:[],cacheStats:null}),[c,o]=(0,r.useState)(!0),d=(0,r.useCallback)(async()=>{try{let e=await fetch("/api/rate-limits");e.ok&&i(await e.json())}catch{}finally{o(!1)}},[]);return(0,r.useEffect)(()=>{d();let e=setInterval(d,1e4);return()=>clearInterval(e)},[d]),(0,a.jsx)("div",{className:"flex flex-col gap-4",children:(0,a.jsxs)(l.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-orange-500/10 text-orange-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"lock_clock"})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"text-lg font-semibold",children:e("modelLockouts")}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:e("lockoutsAutoRefreshHint")})]}),s.lockouts.length>0&&(0,a.jsx)("span",{className:"px-2.5 py-1 rounded-full text-xs font-semibold bg-orange-500/10 text-orange-400 border border-orange-500/20",children:e("lockedCount",{count:s.lockouts.length})})]}),0===s.lockouts.length?(0,a.jsxs)("div",{className:"text-center py-6 text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px] mb-2 block opacity-40","aria-hidden":"true",children:"lock_open"}),(0,a.jsx)("p",{className:"text-sm",children:e("noLockouts")})]}):(0,a.jsx)("div",{className:"flex flex-col gap-2",children:s.lockouts.map((s,r)=>{var l;return(0,a.jsxs)("div",{className:"flex items-center justify-between px-3 py-2.5 rounded-lg bg-orange-500/5 border border-orange-500/15",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-orange-400","aria-hidden":"true",children:"lock"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium",children:s.model}),(0,a.jsxs)("p",{className:"text-xs text-text-muted",children:[e("account"),":"," ",(0,a.jsx)("span",{className:"font-mono",children:s.accountId?.slice(0,12)||t("none")}),s.reason&&(0,a.jsxs)(a.Fragment,{children:[e("reasonSeparator"),s.reason]})]})]})]}),(0,a.jsx)("span",{className:"text-xs font-mono tabular-nums text-orange-400",children:e("timeLeft",{time:(l=s.remainingMs)<1e3?e("durationMillisecondsShort",{value:l}):l<6e4?e("durationSecondsShort",{value:Math.ceil(l/1e3)}):e("durationMinutesShort",{value:Math.ceil(l/6e4)})})})]},r)})})]})})}function g(){let e=(0,n.c)("usage"),[t,s]=(0,r.useState)({count:0,sessions:[]}),[i,c]=(0,r.useState)(!0),o=(0,r.useCallback)(async()=>{try{let e=await fetch("/api/sessions");e.ok&&s(await e.json())}catch{}finally{c(!1)}},[]);return(0,r.useEffect)(()=>{o();let e=setInterval(o,5e3);return()=>clearInterval(e)},[o]),(0,a.jsxs)(l.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-5",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-cyan-500/10 text-cyan-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"fingerprint"})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"text-lg font-semibold",children:e("activeSessions")}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:e("sessionsTrackedHint")})]}),(0,a.jsx)("div",{className:"flex items-center gap-2",children:(0,a.jsxs)("span",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-cyan-500/10 border border-cyan-500/20",children:[(0,a.jsx)("span",{className:"w-2 h-2 rounded-full bg-cyan-500 animate-pulse"}),(0,a.jsx)("span",{className:"text-sm font-semibold tabular-nums text-cyan-400",children:t.count})]})})]}),0===t.sessions.length?(0,a.jsxs)("div",{className:"text-center py-8 text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[40px] mb-2 block opacity-40","aria-hidden":"true",children:"fingerprint"}),(0,a.jsx)("p",{className:"text-sm",children:e("noSessions")}),(0,a.jsx)("p",{className:"text-xs mt-1",children:e("sessionsHint")})]}):(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm",children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{className:"border-b border-border/30",children:[(0,a.jsx)("th",{className:"text-left py-2 px-3 text-xs font-semibold text-text-muted uppercase tracking-wider",children:e("session")}),(0,a.jsx)("th",{className:"text-left py-2 px-3 text-xs font-semibold text-text-muted uppercase tracking-wider",children:e("age")}),(0,a.jsx)("th",{className:"text-right py-2 px-3 text-xs font-semibold text-text-muted uppercase tracking-wider",children:e("requests")}),(0,a.jsx)("th",{className:"text-left py-2 px-3 text-xs font-semibold text-text-muted uppercase tracking-wider",children:e("connection")})]})}),(0,a.jsx)("tbody",{children:t.sessions.map(t=>{var s;return(0,a.jsxs)("tr",{className:"border-b border-border/10 hover:bg-surface/20 transition-colors",children:[(0,a.jsx)("td",{className:"py-2.5 px-3",children:(0,a.jsxs)("span",{className:"font-mono text-xs px-2 py-1 rounded bg-surface/40 text-text-muted",children:[t.sessionId.slice(0,12),"…"]})}),(0,a.jsx)("td",{className:"py-2.5 px-3 text-text-muted tabular-nums",children:(s=t.ageMs)<6e4?e("durationSecondsShort",{value:Math.floor(s/1e3)}):s<36e5?e("durationMinutesShort",{value:Math.floor(s/6e4)}):e("durationHoursShort",{value:Math.floor(s/36e5)})}),(0,a.jsx)("td",{className:"py-2.5 px-3 text-right",children:(0,a.jsx)("span",{className:"font-semibold tabular-nums",children:t.requestCount})}),(0,a.jsx)("td",{className:"py-2.5 px-3",children:t.connectionId?(0,a.jsx)("span",{className:"text-xs font-mono text-cyan-400",children:t.connectionId.slice(0,10)}):(0,a.jsx)("span",{className:"text-text-muted/40",children:e("notAvailableSymbol")})})]},t.sessionId)})})]})})]})}function y(){return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(r.Suspense,{fallback:(0,a.jsx)(l.Qv,{}),children:(0,a.jsx)(f,{})}),(0,a.jsx)(b,{}),(0,a.jsx)(g,{})]})}},86879:(e,t,s)=>{Promise.resolve().then(s.bind(s,73732))}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=86879)),_N_E=e.O()}]);