1import"../chunks/CWj6FrbW.js";import"../chunks/69_IOA4Y.js";import{d as ha,s as v,f as Ve,o as Qa}from"../chunks/cRRfgV6z.js";import{p as fa,g as ya,f as z,c as e,l as d,r as a,a as _,b as pa,s as xa,t as x,d as na,e as ce,h as K,k as r,n as D,b0 as F,a2 as Me,j as y,y as La,A as ka}from"../chunks/aG4VMAw5.js";import{i as ee}from"../chunks/W4KYbwq2.js";import{i as ga,s as Y,f as ma,c as Fa}from"../chunks/BjwmUMm0.js";import{s as qa}from"../chunks/C_UG5GAl.js";import{t as Ye}from"../chunks/WQ09ptsL.js";import{g as wa,e as Va,a as Ca,b as Ia,c as Wa,d as ja,f as Da,h as ra,i as Sa,j as Ma,k as Ta}from"../chunks/BetF_8J_.js";import{a as Ga}from"../chunks/DqgxkF2y.js";import{n as Ka,u as Za}from"../chunks/D1-FdX6q.js";import{a as ae}from"../chunks/B-LSAT12.js";import{B as va}from"../chunks/CnlFHN9W.js";import{S as ne}from"../chunks/B06NaZVd.js";import{g as Je}from"../chunks/Dg-YFKxq.js";import{e as Ha}from"../chunks/BSyOflNF.js";import{p as ua}from"../chunks/CXeUkCBo.js";import{f as Ya,g as Ja}from"../chunks/D4iMuWWL.js";import{C as ve}from"../chunks/Y3ROP9xj.js";import{U as Fe,b as Ra,a as ba,c as Xa,d as $a}from"../chunks/CKlJ33AV.js";var sa=z('<h2 class="svelte-163oy8q"> </h2>'),et=z('<strong class="financial-metrics__value svelte-163oy8q"> </strong> <p class="financial-metrics__support svelte-163oy8q"> </p> <div class="financial-metrics__meter svelte-163oy8q" aria-hidden="true"><span class="svelte-163oy8q"></span></div>',1),Ea=z('<strong class="financial-metrics__value financial-metrics__value--unavailable svelte-163oy8q">--</strong> <p class="financial-metrics__support svelte-163oy8q"> </p>',1),Pa=z('<strong class="financial-metrics__value svelte-163oy8q"> </strong> <p class="financial-metrics__support svelte-163oy8q"> </p>',1),at=z('<div class="financial-metrics__kpi-head svelte-163oy8q"><h2 class="svelte-163oy8q"> </h2> <label class="financial-metrics__control svelte-163oy8q"><span> </span> <select class="ask-select svelte-163oy8q"><option> </option><option> </option><option> </option></select></label></div>'),tt=z('<strong class="financial-metrics__value financial-metrics__value--unavailable svelte-163oy8q">--</strong> <p class="financial-metrics__error svelte-163oy8q" role="alert"> </p>',1),rt=z('<div class="financial-metrics__kpi-skeleton svelte-163oy8q" role="status"><!></div>'),nt=z('<div class="financial-metrics__card-head svelte-163oy8q"><h2 class="svelte-163oy8q"> </h2> <label class="financial-metrics__control svelte-163oy8q"><span> </span> <select class="ask-select svelte-163oy8q"><option> </option><option> </option><option> </option></select></label></div>'),da=z('<div class="financial-metrics__error-block svelte-163oy8q" role="alert"><!> <span> </span></div>'),_a=z('<div class="financial-metrics__skeleton svelte-163oy8q" role="status"><!></div>'),Ua=z('<div class="ask-empty financial-metrics__empty svelte-163oy8q"><!> <p class="ask-empty__title"> </p></div>'),it=z('<div class="financial-metrics__distribution svelte-163oy8q"><!></div>'),st=z('<tr><td colspan="5" class="financial-metrics__table-empty svelte-163oy8q"> </td></tr>'),ot=z('<tr><td class="is-num"> </td><td> </td><td class="is-num"> </td><td class="is-num"> </td><td class="is-num"> </td></tr>'),lt=z('<div class="financial-metrics__table-scroll svelte-163oy8q"><table class="ask-table svelte-163oy8q"><thead><tr><th class="is-num"> </th><th> </th><th class="is-num"> </th><th class="is-num"> </th><th class="is-num"> </th></tr></thead><tbody><!></tbody></table></div>'),ut=z('<div class="financial-metrics svelte-163oy8q"><div class="financial-metrics__kpis svelte-163oy8q"><!> <!> <!></div> <!> <div class="financial-metrics__grid svelte-163oy8q"><!> <!></div></div>');function ct(Oe,u){fa(u,!0);const Te=()=>na(ea,"$i18n",Xe),[Xe,$e]=xa(),Be=["Claude","ChatGPT","Gemini"];let te=ua(u,"spendError",3,null),Ie=ua(u,"budgetError",3,null),h=ua(u,"currentUser",3,null);const ea=ya("i18n"),b=(l,o)=>Te().t(l,o),We={Claude:"claude",ChatGPT:"chatgpt",Gemini:"gemini",Other:"other"},xe=D(()=>Te().language||"en-US"),X=D(()=>Ja("short")),ie=D(()=>!!(u.balance&&Number.isFinite(u.balance.granted_coins)&&u.balance.granted_coins>0)),de=D(()=>{var l;return((l=u.balance)==null?void 0:l.spent_coins)??0}),_e=D(()=>{var l;return((l=u.balance)==null?void 0:l.granted_coins)??0}),je=D(()=>{var l;return((l=u.balance)==null?void 0:l.remaining_coins)??0}),Ke=D(()=>Number.isFinite(r(de))&&Number.isFinite(r(_e))&&r(_e)>0?r(de)/r(_e)*100:0),Ge=D(()=>`${Math.min(100,Math.max(0,r(Ke)))}%`),se=l=>`${Ka(l,r(xe))} ${r(X)}`,$=l=>`${Ya(l,h(),r(xe))} ${r(X)}`,Le=l=>
1Math.round(Number.isFinite(l)?l:0).toLocaleString(r(xe));function Ze(l){if(u.spendGranularity==="Month")return l;if(u.spendGranularity==="Week")return l.replace("-"," W");const o=new Date(`${l}T00:00:00Z`);return Number.isNaN(o.getTime())?l:new Intl.DateTimeFormat(r(xe),{day:"numeric",month:"short",timeZone:"UTC"}).format(o)}function ge(l){return b(l)||l}function Ae(l){return l==="Claude"?"claude":l==="ChatGPT"?"chatgpt":l==="Gemini"?"gemini":"other"}const ke=D(()=>{const l=[...Be.map(o=>({key:o,label:ge(o),values:u.spend.map(s=>s[o]),color:We[o]})),{key:"Total",label:b("Total"),values:u.spend.map(o=>o.Total),color:"total",dashed:!0}];return Ra({labels:u.spend.map(o=>o.day),series:l,formatValue:$,formatLabel:o=>Ze(o)})}),Ee=D(()=>Object.entries(u.costDistribution).map(([l,o])=>{const s=Number(o);return{key:l,label:ge(l),value:Number.isFinite(s)?s:0,color:Ae(l)}})),me=D(()=>Object.values(u.costDistribution).reduce((l,o)=>{const s=Number(o);return l+(Number.isFinite(s)?s:0)},0)),be=D(()=>ba({slices:r(Ee),formatValue:$,center:{value:$(r(me)),label:b("Total")}})),Pe=D(()=>u.spend.length===0),he=D(()=>Object.keys(u.costDistribution).length===0);var fe=ut(),f=e(fe),V=e(f);ve(V,{class:"financial-metrics__kpi",header:s=>{var t=sa(),m=e(t,!0);a(t),x(S=>v(m,S),[()=>b("Total Spent of Plan")]),_(s,t)},body:s=>{var t=ce(),m=K(t);{var S=E=>{var L=et(),n=K(L),i=e(n,!0);a(n);var g=d(n,2),p=e(g);a(g);var A=d(g,2),Q=e(A);a(A),x((Z,re,H)=>{v(i,Z),v(p,`${re??""} 2 ${H??""}`),Fa(Q,`width: ${r(Ge)}`)},[()=>se(r(de)),()=>b("of"),()=>se(r(_e))]),_(E,L)},B=E=>{var L=Ea(),n=d(K(L),2),i=e(n,!0);a(n),x(g=>v(i,g),[()=>b("Plan data unavailable")]),_(E,L)};ee(m,E=>{r(ie)?E(S):E(B,-1)})}_(s,t)},$$slots:{header:!0,body:!0}});var q=d(V,2);ve(q,{class:"financial-metrics__kpi",header:s=>{var t=sa(),m=e(t,!0);a(t),x(S=>v(m,S),[()=>b("Remaining on Plan")]),_(s,t)},body:s=>{var t=ce(),m=K(t);{var S=E=>{var L=Pa(),n=K(L),i=e(n,!0);a(n);var g=d(n,2),p=e(g,!0);a(g),x((A,Q)=>{v(i,A),v(p,Q)},[()=>se(r(je)),()=>b("Available in your plan")]),_(E,L)},B=E=>{var L=Ea(),n=d(K(L),2),i=e(n,!0);a(n),x(g=>v(i,g),[()=>b("Balance unavailable")]),_(E,L)};ee(m,E=>{r(ie)?E(S):E(B,-1)})}_(s,t)},$$slots:{header:!0,body:!0}});var w=d(q,2);ve(w,{class:"financial-metrics__kpi",header:s=>{var t=at(),m=e(t),S=e(m);a(m);var B=d(m,2),E=e(B),L=e(E,!0);a(E);var n=d(E,2),i=e(n),g=e(i,!0);a(i),i.value=i.__value="Month";var p=d(i),A=e(p,!0);a(p),p.value=p.__value="Week";var Q=d(p),Z=e(Q,!0);a(Q),Q.value=Q.__value="Day",a(n);var re;ga(n),a(B),a(t),x((H,Ue,oe,Re,qe,ze,Ne)=>{v(S,`${H??""} (${Ue??""})`),v(L,oe),Y(n,"aria-label",Re),n.disabled=u.budgetLoading,v(g,qe),v(A,ze),v(Z,Ne),re!==(re=u.spentGranularity)&&(n.value=(n.__value=u.spentGranularity)??"",ma(n,u.spentGranularity))},[()=>b("Total Spent"),()=>b(u.spentGranularity),()=>b("Group by"),()=>b("Total spent grouping"),()=>b("Month"),()=>b("Week"),()=>b("Day")]),Ve("change",n,H=>u.onSpentGranularityChange(H.currentTarget.value)),_(s,t)},body:s=>{var t=ce(),m=K(t);{var S=L=>{var n=tt(),i=d(K(n),2),g=e(i,!0);a(i),x(()=>v(g,Ie())),_(L,n)},B=L=>{var n=rt(),i=e(n);ne(i,{width:"120px",height:"32px"}),a(n),x(g=>Y(n,"aria-label",g),[()=>b("Loading...")]),_(L,n)},E=L=>{var n=Pa(),i=K(n),g=e(i,!0);a(i);var p=d(i,2),A=e(p,!0);a(p),x((Q,Z)=>{v(g,Q),v(A,Z)},[()=>$(u.budgetSummary.monthly_spent),()=>b(`this ${u.spentGranularity.toLowerCase()}`)]),_(L,n)};ee(m,L=>{Ie()?L(S):u.budgetLoading?L(B,1):L(E,-1)})}_(s,t)},$$slots:{header:!0,body:!0}}),a(f);var R=d(f,2);ve(R,{class:"financial-metrics__card",header:s=>{var t=nt(),m=e(t),S=e(m);a(m);var B=d(m,2),E=e(B),L=e(E,!0);a(E);var n=d(E,2),i=e(n),g=e(i,!0);a(i),i.value=i.__value="Day";var p=d(i),A=e(p,!0);a(p),p.value=p.__value="Week";var Q=d(p),Z=e(Q,!0);a(Q),Q.value=Q.__value="Month",a(n);var re;ga(n),a(B),a(t),x((H,Ue,oe,Re,qe,ze,Ne)=>{v(S,`${H??""} (${Ue??""})`),v(L,oe),Y(n,"aria-label",Re),v(g,qe),v(A,ze),v(Z,Ne),re!==(re=u.spendGranularity)&&(n.value=(n.__value=u.spendGranularity)??"",ma(n,u.spendGranularity))},[()=>b("Spend per LLM"),()=>b(u.spendGranularity),()=>b("Group by"),()=>b("Spend grouping"),()=>b("Day"),()=>b("Week"),()=>b("Month")]),Ve("change",n,H=>u.onSpendGranularityChange(H.currentTarget.value)),_(s,t)},body:s=>
2{var t=ce(),m=K(t);{var S=n=>{var i=da(),g=e(i);ae(g,{name:"error",size:20});var p=d(g,2),A=e(p,!0);a(p),a(i),x(()=>v(A,te())),_(n,i)},B=n=>{var i=_a(),g=e(i);ne(g,{width:"100%",height:"280px"}),a(i),x(p=>Y(i,"aria-label",p),[()=>b("Loading...")]),_(n,i)},E=n=>{var i=Ua(),g=e(i);ae(g,{name:"bar_chart",size:24});var p=d(g,2),A=e(p,!0);a(p),a(i),x(Q=>v(A,Q),[()=>b("No data for this period")]),_(n,i)},L=n=>{{let i=D(()=>b("Spend per LLM")),g=D(()=>b("Spend per LLM"));Fe(n,{get presentation(){return r(ke)},get chartLabel(){return r(i)},get legendLabel(){return r(g)},height:"280px"})}};ee(m,n=>{te()?n(S):u.spendLoading?n(B,1):r(Pe)?n(E,2):n(L,-1)})}_(s,t)},$$slots:{header:!0,body:!0}});var T=d(R,2),G=e(T);ve(G,{class:"financial-metrics__card",header:s=>{var t=sa(),m=e(t,!0);a(t),x(S=>v(m,S),[()=>b("Cost Distribution by LLM")]),_(s,t)},body:s=>{var t=ce(),m=K(t);{var S=n=>{var i=da(),g=e(i);ae(g,{name:"error",size:20});var p=d(g,2),A=e(p,!0);a(p),a(i),x(()=>v(A,te())),_(n,i)},B=n=>{var i=_a(),g=e(i);ne(g,{width:"100%",height:"220px"}),a(i),x(p=>Y(i,"aria-label",p),[()=>b("Loading...")]),_(n,i)},E=n=>{var i=Ua(),g=e(i);ae(g,{name:"bar_chart",size:24});var p=d(g,2),A=e(p,!0);a(p),a(i),x(Q=>v(A,Q),[()=>b("No data for this period")]),_(n,i)},L=n=>{var i=it(),g=e(i);{let p=D(()=>b("Cost Distribution by LLM")),A=D(()=>`${$(r(me))} ${b("Total")}`);Fe(g,{get presentation(){return r(be)},get chartLabel(){return r(p)},get centerAriaLabel(){return r(A)},height:"220px"})}a(i),_(n,i)};ee(m,n=>{te()?n(S):u.spendLoading?n(B,1):r(he)?n(E,2):n(L,-1)})}_(s,t)},$$slots:{header:!0,body:!0}});var N=d(G,2);ve(N,{class:"financial-metrics__card",header:s=>{var t=sa(),m=e(t,!0);a(t),x(S=>v(m,S),[()=>b("LLM Cost Efficiency")]),_(s,t)},body:s=>{var t=ce(),m=K(t);{var S=L=>{var n=da(),i=e(n);ae(i,{name:"error",size:20});var g=d(i,2),p=e(g,!0);a(g),a(n),x(()=>v(p,te())),_(L,n)},B=L=>{var n=_a(),i=e(n);ne(i,{width:"100%",height:"220px"}),a(n),x(g=>Y(n,"aria-label",g),[()=>b("Loading...")]),_(L,n)},E=L=>{var n=lt(),i=e(n),g=e(i),p=e(g),A=e(p),Q=e(A,!0);a(A);var Z=d(A),re=e(Z,!0);a(Z);var H=d(Z),Ue=e(H,!0);a(H);var oe=d(H),Re=e(oe,!0);a(oe);var qe=d(oe),ze=e(qe,!0);a(qe),a(p),a(g);var Ne=d(g),He=e(Ne);{var ye=pe=>{var J=st(),we=e(J),Ce=e(we,!0);a(we),a(J),x(le=>v(Ce,le),[()=>b("No data for this period")]),_(pe,J)},ia=pe=>{var J=ce(),we=K(J);Ha(we,17,()=>u.costEfficiency,Ce=>Ce.rank,(Ce,le)=>{var Qe=ot(),aa=e(Qe),c=e(aa,!0);a(aa);var k=d(aa),M=e(k,!0);a(k);var C=d(k),O=e(C,!0);a(C);var I=d(C),P=e(I,!0);a(I);var U=d(I),W=e(U,!0);a(U),a(Qe),x((j,ue,De,Se)=>{v(c,r(le).rank),v(M,j),v(O,ue),v(P,De),v(W,Se)},[()=>ge(r(le).llm),()=>$(r(le).cost_per_query),()=>Le(r(le).total_queries),()=>$(r(le).total_cost)]),_(Ce,Qe)}),_(pe,J)};ee(He,pe=>{u.costEfficiency.length===0?pe(ye):pe(ia,-1)})}a(Ne),a(i),a(n),x((pe,J,we,Ce,le,Qe)=>{Y(i,"aria-label",pe),v(Q,J),v(re,we),v(Ue,Ce),v(Re,le),v(ze,Qe)},[()=>b("LLM Cost Efficiency"),()=>b("RANK"),()=>b("LLM"),()=>b("COST PER query"),()=>b("TOTAL QUERIES"),()=>b("TOTAL COST")]),_(L,n)};ee(m,L=>{te()?L(S):u.spendLoading?L(B,1):L(E,-1)})}_(s,t)},$$slots:{header:!0,body:!0}}),a(T),a(fe),_(Oe,fe),pa(),$e()}ha(["change"]);var vt=z('<div class="usage-metrics__card-head svelte-r6gwbe"><h2 class="svelte-r6gwbe"> </h2> <label class="usage-metrics__control svelte-r6gwbe"><span> </span> <select class="ask-select svelte-r6gwbe"><option> </option><option> </option><option> </option></select></label></div>'),Na=z('<div class="usage-metrics__error svelte-r6gwbe" role="alert"><!> <span> </span></div>'),Oa=z('<div class="usage-metrics__skeleton svelte-r6gwbe" role="status"><!></div>'),oa=z('<div class="ask-empty usage-metrics__empty svelte-r6gwbe"><!> <p class="ask-empty__title"> </p></div>'),la=z('<h2 class="svelte-r6gwbe"> </h2>'),dt=z('<div class="usage-metrics svelte-r6gwbe"><!> <div class="usage-metrics__grid svelte-r6gwbe"><!> <!></div> <!> <!></div>');function _t(Oe,u){fa(u,!0);const Te=()=>na(Ie,"$i18n",Xe),[Xe,$e]=xa(),Be=["Claude","ChatGPT","Gemini"];let te=ua(u,"queriesError",3,null);const Ie=ya("i18n"),h=(f,V)=>Te().t(f,V),ea={Claude:"claude",ChatGPT:"chatgpt",Gemini:"gemini",Other:"other"},b=f=>
2Math.round(Number.isFinite(f)?f:0).toLocaleString(Te().language||"en-US");function We(f,V){if(V==="Month")return f;if(V==="Week")return f.replace("-"," W");const q=new Date(`${f}T00:00:00Z`);return Number.isNaN(q.getTime())?f:new Intl.DateTimeFormat(Te().language||"en-US",{day:"numeric",month:"short",timeZone:"UTC"}).format(q)}function xe(f){return h(f)||f}function X(f){return f==="Claude"?"claude":f==="ChatGPT"?"chatgpt":f==="Gemini"?"gemini":"other"}const ie=D(()=>{const f=u.queries.map(q=>q.day),V=[...Be.map(q=>({key:q,label:xe(q),values:u.queries.map(w=>w[q]),color:ea[q]})),{key:"Total",label:h("Total"),values:u.queries.map(q=>q.Total),color:"total",dashed:!0}];return Ra({labels:f,series:V,formatValue:b,formatLabel:q=>We(q,u.queriesGranularity)})}),de=D(()=>Math.max(0,u.distribution.multi_llm)+Math.max(0,u.distribution.single_llm)),_e=D(()=>r(de)>0?`${Math.round(Math.max(0,u.distribution.multi_llm)/r(de)*100)}%`:"0%"),je=D(()=>ba({slices:[{key:"multi",label:h("Multi-LLM"),value:Math.max(0,u.distribution.multi_llm),color:"claude"},{key:"single",label:h("Single LLM"),value:Math.max(0,u.distribution.single_llm),color:"other"}],formatValue:b,center:{value:r(_e),label:h("multi-LLM")}})),Ke=D(()=>Object.entries(u.breakdown).map(([f,V])=>{const q=Number(V);return{key:f,label:xe(f),value:Number.isFinite(q)?Math.max(0,q):0,color:X(f)}})),Ge=D(()=>Object.values(u.breakdown).reduce((f,V)=>f+Math.max(0,Number(V)||0),0)),se=D(()=>ba({slices:r(Ke),formatValue:b,center:{value:b(r(Ge)),label:h("queries")}})),$=D(()=>Xa({items:u.combinations.map(f=>({key:f.combination,label:f.combination,value:f.count})),label:h("Count"),color:"claude",formatValue:b})),Le=D(()=>$a({labels:u.queries.map(f=>f.day),values:u.queries.map(f=>f.Total),label:h("Total Queries"),color:"claude",formatValue:b,formatLabel:f=>We(f,u.queriesGranularity)})),Ze=D(()=>`${Math.max(180,u.combinations.length*36+48)}px`),ge=D(()=>u.queries.length===0),Ae=D(()=>Object.keys(u.breakdown).length===0);var ke=dt(),Ee=e(ke);ve(Ee,{class:"usage-metrics__card",header:q=>{var w=vt(),R=e(w),T=e(R);a(R);var G=d(R,2),N=e(G),l=e(N,!0);a(N);var o=d(N,2),s=e(o),t=e(s,!0);a(s),s.value=s.__value="Day";var m=d(s),S=e(m,!0);a(m),m.value=m.__value="Week";var B=d(m),E=e(B,!0);a(B),B.value=B.__value="Month",a(o);var L;ga(o),a(G),a(w),x((n,i,g,p,A,Q,Z)=>{v(T,`${n??""} (${i??""})`),v(l,g),Y(o,"aria-label",p),v(t,A),v(S,Q),v(E,Z),L!==(L=u.queriesGranularity)&&(o.value=(o.__value=u.queriesGranularity)??"",ma(o,u.queriesGranularity))},[()=>h("Queries per LLM Over Time"),()=>h(u.queriesGranularity),()=>h("Group by"),()=>h("Query grouping"),()=>h("Day"),()=>h("Week"),()=>h("Month")]),Ve("change",o,n=>u.onQueriesGranularityChange(n.currentTarget.value)),_(q,w)},body:q=>{var w=ce(),R=K(w);{var T=o=>{var s=Na(),t=e(s);ae(t,{name:"error",size:20});var m=d(t,2),S=e(m,!0);a(m),a(s),x(()=>v(S,te())),_(o,s)},G=o=>{var s=Oa(),t=e(s);ne(t,{width:"100%",height:"280px"}),a(s),x(m=>Y(s,"aria-label",m),[()=>h("Loading...")]),_(o,s)},N=o=>{var s=oa(),t=e(s);ae(t,{name:"bar_chart",size:24});var m=d(t,2),S=e(m,!0);a(m),a(s),x(B=>v(S,B),[()=>h("No data for this period")]),_(o,s)},l=o=>{{let s=D(()=>h("Queries per LLM Over Time")),t=D(()=>h("Queries per LLM Over Time"));Fe(o,{get presentation(){return r(ie)},get chartLabel(){return r(s)},get legendLabel(){return r(t)},height:"280px"})}};ee(R,o=>{te()?o(T):u.queriesLoading?o(G,1):r(ge)?o(N,2):o(l,-1)})}_(q,w)},$$slots:{header:!0,body:!0}});var me=d(Ee,2),be=e(me);ve(be,{class:"usage-metrics__card",header:q=>{var w=la(),R=e(w,!0);a(w),x(T=>v(R,T),[()=>h("Multi-LLM Query Distribution")]),_(q,w)},body:q=>{{let w=D(()=>h("Multi-LLM Query Distribution")),R=D(()=>`${r(_e)} ${h("multi-LLM")}`);Fe(q,{get presentation(){return r(je)},get chartLabel(){return r(w)},get centerAriaLabel(){return r(R)},height:"220px"})}},$$slots:{header:!0,body:!0}});var Pe=d(be,2);ve(Pe,{class:"usage-metrics__card",header:q=>{var w=la(),R=e(w,!0);a(w),x(T=>v(R,T),[()=>h("LLM Usage Breakdown")]),_(q,w)},body:q=>{var w=ce(),R=K(w);{var T=N=>{var l=oa(),o=e(l);ae(o,{name:"bar_chart",size:24});var s=d(o,2),t=e(s,!0);a(s),a(l),x(m=>v(t,m),[()=>h("No data for this period")]),_(N,l)},G=N=>{{let l=D(()=>h("LLM Usage Breakdown")),o=D(()=>`${b(r(Ge))} ${h("queries")}`);Fe(N,{get presentation(){return r(se)},get chartLabel(){return r(l)},get centerAriaLabel(){return r(o)},height:"220px"})}};ee(R,N=>{r(Ae)?N(T):N(G,-1)})}_(q,w)},$$slots:{header:!0,body:!0}}),a(me);var he=d(me,2);ve(he,{class:"usage-metrics__card",header:q=>{var w=la(),R=e(w,!0);a(w),x(T=>v(R,T),[()=>h("Popular LLM Combinations")]),_(q,w)},body:q=>{var w=ce(),R=K(w);{var T=N=>{var l=oa(),o=e(l);ae(o,{name:"layers",size:24});var s=d(o,2),t=e(s,!0);a(s),a(l),x(m=>v(t,m),[()=>h("No multi-LLM queries in this period")]),_(N,l)},G=N=>{{let l=D(()=>h("Popular LLM Combinations"));Fe(N,{get presentation(){return r($)},get chartLabel(){return r(l)},get height(){return r(Ze)}})}};ee(R,N=>{u.combinations.length===0?N(T):N(G,-1)})}_(q,w)},$$slots:{header:!0,body:!0}});var fe=d(he,2);ve(fe,{class:"usage-metrics__card",header:q=>{var w=la(),R=e(w,!0);a(w),x(T=>v(R,T),[()=>h("Average Queries per Day")]),_(q,w)},body:q=>{var w=ce(),R=K(w);{var T=o=>{var s=Na(),t=e(s);ae(t,{name:"error",size:20});var m=d(t,2),S=e(m,!0);a(m),a(s),x(()=>v(S,te())),_(o,s)},G=o=>{var s=Oa(),t=e(s);ne(t,{width:"100%",height:"220px"}),a(s),x(m=>Y(s,"aria-label",m),[()=>h("Loading...")]),_(o,s)},N=o=>{var s=oa(),t=e(s);ae(t,{name:"bar_chart",size:24});var m=d(t,2),S=e(m,!0);a(m),a(s),x(B=>v(S,B),[()=>h("No data for this period")]),_(o,s)},l=o=>{{let s=D(()=>h("Average Queries per Day"));Fe(o,{get presentation(){return r(Le)},get chartLabel(){return r(s)},height:"220px"})}};ee(R,o=>{te()?o(T):u.queriesLoading?o(G,1):r(ge)?o(N,2):o(l,-1)})}_(q,w)},$$slots:{header:!0,body:!0}}),a(ke),_(Oe,ke),pa(),$e()}ha(["change"]);var gt=z("<!> <span> </span>",1),Ba=z('<div class="usage-dashboard-page__loading svelte-xsr93o" role="status"><!> <div class="usage-dashboard-page__loading-grid svelte-xsr93o"><!> <!></div></div>'),Aa=z('<div class="usage-dashboard-page__error svelte-xsr93o" role="alert"><!> <span> </span> <!></div>'),mt=z('<div id="usage-dashboard-panel-usage" role="tabpanel" aria-labelledby="usage-dashboard-tab-usage"><!></div>'),bt=z('<div id="usage-dashboard-panel-financial" role="tabpanel" aria-labelledby="usage-dashboard-tab-financial"><!></div>'),ht=z('<div class="ask-page usage-dashboard-page svelte-xsr93o" data-ui-v2=""><div class="usage-dashboard-page__header ask-page__head svelte-xsr93o"><div class="usage-dashboard-page__title-group svelte-xsr93o"><div><h1 class="ask-page__title"> </h1> <p class="usage-dashboard-page__range svelte-xsr93o"> </p></div></div> <!></div> <div class="usage-dashboard-page__tabs svelte-xsr93o" role="tablist"><button id="usage-dashboard-tab-usage" type="button" role="tab" aria-controls="usage-dashboard-panel-usage"> </button> <button id="usage-dashboard-tab-financial" type="button" role="tab" aria-controls="usage-dashboard-panel-financial"> </button></div> <!></div>');function ft(Oe,u){fa(u,!0);const Te=()=>
2na(Ie,"$i18n",Be),Xe=()=>na(Ga,"$askiiCoinBalance",Be),$e=()=>na(Za,"$user",Be),[Be,te]=xa(),Ie=ya("i18n"),h=(c,k)=>Te().t(c,k),ea={multi_llm:0,single_llm:0},b={},We={Claude:0,ChatGPT:0,Gemini:0,Other:0},xe={total_spent:0,budget_limit:1,remaining_budget:1,budget_percentage_used:0,monthly_spent:0};let X=F("usage"),ie=F(Me(wa())),de=F(Me([])),_e=F(Me({...ea})),je=F(Me({...b})),Ke=F(Me([])),Ge=F(!0),se=F(null),$=F(!1),Le=F(null),Ze=F("Day"),ge=F(Me([])),Ae=F(Me({...We})),ke=F(Me([])),Ee=F(Me({...xe})),me=F(!1),be=F(null),Pe=F(!1),he=F(null),fe=F(!1),f=F(null),V=F("Day"),q=F("Month"),w=F(!1),R=!1,T=0,G=0,N=0,l=0,o=0,s=0;function t(c,k){return R&&c===k}function m(){return typeof localStorage>"u"?null:localStorage.getItem("token")}async function S(){const c=++T,k=++N;y(Ge,!0),y(se,null),y($,!1),y(Le,null);try{const M=await Je(),{start:C,end:O}=r(ie),I=await Ca(M,C,O);t(c,T)&&t(k,N)&&y(de,I,!0);const P=await Ia(M,C,O);t(c,T)&&y(_e,P,!0);const U=await Wa(M,C,O);t(c,T)&&y(je,U,!0);const W=await ja(M,C,O);t(c,T)&&y(Ke,W,!0)}catch{t(c,T)&&(y(se,h("Unable to load usage metrics."),!0),Ye.error(r(se)))}finally{t(c,T)&&y(Ge,!1)}}async function B(){const c=++G,k=++l,M=++o;y(me,!0),y(be,null),y(Pe,!1),y(he,null),y(fe,!1),y(f,null);try{const C=await Je(),{start:O,end:I}=r(ie),P=await Da(C,O,I,ra(r(V)));t(c,G)&&t(k,l)&&y(ge,P,!0);const U=await Sa(C,O,I);t(c,G)&&y(Ae,U,!0);const W=await Ma(C,O,I);t(c,G)&&y(ke,W,!0);const j=await Ta(C,ra(r(q)));t(c,G)&&t(M,o)&&y(Ee,j,!0)}catch{t(c,G)&&(y(be,h("Unable to load financial metrics."),!0),Ye.error(r(be)))}finally{t(c,G)&&y(me,!1)}}async function E(c){y(Ze,c,!0);const k=++N,M=T;y($,!0),y(Le,null);try{const C=await Je(),{start:O,end:I}=r(ie),P=await Ca(C,O,I,ra(c));t(M,T)&&t(k,N)&&y(de,P,!0)}catch{t(M,T)&&t(k,N)&&(y(Le,h("Unable to update query metrics."),!0),Ye.error(r(Le)))}finally{t(M,T)&&t(k,N)&&y($,!1)}}async function L(c){y(V,c,!0);const k=++l,M=G;y(Pe,!0),y(he,null);try{const C=await Je(),{start:O,end:I}=r(ie),P=ra(c),U=await Da(C,O,I,P);t(M,G)&&t(k,l)&&y(ge,U,!0);const W=await Sa(C,O,I,P);t(M,G)&&t(k,l)&&y(Ae,W,!0);const j=await Ma(C,O,I,P);t(M,G)&&t(k,l)&&y(ke,j,!0)}catch{t(M,G)&&t(k,l)&&(y(he,h("Unable to update spend metrics."),!0),Ye.error(r(he)))}finally{t(M,G)&&t(k,l)&&y(Pe,!1)}}async function n(c){y(q,c,!0);const k=++o,M=G;y(fe,!0),y(f,null);try{const C=await Je(),O=await Ta(C,ra(c));t(M,G)&&t(k,o)&&y(Ee,O,!0)}catch{t(M,G)&&t(k,o)&&(y(f,h("Unable to update total spent."),!0),Ye.error(r(f)))}finally{t(M,G)&&t(k,o)&&y(fe,!1)}}const i=["usage","financial"];function g(c){r(X)!==c&&(c==="usage"?G+=1:T+=1,y(X,c,!0),c==="usage"?S():B())}function p(c){var k;(k=document.getElementById(`usage-dashboard-tab-${c}`))==null||k.focus()}function A(c,k){if(c.key==="Enter"||c.key===" "){c.preventDefault(),g(k);return}const M=i.indexOf(k);let C;c.key==="ArrowRight"?C=i[(M+1)%i.length]:c.key==="ArrowLeft"?C=i[(M-1+i.length)%i.length]:c.key==="Home"?C=i[0]:c.key==="End"&&(C=i[i.length-1]),C&&(c.preventDefault(),g(C),p(C))}async function Q(){const c=++s;y(w,!0);try{const k=await Je(),M=await Va(k);if(!t(c,s))return;const C=window.URL.createObjectURL(M),O=document.createElement("a");O.href=C,O.download="llm_usage_export.csv";try{document.body.appendChild(O),O.click()}finally{O.remove(),window.URL.revokeObjectURL(C)}}catch{t(c,s)&&Ye.error(h("Unable to export usage data."))}finally{t(c,s)&&y(w,!1)}}Qa(()=>{R=!0;const c=m();return c&&Ga.refresh(c),y(ie,wa(),!0),S(),()=>{R=!1,T+=1,G+=1,N+=1,l+=1,o+=1,s+=1}});var Z=ht(),re=e(Z),H=e(re),Ue=e(H),oe=e(Ue),Re=e(oe,!0);a(oe);var qe=d(oe,2),ze=e(qe,!0);a(qe),a(Ue),a(H);var Ne=d(H,2);va(Ne,{variant:"ghost",size:"md",get disabled(){return r(w)},onclick:Q,children:(c,k)=>{var M=gt(),C=K(M);ae(C,{name:"download",size:18});var O=d(C,2),I=e(O,!0);a(O),x(P=>v(I,P),[()=>h(r(w)?"Exporting...":"Export")]),_(c,M)},$$slots:{default:!0}}),a(re);var He=d(re,2),ye=e(He);let ia;var pe=e(ye,!0);a(ye);var J=d(ye,2);let we;var Ce=e(J,!0);a(J),a(He);var le=d(He,2);{var Qe=c=>{var k=mt(),M=e(k);{var C=P=>{var U=Ba(),W=e(U);ne(W,{width:"100%",height:"180px"});var j=d(W,2),ue=e(j);ne(ue,{width:"100%",height:"220px"});var De=d(ue,2);ne(De,{width:"100%",height:"220px"}),a(j),a(U),x(Se=>Y(U,"aria-label",Se),[()=>h("Loading...")]),_(P,U)},O=P=>{var U=Aa(),W=e(U);ae(W,{name:"error",size:22});var j=d(W,2),ue=e(j,!0);a(j);var De=d(j,2);va(De,{variant:"ghost",size:"sm",onclick:()=>void S(),children:(Se,za)=>{La();var ta=ka();x(ca=>v(ta,ca),[()=>h("Retry")]),_(Se,ta)},$$slots:{default:!0}}),a(U),x(()=>v(ue,r(se))),_(P,U)},I=P=>{_t(P,{get queries(){return r(de)},get distribution(){return r(_e)},get breakdown(){return r(je)},get combinations(){return r(Ke)},get queriesGranularity(){return r(Ze)},get queriesLoading(){return r($)},get queriesError(){return r(Le)},onQueriesGranularityChange:U=>void E(U)})};ee(M,P=>{r(Ge)?P(C):r(se)?P(O,1):P(I,-1)})}a(k),_(c,k)},aa=c=>{var k=bt(),M=e(k);{var C=P=>{var U=Ba(),W=e(U);ne(W,{width:"100%",height:"160px"});var j=d(W,2),ue=e(j);ne(ue,{width:"100%",height:"220px"});var De=d(ue,2);ne(De,{width:"100%",height:"220px"}),a(j),a(U),x(Se=>Y(U,"aria-label",Se),[()=>h("Loading...")]),_(P,U)},O=P=>{var U=Aa(),W=e(U);ae(W,{name:"error",size:22});var j=d(W,2),ue=e(j,!0);a(j);var De=d(j,2);va(De,{variant:"ghost",size:"sm",onclick:()=>void B(),children:(Se,za)=>{La();var ta=ka();x(ca=>v(ta,ca),[()=>h("Retry")]),_(Se,ta)},$$slots:{default:!0}}),a(U),x(()=>v(ue,r(be))),_(P,U)},I=P=>{ct(P,{get balance(){return Xe().data},get budgetSummary(){return r(Ee)},get spend(){return r(ge)},get costDistribution(){return r(Ae)},get costEfficiency(){return r(ke)},get spendGranularity(){return r(V)},get spentGranularity(){return r(q)},get spendLoading(){return r(Pe)},get budgetLoading(){return r(fe)},get spendError(){return r(he)},get budgetError(){return r(f)},get currentUser(){return $e()},onSpendGranularityChange:U=>void L(U),onSpentGranularityChange:U=>void n(U)})};ee(M,P=>{r(me)?P(C):r(be)?P(O,1):P(I,-1)})}a(k),_(c,k)};ee(le,c=>{r(X)==="usage"?c(Qe):c(aa,-1)})}a(Z),x((c,k,M,C)=>{v(Re,c),v(ze,r(ie).label),Y(He,"aria-label",k),ia=qa(ye,1,"usage-dashboard-page__tab svelte-xsr93o",null,ia,{active:r(X)==="usage"}),Y(ye,"aria-selected",r(X)==="usage"),Y(ye,"tabindex",r(X)==="usage"?
20:-1),v(pe,M),we=qa(J,1,"usage-dashboard-page__tab svelte-xsr93o",null,we,{active:r(X)==="financial"}),Y(J,"aria-selected",r(X)==="financial"),Y(J,"tabindex",r(X)==="financial"?0:-1),v(Ce,C)},[()=>h("Usage Analytics"),()=>h("Usage Analytics"),()=>h("Usage Metrics"),()=>h("Financial Metrics")]),Ve("click",ye,()=>g("usage")),Ve("keydown",ye,c=>A(c,"usage")),Ve("click",J,()=>g("financial")),Ve("keydown",J,c=>A(c,"financial")),_(Oe,Z),pa(),te()}ha(["click","keydown"]);function Rt(Oe){ft(Oe,{})}export{Rt as component}; 3//# sourceMappingURL=79.D-e2WrN-.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.