usage-board 3.0.0 → 3.1.1

package/dist/public/_nuxt/DkxY2YMp.js

@@ -0,0 +1 @@
+import{S as J,P as $,c as V,_ as pe}from"./BvRyOET7.js";import{d as te,c as me,b as ve,u as ge,w as ae,B as se,K as _e,E as be,v as ye,x as he,y as Te,l as q,m as we,F as Ie}from"./DtbPvE6R.js";import{K as H,r as A,g as I,q as Ce,ab as Se,y as C,m as xe,ac as ke,W as Q,h as Re,ad as Ae,E as W,F as oe,o as h,A as T,w as n,b as d,C as a,B as k,N as ne,s as Be,n as Me,z as D,a3 as le,S as Ee,P as Fe,G as re,ae as $e,L as qe,U as O,J as N,Q as Pe,R as Ve,a as Oe,c as P,t as w,H as U,a2 as Ne,I as G,d as _,D as Ue}from"./DgKrPjze.js";function X(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}const[De]=H("ConfigProvider");function ue(e){const t=De({dir:A("ltr")});return I(()=>e?.value||t.dir?.value||"ltr")}function Z(){const e=A(),t=I(()=>["#text","#comment"].includes(e.value?.$el.nodeName)?e.value?.$el.nextElementSibling:Ce(e));return{primitiveElement:e,currentElement:t}}const ee="data-reka-collection-item";function ie(e={}){const{key:t="",isProvider:l=!1}=e,o=`${t}CollectionProvider`;let i;if(l){const s=A(new Map);i={collectionRef:A(),itemMap:s},Ae(o,i)}else i=Se(o);const b=(s=!1)=>{const u=i.collectionRef.value;if(!u)return[];const m=Array.from(u.querySelectorAll(`[${ee}]`)),g=Array.from(i.itemMap.value.values()).sort((R,B)=>m.indexOf(R.ref)-m.indexOf(B.ref));return s?g:g.filter(R=>R.ref.dataset.disabled!=="")},c=C({name:"CollectionSlot",inheritAttrs:!1,setup(s,{slots:u,attrs:m}){const{primitiveElement:x,currentElement:g}=Z();return Re(g,()=>{i.collectionRef.value=g.value}),()=>Q(J,{ref:x,...m},u)}}),f=C({name:"CollectionItem",inheritAttrs:!1,props:{value:{validator:()=>!0}},setup(s,{slots:u,attrs:m}){const{primitiveElement:x,currentElement:g}=Z();return xe(R=>{if(g.value){const B=ke(g.value);i.itemMap.value.set(B,{ref:g.value,value:s.value}),R(()=>i.itemMap.value.delete(B))}}),()=>Q(J,{...m,[ee]:"",ref:x},u)}}),p=I(()=>Array.from(i.itemMap.value.values())),r=I(()=>i.itemMap.value.size);return{getItems:b,reactiveItems:p,itemMapSize:r,CollectionSlot:c,CollectionItem:f}}const je="rovingFocusGroup.onEntryFocus",Ke={bubbles:!1,cancelable:!0},ze={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Le(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Ge(e,t,l){const o=Le(e.key,l);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(o))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(o)))return ze[o]}function de(e,t=!1){const l=X();for(const o of e)if(o===l||(o.focus({preventScroll:t}),X()!==l))return}function He(e,t){return e.map((l,o)=>e[(t+o)%e.length])}const[We,Ye]=H("RovingFocusGroup");var Je=C({__name:"RovingFocusGroup",props:{orientation:{type:String,required:!1,default:void 0},dir:{type:String,required:!1},loop:{type:Boolean,required:!1,default:!1},currentTabStopId:{type:[String,null],required:!1},defaultCurrentTabStopId:{type:String,required:!1},preventScrollOnEntryFocus:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["entryFocus","update:currentTabStopId"],setup(e,{expose:t,emit:l}){const o=e,i=l,{loop:b,orientation:c,dir:f}=W(o),p=ue(f),r=oe(o,"currentTabStopId",i,{defaultValue:o.defaultCurrentTabStopId,passive:o.currentTabStopId===void 0}),s=A(!1),u=A(!1),m=A(0),{getItems:x,CollectionSlot:g}=ie({isProvider:!0});function R(y){const M=!u.value;if(y.currentTarget&&y.target===y.currentTarget&&M&&!s.value){const E=new CustomEvent(je,Ke);if(y.currentTarget.dispatchEvent(E),i("entryFocus",E),!E.defaultPrevented){const F=x().map(v=>v.ref).filter(v=>v.dataset.disabled!==""),j=F.find(v=>v.getAttribute("data-active")===""),K=F.find(v=>v.getAttribute("data-highlighted")===""),z=F.find(v=>v.id===r.value),L=[j,K,z,...F].filter(Boolean);de(L,o.preventScrollOnEntryFocus)}}u.value=!1}function B(){setTimeout(()=>{u.value=!1},1)}return t({getItems:x}),Ye({loop:b,dir:p,orientation:c,currentTabStopId:r,onItemFocus:y=>{r.value=y},onItemShiftTab:()=>{s.value=!0},onFocusableItemAdd:()=>{m.value++},onFocusableItemRemove:()=>{m.value--}}),(y,M)=>(h(),T(a(g),null,{default:n(()=>[d(a($),{tabindex:s.value||m.value===0?-1:0,"data-orientation":a(c),as:y.as,"as-child":y.asChild,dir:a(p),style:{outline:"none"},onMousedown:M[0]||(M[0]=E=>u.value=!0),onMouseup:B,onFocus:R,onBlur:M[1]||(M[1]=E=>s.value=!1)},{default:n(()=>[k(y.$slots,"default")]),_:3},8,["tabindex","data-orientation","as","as-child","dir"])]),_:3}))}}),Qe=Je,Xe=C({__name:"RovingFocusItem",props:{tabStopId:{type:String,required:!1},focusable:{type:Boolean,required:!1,default:!0},active:{type:Boolean,required:!1},allowShiftKey:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(e){const t=e,l=We(),o=te(),i=I(()=>t.tabStopId||o),b=I(()=>l.currentTabStopId.value===i.value),{getItems:c,CollectionItem:f}=ie();ne(()=>{t.focusable&&l.onFocusableItemAdd()}),Be(()=>{t.focusable&&l.onFocusableItemRemove()});function p(r){if(r.key==="Tab"&&r.shiftKey){l.onItemShiftTab();return}if(r.target!==r.currentTarget)return;const s=Ge(r,l.orientation.value,l.dir.value);if(s!==void 0){if(r.metaKey||r.ctrlKey||r.altKey||!t.allowShiftKey&&r.shiftKey)return;r.preventDefault();let u=[...c().map(m=>m.ref).filter(m=>m.dataset.disabled!=="")];if(s==="last")u.reverse();else if(s==="prev"||s==="next"){s==="prev"&&u.reverse();const m=u.indexOf(r.currentTarget);u=l.loop.value?He(u,m+1):u.slice(m+1)}Me(()=>de(u))}}return(r,s)=>(h(),T(a(f),null,{default:n(()=>[d(a($),{tabindex:b.value?0:-1,"data-orientation":a(l).orientation.value,"data-active":r.active?"":void 0,"data-disabled":r.focusable?void 0:"",as:r.as,"as-child":r.asChild,onMousedown:s[0]||(s[0]=u=>{r.focusable?a(l).onItemFocus(i.value):u.preventDefault()}),onFocus:s[1]||(s[1]=u=>a(l).onItemFocus(i.value)),onKeydown:p},{default:n(()=>[k(r.$slots,"default")]),_:3},8,["tabindex","data-orientation","data-active","data-disabled","as","as-child"])]),_:3}))}}),Ze=Xe;const[Y,et]=H("TabsRoot");var tt=C({__name:"TabsRoot",props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:"horizontal"},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:"automatic"},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const l=e,o=t,{orientation:i,unmountOnHide:b,dir:c}=W(l),f=ue(c);D();const p=oe(l,"modelValue",o,{defaultValue:l.defaultValue,passive:l.modelValue===void 0}),r=A(),s=le(new Set);return et({modelValue:p,changeModelValue:u=>{p.value=u},orientation:i,dir:f,unmountOnHide:b,activationMode:l.activationMode,baseId:te(void 0,"reka-tabs"),tabsList:r,contentIds:s,registerContent:u=>{s.value=new Set([...s.value,u])},unregisterContent:u=>{const m=new Set(s.value);m.delete(u),s.value=m}}),(u,m)=>(h(),T(a($),{dir:a(f),"data-orientation":a(i),"as-child":u.asChild,as:u.as},{default:n(()=>[k(u.$slots,"default",{modelValue:a(p)})]),_:3},8,["dir","data-orientation","as-child","as"]))}}),at=tt;function ce(e,t){return`${e}-trigger-${t}`}function fe(e,t){return`${e}-content-${t}`}var st=C({__name:"TabsContent",props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){const t=e,{forwardRef:l}=D(),o=Y(),i=I(()=>ce(o.baseId,t.value)),b=I(()=>fe(o.baseId,t.value)),c=I(()=>t.value===o.modelValue.value),f=A(c.value);return ne(()=>{o.registerContent(t.value),requestAnimationFrame(()=>{f.value=!1})}),Ee(()=>{o.unregisterContent(t.value)}),(p,r)=>(h(),T(a(me),{present:p.forceMount||c.value,"force-mount":""},{default:n(({present:s})=>[d(a($),{id:b.value,ref:a(l),"as-child":p.asChild,as:p.as,role:"tabpanel","data-state":c.value?"active":"inactive","data-orientation":a(o).orientation.value,"aria-labelledby":i.value,hidden:!s,tabindex:"0",style:Fe({animationDuration:f.value?"0s":void 0})},{default:n(()=>[!a(o).unmountOnHide.value||s?k(p.$slots,"default",{key:0}):re("v-if",!0)]),_:2},1032,["id","as-child","as","data-state","data-orientation","aria-labelledby","hidden","style"])]),_:3},8,["present"]))}}),ot=st,nt=C({__name:"TabsList",props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){const t=e,{loop:l}=W(t),{forwardRef:o,currentElement:i}=D(),b=Y();return b.tabsList=i,(c,f)=>(h(),T(a(Qe),{"as-child":"",orientation:a(b).orientation.value,dir:a(b).dir.value,loop:a(l)},{default:n(()=>[d(a($),{ref:a(o),role:"tablist","as-child":c.asChild,as:c.as,"aria-orientation":a(b).orientation.value},{default:n(()=>[k(c.$slots,"default")]),_:3},8,["as-child","as","aria-orientation"])]),_:3},8,["orientation","dir","loop"]))}}),lt=nt,rt=C({__name:"TabsTrigger",props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"button"}},setup(e){const t=e,{forwardRef:l}=D(),o=Y(),i=I(()=>ce(o.baseId,t.value)),b=I(()=>o.contentIds.value.has(t.value)?fe(o.baseId,t.value):void 0),c=I(()=>t.value===o.modelValue.value);return(f,p)=>(h(),T(a(Ze),{"as-child":"",focusable:!f.disabled,active:c.value},{default:n(()=>[d(a($),{id:i.value,ref:a(l),role:"tab",type:f.as==="button"?"button":void 0,as:f.as,"as-child":f.asChild,"aria-selected":c.value?"true":"false","aria-controls":b.value,"data-state":c.value?"active":"inactive",disabled:f.disabled,"data-disabled":f.disabled?"":void 0,"data-orientation":a(o).orientation.value,onMousedown:p[0]||(p[0]=qe(r=>{!f.disabled&&r.ctrlKey===!1?a(o).changeModelValue(f.value):r.preventDefault()},["left"])),onKeydown:p[1]||(p[1]=$e(r=>a(o).changeModelValue(f.value),["enter","space"])),onFocus:p[2]||(p[2]=()=>{const r=a(o).activationMode!=="manual";!c.value&&!f.disabled&&r&&a(o).changeModelValue(f.value)})},{default:n(()=>[k(f.$slots,"default")]),_:3},8,["id","type","as","as-child","aria-selected","aria-controls","data-state","disabled","data-disabled","data-orientation"])]),_:3},8,["focusable","active"]))}}),ut=rt;const it=C({__name:"Tabs",props:{defaultValue:{},orientation:{},dir:{},activationMode:{},modelValue:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue"],setup(e,{emit:t}){const l=e,o=t,i=O(l,"class"),b=ve(i,o);return(c,f)=>(h(),T(a(at),N({"data-slot":"tabs"},a(b),{class:a(V)("flex flex-col gap-2",l.class)}),{default:n(p=>[k(c.$slots,"default",Pe(Ve(p)))]),_:3},16,["class"]))}}),dt=C({__name:"TabsContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){const t=e,l=O(t,"class");return(o,i)=>(h(),T(a(ot),N({"data-slot":"tabs-content",class:a(V)("flex-1 outline-none",t.class)},a(l)),{default:n(()=>[k(o.$slots,"default")]),_:3},16,["class"]))}}),ct=C({__name:"TabsList",props:{loop:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){const t=e,l=O(t,"class");return(o,i)=>(h(),T(a(lt),N({"data-slot":"tabs-list"},a(l),{class:a(V)("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",t.class)}),{default:n(()=>[k(o.$slots,"default")]),_:3},16,["class"]))}}),ft=C({__name:"TabsTrigger",props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){const t=e,l=O(t,"class"),o=ge(l);return(i,b)=>(h(),T(a(ut),N({"data-slot":"tabs-trigger",class:a(V)("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t.class)},a(o)),{default:n(()=>[k(i.$slots,"default")]),_:3},16,["class"]))}}),pt={class:"flex items-center justify-center py-10"},mt=C({__name:"TableEmpty",props:{class:{type:[Boolean,null,String,Object,Array]},colspan:{default:1}},setup(e){const t=e,l=O(t,"class");return(o,i)=>(h(),T(ae,null,{default:n(()=>[d(se,N({class:a(V)("p-4 whitespace-nowrap align-middle text-sm text-foreground",t.class)},a(l)),{default:n(()=>[Oe("div",pt,[k(o.$slots,"default")])]),_:3},16,["class"])]),_:3}))}}),vt={key:0,class:"text-xs text-destructive"},gt=C({name:"UsageAnalyticsTokenUsageTabsPanel",__name:"TokenUsageTabsPanel",props:{dailyItems:{},errorMessage:{},loading:{type:Boolean},weeklyItems:{},monthlyItems:{},sessionItems:{},pageSize:{default:10},productName:{default:"Product"}},setup(e){const t=e,l=le("day"),o=Ue({day:1,month:1,session:1,week:1}),i=[{heading:"Date",label:"Day",value:"day"},{heading:"Week",label:"Week",value:"week"},{heading:"Month",label:"Month",value:"month"},{heading:"Session ID",label:"Session",value:"session"}],b=I(()=>({day:t.dailyItems,month:t.monthlyItems,session:t.sessionItems,week:t.weeklyItems})),c=I(()=>Object.fromEntries(i.map(r=>{const s=b.value[r.value],u=Math.max(1,Math.ceil(s.length/t.pageSize)),m=Math.min(o[r.value],u),x=(m-1)*t.pageSize;return[r.value,{items:s,page:m,pageCount:u,paginatedItems:s.slice(x,x+t.pageSize)}]})));function f(r,s){const u=c.value[r].pageCount;o[r]=Math.min(u,Math.max(1,s))}function p(r){return r.length>0?r.join(", "):"None"}return(r,s)=>{const u=pe,m=ft,x=ct,g=he,R=ae,B=ye,y=se,M=mt,E=Te,F=be,j=Ie,K=dt,z=it,L=_e;return h(),T(L,{description:`Browse ${e.productName} token consumption by day, week, month, or session.`,icon:"lucide:table-2",title:`${e.productName} Token Usage`},{default:n(()=>[e.errorMessage?(h(),P("p",vt,w(e.errorMessage),1)):e.loading?(h(),P(U,{key:1},[d(u,{class:"h-10 w-64 rounded-md"}),d(u,{class:"mt-4 h-72 w-full rounded-md"})],64)):(h(),T(z,{key:2,modelValue:a(l),"onUpdate:modelValue":s[0]||(s[0]=v=>Ne(l)?l.value=v:null)},{default:n(()=>[d(x,{class:"grid w-full grid-cols-4 sm:w-fit"},{default:n(()=>[(h(),P(U,null,G(i,v=>d(m,{key:v.value,value:v.value},{default:n(()=>[_(w(v.label),1)]),_:2},1032,["value"])),64))]),_:1}),(h(),P(U,null,G(i,v=>d(K,{key:v.value,class:"mt-4",value:v.value},{default:n(()=>[d(F,null,{default:n(()=>[d(B,null,{default:n(()=>[d(R,null,{default:n(()=>[d(g,null,{default:n(()=>[_(w(v.heading),1)]),_:2},1024),d(g,null,{default:n(()=>[...s[1]||(s[1]=[_("Models",-1)])]),_:1}),d(g,null,{default:n(()=>[...s[2]||(s[2]=[_("Projects",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[3]||(s[3]=[_(" Sessions ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[4]||(s[4]=[_(" Input ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[5]||(s[5]=[_(" Output ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[6]||(s[6]=[_(" Reasoning ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[7]||(s[7]=[_(" Cache Read ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[8]||(s[8]=[_(" Total Tokens ",-1)])]),_:1}),d(g,{class:"text-right"},{default:n(()=>[...s[9]||(s[9]=[_(" Cost ",-1)])]),_:1})]),_:2},1024)]),_:2},1024),d(E,null,{default:n(()=>[(h(!0),P(U,null,G(a(c)[v.value].paginatedItems,S=>(h(),T(R,{key:S.id},{default:n(()=>[d(y,{class:"max-w-72 truncate font-medium"},{default:n(()=>[_(w(S.label),1)]),_:2},1024),d(y,null,{default:n(()=>[_(w(p(S.models)),1)]),_:2},1024),d(y,{class:"max-w-56 truncate"},{default:n(()=>[_(w(p(S.projects)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(S.sessionCount),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(a(q)(S.inputTokens)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(a(q)(S.outputTokens)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(a(q)(S.reasoningOutputTokens)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(a(q)(S.cachedInputTokens)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(a(q)(S.totalTokens)),1)]),_:2},1024),d(y,{class:"text-right tabular-nums"},{default:n(()=>[_(w(("formatCurrency"in r?r.formatCurrency:a(we))(S.costUSD)),1)]),_:2},1024)]),_:2},1024))),128)),a(c)[v.value].items.length===0?(h(),T(M,{key:0,colspan:10},{default:n(()=>[_(" No "+w(e.productName)+" token usage found. ",1)]),_:1})):re("",!0)]),_:2},1024)]),_:2},1024),d(j,{page:a(c)[v.value].page,"page-count":a(c)[v.value].pageCount,"page-size":e.pageSize,total:a(c)[v.value].items.length,"onUpdate:page":S=>f(v.value,S)},null,8,["page","page-count","page-size","total","onUpdate:page"])]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]))]),_:1},8,["description","title"])}}}),ht=Object.assign(gt,{__name:"UsageAnalyticsTokenUsageTabsPanel"});export{mt as _,ue as a,it as b,ct as c,ft as d,dt as e,ht as f,X as g,De as i,ie as u};