diff --git a/litellm/proxy/_experimental/out/404.html b/litellm/proxy/_experimental/out/404.html
index a7d19a9e9072..52c40147a205 100644
--- a/litellm/proxy/_experimental/out/404.html
+++ b/litellm/proxy/_experimental/out/404.html
@@ -1 +1 @@
-
-
${t.model} ${t.provider?`(${t.provider})`:""}
-
-
-
-
-
- | Cost Type |
- Per Request |
- ${null!==t.daily_cost?"Daily | ":""}
- ${null!==t.monthly_cost?"Monthly | ":""}
-
-
- | Input Cost |
- ${H(t.input_cost_per_request)} |
- ${null!==t.daily_cost?`${H(t.daily_input_cost)} | `:""}
- ${null!==t.monthly_cost?`${H(t.monthly_input_cost)} | `:""}
-
-
- | Output Cost |
- ${H(t.output_cost_per_request)} |
- ${null!==t.daily_cost?`${H(t.daily_output_cost)} | `:""}
- ${null!==t.monthly_cost?`${H(t.monthly_output_cost)} | `:""}
-
-
- | Margin/Fee |
- ${H(t.margin_cost_per_request)} |
- ${null!==t.daily_cost?`${H(t.daily_margin_cost)} | `:""}
- ${null!==t.monthly_cost?`${H(t.monthly_margin_cost)} | `:""}
-
-
- | Total |
- ${H(t.cost_per_request)} |
- ${null!==t.daily_cost?`${H(t.daily_cost)} | `:""}
- ${null!==t.monthly_cost?`${H(t.monthly_cost)} | `:""}
-
-
-
- `}).join("")}
-
-
-
-
- `;t.document.write(a),t.document.close(),t.onload=()=>{t.print()}})(e),children:[(0,t.jsx)(I.FileText,{}),"Export as PDF"]}),(0,t.jsxs)(O.DropdownMenuItem,{onClick:()=>(e=>{let t=e.entries.filter(e=>null!==e.result),s=[["LLM Multi-Model Cost Estimate Report"],["Generated",new Date().toLocaleString()],[""]];for(let r of(s.push(["COMBINED TOTALS"],["Total Per Request",e.totals.cost_per_request.toString()],["Total Daily",e.totals.daily_cost?.toString()||"-"],["Total Monthly",e.totals.monthly_cost?.toString()||"-"],["Margin Per Request",e.totals.margin_per_request.toString()],["Daily Margin",e.totals.daily_margin?.toString()||"-"],["Monthly Margin",e.totals.monthly_margin?.toString()||"-"],[""]),s.push(["Model","Provider","Input Tokens","Output Tokens","Requests/Day","Requests/Month","Cost/Request","Daily Cost","Monthly Cost","Input Cost/Req","Output Cost/Req","Margin/Req"]),t)){let e=r.result;s.push([e.model,e.provider||"-",e.input_tokens.toString(),e.output_tokens.toString(),e.num_requests_per_day?.toString()||"-",e.num_requests_per_month?.toString()||"-",e.cost_per_request.toString(),e.daily_cost?.toString()||"-",e.monthly_cost?.toString()||"-",e.input_cost_per_request.toString(),e.output_cost_per_request.toString(),e.margin_cost_per_request.toString()])}let r=new Blob([s.map(e=>e.map(e=>`"${e}"`).join(",")).join("\n")],{type:"text/csv;charset=utf-8;"}),a=window.URL.createObjectURL(r),l=document.createElement("a");l.href=a,l.download=`cost_estimate_multi_model_${new Date().toISOString().split("T")[0]}.csv`,document.body.appendChild(l),l.click(),document.body.removeChild(l),window.URL.revokeObjectURL(a)})(e),children:[(0,t.jsx)(E,{}),"Export as CSV"]})]})]}):null,V=e=>null==e?"-":0===e?"$0":e<1e-4?`$${e.toExponential(2)}`:e<1?`$${e.toFixed(4)}`:`$${(0,B.formatNumberWithCommas)(e,2,!0)}`,W=({result:e,loading:s,timePeriod:r})=>{let a="day"===r?"Daily":"Monthly",l="day"===r?e.daily_cost:e.monthly_cost,o="day"===r?e.daily_input_cost:e.monthly_input_cost,n="day"===r?e.daily_output_cost:e.monthly_output_cost,i="day"===r?e.daily_margin_cost:e.monthly_margin_cost,d="day"===r?e.num_requests_per_day:e.num_requests_per_month;return(0,t.jsxs)("div",{className:"space-y-3 bg-gray-50 p-4 rounded-lg",children:[s&&(0,t.jsxs)("div",{className:"flex items-center gap-2 text-gray-500 text-sm",children:[(0,t.jsx)(A.UiLoadingSpinner,{className:"size-3.5"}),(0,t.jsx)("span",{children:"Updating..."})]}),(0,t.jsxs)("div",{className:"grid grid-cols-4 gap-4",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 block",children:"Total/Request"}),(0,t.jsx)("p",{className:"text-base font-semibold text-blue-600 break-words",children:V(e.cost_per_request)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 block",children:"Input Cost"}),(0,t.jsx)("p",{className:"text-sm break-words",children:V(e.input_cost_per_request)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 block",children:"Output Cost"}),(0,t.jsx)("p",{className:"text-sm break-words",children:V(e.output_cost_per_request)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 block",children:"Margin Fee"}),(0,t.jsx)("p",{className:`text-sm break-words ${e.margin_cost_per_request>0?"text-amber-600":""}`,children:V(e.margin_cost_per_request)})]})]}),null!==l&&(0,t.jsxs)("div",{className:"grid grid-cols-4 gap-4 pt-2 border-t border-gray-200",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("p",{className:"text-xs text-gray-500 block",children:[a," Total (",null==d?"-":(0,B.formatNumberWithCommas)(d,0,!0)," req)"]}),(0,t.jsx)("p",{className:`text-base font-semibold break-words ${"day"===r?"text-green-600":"text-purple-600"}`,children:V(l)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("p",{className:"text-xs text-gray-500 block",children:[a," Input"]}),(0,t.jsx)("p",{className:"text-sm break-words",children:V(o)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("p",{className:"text-xs text-gray-500 block",children:[a," Output"]}),(0,t.jsx)("p",{className:"text-sm break-words",children:V(n)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("p",{className:"text-xs text-gray-500 block",children:[a," Margin Fee"]}),(0,t.jsx)("p",{className:`text-sm break-words ${(i??0)>0?"text-amber-600":""}`,children:V(i)})]})]}),(e.input_cost_per_token||e.output_cost_per_token)&&(0,t.jsxs)("div",{className:"text-xs text-gray-400 pt-2 border-t border-gray-200",children:["Token Pricing:"," ",e.input_cost_per_token&&(0,t.jsxs)("span",{children:["Input $",(0,B.formatNumberWithCommas)(1e6*e.input_cost_per_token,2),"/1M"]}),e.input_cost_per_token&&e.output_cost_per_token&&" | ",e.output_cost_per_token&&(0,t.jsxs)("span",{children:["Output $",(0,B.formatNumberWithCommas)(1e6*e.output_cost_per_token,2),"/1M"]})]})]})},K=({multiResult:e,timePeriod:a})=>{let[l,o]=(0,s.useState)(new Set),i=e.entries.filter(e=>null!==e.result),d=e.entries.filter(e=>e.loading),c=e.entries.filter(e=>null!==e.error),m=i.length>0,u=d.length>0,x=c.length>0;if(!m&&!u&&!x)return(0,t.jsx)("div",{className:"py-6 text-center border border-dashed border-gray-300 rounded-lg bg-gray-50",children:(0,t.jsx)("p",{className:"text-gray-500",children:"Select models above to see cost estimates"})});if(!m&&u&&!x)return(0,t.jsxs)("div",{className:"py-6 text-center",children:[(0,t.jsx)(A.UiLoadingSpinner,{className:"inline-block size-5"}),(0,t.jsx)("p",{className:"text-gray-500 block mt-2",children:"Calculating costs..."})]});if(!m&&x)return(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(L.Separator,{className:"my-4"}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("p",{className:"text-base font-semibold text-gray-900",children:"Cost Estimates"}),u&&(0,t.jsx)(A.UiLoadingSpinner,{className:"size-3.5"})]}),c.map(e=>(0,t.jsxs)("div",{className:"text-sm text-red-600 bg-red-50 p-3 rounded-lg border border-red-200",children:[(0,t.jsxs)("span",{className:"font-medium",children:[e.entry.model||"Unknown model",": "]}),e.error]},e.entry.id))]});let p=e.totals.margin_per_request>0,g="day"===a?"Daily":"Monthly",f=e.entries.filter(e=>e.entry.model).map(e=>({id:e.entry.id,model:e.result?.model||e.entry.model,provider:e.result?.provider,cost_per_request:e.result?.cost_per_request??null,margin_cost_per_request:e.result?.margin_cost_per_request??null,daily_cost:e.result?.daily_cost??null,monthly_cost:e.result?.monthly_cost??null,error:e.error,loading:e.loading,hasZeroCost:e.result&&0===e.result.cost_per_request}));return(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(L.Separator,{className:"my-4"}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("p",{className:"text-base font-semibold text-gray-900",children:"Cost Estimates"}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[u&&(0,t.jsx)(A.UiLoadingSpinner,{className:"size-3.5"}),(0,t.jsx)(U,{multiResult:e})]})]}),(0,t.jsxs)(D.Card,{size:"sm",className:"px-4 bg-linear-to-r from-slate-50 to-blue-50",children:[(0,t.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("span",{className:"text-xs text-gray-500",children:"Total Per Request"}),(0,t.jsx)("div",{className:"text-lg font-mono text-blue-600 break-words",children:V(e.totals.cost_per_request)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("span",{className:"text-xs text-gray-500",children:["Total ",g]}),(0,t.jsx)("div",{className:`text-lg font-mono break-words ${"day"===a?"text-green-600":"text-purple-600"}`,children:V("day"===a?e.totals.daily_cost:e.totals.monthly_cost)})]})]}),p&&(0,t.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2 mt-3 pt-3 border-t border-slate-200",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("div",{className:"text-xs text-gray-500",children:"Margin Fee/Request"}),(0,t.jsx)("div",{className:"text-sm font-mono text-amber-600 break-words",children:V(e.totals.margin_per_request)})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("div",{className:"text-xs text-gray-500",children:[g," Margin Fee"]}),(0,t.jsx)("div",{className:"text-sm font-mono text-amber-600 break-words",children:V("day"===a?e.totals.daily_margin:e.totals.monthly_margin)})]})]})]}),f.length>0&&(0,t.jsxs)(h.Table,{className:"border border-gray-200 rounded-lg",children:[(0,t.jsx)(h.TableHeader,{children:(0,t.jsxs)(h.TableRow,{children:[(0,t.jsx)(h.TableHead,{children:"Model"}),(0,t.jsx)(h.TableHead,{className:"text-right",children:"Per Request"}),(0,t.jsx)(h.TableHead,{className:"text-right",children:"Margin Fee"}),(0,t.jsx)(h.TableHead,{className:"text-right",children:g}),(0,t.jsx)(h.TableHead,{className:"w-10",children:(0,t.jsx)("span",{className:"sr-only",children:"Cost breakdown"})})]})}),(0,t.jsx)(h.TableBody,{children:f.map(e=>{let d=l.has(e.id),c="day"===a?e.daily_cost:e.monthly_cost,m=i.find(t=>t.entry.id===e.id);return(0,t.jsxs)(s.default.Fragment,{children:[(0,t.jsxs)(h.TableRow,{children:[(0,t.jsx)(h.TableCell,{className:"whitespace-normal",children:(0,t.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"font-medium text-sm break-words",children:e.model}),e.provider&&(0,t.jsx)(R.Badge,{variant:"secondary",className:"text-xs",children:e.provider}),e.loading&&(0,t.jsx)(A.UiLoadingSpinner,{className:"size-3.5"})]}),e.error&&(0,t.jsxs)("div",{className:"text-xs text-red-600 bg-red-50 px-2 py-1 rounded-sm",children:["⚠️ ",e.error]}),e.hasZeroCost&&!e.error&&(0,t.jsx)("div",{className:"text-xs text-amber-600 bg-amber-50 px-2 py-1 rounded-sm",children:"⚠️ No pricing data found for this model. Set base_model in config."})]})}),(0,t.jsx)(h.TableCell,{className:"text-right",children:e.error?(0,t.jsx)("span",{className:"text-gray-400",children:"-"}):(0,t.jsx)("span",{className:"font-mono text-sm",children:V(e.cost_per_request)})}),(0,t.jsx)(h.TableCell,{className:"text-right",children:e.error?(0,t.jsx)("span",{className:"text-gray-400",children:"-"}):(0,t.jsx)("span",{className:`font-mono text-sm ${(e.margin_cost_per_request??0)>0?"text-amber-600":"text-gray-400"}`,children:V(e.margin_cost_per_request)})}),(0,t.jsx)(h.TableCell,{className:"text-right",children:e.error?(0,t.jsx)("span",{className:"text-gray-400",children:"-"}):(0,t.jsx)("span",{className:"font-mono text-sm",children:V(c)})}),(0,t.jsx)(h.TableCell,{className:"text-right",children:!e.error&&(0,t.jsx)(n.Button,{variant:"ghost",size:"icon-xs","aria-expanded":d,"aria-label":`${d?"Hide":"Show"} cost breakdown for ${e.model}`,onClick:()=>{var t;return t=e.id,void o(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:"text-gray-400 hover:text-gray-600",children:d?(0,t.jsx)(r.ChevronDown,{className:"size-3"}):(0,t.jsx)(F.ChevronRight,{className:"size-3"})})})]}),d&&m?.result&&(0,t.jsx)(h.TableRow,{children:(0,t.jsx)(h.TableCell,{colSpan:5,className:"whitespace-normal",children:(0,t.jsx)("div",{className:"py-2",children:(0,t.jsx)(W,{result:m.result,loading:m.loading,timePeriod:a})})})})]},e.id)})})]})]})};var J=e.i(602869);let X=()=>({id:`entry-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,model:"",input_tokens:1e3,output_tokens:500,num_requests_per_day:void 0,num_requests_per_month:void 0}),Z=({accessToken:e,models:r})=>{let[a,l]=(0,s.useState)([X()]),[o,i]=(0,s.useState)("month"),{debouncedFetchForEntry:d,removeEntry:c,getMultiModelResult:m}=function(e){let[t,r]=(0,s.useState)(new Map),a=(0,s.useRef)(new Map),l=(0,s.useCallback)(async t=>{if(!e||!t.model)return void r(e=>{let s=new Map(e);return s.set(t.id,{entry:t,result:null,loading:!1,error:null}),s});r(e=>{let s=new Map(e),r=s.get(t.id);return s.set(t.id,{entry:t,result:r?.result??null,loading:!0,error:null}),s});try{let s=(0,J.getProxyBaseUrl)(),a=s?`${s}/cost/estimate`:"/cost/estimate",l={model:t.model,input_tokens:t.input_tokens||0,output_tokens:t.output_tokens||0,num_requests_per_day:t.num_requests_per_day||null,num_requests_per_month:t.num_requests_per_month||null},o=await fetch(a,{method:"POST",headers:{[(0,J.getGlobalLitellmHeaderName)()]:`Bearer ${e}`,"Content-Type":"application/json"},body:JSON.stringify(l)});if(o.ok){let e=await o.json();r(s=>{let r=new Map(s);return r.set(t.id,{entry:t,result:e,loading:!1,error:null}),r})}else{let e=await o.json(),s=e.detail?.error||e.detail||"Failed to estimate cost";r(e=>{let r=new Map(e);return r.set(t.id,{entry:t,result:null,loading:!1,error:s}),r})}}catch(e){console.error("Error estimating cost:",e),r(e=>{let s=new Map(e);return s.set(t.id,{entry:t,result:null,loading:!1,error:"Network error"}),s})}},[e]),o=(0,s.useCallback)(e=>{let t=a.current.get(e.id);t&&clearTimeout(t);let s=setTimeout(()=>{l(e)},500);a.current.set(e.id,s)},[l]),n=(0,s.useCallback)(e=>{let t=a.current.get(e);t&&(clearTimeout(t),a.current.delete(e)),r(t=>{let s=new Map(t);return s.delete(e),s})},[]);return(0,s.useEffect)(()=>{let e=a.current;return()=>{e.forEach(e=>clearTimeout(e)),e.clear()}},[]),{debouncedFetchForEntry:o,removeEntry:n,getMultiModelResult:(0,s.useCallback)(e=>{let s=e.map(e=>{let s=t.get(e.id);return{entry:e,result:s?.result??null,loading:s?.loading??!1,error:s?.error??null}}),r=0,a=null,l=null,o=0,n=null,i=null;for(let e of s)e.result&&(r+=e.result.cost_per_request,o+=e.result.margin_cost_per_request,null!==e.result.daily_cost&&(a=(a??0)+e.result.daily_cost),null!==e.result.daily_margin_cost&&(n=(n??0)+e.result.daily_margin_cost),null!==e.result.monthly_cost&&(l=(l??0)+e.result.monthly_cost),null!==e.result.monthly_margin_cost&&(i=(i??0)+e.result.monthly_margin_cost));return{entries:s,totals:{cost_per_request:r,daily_cost:a,monthly_cost:l,margin_per_request:o,daily_margin:n,monthly_margin:i}}},[t])}}(e),x=(0,s.useCallback)((e,t,s)=>{l(r=>{let a=r.map(r=>r.id===e?{...r,[t]:s}:r),l=a.find(t=>t.id===e);return l&&l.model&&d(l),a})},[d]),g=(0,s.useCallback)(e=>{i(e),l(t=>t.map(t=>({...t,num_requests_per_day:"day"===e?t.num_requests_per_day:void 0,num_requests_per_month:"month"===e?t.num_requests_per_month:void 0})))},[]),f=(0,s.useCallback)(()=>{l(e=>[...e,X()])},[]),v=(0,s.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e)),c(e)},[c]),j=m(a),b=r.map(e=>({label:e,value:e})),y="day"===o?"num_requests_per_day":"num_requests_per_month";return(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)("div",{className:"flex items-center justify-end mb-2",children:(0,t.jsxs)(M.RadioGroup,{value:o,onValueChange:e=>g(e),className:"flex w-auto items-center gap-4",children:[(0,t.jsxs)("label",{className:"flex cursor-pointer items-center gap-2 text-sm",children:[(0,t.jsx)(M.RadioGroupItem,{value:"day"}),"Per Day"]}),(0,t.jsxs)("label",{className:"flex cursor-pointer items-center gap-2 text-sm",children:[(0,t.jsx)(M.RadioGroupItem,{value:"month"}),"Per Month"]})]})}),(0,t.jsxs)(h.Table,{children:[(0,t.jsx)(h.TableHeader,{children:(0,t.jsxs)(h.TableRow,{children:[(0,t.jsx)(h.TableHead,{className:"w-[35%]",children:"Model"}),(0,t.jsx)(h.TableHead,{className:"w-[18%]",children:"Input Tokens"}),(0,t.jsx)(h.TableHead,{className:"w-[18%]",children:"Output Tokens"}),(0,t.jsxs)(h.TableHead,{className:"w-[20%]",children:["Requests/","day"===o?"Day":"Month"]}),(0,t.jsx)(h.TableHead,{className:"w-[50px]",children:(0,t.jsx)("span",{className:"sr-only",children:"Actions"})})]})}),(0,t.jsx)(h.TableBody,{children:a.map((e,s)=>(0,t.jsxs)(h.TableRow,{children:[(0,t.jsx)(h.TableCell,{className:"whitespace-normal",children:(0,t.jsx)(q.SearchSelect,{options:b,value:e.model||void 0,onValueChange:t=>x(e.id,"model",t),placeholder:"Select a model"})}),(0,t.jsx)(h.TableCell,{children:(0,t.jsx)(p.Input,{type:"number",min:0,className:"h-8",value:e.input_tokens,onChange:t=>x(e.id,"input_tokens",""===t.target.value?0:Number(t.target.value))})}),(0,t.jsx)(h.TableCell,{children:(0,t.jsx)(p.Input,{type:"number",min:0,className:"h-8",value:e.output_tokens,onChange:t=>x(e.id,"output_tokens",""===t.target.value?0:Number(t.target.value))})}),(0,t.jsx)(h.TableCell,{children:(0,t.jsx)(p.Input,{type:"number",min:0,className:"h-8",placeholder:"-",value:e[y]??"",onChange:t=>x(e.id,y,""===t.target.value?void 0:Number(t.target.value))})}),(0,t.jsx)(h.TableCell,{children:(0,t.jsx)(n.Button,{variant:"ghost",size:"icon-sm","aria-label":`Remove model row ${s+1}`,onClick:()=>v(e.id),disabled:1===a.length,className:"text-destructive",children:(0,t.jsx)(u.Trash2,{className:"size-3.5"})})})]},e.id))}),(0,t.jsx)(h.TableFooter,{children:(0,t.jsx)(h.TableRow,{children:(0,t.jsx)(h.TableCell,{colSpan:5,children:(0,t.jsxs)(n.Button,{variant:"outline",onClick:f,className:"w-full border-dashed",children:[(0,t.jsx)(P.Plus,{className:"size-3.5"}),"Add Another Model"]})})})})]}),(0,t.jsx)(K,{multiResult:j,timePeriod:o})]})};var Y=e.i(778917);let Q=({items:e,children:a="Docs",className:l=""})=>{let[o,n]=(0,s.useState)(!1),i=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=e=>{i.current&&!i.current.contains(e.target)&&n(!1)};return o&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[o]),(0,t.jsxs)("div",{className:`relative inline-block ${l}`,ref:i,children:[(0,t.jsxs)("button",{type:"button",onClick:()=>n(!o),className:"inline-flex items-center gap-1 text-gray-500 hover:text-gray-700 text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 rounded-sm px-2 py-1","aria-expanded":o,"aria-haspopup":"true",children:[(0,t.jsx)("span",{children:a}),(0,t.jsx)(r.ChevronDown,{className:`h-3 w-3 transition-transform ${o?"rotate-180":""}`,"aria-hidden":"true"})]}),o&&(0,t.jsx)("div",{className:"absolute right-0 mt-1 w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50",children:e.map((e,s)=>(0,t.jsxs)("a",{href:e.href,target:"_blank",rel:"noopener noreferrer",className:"flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors",onClick:()=>n(!1),children:[(0,t.jsx)("span",{children:e.label}),(0,t.jsx)(Y.ExternalLink,{className:"h-3.5 w-3.5 text-gray-400 shrink-0 ml-2","aria-hidden":"true"})]},s))})]})};var ee=e.i(466828),et=e.i(110204);let es=()=>{let[e,r]=(0,s.useState)(""),[a,l]=(0,s.useState)(""),o=(0,s.useMemo)(()=>{let t=parseFloat(e),s=parseFloat(a),r=isNaN(t)||0===t,l=isNaN(s)||0===s;if(r||l)return null;let o=t+s,n=s/o*100;return{originalCost:o.toFixed(10),finalCost:t.toFixed(10),discountAmount:s.toFixed(10),discountPercentage:n.toFixed(2)}},[e,a]);return(0,t.jsxs)("div",{className:"space-y-4 pt-2",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"mb-1 text-sm font-medium text-foreground",children:"Cost Calculation"}),(0,t.jsxs)("p",{className:"text-xs text-muted-foreground",children:["Discounts are applied to provider costs:"," ",(0,t.jsx)("code",{className:"rounded-sm bg-muted px-1.5 py-0.5 text-xs text-foreground",children:"final_cost = base_cost × (1 - discount%/100)"})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"mb-1 text-sm font-medium text-foreground",children:"Example"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"A 5% discount on a $10.00 request results in: $10.00 × (1 - 0.05) = $9.50"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"mb-1 text-sm font-medium text-foreground",children:"Valid Range"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Discount percentages must be between 0% and 100%"})]}),(0,t.jsxs)("div",{className:"border-t border-border pt-4",children:[(0,t.jsx)("h3",{className:"mb-2 text-sm font-medium text-foreground",children:"Validating Discounts"}),(0,t.jsx)("p",{className:"mb-3 text-xs text-muted-foreground",children:"Make a test request and check the response headers to verify discounts are applied:"}),(0,t.jsx)(ee.default,{language:"bash",code:`curl -X POST -i http://your-proxy:4000/chat/completions \\
- -H "Content-Type: application/json" \\
- -H "Authorization: Bearer sk-1234" \\
- -d '{
- "model": "gemini/gemini-2.5-pro",
- "messages": [{"role": "user", "content": "Hello"}]
- }'`}),(0,t.jsx)("p",{className:"mb-2 mt-3 text-xs text-muted-foreground",children:"Look for these headers in the response:"}),(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("code",{className:"whitespace-nowrap rounded-sm bg-muted px-2 py-1 font-mono text-xs text-foreground",children:"x-litellm-response-cost"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Final cost after discount"})]}),(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("code",{className:"whitespace-nowrap rounded-sm bg-muted px-2 py-1 font-mono text-xs text-foreground",children:"x-litellm-response-cost-original"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Original cost before discount"})]}),(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("code",{className:"whitespace-nowrap rounded-sm bg-muted px-2 py-1 font-mono text-xs text-foreground",children:"x-litellm-response-cost-discount-amount"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Amount discounted"})]})]})]}),(0,t.jsxs)("div",{className:"border-t border-border pt-4",children:[(0,t.jsx)("h3",{className:"mb-3 text-sm font-medium text-foreground",children:"Discount Calculator"}),(0,t.jsx)("p",{className:"mb-3 text-xs text-muted-foreground",children:"Enter values from your response headers to verify the discount:"}),(0,t.jsxs)("div",{className:"mb-4 grid grid-cols-1 gap-4 md:grid-cols-2",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(et.Label,{htmlFor:"response-cost",className:"mb-1 block text-xs",children:"Response Cost (x-litellm-response-cost)"}),(0,t.jsx)(p.Input,{id:"response-cost",placeholder:"0.0171938125",value:e,onChange:e=>r(e.target.value),className:"text-sm"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(et.Label,{htmlFor:"discount-amount",className:"mb-1 block text-xs",children:"Discount Amount (x-litellm-response-cost-discount-amount)"}),(0,t.jsx)(p.Input,{id:"discount-amount",placeholder:"0.0009049375",value:a,onChange:e=>l(e.target.value),className:"text-sm"})]})]}),o&&(0,t.jsxs)("div",{className:"rounded-lg border border-border bg-muted/50 p-4",children:[(0,t.jsx)("p",{className:"mb-2 text-sm font-medium text-foreground",children:"Calculated Results"}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Original Cost:"}),(0,t.jsxs)("code",{className:"font-mono text-xs text-foreground",children:["$",o.originalCost]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Final Cost:"}),(0,t.jsxs)("code",{className:"font-mono text-xs text-foreground",children:["$",o.finalCost]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"Discount Amount:"}),(0,t.jsxs)("code",{className:"font-mono text-xs text-foreground",children:["$",o.discountAmount]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between border-t border-border pt-2",children:[(0,t.jsx)("p",{className:"text-xs font-semibold text-foreground",children:"Discount Applied:"}),(0,t.jsxs)("p",{className:"text-sm font-bold text-foreground",children:[o.discountPercentage,"%"]})]})]})]})]})]})};var er=e.i(727749);let ea=e=>f.provider_map[e]||null;var el=e.i(695411);let eo=[{label:"Custom pricing for models",href:"https://docs.litellm.ai/docs/proxy/custom_pricing"},{label:"Spend tracking",href:"https://docs.litellm.ai/docs/proxy/cost_tracking"}],en={discount:{title:"Remove Provider Discount",noun:"discount"},margin:{title:"Remove Provider Margin",noun:"margin"}},ei=({title:e,description:s})=>(0,t.jsxs)(i.CollapsibleTrigger,{className:"group/section flex w-full items-center justify-between px-6 py-4 text-left",children:[(0,t.jsxs)("div",{className:"flex flex-col items-start w-full",children:[(0,t.jsx)("span",{className:"block text-lg font-semibold text-gray-900",children:e}),(0,t.jsx)("span",{className:"block text-sm text-gray-500 mt-1",children:s})]}),(0,t.jsx)(r.ChevronDown,{className:"size-5 shrink-0 text-gray-500 transition-transform group-data-[panel-open]/section:rotate-180"})]}),ed=({userID:e,userRole:r,accessToken:c})=>{let[m,u]=(0,s.useState)(void 0),[x,p]=(0,s.useState)(""),[h,g]=(0,s.useState)(!0),[v,b]=(0,s.useState)(!1),[y,N]=(0,s.useState)(!1),[_,w]=(0,s.useState)(void 0),[k,$]=(0,s.useState)("percentage"),[P,M]=(0,s.useState)(""),[q,F]=(0,s.useState)(""),[R,D]=(0,s.useState)([]),[L,A]=(0,s.useState)(null),[B,z]=(0,s.useState)(!1),[E]=l.Form.useForm(),[I]=l.Form.useForm(),O="proxy_admin"===r||"Admin"===r,{discountConfig:H,fetchDiscountConfig:G,handleAddProvider:U,handleRemoveProvider:V,handleDiscountChange:W}=function({accessToken:e}){let[t,r]=(0,s.useState)({}),a=(0,s.useCallback)(async()=>{try{let t=(0,J.getProxyBaseUrl)(),s=t?`${t}/config/cost_discount_config`:"/config/cost_discount_config",a=await fetch(s,{method:"GET",headers:{[(0,J.getGlobalLitellmHeaderName)()]:`Bearer ${e}`,"Content-Type":"application/json"}});if(a.ok){let e=await a.json();r(e.values||{})}else console.error("Failed to fetch discount config")}catch(e){console.error("Error fetching discount config:",e),er.default.fromBackend("Failed to fetch discount configuration")}},[e]),l=(0,s.useCallback)(async t=>{try{let s=(0,J.getProxyBaseUrl)(),r=s?`${s}/config/cost_discount_config`:"/config/cost_discount_config",l=await fetch(r,{method:"PATCH",headers:{[(0,J.getGlobalLitellmHeaderName)()]:`Bearer ${e}`,"Content-Type":"application/json"},body:JSON.stringify(t)});if(l.ok)er.default.success("Discount configuration updated successfully"),await a();else{let e=await l.json(),t=e.detail?.error||e.detail||"Failed to update settings";er.default.fromBackend(t)}}catch(e){console.error("Error updating discount config:",e),er.default.fromBackend("Failed to update discount configuration")}},[e,a]),o=(0,s.useCallback)(async(e,s)=>{if(!e||!s)return er.default.fromBackend("Please select a provider and enter discount percentage"),!1;let a=parseFloat(s);if(isNaN(a)||a<0||a>100)return er.default.fromBackend("Discount must be between 0% and 100%"),!1;let o=ea(e);if(!o)return er.default.fromBackend("Invalid provider selected"),!1;if(t[o])return er.default.fromBackend(`Discount for ${f.Providers[e]} already exists. Edit it in the table above.`),!1;let n={...t,[o]:a/100};return r(n),await l(n),!0},[t,l]),n=(0,s.useCallback)(async e=>{let s={...t};delete s[e],r(s),await l(s)},[t,l]),i=(0,s.useCallback)(async(e,s)=>{let a=parseFloat(s);if(!isNaN(a)&&a>=0&&a<=1){let s={...t,[e]:a};r(s),await l(s)}},[t,l]);return{discountConfig:t,setDiscountConfig:r,fetchDiscountConfig:a,saveDiscountConfig:l,handleAddProvider:o,handleRemoveProvider:n,handleDiscountChange:i}}({accessToken:c}),{marginConfig:K,fetchMarginConfig:X,handleAddMargin:Y,handleRemoveMargin:ee,handleMarginChange:et}=function({accessToken:e}){let[t,r]=(0,s.useState)({}),a=(0,s.useCallback)(async()=>{try{let t=(0,J.getProxyBaseUrl)(),s=t?`${t}/config/cost_margin_config`:"/config/cost_margin_config",a=await fetch(s,{method:"GET",headers:{[(0,J.getGlobalLitellmHeaderName)()]:`Bearer ${e}`,"Content-Type":"application/json"}});if(a.ok){let e=await a.json();r(e.values||{})}else console.error("Failed to fetch margin config")}catch(e){console.error("Error fetching margin config:",e),er.default.fromBackend("Failed to fetch margin configuration")}},[e]),l=(0,s.useCallback)(async t=>{try{let s=(0,J.getProxyBaseUrl)(),r=s?`${s}/config/cost_margin_config`:"/config/cost_margin_config",l=await fetch(r,{method:"PATCH",headers:{[(0,J.getGlobalLitellmHeaderName)()]:`Bearer ${e}`,"Content-Type":"application/json"},body:JSON.stringify(t)});if(l.ok)er.default.success("Margin configuration updated successfully"),await a();else{let e=await l.json(),t=e.detail?.error||e.detail||"Failed to update settings";er.default.fromBackend(t)}}catch(e){console.error("Error updating margin config:",e),er.default.fromBackend("Failed to update margin configuration")}},[e,a]),o=(0,s.useCallback)(async e=>{let s,a,{selectedProvider:o,marginType:n,percentageValue:i,fixedAmountValue:d}=e;if(!o)return er.default.fromBackend("Please select a provider"),!1;if("global"===o)s="global";else{let e=ea(o);if(!e)return er.default.fromBackend("Invalid provider selected"),!1;s=e}if(t[s]){let e="global"===s?"Global":f.Providers[o];return er.default.fromBackend(`Margin for ${e} already exists. Edit it in the table above.`),!1}if("percentage"===n){let e=parseFloat(i);if(isNaN(e)||e<0||e>1e3)return er.default.fromBackend("Percentage must be between 0% and 1000%"),!1;a=e/100}else{let e=parseFloat(d);if(isNaN(e)||e<0)return er.default.fromBackend("Fixed amount must be non-negative"),!1;a={fixed_amount:e}}let c={...t,[s]:a};return r(c),await l(c),!0},[t,l]),n=(0,s.useCallback)(async e=>{let s={...t};delete s[e],r(s),await l(s)},[t,l]),i=(0,s.useCallback)(async(e,s)=>{let a={...t,[e]:s};r(a),await l(a)},[t,l]);return{marginConfig:t,setMarginConfig:r,fetchMarginConfig:a,saveMarginConfig:l,handleAddMargin:o,handleRemoveMargin:n,handleMarginChange:i}}({accessToken:c});(0,s.useEffect)(()=>{c&&(Promise.all([G(),X()]).finally(()=>{g(!1)}),(async()=>{try{let e=await (0,el.fetchAvailableModels)(c);D(e.map(e=>e.model_group))}catch(e){console.error("Error fetching models:",e)}})())},[c,G,X]);let ed=async()=>{await U(m,x)&&(u(void 0),p(""),b(!1))},ec=async()=>{if(L){z(!0);try{"discount"===L.kind?await V(L.provider):await ee(L.provider)}finally{z(!1),A(null)}}},em=async()=>{await Y({selectedProvider:_,marginType:k,percentageValue:P,fixedAmountValue:q})&&(w(void 0),M(""),F(""),$("percentage"),N(!1))};return c?(0,t.jsxs)("div",{className:"w-full p-8",children:[(0,t.jsx)("div",{className:"flex flex-col md:flex-row items-start md:items-center justify-between mb-6",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("p",{className:"text-xl font-medium text-gray-900",children:"Cost Tracking Settings"}),(0,t.jsx)(Q,{items:eo})]}),(0,t.jsx)("p",{className:"text-gray-500 mt-1",children:"Configure cost discounts and margins for different LLM providers. Changes are saved automatically."})]})}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-sm w-full max-w-full space-y-4",children:[O&&(0,t.jsxs)(i.Collapsible,{className:"rounded-lg border",children:[(0,t.jsx)(ei,{title:"Provider Discounts",description:"Apply percentage-based discounts to reduce costs for specific providers"}),(0,t.jsx)(i.CollapsibleContent,{className:"px-0",children:(0,t.jsxs)(d.Tabs,{defaultValue:"discounts",children:[(0,t.jsxs)(d.TabsList,{className:"mx-6 mt-4",children:[(0,t.jsx)(d.TabsTrigger,{value:"discounts",children:"Discounts"}),(0,t.jsx)(d.TabsTrigger,{value:"test-it",children:"Test It"})]}),(0,t.jsx)(d.TabsContent,{value:"discounts",children:(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsx)("div",{className:"flex justify-end mb-4",children:(0,t.jsx)(n.Button,{onClick:()=>b(!0),children:"+ Add Provider Discount"})}),h?(0,t.jsx)("div",{className:"py-12 text-center",children:(0,t.jsx)("p",{className:"text-gray-500",children:"Loading configuration..."})}):Object.keys(H).length>0?(0,t.jsx)(j,{discountConfig:H,onDiscountChange:W,onRemoveProvider:(e,t)=>{A({kind:"discount",provider:e,displayName:t})}}):(0,t.jsxs)("div",{className:"py-16 px-6 text-center",children:[(0,t.jsx)("svg",{className:"mx-auto h-12 w-12 text-gray-400 mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,t.jsx)("p",{className:"text-gray-700 font-medium mb-2",children:"No provider discounts configured"}),(0,t.jsx)("p",{className:"text-gray-500 text-sm",children:'Click "Add Provider Discount" to get started'})]})]})}),(0,t.jsx)(d.TabsContent,{value:"test-it",children:(0,t.jsx)("div",{className:"px-6 pb-4",children:(0,t.jsx)(es,{})})})]})})]}),O&&(0,t.jsxs)(i.Collapsible,{className:"rounded-lg border",children:[(0,t.jsx)(ei,{title:"Fee/Price Margin",description:"Add fees or margins to LLM costs for internal billing and cost recovery"}),(0,t.jsx)(i.CollapsibleContent,{className:"px-0",children:(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsx)("div",{className:"flex justify-end mb-4",children:(0,t.jsx)(n.Button,{onClick:()=>N(!0),children:"+ Add Provider Margin"})}),h?(0,t.jsx)("div",{className:"py-12 text-center",children:(0,t.jsx)("p",{className:"text-gray-500",children:"Loading configuration..."})}):Object.keys(K).length>0?(0,t.jsx)(T,{marginConfig:K,onMarginChange:et,onRemoveProvider:(e,t)=>{A({kind:"margin",provider:e,displayName:t})}}):(0,t.jsxs)("div",{className:"py-16 px-6 text-center",children:[(0,t.jsx)("svg",{className:"mx-auto h-12 w-12 text-gray-400 mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,t.jsx)("p",{className:"text-gray-700 font-medium mb-2",children:"No provider margins configured"}),(0,t.jsx)("p",{className:"text-gray-500 text-sm",children:'Click "Add Provider Margin" to get started'})]})]})})]}),(0,t.jsxs)(i.Collapsible,{defaultOpen:!0,className:"rounded-lg border",children:[(0,t.jsx)(ei,{title:"Pricing Calculator",description:"Estimate LLM costs based on expected token usage and request volume"}),(0,t.jsx)(i.CollapsibleContent,{className:"px-0",children:(0,t.jsx)("div",{className:"p-6",children:(0,t.jsx)(Z,{accessToken:c,models:R})})})]})]}),L&&(0,t.jsx)(o.AlertDialog,{open:!0,onOpenChange:e=>!e&&!B&&A(null),children:(0,t.jsxs)(o.AlertDialogContent,{children:[(0,t.jsxs)(o.AlertDialogHeader,{children:[(0,t.jsx)(o.AlertDialogTitle,{children:en[L.kind].title}),(0,t.jsxs)(o.AlertDialogDescription,{children:["Are you sure you want to remove the ",en[L.kind].noun," for"," ",L.displayName,"?"]})]}),(0,t.jsxs)(o.AlertDialogFooter,{children:[(0,t.jsx)(o.AlertDialogCancel,{disabled:B,children:"Cancel"}),(0,t.jsx)(n.Button,{variant:"destructive",onClick:ec,disabled:B,children:B?"Removing…":"Remove"})]})]})}),(0,t.jsx)(a.Modal,{title:(0,t.jsx)("div",{className:"flex items-center space-x-3 pb-4 border-b border-gray-100",children:(0,t.jsx)("h2",{className:"text-xl font-semibold text-gray-900",children:"Add Provider Discount"})}),open:v,width:1e3,onCancel:()=>{b(!1),E.resetFields(),u(void 0),p("")},footer:null,className:"top-8",styles:{body:{padding:"24px"},header:{padding:"24px 24px 0 24px",border:"none"}},children:(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)("p",{className:"text-sm text-gray-600 mb-6",children:"Select a provider and set its discount percentage. Enter a value between 0% and 100% (e.g., 5 for a 5% discount)."}),(0,t.jsx)(l.Form,{form:E,onFinish:()=>{ed()},layout:"vertical",className:"space-y-6",children:(0,t.jsx)(C,{discountConfig:H,selectedProvider:m,newDiscount:x,onProviderChange:u,onDiscountChange:p,onAddProvider:ed})})]})}),(0,t.jsx)(a.Modal,{title:(0,t.jsx)("div",{className:"flex items-center space-x-3 pb-4 border-b border-gray-100",children:(0,t.jsx)("h2",{className:"text-xl font-semibold text-gray-900",children:"Add Provider Margin"})}),open:y,width:1e3,onCancel:()=>{N(!1),I.resetFields(),w(void 0),M(""),F(""),$("percentage")},footer:null,className:"top-8",styles:{body:{padding:"24px"},header:{padding:"24px 24px 0 24px",border:"none"}},children:(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)("p",{className:"text-sm text-gray-600 mb-6",children:'Select a provider (or "Global" for all providers) and configure the margin. You can use percentage-based or fixed amount.'}),(0,t.jsx)(l.Form,{form:I,layout:"vertical",className:"space-y-6",children:(0,t.jsx)(S,{marginConfig:K,selectedProvider:_,marginType:k,percentageValue:P,fixedAmountValue:q,onProviderChange:w,onMarginTypeChange:$,onPercentageChange:M,onFixedAmountChange:F,onAddProvider:em})})]})})]}):null};var ec=e.i(135214);e.s(["default",0,function(){let{accessToken:e,userRole:s,userId:r}=(0,ec.default)();return(0,t.jsx)(ed,{userID:r,userRole:s,accessToken:e})}],193317)}]);
\ No newline at end of file
diff --git a/litellm/proxy/_experimental/out/_next/static/chunks/00mhzot068d2m.js b/litellm/proxy/_experimental/out/_next/static/chunks/00mhzot068d2m.js
new file mode 100644
index 000000000000..60f83312b28b
--- /dev/null
+++ b/litellm/proxy/_experimental/out/_next/static/chunks/00mhzot068d2m.js
@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,302747,e=>{"use strict";var t=e.i(843476),i=e.i(271645),n=e.i(115504);let a=i.forwardRef(({className:e,...i},a)=>(0,t.jsx)("div",{ref:a,"data-slot":"skeleton",className:(0,n.cn)("animate-pulse rounded-md bg-muted",e),...i}));a.displayName="Skeleton",e.s(["Skeleton",0,a])},463059,e=>{"use strict";var t=e.i(246349);e.s(["ChevronRight",()=>t.default])},555436,54943,e=>{"use strict";let t=(0,e.i(475254).default)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]);e.s(["default",0,t],54943),e.s(["Search",0,t],555436)},559657,201634,481524,841840,e=>{"use strict";e.s([],559657),e.i(247167);var t,i=e.i(271645),n=e.i(951437),a=e.i(146376),r=e.i(667865),o=e.i(552245),l=e.i(53687),s=e.i(733332);let u=i.createContext(void 0);e.s(["TabsRootContext",0,u,"useTabsRootContext",0,function(){let e=i.useContext(u);if(void 0===e)throw Error((0,s.default)(64));return e}],201634);let c=((t={}).activationDirection="data-activation-direction",t.orientation="data-orientation",t),d={tabActivationDirection:e=>({[c.activationDirection]:e})};e.s(["tabsStateAttributesMapping",0,d],481524);var f=e.i(675606),b=e.i(56434),v=e.i(843476);let p=i.forwardRef(function(e,t){let{className:s,defaultValue:c=0,onValueChange:p,orientation:h="horizontal",render:R,value:x,style:T,...S}=e,C=void 0!==e.defaultValue,m=i.useRef([]),[E,I]=i.useState(()=>new Map),[y,A]=(0,n.useControlled)({controlled:x,default:c,name:"Tabs",state:"value"}),O=void 0!==x,[M,L]=i.useState(()=>new Map),k=i.useRef(void 0),w=i.useCallback(e=>{if(void 0===e)return null;for(let[t,i]of M.entries())if(null!=i&&e===(i.value??i.index))return t;return null},[M]),[_,D]=i.useState(()=>({previousValue:y,tabActivationDirection:"none"})),{previousValue:N,tabActivationDirection:P}=_,W=P,H=!1;N!==y&&(W=g(N,y,h,M),H=null!=N&&null!=y&&null==w(y));let z=H?N:y,j=N!==z||P!==W;(0,a.useIsoLayoutEffect)(()=>{j&&D({previousValue:z,tabActivationDirection:W})},[z,j,W]);let B=(0,r.useStableCallback)((e,t)=>{t.activationDirection=g(y,e,h,M),p?.(e,t),t.isCanceled||A(e)}),V=(0,r.useStableCallback)((e,t)=>{p?.(e,(0,f.createChangeEventDetails)(t,void 0,void 0,{activationDirection:"none"}))}),Y=(0,r.useStableCallback)((e,t)=>{I(i=>{if(i.get(e)===t)return i;let n=new Map(i);return n.set(e,t),n})}),K=(0,r.useStableCallback)((e,t)=>{I(i=>{if(!i.has(e)||i.get(e)!==t)return i;let n=new Map(i);return n.delete(e),n})}),F=i.useCallback(e=>E.get(e),[E]),$=i.useCallback(e=>{for(let t of M.values())if(e===t?.value)return t?.id},[M]),U=i.useMemo(()=>({getTabElementBySelectedValue:w,getTabIdByPanelValue:$,getTabPanelIdByValue:F,onValueChange:B,orientation:h,registerMountedTabPanel:Y,setTabMap:L,unregisterMountedTabPanel:K,tabActivationDirection:W,value:y}),[w,$,F,B,h,Y,L,K,W,y]),q=i.useMemo(()=>{for(let e of M.values())if(null!=e&&e.value===y)return e},[M,y]),G=i.useMemo(()=>{for(let e of M.values())if(null!=e&&!e.disabled)return e.value},[M]),X=i.useRef(!C),Z=i.useRef(c),J=i.useRef(C),Q=i.useRef(!1);(0,a.useIsoLayoutEffect)(()=>{if(O)return;function e(e,t){A(e),D(t=>t.previousValue===e&&"none"===t.tabActivationDirection?t:{previousValue:e,tabActivationDirection:"none"}),V(e,t),X.current=!1}if(0===M.size){Q.current&&null!==y&&!k.current?.isConnected&&e(null,b.REASONS.missing);return}Q.current=!0,k.current=M.keys().next().value;let t=q?.disabled,i=null==q&&null!==y;if(t||y!==Z.current||(J.current=!1),J.current&&t&&y===Z.current)return;let n=X.current;if(t||i){let i=G??null;if(y===i){X.current=!1;return}let a=b.REASONS.missing;n?a=b.REASONS.initial:t&&(a=b.REASONS.disabled),e(i,a);return}n&&null!=q&&(V(y,b.REASONS.initial),X.current=!1)},[G,O,V,q,A,M,y]);let ee={orientation:h,tabActivationDirection:W},et=(0,o.useRenderElement)("div",e,{state:ee,ref:t,props:S,stateAttributesMapping:d});return(0,v.jsx)(u.Provider,{value:U,children:(0,v.jsx)(l.CompositeList,{elementsRef:m,children:et})})});function g(e,t,i,n){if(null==e||null==t)return"none";let a=null,r=null;for(let[i,o]of n.entries()){if(null==o)continue;let n=o.value??o.index;if(e===n&&(a=i),t===n&&(r=i),null!=a&&null!=r)break}if(null==a||null==r)return a!==r&&("number"==typeof e||"string"==typeof e)&&typeof e==typeof t?"horizontal"===i?t>e?"right":"left":t>e?"down":"up":"none";let o=a.getBoundingClientRect(),l=r.getBoundingClientRect();if("horizontal"===i){if(l.left