@bitkyc08/opencodex 2.64.0-preview.20260923 → 2.65.0-preview.20260925

package/gui/dist/assets/Tray-DUvc_Wul.js

@@ -0,0 +1 @@
+import{T as e,_ as t,n,w as r}from"./index-BB0iHG8-.js";import{S as i,a,c as o,d as s,h as c,i as l,l as u,m as d,n as f,o as p,r as m,s as h,t as g,w as _}from"./tray-data-f0lTZ4sF.js";var v=e(r(),1),y=n(),b=e=>e?.usageIncomplete||e?.historyTruncated||e?.entriesTruncated;function x(){let{t:e,locale:n}=t(),[r,x]=(0,v.useState)(null),[S,C]=(0,v.useState)(!1),[w,T]=(0,v.useState)([null,null]),[E,D]=(0,v.useState)(!1),[O,k]=(0,v.useState)([]),[A,j]=(0,v.useState)(!1),[M,N]=(0,v.useState)(null),[P,F]=(0,v.useState)(!1),[I,L]=(0,v.useState)(null),[R,z]=(0,v.useState)(!1),[B,V]=(0,v.useState)(0),H=()=>V(e=>e+1);(0,v.useEffect)(()=>{document.documentElement.classList.add(`tray-document`);let e=null,t=!1,n=!0,r=!1,i=()=>!document.hidden&&(window.__OPENCODEX_TRAY_VISIBLE__??n),o=async()=>{if(!i()||t)return;t=!0,z(!0);let n=!1,s=new AbortController;e=s;let l=e=>g(e,s.signal),u=()=>!r&&!s.signal.aborted;try{let e=(async()=>{try{let e=h(await l(`/api/config`)),t=await Promise.all(e.map(async e=>{if(!e.path)return{name:e.name,accounts:[]};try{let t=await l(e.path);if(e.name===`openai`)try{t.activeCodexAccountId=(await l(`/api/codex-auth/active`)).activeCodexAccountId??`__main__`}catch{}return{name:e.name,accounts:a(t)}}catch{return{name:e.name,accounts:[],unavailable:!0}}}));u()&&(k(t),j(!1),n=!0)}catch{u()&&(k([]),j(!0))}})(),t=(async()=>{let e;try{if(e=(await l(`/api/companion/settings`)).settings,!e||!Array.isArray(e.hiddenProviders)||!(e.models===null||Array.isArray(e.models)))throw Error(`Invalid settings`);u()&&(x(e),C(!1))}catch{u()&&C(!0);return}let t=Promise.allSettled([`/api/usage?range=today`,`/api/usage?range=30d`].map(async t=>{let n=p(await l(t));return f(n,e)})).then(e=>{u()&&(n||=e.some(e=>e.status===`fulfilled`),T(e.map(e=>e.status===`fulfilled`?e.value:null)),D(e.some(e=>e.status===`rejected`)))}),r=(async()=>{if(!e.showChart)return;let t=c(e);try{let n=await l(`/api/usage/timeline?${t}`);u()&&(N(d(n,e)),F(!1))}catch{u()&&(N(null),F(!0))}})();await Promise.allSettled([t,r])})();await Promise.allSettled([e,t])}finally{t=!1,u()&&(z(!1),n&&L(Date.now())),!r&&s.signal.aborted&&i()&&o()}},s=()=>{i()?o():e?.abort()},l=()=>{n=!1,s()},u=()=>{n=!0,s()},m=e=>{let t=e.detail;typeof t==`boolean`&&(window.__OPENCODEX_TRAY_VISIBLE__=t),s()};o();let _=setInterval(()=>void o(),6e4);return document.addEventListener(`visibilitychange`,s),window.addEventListener(`blur`,l),window.addEventListener(`focus`,u),window.addEventListener(`opencodex:tray-visibility`,m),()=>{r=!0,e?.abort(),clearInterval(_),document.documentElement.classList.remove(`tray-document`),document.removeEventListener(`visibilitychange`,s),window.removeEventListener(`blur`,l),window.removeEventListener(`focus`,u),window.removeEventListener(`opencodex:tray-visibility`,m)}},[B]);let U=e=>m(e)?i(e,n):`—`,W=t=>{let i=t?l(t):void 0,a=i?.cacheReadInputTokens??i?.cachedInputTokens,o=m(a)&&m(i?.inputTokens)&&i.inputTokens>0?`${Math.round(a/i.inputTokens*100)}%`:`—`;return(0,y.jsxs)(`dl`,{children:[(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`dt`,{children:e(`usage.card.totalTokens`)}),(0,y.jsx)(`dd`,{children:U(i?.totalTokens)})]}),(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`dt`,{children:e(`tray.input`)}),(0,y.jsxs)(`dd`,{children:[U(i?.inputTokens),` `,(0,y.jsx)(`small`,{title:e(`usage.card.cachedTokens`),children:e(`tray.cached`,{percent:o})})]})]}),(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`dt`,{children:e(`tray.output`)}),(0,y.jsx)(`dd`,{children:U(i?.outputTokens)})]}),r?.showCost&&(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`dt`,{title:e(`logs.metric.estimatedCostTitle`),children:e(`tray.cost`)}),(0,y.jsx)(`dd`,{title:m(i?.requests)&&m(i?.pricedRequests)&&i.pricedRequests<i.requests?e(`usage.cost.unpricedNote`,{count:i.requests-i.pricedRequests}):e(`logs.metric.estimatedCostTitle`),children:m(i?.estimatedCostUsd)?new Intl.NumberFormat(n,{style:`currency`,currency:`USD`,maximumFractionDigits:2}).format(i.estimatedCostUsd)+(m(i.pricedRequests)&&m(i.requests)&&i.pricedRequests<i.requests?`*`:``):`—`})]}),(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`dt`,{children:e(`usage.card.requests`)}),(0,y.jsx)(`dd`,{children:U(i?.requests)})]}),m(i?.requests)&&i.requests>0&&m(i.measuredRequests)&&i.measuredRequests<i.requests&&(0,y.jsxs)(`div`,{className:`tray-coverage`,title:e(`usage.coverage.note`),children:[(0,y.jsx)(`dt`,{children:e(`usage.card.coverage`)}),(0,y.jsxs)(`dd`,{children:[Math.round(i.measuredRequests/i.requests*100),`%`]})]})]})},G=new Set(r?.hiddenProviders??[]);return(0,y.jsxs)(`main`,{className:`tray-page`,children:[(0,y.jsxs)(`header`,{children:[(0,y.jsx)(`strong`,{children:`OpenCodex`}),(0,y.jsx)(`a`,{href:`/?desktop=open#/usage`,"aria-label":e(`sub.settings`),title:e(`sub.settings`),children:`⚙`})]}),S&&(0,y.jsxs)(`p`,{role:`alert`,className:`tray-error`,children:[e(`usage.companion.settingsUnavailable`),` `,(0,y.jsx)(`button`,{onClick:H,children:e(`common.retry`)})]}),!r&&!S&&(0,y.jsx)(`p`,{role:`status`,children:e(`common.loading`)}),r&&(0,y.jsxs)(`section`,{className:`tray-totals`,children:[r.showToday&&(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`h2`,{children:[e(`tray.today`),b(w[0])&&(0,y.jsx)(`span`,{title:e(`usage.incomplete`),"aria-label":e(`usage.incomplete`),children:` *`})]}),W(w[0]?.summary)]}),(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`h2`,{children:[e(`usage.range.30d`),b(w[1])&&(0,y.jsx)(`span`,{title:e(`usage.incomplete`),"aria-label":e(`usage.incomplete`),children:` *`})]}),W(w[1]?.summary)]})]}),E&&(0,y.jsxs)(`p`,{role:`alert`,className:`tray-error`,children:[e(`usage.loadError`),` `,(0,y.jsx)(`button`,{onClick:H,children:e(`common.retry`)})]}),r?.showChart&&(0,y.jsx)(`section`,{className:`tray-chart`,children:(0,y.jsx)(s,{timeline:M,chartStyle:r.chartStyle,hours:r.chartHours,loading:!M&&!P,error:P?e(`usage.companion.timelineUnavailable`):null,onRetry:H,locale:n,t:e})}),r?.showModels&&!!w[0]?.models.length&&(0,y.jsx)(`section`,{className:`tray-models`,"aria-label":e(`usage.section.models`),children:w[0].models.map(t=>(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`span`,{title:`${t.provider}/${t.model}`,children:t.model}),(0,y.jsxs)(`span`,{className:`tray-model-metrics`,children:[(0,y.jsx)(`span`,{title:e(`usage.card.requests`),children:e(`pws.dashboard.requests`,{count:U(t.requests)})}),(0,y.jsx)(`span`,{title:e(`usage.card.totalTokens`),children:U(l(t).totalTokens)})]})]},`${t.provider}/${t.model}`))}),(r?.showAccounts??!0)&&(0,y.jsxs)(`section`,{className:`tray-providers`,"aria-label":e(`usage.section.providers`),children:[A&&(0,y.jsxs)(`p`,{role:`alert`,className:`tray-error`,children:[e(`startup.tray.unavailable`),` `,(0,y.jsx)(`button`,{onClick:H,children:e(`common.retry`)})]}),O.filter(e=>!G.has(e.name)).map(t=>(0,y.jsxs)(`div`,{className:`tray-provider`,children:[(0,y.jsx)(`h2`,{children:_(t.name,e)}),!t.accounts.length&&(0,y.jsx)(`div`,{className:`tray-missing`,children:e(t.unavailable?`startup.tray.unavailable`:`pws.dashboard.noQuota`)}),t.accounts.map(t=>(0,y.jsxs)(`div`,{className:`tray-account`,children:[(0,y.jsxs)(`div`,{className:`tray-account-name`,title:t.label,children:[t.label,(0,y.jsxs)(`span`,{className:`tray-account-meta`,children:[t.plan,t.active&&(0,y.jsx)(`span`,{title:e(`prov.activeBadge`),"aria-label":e(`prov.activeBadge`),children:` ●`})]})]}),t.email&&t.email!==t.label&&(0,y.jsx)(`div`,{className:`tray-account-email`,children:t.email}),!o(t.quota).length&&(0,y.jsx)(`div`,{className:`tray-missing`,children:e(t.unavailable?`startup.tray.unavailable`:`pws.dashboard.noQuota`)}),o(t.quota).map(t=>{let r=`key`in t?e(t.key):t.label,i=u(t.reset,n),a=m(t.percent)?Math.min(100,t.percent):null;return(0,y.jsxs)(`div`,{className:`tray-quota`,children:[(0,y.jsx)(`span`,{title:r,children:r}),(0,y.jsx)(`span`,{children:a===null?`—`:`${Math.round(a)}%`}),(0,y.jsx)(`span`,{className:`tray-bar`,role:a===null?`img`:`meter`,"aria-label":a===null?`${r}: ${e(`pws.dashboard.noQuota`)}`:r,"aria-valuemin":a===null?void 0:0,"aria-valuemax":a===null?void 0:100,"aria-valuenow":a??void 0,"aria-valuetext":a===null?void 0:`${Math.round(a)}%`,children:(0,y.jsx)(`i`,{style:{width:a===null?`0%`:`${a}%`}})}),(0,y.jsx)(`time`,{title:i.exact,children:i.text})]},t.id)})]},t.id))]},t.name))]}),(0,y.jsxs)(`div`,{className:`tray-refresh`,children:[(0,y.jsx)(`button`,{type:`button`,onClick:H,disabled:R,children:e(`startup.refresh`)}),(0,y.jsx)(`span`,{role:`status`,children:e(`tray.updated`,{time:I===null?`—`:new Date(I).toLocaleTimeString(n,{hour:`2-digit`,minute:`2-digit`})})})]}),(0,y.jsx)(`footer`,{children:(0,y.jsxs)(`a`,{href:`/?desktop=open#/usage`,children:[e(`nav.dashboard`),` `,(0,y.jsx)(`span`,{"aria-hidden":`true`,children:`↗`})]})})]})}export{x as default};