manifest 5.36.2 → 5.36.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/backend/model-discovery/provider-model-fetcher.service.js +1 -1
- package/dist/openclaw.plugin.json +1 -1
- package/openclaw.plugin.json +1 -1
- package/package.json +1 -1
- package/public/assets/{Account-BuDc4Nb0.js → Account-howBDlvG.js} +1 -1
- package/public/assets/{Limits-B0Qr3nqT.js → Limits-CaSluPpI.js} +1 -1
- package/public/assets/{Login-BnXNpYcd.js → Login-m4XBY8ut.js} +1 -1
- package/public/assets/{MessageLog-D4BY_ujN.js → MessageLog-DKlKOoyz.js} +1 -1
- package/public/assets/{ModelPrices-BmtHNExP.js → ModelPrices-DzvA4Tx9.js} +1 -1
- package/public/assets/{Overview-BCFfcndu.js → Overview-D66ngg-f.js} +1 -1
- package/public/assets/{Register-DlRiidEI.js → Register-nQzqvmBm.js} +1 -1
- package/public/assets/{ResetPassword-DAoGqbKg.js → ResetPassword-3tVnih5P.js} +1 -1
- package/public/assets/{Routing-B5BCWeyb.js → Routing-ByUnqYRj.js} +1 -1
- package/public/assets/Settings-6gEXAscQ.js +1 -0
- package/public/assets/{SetupStepAddProvider-CJemlPav.js → SetupStepAddProvider-1kzQB5Of.js} +2 -2
- package/public/assets/{SocialButtons-B7A7StCx.js → SocialButtons-C4gw7_uX.js} +1 -1
- package/public/assets/{index-Dji58hs5.js → index-Ca5I2Nlk.js} +2 -2
- package/public/assets/{model-display-BoOKkgTP.js → model-display-D41uy_hy.js} +1 -1
- package/public/assets/{overview-U0Ep7bv7.js → overview-CxeNaHB-.js} +1 -1
- package/public/assets/{routing-dd43hyXW.js → routing-CoiHtFLh.js} +1 -1
- package/public/assets/{routing-utils-CRQ2wPZ7.js → routing-utils-CXUPRM5D.js} +1 -1
- package/public/index.html +1 -1
- package/public/assets/Settings-CPZmGX_c.js +0 -1
|
@@ -50,7 +50,7 @@ const parseOpenAI = createModelParser({
|
|
|
50
50
|
getDisplayName: (_entry, id) => id,
|
|
51
51
|
});
|
|
52
52
|
const OPENAI_DATE_SUFFIX_RE = /-\d{4}-\d{2}-\d{2}$/;
|
|
53
|
-
const OPENAI_RESPONSES_ONLY_RE = /(?:-codex(?!-mini-latest)|^gpt-5[^/]*-pro(?:-|$))/i;
|
|
53
|
+
const OPENAI_RESPONSES_ONLY_RE = /(?:-codex(?!-mini-latest)|^gpt-5[^/]*-pro(?:-|$)|^gpt-image-|^o1-pro|^o4-mini-deep-research)/i;
|
|
54
54
|
function parseOpenAIDeduped(body, provider) {
|
|
55
55
|
const filtered = parseOpenAI(body, provider).filter((m) => !OPENAI_RESPONSES_ONLY_RE.test(m.id));
|
|
56
56
|
const ids = new Set(filtered.map((m) => m.id));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"id": "manifest",
|
|
3
3
|
"name": "Manifest Self-Hosted LLM Router",
|
|
4
|
-
"version": "5.36.
|
|
4
|
+
"version": "5.36.3",
|
|
5
5
|
"description": "Run the Manifest LLM router locally with SQLite. Zero-config dashboard included.",
|
|
6
6
|
"author": "MNFST Inc.",
|
|
7
7
|
"homepage": "https://manifest.build",
|
package/openclaw.plugin.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"id": "manifest",
|
|
3
3
|
"name": "Manifest Self-Hosted LLM Router",
|
|
4
|
-
"version": "5.36.
|
|
4
|
+
"version": "5.36.3",
|
|
5
5
|
"description": "Run the Manifest LLM router locally with SQLite. Zero-config dashboard included.",
|
|
6
6
|
"author": "MNFST Inc.",
|
|
7
7
|
"homepage": "https://manifest.build",
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as H,a as b,e as R,i as c,g as d,T as V,M as W,h,m as Z,S as M,t as l,d as F}from"./vendor-pl6Q4jbW.js";import{s as G,u as J,v as K,d as L,w as E}from"./index-
|
|
1
|
+
import{b as H,a as b,e as R,i as c,g as d,T as V,M as W,h,m as Z,S as M,t as l,d as F}from"./vendor-pl6Q4jbW.js";import{s as G,u as J,v as K,d as L,w as E}from"./index-Ca5I2Nlk.js";import"./auth-DmX5tAfx.js";var O=l("<h3 class=settings-section__title>Profile information"),Q=l('<div class=settings-card><div class=settings-card__row><div class=settings-card__label><span class=settings-card__label-title>Display name</span><span class=settings-card__label-desc>Name shown throughout the dashboard.</span></div><div class=settings-card__control><input class=settings-card__input type=text aria-label="Display name"readonly></div></div><div class=settings-card__row><div class=settings-card__label><span class=settings-card__label-title>Email</span><span class=settings-card__label-desc>Used for account notifications and limit alerts.</span></div><div class=settings-card__control><input class=settings-card__input type=email aria-label=Email readonly></div></div><div class=settings-card__footer><span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>Profile information is managed through your authentication provider.'),X=l("<h3 class=settings-section__title>Workspace"),ee=l("<div class=settings-card><div class=settings-card__body><p class=settings-card__desc>Your unique workspace identifier. You may need this for support requests or advanced integrations.</p><div class=settings-card__id-row><code class=settings-card__id-value></code><button class=settings-card__copy-btn title=Copy>"),te=l("<h3 class=settings-section__title>Profile"),se=l('<div class=settings-card><div class=settings-card__row><div class=settings-card__label><span class=settings-card__label-title>Display name</span><span class=settings-card__label-desc>Name shown throughout the dashboard.</span></div><div class=settings-card__control><input class=settings-card__input type=text aria-label="Display name"placeholder="Local User">'),ie=l('<div class=account-modal><div class=account-modal__inner><button class=account-modal__back><svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m15 18-6-6 6-6"></path></svg>Back</button><div class=page-header><div><h1>Account Preferences</h1><span class=breadcrumb>Your profile, workspace details, and display preferences</span></div></div><h3 class=settings-section__title>Appearance</h3><div class=settings-card><div class=settings-card__body><p class=settings-card__desc>Choose how Manifest looks for you.</p><div class=theme-picker><button class=theme-picker__option><svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=4></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg>Light</button><button class=theme-picker__option><svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg>Dark</button><button class=theme-picker__option><svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect x=2 y=3 width=20 height=14 rx=2></rect><path d="M8 21h8"></path><path d="M12 17v4"></path></svg>System'),ae=l('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">'),le=l('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect x=9 y=9 width=13 height=13 rx=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">');const ce=()=>{const N=H(),p=G.useSession(),[T,w]=b(!1),[_,g]=b("system"),[u,y]=b(""),B=()=>p()?.data?.user?.name??"",D=()=>p()?.data?.user?.email??"",x=()=>p()?.data?.user?.id??"";R(()=>{J(),y(K()||"Local User");const t=localStorage.getItem("theme");g(t==="dark"||t==="light"?t:"system")});const m=t=>{if(g(t),t==="system"){localStorage.removeItem("theme");const o=window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.classList.toggle("dark",o)}else localStorage.setItem("theme",t),document.documentElement.classList.toggle("dark",t==="dark")},j=()=>{navigator.clipboard.writeText(x()),w(!0),setTimeout(()=>w(!1),2e3)};return(()=>{var t=ie(),o=t.firstChild,C=o.firstChild,I=C.nextSibling,v=I.nextSibling,P=v.nextSibling,A=P.firstChild,U=A.firstChild,Y=U.nextSibling,k=Y.firstChild,f=k.nextSibling,S=f.nextSibling;return c(t,d(V,{children:"Account Preferences - Manifest"}),o),c(t,d(W,{name:"description",content:"Manage your profile, workspace, and theme preferences."}),o),C.$$click=()=>N(-1),c(o,d(M,{get when(){return!L()},get children(){return[O(),(()=>{var e=Q(),s=e.firstChild,r=s.firstChild,n=r.nextSibling,i=n.firstChild,a=s.nextSibling,$=a.firstChild,q=$.nextSibling,z=q.firstChild;return h(()=>i.value=B()),h(()=>z.value=D()),e})(),X(),(()=>{var e=ee(),s=e.firstChild,r=s.firstChild,n=r.nextSibling,i=n.firstChild,a=i.nextSibling;return c(i,x),a.$$click=j,c(a,(()=>{var $=Z(()=>!!T());return()=>$()?ae():le()})()),e})()]}}),v),c(o,d(M,{get when(){return L()},get children(){return[te(),(()=>{var e=se(),s=e.firstChild,r=s.firstChild,n=r.nextSibling,i=n.firstChild;return i.$$keydown=a=>{a.key==="Enter"&&(E(u()),a.currentTarget.blur())},i.addEventListener("blur",()=>E(u())),i.$$input=a=>y(a.currentTarget.value),h(()=>i.value=u()),e})()]}}),v),k.$$click=()=>m("light"),f.$$click=()=>m("dark"),S.$$click=()=>m("system"),h(e=>{var s=_()==="light",r=_()==="dark",n=_()==="system";return s!==e.e&&k.classList.toggle("theme-picker__option--active",e.e=s),r!==e.t&&f.classList.toggle("theme-picker__option--active",e.t=r),n!==e.a&&S.classList.toggle("theme-picker__option--active",e.a=n),e},{e:void 0,t:void 0,a:void 0}),t})()};F(["click","input","keydown"]);export{ce as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i,t as d,a as $,f as Le,g as l,S as _,h as w,s as z,m as J,P as ve,d as ie,o as De,F as ge,B as ke,j as de,n as Ke,k as me,T as ze,M as je}from"./vendor-pl6Q4jbW.js";import{e as pe,q as ne,B as le,s as Ne,d as se,t as K,b as $e}from"./index-Dji58hs5.js";import{a as He}from"./provider-api-key-urls-1G6okUJ7.js";import{a as Ge}from"./routing-dd43hyXW.js";import"./auth-DmX5tAfx.js";function Ve(e){return pe("/notifications/logs",{agent_name:e})}function qe(e){return pe("/notifications",{agent_name:e})}function Ue(e){return ne(`${le}/notifications`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Je(e,t){return ne(`${le}/notifications/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function Fe(e){return ne(`${le}/notifications/${encodeURIComponent(e)}`,{method:"DELETE"})}async function We(){const e=await pe("/notifications/email-provider");return"configured"in e&&e.configured===!1?null:e}function Ze(e){return ne(`${le}/notifications/email-provider`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Ye(){return ne(`${le}/notifications/email-provider`,{method:"DELETE"})}function Xe(e){return ne(`${le}/notifications/email-provider/test`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Qe(e){return ne(`${le}/notifications/email-provider/test-saved`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:e})})}var et=d('<div class=cloud-email-info><svg class=cloud-email-info__icon width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><div><div class=cloud-email-info__title>Email alerts</div><div class=cloud-email-info__desc>Alerts will be sent to <strong>');const tt=e=>(()=>{var t=et(),n=t.firstChild,a=n.nextSibling,s=a.firstChild,o=s.nextSibling,u=o.firstChild,v=u.nextSibling;return i(v,()=>e.email),t})();var it=d("<input class=modal-card__input type=text autocomplete=off autofocus style=-webkit-text-security:disc;text-security:disc>"),we=d("<p class=modal-card__field-error>"),nt=d('<p class=modal-card__field-hint><a class=modal-card__field-link target=_blank rel="noopener noreferrer">Get <!> API key'),lt=d("<label class=modal-card__field-label>Sending domain"),rt=d('<input class=modal-card__input type=text placeholder="e.g. notifications.mycompany.com">'),at=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true aria-labelledby=provider-modal-title><h2 class=modal-card__title id=provider-modal-title></h2><p class=modal-card__desc>Enter your API credentials to enable email alert delivery.</p><label class=modal-card__field-label>Provider</label><div class=provider-modal-picker><button class=provider-modal-option type=button><img src=/logos/resend.svg alt class=provider-modal-option__logo><span>Resend</span></button><button class=provider-modal-option type=button><img src=/logos/mailgun.svg alt class=provider-modal-option__logo><span>Mailgun</span></button><button class=provider-modal-option type=button><img src=/logos/sendgrid.svg alt class=provider-modal-option__logo><span>SendGrid</span></button></div><label class=modal-card__field-label>API Key</label><label class=modal-card__field-label>Notification email</label><input class=modal-card__input type=email><p class=modal-card__field-hint>Where threshold alerts will be sent.</p><div class="modal-card__footer modal-card__footer--split"><button class="btn btn--ghost btn--sm"type=button></button><button class="btn btn--primary btn--sm">'),ot=d('<div class=masked-key><span class=masked-key__value></span><button class="btn btn--ghost btn--sm masked-key__edit"type=button>Change'),st=d("<span class=spinner>");const Ce=/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/i,Se={resend:"Resend",mailgun:"Mailgun",sendgrid:"SendGrid"},Ae=e=>{const[t,n]=$("resend"),[a,s]=$(""),[o,u]=$(""),[v,h]=$(""),[C,S]=$(!1),[x,T]=$(!1),[R,f]=$(""),[k,m]=$(""),[b,j]=$(!1),M=Ne.useSession(),D=()=>e.editMode&&!!e.existingKeyPrefix&&t()===e.initialProvider,A=()=>(e.existingKeyPrefix??"")+"••••••••";Le(()=>{if(e.open){n(e.initialProvider),s("");const r=e.editMode&&!!e.existingKeyPrefix;j(!r),u(e.existingDomain??"");const p=e.existingNotificationEmail??(se()?"":M()?.data?.user?.email??"");h(p),f(""),m("")}});const H=()=>t()==="mailgun",I=()=>{let r=!0;const p=a().trim(),P=o().trim().toLowerCase();return!b()&&D()?f(""):p?p.length<8?(f("API key must be at least 8 characters"),r=!1):t()==="resend"&&!p.startsWith("re_")?(f("Resend API key must start with re_"),r=!1):t()==="sendgrid"&&!p.startsWith("SG.")?(f("SendGrid API key must start with SG."),r=!1):f(""):(f("API key is required"),r=!1),H()?P?Ce.test(P)?m(""):(m("Invalid domain format"),r=!1):(m("Domain is required"),r=!1):P&&!Ce.test(P)?(m("Invalid domain format"),r=!1):m(""),r},Z=()=>{const r=v().trim();return r||(M()?.data?.user?.email??null)},N=async()=>{const r=a().trim(),p=o().trim().toLowerCase(),P=Z();if(!P)return K.error("Enter a notification email to send the test to"),!1;T(!0);try{const L={provider:t(),apiKey:r,to:P};p&&(L.domain=p);const q=await Xe(L);return q.success?!0:(K.error(q.error??"Email test failed — check your credentials"),!1)}catch{return!1}finally{T(!1)}},re=async()=>{const r=Z();if(!r)return K.error("Enter a notification email to send the test to"),!1;T(!0);try{const p=await Qe(r);return p.success?!0:(K.error(p.error??"Email test failed — check your credentials"),!1)}catch{return!1}finally{T(!1)}},ae=async()=>{if(!I()||X())return;(!b()&&D()?await re():await N())&&K.success(`Test email sent to ${Z()}`)},Y=async()=>{if(!I()||C()||x())return;const r=!b()&&D();if(!(r?await re():await N()))return;const P=o().trim().toLowerCase();S(!0);try{const L={provider:t()};r||(L.apiKey=a().trim()),P&&(L.domain=P);const q=v().trim();q&&(L.notificationEmail=q),await Ze(L);const oe=Se[t()]??t();K.success(`${oe} connected`),e.onSaved(),e.onClose()}catch{}finally{S(!1)}},G=r=>{r.key==="Enter"&&Y(),r.key==="Escape"&&e.onClose()},X=()=>C()||x(),Q=()=>!b()&&D()?!!(H()&&!o().trim()):!!(!a().trim()||H()&&!o().trim()),V=()=>x()?"Testing...":C()?"Saving...":e.editMode?"Test & Save":"Test & Connect",ee=()=>He(t()),te=()=>{switch(t()){case"resend":return"re_xxxx...";case"sendgrid":return"SG.xxxx...";default:return"key-xxxx..."}};return l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var r=at(),p=r.firstChild,P=p.firstChild,L=P.nextSibling,q=L.nextSibling,oe=q.nextSibling,ce=oe.firstChild,g=ce.nextSibling,y=g.nextSibling,ue=oe.nextSibling,O=ue.nextSibling,F=O.nextSibling,he=F.nextSibling,_e=he.nextSibling,B=_e.firstChild,fe=B.nextSibling;return r.$$click=()=>e.onClose(),p.$$click=c=>c.stopPropagation(),i(P,()=>e.editMode?"Edit email provider":"Configure email provider"),ce.$$click=()=>{n("resend"),f("")},g.$$click=()=>{n("mailgun"),f("")},y.$$click=()=>{n("sendgrid"),f("")},i(p,l(_,{get when(){return b()||!D()},get fallback(){return(()=>{var c=ot(),E=c.firstChild,U=E.nextSibling;return i(E,A),U.$$click=()=>{j(!0),s("")},c})()},get children(){var c=it();return c.$$keydown=G,c.$$input=E=>{s(E.currentTarget.value),f("")},w(E=>{var U=!!R(),W=te();return U!==E.e&&c.classList.toggle("modal-card__input--error",E.e=U),W!==E.t&&z(c,"placeholder",E.t=W),E},{e:void 0,t:void 0}),w(()=>c.value=a()),c}}),O),i(p,l(_,{get when(){return R()},get children(){var c=we();return i(c,R),c}}),O),i(p,l(_,{get when(){return ee()},get children(){var c=nt(),E=c.firstChild,U=E.firstChild,W=U.nextSibling;return W.nextSibling,i(E,()=>Se[t()]??t(),W),w(()=>z(E,"href",ee())),c}}),O),i(p,l(_,{get when(){return H()},get children(){return[lt(),(()=>{var c=rt();return c.$$keydown=G,c.$$input=E=>{u(E.currentTarget.value),m("")},w(()=>c.classList.toggle("modal-card__input--error",!!k())),w(()=>c.value=o()),c})(),l(_,{get when(){return k()},get children(){var c=we();return i(c,k),c}})]}}),O),F.$$keydown=G,F.$$input=c=>h(c.currentTarget.value),B.$$click=ae,i(B,(()=>{var c=J(()=>!!x());return()=>c()?st():"Send test email"})()),fe.$$click=Y,i(fe,V),w(c=>{var E=t()==="resend",U=t()==="mailgun",W=t()==="sendgrid",be=se()?"you@example.com":M()?.data?.user?.email??"you@example.com",ye=X()||Q(),xe=X()||Q();return E!==c.e&&ce.classList.toggle("provider-modal-option--active",c.e=E),U!==c.t&&g.classList.toggle("provider-modal-option--active",c.t=U),W!==c.a&&y.classList.toggle("provider-modal-option--active",c.a=W),be!==c.o&&z(F,"placeholder",c.o=be),ye!==c.i&&(B.disabled=c.i=ye),xe!==c.n&&(fe.disabled=c.n=xe),c},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),w(()=>F.value=v()),r}})}})};ie(["click","input","keydown"]);var dt=d('<div class=provider-card__dropdown><button class=provider-card__dropdown-item><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>Edit</button><button class="provider-card__dropdown-item provider-card__dropdown-item--danger"><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>Remove'),ct=d("<span>"),ut=d('<span class=provider-card__email><svg width=12 height=12 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6">'),gt=d('<div class=provider-card><div class=provider-card__header><span class=provider-card__label>Your provider</span><div class=provider-card__menu><button class=provider-card__menu-btn aria-label="Provider options"><svg width=16 height=16 viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=5 r=2></circle><circle cx=12 cy=12 r=2></circle><circle cx=12 cy=19 r=2></circle></svg></button></div></div><div class=provider-card__body><img alt class=provider-card__logo><div><div class=provider-card__name></div><div class=provider-card__meta><span class=provider-card__key>...');const vt={resend:"/logos/resend.svg",mailgun:"/logos/mailgun.svg",sendgrid:"/logos/sendgrid.svg"},mt={resend:"Resend",mailgun:"Mailgun",sendgrid:"SendGrid"},ht=e=>{const t=()=>vt[e.config.provider]??"/logos/resend.svg",n=()=>mt[e.config.provider]??e.config.provider,[a,s]=$(!1),o=v=>{v.target.closest(".provider-card__menu")||s(!1)},u=()=>{const v=!a();s(v),v&&document.addEventListener("click",o,{once:!0})};return De(()=>document.removeEventListener("click",o)),(()=>{var v=gt(),h=v.firstChild,C=h.firstChild,S=C.nextSibling,x=S.firstChild,T=h.nextSibling,R=T.firstChild,f=R.nextSibling,k=f.firstChild,m=k.nextSibling,b=m.firstChild,j=b.firstChild;return x.$$click=u,i(S,l(_,{get when(){return a()},get children(){var M=dt(),D=M.firstChild,A=D.nextSibling;return D.$$click=()=>{s(!1),e.onEdit()},A.$$click=()=>{s(!1),e.onRemove()},M}}),null),i(k,n),i(m,l(_,{get when(){return e.config.domain},get children(){var M=ct();return i(M,()=>e.config.domain),M}}),b),i(b,()=>e.config.keyPrefix,j),i(m,l(_,{get when(){return e.config.notificationEmail},get children(){var M=ut();return M.firstChild,i(M,()=>e.config.notificationEmail,null),M}}),null),w(()=>z(R,"src",t())),v})()};ie(["click"]);var _t=d("<h3 class=provider-setup__title>Configure email provider"),ft=d("<p class=provider-setup__subtitle>Choose a service to send alert notifications via email."),$t=d("<div class=provider-setup-grid><button class=provider-setup-card><img src=/logos/resend.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>Resend</div><div class=provider-setup-card__desc>Email API</div></div></button><button class=provider-setup-card><img src=/logos/mailgun.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>Mailgun</div><div class=provider-setup-card__desc>Transactional email</div></div></button><button class=provider-setup-card><img src=/logos/sendgrid.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>SendGrid</div><div class=provider-setup-card__desc>Email delivery");const pt=e=>{const[t,n]=$(!1),[a,s]=$("resend"),o=u=>{s(u),n(!0)};return[_t(),ft(),(()=>{var u=$t(),v=u.firstChild,h=v.nextSibling,C=h.nextSibling;return v.$$click=()=>o("resend"),h.$$click=()=>o("mailgun"),C.$$click=()=>o("sendgrid"),u})(),l(Ae,{get open(){return t()},get initialProvider(){return a()},onClose:()=>n(!1),get onSaved(){return e.onConfigured}})]};ie(["click"]);var bt=d("<div style=margin-bottom:var(--gap-lg)>"),yt=d('<div class=provider-card><div class=provider-card__header><span class=provider-card__label>Your provider</span><div class="skeleton skeleton--text"style="width:16px;height:16px;border-radius:calc(var(--radius) - 2px)"></div></div><div class=provider-card__body><div class="skeleton skeleton--rect"style="width:32px;height:32px;border-radius:calc(var(--radius) - 2px);flex-shrink:0"></div><div><div class="skeleton skeleton--text"style=width:80px;height:14px></div><div class="skeleton skeleton--text"style=width:160px;height:12px;margin-top:6px>'),xt=d('<div class=panel><div class="skeleton skeleton--text"style=width:180px;height:16px></div><div class="skeleton skeleton--text"style=width:280px;height:13px;margin-top:6px></div><div style=display:flex;gap:var(--gap-md);margin-top:var(--gap-lg)>'),kt=d('<div class="skeleton skeleton--rect"style=flex:1;height:64px;border-radius:var(--radius)>');const wt=e=>(()=>{var t=bt();return i(t,l(_,{get when(){return!e.loading},get fallback(){return l(_,{get when(){return!!e.emailProvider},get fallback(){return(()=>{var n=xt(),a=n.firstChild,s=a.nextSibling,o=s.nextSibling;return i(o,l(ge,{each:[1,2,3],children:()=>kt()})),n})()},get children(){return yt()}})},get children(){return l(_,{get when(){return e.emailProvider},get fallback(){return l(pt,{get onConfigured(){return e.onConfigured}})},get children(){return l(ht,{get config(){return e.emailProvider},get onEdit(){return e.onEdit},get onRemove(){return e.onRemove}})}})}})),t})();var Ct=d(`<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true aria-labelledby=limit-modal-title><h2 class=modal-card__title id=limit-modal-title></h2><p class=modal-card__desc>You'll receive an email alert when usage exceeds the threshold.</p><label class=modal-card__field-label style=margin-top:0>Metric</label><select class="select notification-modal__select"><option value=tokens>Tokens</option><option value=cost>Cost (USD)</option></select><div class=limit-modal__row><div class=limit-modal__col><label class=modal-card__field-label>Threshold</label><input class=modal-card__input type=number min=0></div><div class=limit-modal__col><label class=modal-card__field-label>Period</label><select class="select notification-modal__select"><option value=hour>Per hour</option><option value=day>Per day</option><option value=week>Per week</option><option value=month>Per month</option></select></div></div><div class=limit-block-toggle><span class=limit-block-toggle__label>Block requests when exceeded</span><label class=notification-toggle><input type=checkbox><span class=notification-toggle__slider></span></label></div><div class=modal-card__footer><button class="btn btn--primary btn--sm">`),St=d("<span class=spinner>");const Et=e=>{const[t,n]=$(!1),[a,s]=$("tokens"),[o,u]=$(""),[v,h]=$("day"),C=()=>t()?"both":"notify",S=()=>{n(!1),s("tokens"),u(""),h("day")};Le(()=>{if(e.open&&e.editData){const m=e.editData;s(m.metric_type),u(String(m.threshold)),h(m.period),n(m.action==="block"||m.action==="both")}else e.open&&S()});const[x,T]=$(!1),R=async()=>{if(x())return;const m=Number(o());if(!(isNaN(m)||m<=0)){T(!0);try{await e.onSave({metric_type:a(),threshold:m,period:v(),action:C()}),S()}finally{T(!1)}}},f=()=>{S(),e.onClose()},k=()=>!!e.editData;return l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var m=Ct(),b=m.firstChild,j=b.firstChild,M=j.nextSibling,D=M.nextSibling,A=D.nextSibling,H=A.nextSibling,I=H.firstChild,Z=I.firstChild,N=Z.nextSibling,re=I.nextSibling,ae=re.firstChild,Y=ae.nextSibling,G=H.nextSibling,X=G.firstChild,Q=X.nextSibling,V=Q.firstChild,ee=G.nextSibling,te=ee.firstChild;return m.$$click=()=>f(),b.$$click=r=>r.stopPropagation(),i(j,()=>k()?"Edit rule":"Create rule"),A.addEventListener("change",r=>s(r.currentTarget.value)),N.$$keydown=r=>{r.key==="Enter"&&R()},N.$$input=r=>u(r.currentTarget.value),Y.addEventListener("change",r=>h(r.currentTarget.value)),V.addEventListener("change",r=>n(r.currentTarget.checked)),te.$$click=R,i(te,(()=>{var r=J(()=>!!x());return()=>r()?St():k()?"Save changes":"Create rule"})()),w(r=>{var p=a()==="cost"?"0.01":"1",P=a()==="cost"?"e.g. 10.00":"e.g. 50000",L=!o()||Number(o())<=0||x();return p!==r.e&&z(N,"step",r.e=p),P!==r.t&&z(N,"placeholder",r.t=P),L!==r.a&&(te.disabled=r.a=L),r},{e:void 0,t:void 0,a:void 0}),w(()=>A.value=a()),w(()=>N.value=o()),w(()=>Y.value=v()),w(()=>V.checked=t()),m}})}})};ie(["click","input","keydown"]);var Pt=d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor aria-hidden=true><path d="M19.12 12.71a.4.4 0 0 1-.12-.29v-2.41c0-1.91-.75-3.69-2.13-5.02-.86-.84-1.9-1.42-3.02-1.73-.3-.73-1.01-1.24-1.85-1.24s-1.57.53-1.86 1.27C7.19 4.14 5 6.98 5 10.27v2.16c0 .11-.04.22-.12.29l-1.17 1.17a2.411 2.411 0 0 0 1.7 4.12h13.17a2.411 2.411 0 0 0 1.7-4.12l-1.17-1.17ZM18.58 16H5.41a.412.412 0 0 1-.29-.7l1.17-1.17c.46-.46.71-1.06.71-1.71v-2.16c0-2.81 2.17-5.17 4.85-5.25h.16c1.31 0 2.54.5 3.48 1.41.98.95 1.52 2.22 1.52 3.59v2.41c0 .65.25 1.25.71 1.71l1.17 1.17a.412.412 0 0 1-.29.7ZM14.82 20H9.18c.41 1.17 1.51 2 2.82 2s2.41-.83 2.82-2">');const Rt=e=>{const t=()=>e.size??16;return(()=>{var n=Pt();return w(a=>{var s=t(),o=t();return s!==a.e&&z(n,"width",a.e=s),o!==a.t&&z(n,"height",a.t=o),a},{e:void 0,t:void 0}),n})()};var Mt=d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor aria-hidden=true><path d="M11.5 2c-5.51 0-10 4.49-10 10s4.49 10 10 10 10-4.49 10-10-4.49-10-10-10m-8 10c0-1.85.63-3.54 1.69-4.9L16.4 18.31A8 8 0 0 1 11.5 20c-4.41 0-8-3.59-8-8m14.31 4.9L6.6 5.69A8 8 0 0 1 11.5 4c4.41 0 8 3.59 8 8 0 1.85-.63 3.54-1.69 4.9">');const Tt=e=>{const t=()=>e.size??16;return(()=>{var n=Mt();return w(a=>{var s=t(),o=t();return s!==a.e&&z(n,"width",a.e=s),o!==a.t&&z(n,"height",a.t=o),a},{e:void 0,t:void 0}),n})()};var Ee=d('<table class="notif-table notif-table--flush"><thead><tr><th>Type</th><th>Threshold</th><th>Triggered</th><th style=text-align:right>Actions</th></tr></thead><tbody>'),Lt=d("<div class=panel><div class=panel__title>Rules"),Dt=d('<tr><td><div class="skeleton skeleton--text"style=width:28px></div></td><td><div class="skeleton skeleton--text"style=width:80px></div></td><td><div class="skeleton skeleton--text"style=width:20px></div></td><td style=text-align:right><div class="skeleton skeleton--text"style=width:16px;margin-left:auto>'),Nt=d("<div class=empty-state><div class=empty-state__title>No rules yet</div><p>Set up alerts for usage spikes, or hard limits to block requests over budget."),At=d('<span class=limit-type-icon title="Email Alert">'),It=d('<span class=limit-type-icon title="Hard Limit">'),Ot=d('<span class=limit-warn-tag><svg width=12 height=12 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg>No provider'),Bt=d('<tr><td><div class=limit-type-icons></div></td><td><span class=notif-table__mono></span> <span class=notif-table__period></span></td><td class=notif-table__mono></td><td><div class=notif-table__actions><button class=rule-menu__btn aria-label="Rule options"><svg width=16 height=16 viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=5 r=2></circle><circle cx=12 cy=12 r=2></circle><circle cx=12 cy=19 r=2>');function Ie(e){return e.metric_type==="cost"?`$${Number(e.threshold).toFixed(2)}`:`${Number(e.threshold).toLocaleString()} tokens`}const Oe={hour:"Per hour",day:"Per day",week:"Per week",month:"Per month"},Kt=e=>typeof e.is_active=="number"?!!e.is_active:e.is_active,Pe=e=>e==="notify"||e==="both",zt=e=>e==="block"||e==="both",jt=e=>(()=>{var t=Lt();return t.firstChild,i(t,l(_,{get when(){return!e.loading},get fallback(){return(()=>{var n=Ee(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{each:[1,2,3],children:()=>Dt()})),n})()},get children(){return l(_,{get when(){return(e.rules??[]).length>0},get fallback(){return Nt()},get children(){var n=Ee(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{get each(){return e.rules},children:o=>(()=>{var u=Bt(),v=u.firstChild,h=v.firstChild,C=v.nextSibling,S=C.firstChild,x=S.nextSibling,T=x.nextSibling,R=C.nextSibling,f=R.nextSibling,k=f.firstChild,m=k.firstChild;return i(h,l(_,{get when(){return Pe(o.action??"notify")},get children(){var b=At();return i(b,l(Rt,{size:14})),b}}),null),i(h,l(_,{get when(){return zt(o.action??"notify")},get children(){var b=It();return i(b,l(Tt,{size:14})),b}}),null),i(h,l(_,{get when(){return J(()=>!!Pe(o.action??"notify"))()&&!e.hasProvider},get children(){return Ot()}}),null),i(S,()=>Ie(o)),i(T,()=>(Oe[o.period]??o.period).toLowerCase()),i(R,()=>o.trigger_count??0),m.$$click=b=>e.onToggleMenu(o.id,b),w(()=>u.classList.toggle("notif-table__row--disabled",!Kt(o))),u})()})),n}})}}),null),t})();ie(["click"]);var Re=d('<table class="notif-table notif-table--flush"><thead><tr><th>Date</th><th>Usage</th><th>Threshold</th><th>Resets at</th></tr></thead><tbody>'),Ht=d("<div class=panel><div class=panel__title>History"),Gt=d('<tr><td><div class="skeleton skeleton--text"style=width:100px></div></td><td><div class="skeleton skeleton--text"style=width:60px></div></td><td><div class="skeleton skeleton--text"style=width:60px></div></td><td><div class="skeleton skeleton--text"style=width:100px>'),Vt=d("<div class=empty-state><div class=empty-state__title>No alerts triggered yet"),qt=d("<tr><td class=notif-table__mono></td><td class=notif-table__mono></td><td class=notif-table__mono></td><td class=notif-table__mono>");function Me(e,t){const n=Number(e[t]);return e.metric_type==="cost"?`$${n.toFixed(2)}`:`${n.toLocaleString()} tokens`}function Te(e){const t=e.endsWith("Z")?e:e.replace(" ","T")+"Z";return new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}const Ut=e=>(()=>{var t=Ht();return t.firstChild,i(t,l(_,{get when(){return!e.loading},get fallback(){return(()=>{var n=Re(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{each:[1,2,3],children:()=>Gt()})),n})()},get children(){return l(_,{get when(){return(e.logs??[]).length>0},get fallback(){return Vt()},get children(){var n=Re(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{get each(){return e.logs},children:o=>(()=>{var u=qt(),v=u.firstChild,h=v.nextSibling,C=h.nextSibling,S=C.nextSibling;return i(v,()=>Te(o.sent_at)),i(h,()=>Me(o,"actual_value")),i(C,()=>Me(o,"threshold_value")),i(S,()=>Te(o.period_end)),u})()})),n}})}}),null),t})();var Jt=d('<div class=rule-menu__dropdown style=position:fixed;transform:translateX(-100%)><button class=rule-menu__item><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>Edit</button><button class="rule-menu__item rule-menu__item--danger"><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>Delete'),Ft=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true style=max-width:440px><h2 class=modal-card__title>Delete rule</h2><p class=modal-card__desc>This will permanently delete the <span style=font-weight:600></span> rule (<!> <!>). This action cannot be undone.</p><label class=confirm-modal__confirm-row><input type=checkbox>I understand this action is irreversible</label><div class=confirm-modal__footer><button class="btn btn--ghost btn--sm">Cancel</button><button class="btn btn--danger btn--sm">'),Be=d("<span class=spinner>"),Wt=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true style=max-width:440px><h2 class=modal-card__title>Remove provider</h2><p class=modal-card__desc>This will disconnect your email provider.</p><div class=confirm-modal__footer><button class="btn btn--ghost btn--sm">Cancel</button><button class="btn btn--danger btn--sm">');const Zt=e=>l(ve,{get children(){return l(_,{get when(){return e.openMenuId},children:t=>{const n=e.rules.find(a=>a.id===e.openMenuId);return n?(()=>{var a=Jt(),s=a.firstChild,o=s.nextSibling;return s.$$click=()=>e.onEdit(n),o.$$click=()=>e.onDelete(n),w(u=>{var v=`${e.menuPos.top}px`,h=`${e.menuPos.left}px`;return v!==u.e&&ke(a,"top",u.e=v),h!==u.t&&ke(a,"left",u.t=h),u},{e:void 0,t:void 0}),a})():null}})}}),Yt=e=>l(ve,{get children(){return l(_,{get when(){return e.target},get children(){var t=Ft(),n=t.firstChild,a=n.firstChild,s=a.nextSibling,o=s.firstChild,u=o.nextSibling,v=u.nextSibling,h=v.nextSibling,C=h.nextSibling,S=C.nextSibling;S.nextSibling;var x=s.nextSibling,T=x.firstChild,R=x.nextSibling,f=R.firstChild,k=f.nextSibling;return de(t,"click",e.onCancel,!0),n.$$click=m=>m.stopPropagation(),i(u,()=>e.target.metric_type==="tokens"?"token":"cost"),i(s,()=>Ie(e.target),h),i(s,()=>Oe[e.target.period]?.toLowerCase()??e.target.period,S),T.addEventListener("change",m=>e.onConfirmChange(m.currentTarget.checked)),de(f,"click",e.onCancel,!0),de(k,"click",e.onDelete,!0),i(k,(()=>{var m=J(()=>!!e.deleting);return()=>m()?Be():"Delete rule"})()),w(()=>k.disabled=!e.confirmed||e.deleting),w(()=>T.checked=e.confirmed),t}})}}),Xt=e=>l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var t=Wt(),n=t.firstChild,a=n.firstChild,s=a.nextSibling;s.firstChild;var o=s.nextSibling,u=o.firstChild,v=u.nextSibling;return de(t,"click",e.onCancel,!0),n.$$click=h=>h.stopPropagation(),i(s,l(_,{get when(){return e.hasEmailRules},get children(){return[" ","Email alerts won't be sent until you set up a new one."]}}),null),de(u,"click",e.onCancel,!0),de(v,"click",e.onRemove,!0),i(v,(()=>{var h=J(()=>!!e.removing);return()=>h()?Be():"Remove"})()),w(()=>v.disabled=e.removing),t}})}});ie(["click"]);var Qt=d('<div class=limits-warning-banner><svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>One or more hard limits triggered. New proxy requests for this agent will be blocked until the usage resets in the next period.'),ei=d('<div class=limits-routing-cta><svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><line x1=12 y1=16 x2=12 y2=12></line><line x1=12 y1=8 x2=12.01 y2=8></line></svg><div><strong>Enable routing to set hard limits</strong><p>Hard limits automatically block proxy requests when usage exceeds a threshold. Email alerts work without routing — only hard limits require it.'),ti=d("<div style=margin-bottom:var(--gap-lg)>"),ii=d("<div style=margin-top:var(--gap-lg)>"),ni=d('<div class=container--sm><div class=page-header><div><h1>Limits</h1><span class=breadcrumb> › Get notified or block requests when token or cost thresholds are exceeded</span></div><button class="btn btn--primary btn--sm">+ Create rule');const di=()=>{const e=Ke(),t=()=>decodeURIComponent(e.agentName),[n,{refetch:a}]=me(()=>t(),g=>qe(g)),[s,{refetch:o}]=me(()=>t(),g=>Ve(g)),[u,{refetch:v}]=me(We),[h]=me(()=>t(),Ge),C=Ne.useSession(),[S,x]=$(!1),[T,R]=$(!1),[f,k]=$(null),[m,b]=$(null),[j,M]=$({top:0,left:0}),[D,A]=$(null),[H,I]=$(!1),[Z,N]=$(!1),[re,ae]=$(!1),[Y,G]=$(!1),X=()=>h()?.enabled??!1,Q=()=>!se()||!!u(),V=()=>b(null),ee=()=>V(),te=(g,y)=>{if(y.stopPropagation(),m()===g)V();else{const O=y.currentTarget.getBoundingClientRect();M({top:O.bottom+4,left:O.right}),b(g),setTimeout(()=>document.addEventListener("click",ee,{once:!0}),0)}};De(()=>document.removeEventListener("click",ee));const r=g=>{V(),k(g),x(!0)},p=async g=>{const y=f();try{y?(await Je(y.id,{...g}),K.success("Rule updated")):(await Ue({agent_name:t(),...g}),K.success("Rule created")),await a(),x(!1),k(null)}catch{}},P=g=>{V(),A(g),I(!1)},L=async()=>{const g=D();if(g){ae(!0);try{await Fe(g.id),await a(),K.success("Rule deleted")}catch{}finally{ae(!1)}A(null),I(!1)}},q=()=>{const g=n();return g?g.some(y=>y.action==="notify"||y.action==="both"):!1},oe=async()=>{G(!0);try{await Ye(),await v(),N(!1),K.success("Email provider removed")}catch{}finally{G(!1)}},ce=()=>{const g=n();return g?g.some(y=>(y.action==="block"||y.action==="both")&&(typeof y.is_active=="number"?!!y.is_active:y.is_active)&&Number(y.trigger_count)>0):!1};return(()=>{var g=ni(),y=g.firstChild,ue=y.firstChild,O=ue.firstChild,F=O.nextSibling,he=F.firstChild,_e=ue.nextSibling;return i(g,l(ze,{get children(){return[J(()=>$e()??t())," Limits - Manifest"]}}),y),i(g,l(je,{name:"description",get content(){return`Configure limits and alerts for ${$e()??t()}.`}}),y),i(F,()=>$e()??t(),he),_e.$$click=()=>{k(null),x(!0)},i(g,l(_,{get when(){return ce()},get children(){return Qt()}}),null),i(g,l(_,{get when(){return J(()=>!!(h()&&!X()))()&&!se()},get children(){return ei()}}),null),i(g,l(_,{get when(){return!se()},get children(){var B=ti();return i(B,l(tt,{get email(){return C().data?.user?.email??""}})),B}}),null),i(g,l(_,{get when(){return se()},get children(){return l(wt,{get emailProvider(){return u()},get loading(){return u.loading},onConfigured:v,onEdit:()=>R(!0),onRemove:()=>N(!0)})}}),null),i(g,l(jt,{get rules(){return n()},get loading(){return n.loading},get hasProvider(){return Q()},onToggleMenu:te}),null),i(g,l(_,{get when(){return J(()=>!s.loading)()&&(s()??[]).length>0},get children(){var B=ii();return i(B,l(Ut,{get logs(){return s()},loading:!1})),B}}),null),i(g,l(Zt,{get openMenuId(){return m()},get menuPos(){return j()},get rules(){return n()??[]},onEdit:r,onDelete:P}),null),i(g,l(Yt,{get target(){return D()},get confirmed(){return H()},get deleting(){return re()},onConfirmChange:I,onCancel:()=>{A(null),I(!1)},onDelete:L}),null),i(g,l(Xt,{get open(){return Z()},get hasEmailRules(){return q()},get removing(){return Y()},onCancel:()=>N(!1),onRemove:oe}),null),i(g,l(Et,{get open(){return S()},onClose:()=>{x(!1),k(null)},onSave:p,get hasProvider(){return Q()},get editData(){return J(()=>!!f())()?{metric_type:f().metric_type,threshold:Number(f().threshold),period:f().period,action:f().action??"notify"}:null}}),null),i(g,l(Ae,{get open(){return T()},get initialProvider(){return u()?.provider??"resend"},editMode:!0,get existingKeyPrefix(){return u()?.keyPrefix??null},get existingDomain(){return u()?.domain??null},get existingNotificationEmail(){return u()?.notificationEmail??null},onClose:()=>R(!1),onSaved:()=>v()}),null),g})()};ie(["click"]);export{di as default};
|
|
1
|
+
import{i,t as d,a as $,f as Le,g as l,S as _,h as w,s as z,m as J,P as ve,d as ie,o as De,F as ge,B as ke,j as de,n as Ke,k as me,T as ze,M as je}from"./vendor-pl6Q4jbW.js";import{e as pe,q as ne,B as le,s as Ne,d as se,t as K,b as $e}from"./index-Ca5I2Nlk.js";import{a as He}from"./provider-api-key-urls-1G6okUJ7.js";import{a as Ge}from"./routing-CoiHtFLh.js";import"./auth-DmX5tAfx.js";function Ve(e){return pe("/notifications/logs",{agent_name:e})}function qe(e){return pe("/notifications",{agent_name:e})}function Ue(e){return ne(`${le}/notifications`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Je(e,t){return ne(`${le}/notifications/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function Fe(e){return ne(`${le}/notifications/${encodeURIComponent(e)}`,{method:"DELETE"})}async function We(){const e=await pe("/notifications/email-provider");return"configured"in e&&e.configured===!1?null:e}function Ze(e){return ne(`${le}/notifications/email-provider`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Ye(){return ne(`${le}/notifications/email-provider`,{method:"DELETE"})}function Xe(e){return ne(`${le}/notifications/email-provider/test`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}function Qe(e){return ne(`${le}/notifications/email-provider/test-saved`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:e})})}var et=d('<div class=cloud-email-info><svg class=cloud-email-info__icon width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><div><div class=cloud-email-info__title>Email alerts</div><div class=cloud-email-info__desc>Alerts will be sent to <strong>');const tt=e=>(()=>{var t=et(),n=t.firstChild,a=n.nextSibling,s=a.firstChild,o=s.nextSibling,u=o.firstChild,v=u.nextSibling;return i(v,()=>e.email),t})();var it=d("<input class=modal-card__input type=text autocomplete=off autofocus style=-webkit-text-security:disc;text-security:disc>"),we=d("<p class=modal-card__field-error>"),nt=d('<p class=modal-card__field-hint><a class=modal-card__field-link target=_blank rel="noopener noreferrer">Get <!> API key'),lt=d("<label class=modal-card__field-label>Sending domain"),rt=d('<input class=modal-card__input type=text placeholder="e.g. notifications.mycompany.com">'),at=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true aria-labelledby=provider-modal-title><h2 class=modal-card__title id=provider-modal-title></h2><p class=modal-card__desc>Enter your API credentials to enable email alert delivery.</p><label class=modal-card__field-label>Provider</label><div class=provider-modal-picker><button class=provider-modal-option type=button><img src=/logos/resend.svg alt class=provider-modal-option__logo><span>Resend</span></button><button class=provider-modal-option type=button><img src=/logos/mailgun.svg alt class=provider-modal-option__logo><span>Mailgun</span></button><button class=provider-modal-option type=button><img src=/logos/sendgrid.svg alt class=provider-modal-option__logo><span>SendGrid</span></button></div><label class=modal-card__field-label>API Key</label><label class=modal-card__field-label>Notification email</label><input class=modal-card__input type=email><p class=modal-card__field-hint>Where threshold alerts will be sent.</p><div class="modal-card__footer modal-card__footer--split"><button class="btn btn--ghost btn--sm"type=button></button><button class="btn btn--primary btn--sm">'),ot=d('<div class=masked-key><span class=masked-key__value></span><button class="btn btn--ghost btn--sm masked-key__edit"type=button>Change'),st=d("<span class=spinner>");const Ce=/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/i,Se={resend:"Resend",mailgun:"Mailgun",sendgrid:"SendGrid"},Ae=e=>{const[t,n]=$("resend"),[a,s]=$(""),[o,u]=$(""),[v,h]=$(""),[C,S]=$(!1),[x,T]=$(!1),[R,f]=$(""),[k,m]=$(""),[b,j]=$(!1),M=Ne.useSession(),D=()=>e.editMode&&!!e.existingKeyPrefix&&t()===e.initialProvider,A=()=>(e.existingKeyPrefix??"")+"••••••••";Le(()=>{if(e.open){n(e.initialProvider),s("");const r=e.editMode&&!!e.existingKeyPrefix;j(!r),u(e.existingDomain??"");const p=e.existingNotificationEmail??(se()?"":M()?.data?.user?.email??"");h(p),f(""),m("")}});const H=()=>t()==="mailgun",I=()=>{let r=!0;const p=a().trim(),P=o().trim().toLowerCase();return!b()&&D()?f(""):p?p.length<8?(f("API key must be at least 8 characters"),r=!1):t()==="resend"&&!p.startsWith("re_")?(f("Resend API key must start with re_"),r=!1):t()==="sendgrid"&&!p.startsWith("SG.")?(f("SendGrid API key must start with SG."),r=!1):f(""):(f("API key is required"),r=!1),H()?P?Ce.test(P)?m(""):(m("Invalid domain format"),r=!1):(m("Domain is required"),r=!1):P&&!Ce.test(P)?(m("Invalid domain format"),r=!1):m(""),r},Z=()=>{const r=v().trim();return r||(M()?.data?.user?.email??null)},N=async()=>{const r=a().trim(),p=o().trim().toLowerCase(),P=Z();if(!P)return K.error("Enter a notification email to send the test to"),!1;T(!0);try{const L={provider:t(),apiKey:r,to:P};p&&(L.domain=p);const q=await Xe(L);return q.success?!0:(K.error(q.error??"Email test failed — check your credentials"),!1)}catch{return!1}finally{T(!1)}},re=async()=>{const r=Z();if(!r)return K.error("Enter a notification email to send the test to"),!1;T(!0);try{const p=await Qe(r);return p.success?!0:(K.error(p.error??"Email test failed — check your credentials"),!1)}catch{return!1}finally{T(!1)}},ae=async()=>{if(!I()||X())return;(!b()&&D()?await re():await N())&&K.success(`Test email sent to ${Z()}`)},Y=async()=>{if(!I()||C()||x())return;const r=!b()&&D();if(!(r?await re():await N()))return;const P=o().trim().toLowerCase();S(!0);try{const L={provider:t()};r||(L.apiKey=a().trim()),P&&(L.domain=P);const q=v().trim();q&&(L.notificationEmail=q),await Ze(L);const oe=Se[t()]??t();K.success(`${oe} connected`),e.onSaved(),e.onClose()}catch{}finally{S(!1)}},G=r=>{r.key==="Enter"&&Y(),r.key==="Escape"&&e.onClose()},X=()=>C()||x(),Q=()=>!b()&&D()?!!(H()&&!o().trim()):!!(!a().trim()||H()&&!o().trim()),V=()=>x()?"Testing...":C()?"Saving...":e.editMode?"Test & Save":"Test & Connect",ee=()=>He(t()),te=()=>{switch(t()){case"resend":return"re_xxxx...";case"sendgrid":return"SG.xxxx...";default:return"key-xxxx..."}};return l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var r=at(),p=r.firstChild,P=p.firstChild,L=P.nextSibling,q=L.nextSibling,oe=q.nextSibling,ce=oe.firstChild,g=ce.nextSibling,y=g.nextSibling,ue=oe.nextSibling,O=ue.nextSibling,F=O.nextSibling,he=F.nextSibling,_e=he.nextSibling,B=_e.firstChild,fe=B.nextSibling;return r.$$click=()=>e.onClose(),p.$$click=c=>c.stopPropagation(),i(P,()=>e.editMode?"Edit email provider":"Configure email provider"),ce.$$click=()=>{n("resend"),f("")},g.$$click=()=>{n("mailgun"),f("")},y.$$click=()=>{n("sendgrid"),f("")},i(p,l(_,{get when(){return b()||!D()},get fallback(){return(()=>{var c=ot(),E=c.firstChild,U=E.nextSibling;return i(E,A),U.$$click=()=>{j(!0),s("")},c})()},get children(){var c=it();return c.$$keydown=G,c.$$input=E=>{s(E.currentTarget.value),f("")},w(E=>{var U=!!R(),W=te();return U!==E.e&&c.classList.toggle("modal-card__input--error",E.e=U),W!==E.t&&z(c,"placeholder",E.t=W),E},{e:void 0,t:void 0}),w(()=>c.value=a()),c}}),O),i(p,l(_,{get when(){return R()},get children(){var c=we();return i(c,R),c}}),O),i(p,l(_,{get when(){return ee()},get children(){var c=nt(),E=c.firstChild,U=E.firstChild,W=U.nextSibling;return W.nextSibling,i(E,()=>Se[t()]??t(),W),w(()=>z(E,"href",ee())),c}}),O),i(p,l(_,{get when(){return H()},get children(){return[lt(),(()=>{var c=rt();return c.$$keydown=G,c.$$input=E=>{u(E.currentTarget.value),m("")},w(()=>c.classList.toggle("modal-card__input--error",!!k())),w(()=>c.value=o()),c})(),l(_,{get when(){return k()},get children(){var c=we();return i(c,k),c}})]}}),O),F.$$keydown=G,F.$$input=c=>h(c.currentTarget.value),B.$$click=ae,i(B,(()=>{var c=J(()=>!!x());return()=>c()?st():"Send test email"})()),fe.$$click=Y,i(fe,V),w(c=>{var E=t()==="resend",U=t()==="mailgun",W=t()==="sendgrid",be=se()?"you@example.com":M()?.data?.user?.email??"you@example.com",ye=X()||Q(),xe=X()||Q();return E!==c.e&&ce.classList.toggle("provider-modal-option--active",c.e=E),U!==c.t&&g.classList.toggle("provider-modal-option--active",c.t=U),W!==c.a&&y.classList.toggle("provider-modal-option--active",c.a=W),be!==c.o&&z(F,"placeholder",c.o=be),ye!==c.i&&(B.disabled=c.i=ye),xe!==c.n&&(fe.disabled=c.n=xe),c},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),w(()=>F.value=v()),r}})}})};ie(["click","input","keydown"]);var dt=d('<div class=provider-card__dropdown><button class=provider-card__dropdown-item><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>Edit</button><button class="provider-card__dropdown-item provider-card__dropdown-item--danger"><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>Remove'),ct=d("<span>"),ut=d('<span class=provider-card__email><svg width=12 height=12 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6">'),gt=d('<div class=provider-card><div class=provider-card__header><span class=provider-card__label>Your provider</span><div class=provider-card__menu><button class=provider-card__menu-btn aria-label="Provider options"><svg width=16 height=16 viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=5 r=2></circle><circle cx=12 cy=12 r=2></circle><circle cx=12 cy=19 r=2></circle></svg></button></div></div><div class=provider-card__body><img alt class=provider-card__logo><div><div class=provider-card__name></div><div class=provider-card__meta><span class=provider-card__key>...');const vt={resend:"/logos/resend.svg",mailgun:"/logos/mailgun.svg",sendgrid:"/logos/sendgrid.svg"},mt={resend:"Resend",mailgun:"Mailgun",sendgrid:"SendGrid"},ht=e=>{const t=()=>vt[e.config.provider]??"/logos/resend.svg",n=()=>mt[e.config.provider]??e.config.provider,[a,s]=$(!1),o=v=>{v.target.closest(".provider-card__menu")||s(!1)},u=()=>{const v=!a();s(v),v&&document.addEventListener("click",o,{once:!0})};return De(()=>document.removeEventListener("click",o)),(()=>{var v=gt(),h=v.firstChild,C=h.firstChild,S=C.nextSibling,x=S.firstChild,T=h.nextSibling,R=T.firstChild,f=R.nextSibling,k=f.firstChild,m=k.nextSibling,b=m.firstChild,j=b.firstChild;return x.$$click=u,i(S,l(_,{get when(){return a()},get children(){var M=dt(),D=M.firstChild,A=D.nextSibling;return D.$$click=()=>{s(!1),e.onEdit()},A.$$click=()=>{s(!1),e.onRemove()},M}}),null),i(k,n),i(m,l(_,{get when(){return e.config.domain},get children(){var M=ct();return i(M,()=>e.config.domain),M}}),b),i(b,()=>e.config.keyPrefix,j),i(m,l(_,{get when(){return e.config.notificationEmail},get children(){var M=ut();return M.firstChild,i(M,()=>e.config.notificationEmail,null),M}}),null),w(()=>z(R,"src",t())),v})()};ie(["click"]);var _t=d("<h3 class=provider-setup__title>Configure email provider"),ft=d("<p class=provider-setup__subtitle>Choose a service to send alert notifications via email."),$t=d("<div class=provider-setup-grid><button class=provider-setup-card><img src=/logos/resend.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>Resend</div><div class=provider-setup-card__desc>Email API</div></div></button><button class=provider-setup-card><img src=/logos/mailgun.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>Mailgun</div><div class=provider-setup-card__desc>Transactional email</div></div></button><button class=provider-setup-card><img src=/logos/sendgrid.svg alt class=provider-setup-card__logo><div><div class=provider-setup-card__name>SendGrid</div><div class=provider-setup-card__desc>Email delivery");const pt=e=>{const[t,n]=$(!1),[a,s]=$("resend"),o=u=>{s(u),n(!0)};return[_t(),ft(),(()=>{var u=$t(),v=u.firstChild,h=v.nextSibling,C=h.nextSibling;return v.$$click=()=>o("resend"),h.$$click=()=>o("mailgun"),C.$$click=()=>o("sendgrid"),u})(),l(Ae,{get open(){return t()},get initialProvider(){return a()},onClose:()=>n(!1),get onSaved(){return e.onConfigured}})]};ie(["click"]);var bt=d("<div style=margin-bottom:var(--gap-lg)>"),yt=d('<div class=provider-card><div class=provider-card__header><span class=provider-card__label>Your provider</span><div class="skeleton skeleton--text"style="width:16px;height:16px;border-radius:calc(var(--radius) - 2px)"></div></div><div class=provider-card__body><div class="skeleton skeleton--rect"style="width:32px;height:32px;border-radius:calc(var(--radius) - 2px);flex-shrink:0"></div><div><div class="skeleton skeleton--text"style=width:80px;height:14px></div><div class="skeleton skeleton--text"style=width:160px;height:12px;margin-top:6px>'),xt=d('<div class=panel><div class="skeleton skeleton--text"style=width:180px;height:16px></div><div class="skeleton skeleton--text"style=width:280px;height:13px;margin-top:6px></div><div style=display:flex;gap:var(--gap-md);margin-top:var(--gap-lg)>'),kt=d('<div class="skeleton skeleton--rect"style=flex:1;height:64px;border-radius:var(--radius)>');const wt=e=>(()=>{var t=bt();return i(t,l(_,{get when(){return!e.loading},get fallback(){return l(_,{get when(){return!!e.emailProvider},get fallback(){return(()=>{var n=xt(),a=n.firstChild,s=a.nextSibling,o=s.nextSibling;return i(o,l(ge,{each:[1,2,3],children:()=>kt()})),n})()},get children(){return yt()}})},get children(){return l(_,{get when(){return e.emailProvider},get fallback(){return l(pt,{get onConfigured(){return e.onConfigured}})},get children(){return l(ht,{get config(){return e.emailProvider},get onEdit(){return e.onEdit},get onRemove(){return e.onRemove}})}})}})),t})();var Ct=d(`<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true aria-labelledby=limit-modal-title><h2 class=modal-card__title id=limit-modal-title></h2><p class=modal-card__desc>You'll receive an email alert when usage exceeds the threshold.</p><label class=modal-card__field-label style=margin-top:0>Metric</label><select class="select notification-modal__select"><option value=tokens>Tokens</option><option value=cost>Cost (USD)</option></select><div class=limit-modal__row><div class=limit-modal__col><label class=modal-card__field-label>Threshold</label><input class=modal-card__input type=number min=0></div><div class=limit-modal__col><label class=modal-card__field-label>Period</label><select class="select notification-modal__select"><option value=hour>Per hour</option><option value=day>Per day</option><option value=week>Per week</option><option value=month>Per month</option></select></div></div><div class=limit-block-toggle><span class=limit-block-toggle__label>Block requests when exceeded</span><label class=notification-toggle><input type=checkbox><span class=notification-toggle__slider></span></label></div><div class=modal-card__footer><button class="btn btn--primary btn--sm">`),St=d("<span class=spinner>");const Et=e=>{const[t,n]=$(!1),[a,s]=$("tokens"),[o,u]=$(""),[v,h]=$("day"),C=()=>t()?"both":"notify",S=()=>{n(!1),s("tokens"),u(""),h("day")};Le(()=>{if(e.open&&e.editData){const m=e.editData;s(m.metric_type),u(String(m.threshold)),h(m.period),n(m.action==="block"||m.action==="both")}else e.open&&S()});const[x,T]=$(!1),R=async()=>{if(x())return;const m=Number(o());if(!(isNaN(m)||m<=0)){T(!0);try{await e.onSave({metric_type:a(),threshold:m,period:v(),action:C()}),S()}finally{T(!1)}}},f=()=>{S(),e.onClose()},k=()=>!!e.editData;return l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var m=Ct(),b=m.firstChild,j=b.firstChild,M=j.nextSibling,D=M.nextSibling,A=D.nextSibling,H=A.nextSibling,I=H.firstChild,Z=I.firstChild,N=Z.nextSibling,re=I.nextSibling,ae=re.firstChild,Y=ae.nextSibling,G=H.nextSibling,X=G.firstChild,Q=X.nextSibling,V=Q.firstChild,ee=G.nextSibling,te=ee.firstChild;return m.$$click=()=>f(),b.$$click=r=>r.stopPropagation(),i(j,()=>k()?"Edit rule":"Create rule"),A.addEventListener("change",r=>s(r.currentTarget.value)),N.$$keydown=r=>{r.key==="Enter"&&R()},N.$$input=r=>u(r.currentTarget.value),Y.addEventListener("change",r=>h(r.currentTarget.value)),V.addEventListener("change",r=>n(r.currentTarget.checked)),te.$$click=R,i(te,(()=>{var r=J(()=>!!x());return()=>r()?St():k()?"Save changes":"Create rule"})()),w(r=>{var p=a()==="cost"?"0.01":"1",P=a()==="cost"?"e.g. 10.00":"e.g. 50000",L=!o()||Number(o())<=0||x();return p!==r.e&&z(N,"step",r.e=p),P!==r.t&&z(N,"placeholder",r.t=P),L!==r.a&&(te.disabled=r.a=L),r},{e:void 0,t:void 0,a:void 0}),w(()=>A.value=a()),w(()=>N.value=o()),w(()=>Y.value=v()),w(()=>V.checked=t()),m}})}})};ie(["click","input","keydown"]);var Pt=d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor aria-hidden=true><path d="M19.12 12.71a.4.4 0 0 1-.12-.29v-2.41c0-1.91-.75-3.69-2.13-5.02-.86-.84-1.9-1.42-3.02-1.73-.3-.73-1.01-1.24-1.85-1.24s-1.57.53-1.86 1.27C7.19 4.14 5 6.98 5 10.27v2.16c0 .11-.04.22-.12.29l-1.17 1.17a2.411 2.411 0 0 0 1.7 4.12h13.17a2.411 2.411 0 0 0 1.7-4.12l-1.17-1.17ZM18.58 16H5.41a.412.412 0 0 1-.29-.7l1.17-1.17c.46-.46.71-1.06.71-1.71v-2.16c0-2.81 2.17-5.17 4.85-5.25h.16c1.31 0 2.54.5 3.48 1.41.98.95 1.52 2.22 1.52 3.59v2.41c0 .65.25 1.25.71 1.71l1.17 1.17a.412.412 0 0 1-.29.7ZM14.82 20H9.18c.41 1.17 1.51 2 2.82 2s2.41-.83 2.82-2">');const Rt=e=>{const t=()=>e.size??16;return(()=>{var n=Pt();return w(a=>{var s=t(),o=t();return s!==a.e&&z(n,"width",a.e=s),o!==a.t&&z(n,"height",a.t=o),a},{e:void 0,t:void 0}),n})()};var Mt=d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor aria-hidden=true><path d="M11.5 2c-5.51 0-10 4.49-10 10s4.49 10 10 10 10-4.49 10-10-4.49-10-10-10m-8 10c0-1.85.63-3.54 1.69-4.9L16.4 18.31A8 8 0 0 1 11.5 20c-4.41 0-8-3.59-8-8m14.31 4.9L6.6 5.69A8 8 0 0 1 11.5 4c4.41 0 8 3.59 8 8 0 1.85-.63 3.54-1.69 4.9">');const Tt=e=>{const t=()=>e.size??16;return(()=>{var n=Mt();return w(a=>{var s=t(),o=t();return s!==a.e&&z(n,"width",a.e=s),o!==a.t&&z(n,"height",a.t=o),a},{e:void 0,t:void 0}),n})()};var Ee=d('<table class="notif-table notif-table--flush"><thead><tr><th>Type</th><th>Threshold</th><th>Triggered</th><th style=text-align:right>Actions</th></tr></thead><tbody>'),Lt=d("<div class=panel><div class=panel__title>Rules"),Dt=d('<tr><td><div class="skeleton skeleton--text"style=width:28px></div></td><td><div class="skeleton skeleton--text"style=width:80px></div></td><td><div class="skeleton skeleton--text"style=width:20px></div></td><td style=text-align:right><div class="skeleton skeleton--text"style=width:16px;margin-left:auto>'),Nt=d("<div class=empty-state><div class=empty-state__title>No rules yet</div><p>Set up alerts for usage spikes, or hard limits to block requests over budget."),At=d('<span class=limit-type-icon title="Email Alert">'),It=d('<span class=limit-type-icon title="Hard Limit">'),Ot=d('<span class=limit-warn-tag><svg width=12 height=12 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg>No provider'),Bt=d('<tr><td><div class=limit-type-icons></div></td><td><span class=notif-table__mono></span> <span class=notif-table__period></span></td><td class=notif-table__mono></td><td><div class=notif-table__actions><button class=rule-menu__btn aria-label="Rule options"><svg width=16 height=16 viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=5 r=2></circle><circle cx=12 cy=12 r=2></circle><circle cx=12 cy=19 r=2>');function Ie(e){return e.metric_type==="cost"?`$${Number(e.threshold).toFixed(2)}`:`${Number(e.threshold).toLocaleString()} tokens`}const Oe={hour:"Per hour",day:"Per day",week:"Per week",month:"Per month"},Kt=e=>typeof e.is_active=="number"?!!e.is_active:e.is_active,Pe=e=>e==="notify"||e==="both",zt=e=>e==="block"||e==="both",jt=e=>(()=>{var t=Lt();return t.firstChild,i(t,l(_,{get when(){return!e.loading},get fallback(){return(()=>{var n=Ee(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{each:[1,2,3],children:()=>Dt()})),n})()},get children(){return l(_,{get when(){return(e.rules??[]).length>0},get fallback(){return Nt()},get children(){var n=Ee(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{get each(){return e.rules},children:o=>(()=>{var u=Bt(),v=u.firstChild,h=v.firstChild,C=v.nextSibling,S=C.firstChild,x=S.nextSibling,T=x.nextSibling,R=C.nextSibling,f=R.nextSibling,k=f.firstChild,m=k.firstChild;return i(h,l(_,{get when(){return Pe(o.action??"notify")},get children(){var b=At();return i(b,l(Rt,{size:14})),b}}),null),i(h,l(_,{get when(){return zt(o.action??"notify")},get children(){var b=It();return i(b,l(Tt,{size:14})),b}}),null),i(h,l(_,{get when(){return J(()=>!!Pe(o.action??"notify"))()&&!e.hasProvider},get children(){return Ot()}}),null),i(S,()=>Ie(o)),i(T,()=>(Oe[o.period]??o.period).toLowerCase()),i(R,()=>o.trigger_count??0),m.$$click=b=>e.onToggleMenu(o.id,b),w(()=>u.classList.toggle("notif-table__row--disabled",!Kt(o))),u})()})),n}})}}),null),t})();ie(["click"]);var Re=d('<table class="notif-table notif-table--flush"><thead><tr><th>Date</th><th>Usage</th><th>Threshold</th><th>Resets at</th></tr></thead><tbody>'),Ht=d("<div class=panel><div class=panel__title>History"),Gt=d('<tr><td><div class="skeleton skeleton--text"style=width:100px></div></td><td><div class="skeleton skeleton--text"style=width:60px></div></td><td><div class="skeleton skeleton--text"style=width:60px></div></td><td><div class="skeleton skeleton--text"style=width:100px>'),Vt=d("<div class=empty-state><div class=empty-state__title>No alerts triggered yet"),qt=d("<tr><td class=notif-table__mono></td><td class=notif-table__mono></td><td class=notif-table__mono></td><td class=notif-table__mono>");function Me(e,t){const n=Number(e[t]);return e.metric_type==="cost"?`$${n.toFixed(2)}`:`${n.toLocaleString()} tokens`}function Te(e){const t=e.endsWith("Z")?e:e.replace(" ","T")+"Z";return new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}const Ut=e=>(()=>{var t=Ht();return t.firstChild,i(t,l(_,{get when(){return!e.loading},get fallback(){return(()=>{var n=Re(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{each:[1,2,3],children:()=>Gt()})),n})()},get children(){return l(_,{get when(){return(e.logs??[]).length>0},get fallback(){return Vt()},get children(){var n=Re(),a=n.firstChild,s=a.nextSibling;return i(s,l(ge,{get each(){return e.logs},children:o=>(()=>{var u=qt(),v=u.firstChild,h=v.nextSibling,C=h.nextSibling,S=C.nextSibling;return i(v,()=>Te(o.sent_at)),i(h,()=>Me(o,"actual_value")),i(C,()=>Me(o,"threshold_value")),i(S,()=>Te(o.period_end)),u})()})),n}})}}),null),t})();var Jt=d('<div class=rule-menu__dropdown style=position:fixed;transform:translateX(-100%)><button class=rule-menu__item><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>Edit</button><button class="rule-menu__item rule-menu__item--danger"><svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>Delete'),Ft=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true style=max-width:440px><h2 class=modal-card__title>Delete rule</h2><p class=modal-card__desc>This will permanently delete the <span style=font-weight:600></span> rule (<!> <!>). This action cannot be undone.</p><label class=confirm-modal__confirm-row><input type=checkbox>I understand this action is irreversible</label><div class=confirm-modal__footer><button class="btn btn--ghost btn--sm">Cancel</button><button class="btn btn--danger btn--sm">'),Be=d("<span class=spinner>"),Wt=d('<div class=modal-overlay><div class=modal-card role=dialog aria-modal=true style=max-width:440px><h2 class=modal-card__title>Remove provider</h2><p class=modal-card__desc>This will disconnect your email provider.</p><div class=confirm-modal__footer><button class="btn btn--ghost btn--sm">Cancel</button><button class="btn btn--danger btn--sm">');const Zt=e=>l(ve,{get children(){return l(_,{get when(){return e.openMenuId},children:t=>{const n=e.rules.find(a=>a.id===e.openMenuId);return n?(()=>{var a=Jt(),s=a.firstChild,o=s.nextSibling;return s.$$click=()=>e.onEdit(n),o.$$click=()=>e.onDelete(n),w(u=>{var v=`${e.menuPos.top}px`,h=`${e.menuPos.left}px`;return v!==u.e&&ke(a,"top",u.e=v),h!==u.t&&ke(a,"left",u.t=h),u},{e:void 0,t:void 0}),a})():null}})}}),Yt=e=>l(ve,{get children(){return l(_,{get when(){return e.target},get children(){var t=Ft(),n=t.firstChild,a=n.firstChild,s=a.nextSibling,o=s.firstChild,u=o.nextSibling,v=u.nextSibling,h=v.nextSibling,C=h.nextSibling,S=C.nextSibling;S.nextSibling;var x=s.nextSibling,T=x.firstChild,R=x.nextSibling,f=R.firstChild,k=f.nextSibling;return de(t,"click",e.onCancel,!0),n.$$click=m=>m.stopPropagation(),i(u,()=>e.target.metric_type==="tokens"?"token":"cost"),i(s,()=>Ie(e.target),h),i(s,()=>Oe[e.target.period]?.toLowerCase()??e.target.period,S),T.addEventListener("change",m=>e.onConfirmChange(m.currentTarget.checked)),de(f,"click",e.onCancel,!0),de(k,"click",e.onDelete,!0),i(k,(()=>{var m=J(()=>!!e.deleting);return()=>m()?Be():"Delete rule"})()),w(()=>k.disabled=!e.confirmed||e.deleting),w(()=>T.checked=e.confirmed),t}})}}),Xt=e=>l(ve,{get children(){return l(_,{get when(){return e.open},get children(){var t=Wt(),n=t.firstChild,a=n.firstChild,s=a.nextSibling;s.firstChild;var o=s.nextSibling,u=o.firstChild,v=u.nextSibling;return de(t,"click",e.onCancel,!0),n.$$click=h=>h.stopPropagation(),i(s,l(_,{get when(){return e.hasEmailRules},get children(){return[" ","Email alerts won't be sent until you set up a new one."]}}),null),de(u,"click",e.onCancel,!0),de(v,"click",e.onRemove,!0),i(v,(()=>{var h=J(()=>!!e.removing);return()=>h()?Be():"Remove"})()),w(()=>v.disabled=e.removing),t}})}});ie(["click"]);var Qt=d('<div class=limits-warning-banner><svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>One or more hard limits triggered. New proxy requests for this agent will be blocked until the usage resets in the next period.'),ei=d('<div class=limits-routing-cta><svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><line x1=12 y1=16 x2=12 y2=12></line><line x1=12 y1=8 x2=12.01 y2=8></line></svg><div><strong>Enable routing to set hard limits</strong><p>Hard limits automatically block proxy requests when usage exceeds a threshold. Email alerts work without routing — only hard limits require it.'),ti=d("<div style=margin-bottom:var(--gap-lg)>"),ii=d("<div style=margin-top:var(--gap-lg)>"),ni=d('<div class=container--sm><div class=page-header><div><h1>Limits</h1><span class=breadcrumb> › Get notified or block requests when token or cost thresholds are exceeded</span></div><button class="btn btn--primary btn--sm">+ Create rule');const di=()=>{const e=Ke(),t=()=>decodeURIComponent(e.agentName),[n,{refetch:a}]=me(()=>t(),g=>qe(g)),[s,{refetch:o}]=me(()=>t(),g=>Ve(g)),[u,{refetch:v}]=me(We),[h]=me(()=>t(),Ge),C=Ne.useSession(),[S,x]=$(!1),[T,R]=$(!1),[f,k]=$(null),[m,b]=$(null),[j,M]=$({top:0,left:0}),[D,A]=$(null),[H,I]=$(!1),[Z,N]=$(!1),[re,ae]=$(!1),[Y,G]=$(!1),X=()=>h()?.enabled??!1,Q=()=>!se()||!!u(),V=()=>b(null),ee=()=>V(),te=(g,y)=>{if(y.stopPropagation(),m()===g)V();else{const O=y.currentTarget.getBoundingClientRect();M({top:O.bottom+4,left:O.right}),b(g),setTimeout(()=>document.addEventListener("click",ee,{once:!0}),0)}};De(()=>document.removeEventListener("click",ee));const r=g=>{V(),k(g),x(!0)},p=async g=>{const y=f();try{y?(await Je(y.id,{...g}),K.success("Rule updated")):(await Ue({agent_name:t(),...g}),K.success("Rule created")),await a(),x(!1),k(null)}catch{}},P=g=>{V(),A(g),I(!1)},L=async()=>{const g=D();if(g){ae(!0);try{await Fe(g.id),await a(),K.success("Rule deleted")}catch{}finally{ae(!1)}A(null),I(!1)}},q=()=>{const g=n();return g?g.some(y=>y.action==="notify"||y.action==="both"):!1},oe=async()=>{G(!0);try{await Ye(),await v(),N(!1),K.success("Email provider removed")}catch{}finally{G(!1)}},ce=()=>{const g=n();return g?g.some(y=>(y.action==="block"||y.action==="both")&&(typeof y.is_active=="number"?!!y.is_active:y.is_active)&&Number(y.trigger_count)>0):!1};return(()=>{var g=ni(),y=g.firstChild,ue=y.firstChild,O=ue.firstChild,F=O.nextSibling,he=F.firstChild,_e=ue.nextSibling;return i(g,l(ze,{get children(){return[J(()=>$e()??t())," Limits - Manifest"]}}),y),i(g,l(je,{name:"description",get content(){return`Configure limits and alerts for ${$e()??t()}.`}}),y),i(F,()=>$e()??t(),he),_e.$$click=()=>{k(null),x(!0)},i(g,l(_,{get when(){return ce()},get children(){return Qt()}}),null),i(g,l(_,{get when(){return J(()=>!!(h()&&!X()))()&&!se()},get children(){return ei()}}),null),i(g,l(_,{get when(){return!se()},get children(){var B=ti();return i(B,l(tt,{get email(){return C().data?.user?.email??""}})),B}}),null),i(g,l(_,{get when(){return se()},get children(){return l(wt,{get emailProvider(){return u()},get loading(){return u.loading},onConfigured:v,onEdit:()=>R(!0),onRemove:()=>N(!0)})}}),null),i(g,l(jt,{get rules(){return n()},get loading(){return n.loading},get hasProvider(){return Q()},onToggleMenu:te}),null),i(g,l(_,{get when(){return J(()=>!s.loading)()&&(s()??[]).length>0},get children(){var B=ii();return i(B,l(Ut,{get logs(){return s()},loading:!1})),B}}),null),i(g,l(Zt,{get openMenuId(){return m()},get menuPos(){return j()},get rules(){return n()??[]},onEdit:r,onDelete:P}),null),i(g,l(Yt,{get target(){return D()},get confirmed(){return H()},get deleting(){return re()},onConfirmChange:I,onCancel:()=>{A(null),I(!1)},onDelete:L}),null),i(g,l(Xt,{get open(){return Z()},get hasEmailRules(){return q()},get removing(){return Y()},onCancel:()=>N(!1),onRemove:oe}),null),i(g,l(Et,{get open(){return S()},onClose:()=>{x(!1),k(null)},onSave:p,get hasProvider(){return Q()},get editData(){return J(()=>!!f())()?{metric_type:f().metric_type,threshold:Number(f().threshold),period:f().period,action:f().action??"notify"}:null}}),null),i(g,l(Ae,{get open(){return T()},get initialProvider(){return u()?.provider??"resend"},editMode:!0,get existingKeyPrefix(){return u()?.keyPrefix??null},get existingDomain(){return u()?.domain??null},get existingNotificationEmail(){return u()?.notificationEmail??null},onClose:()=>R(!1),onSaved:()=>v()}),null),g})()};ie(["click"]);export{di as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n,D as A,e as F,g as r,T as q,M as W,S as f,i,m,h as d,A as R,t as s,d as B}from"./vendor-pl6Q4jbW.js";import{S as U}from"./SocialButtons-
|
|
1
|
+
import{a as n,D as A,e as F,g as r,T as q,M as W,S as f,i,m,h as d,A as R,t as s,d as B}from"./vendor-pl6Q4jbW.js";import{S as U}from"./SocialButtons-C4gw7_uX.js";import{u as j,s as x}from"./index-Ca5I2Nlk.js";import"./auth-DmX5tAfx.js";var z=s("<div class=auth-header><h1 class=auth-header__title>Connecting...</h1><p class=auth-header__subtitle>Setting up your local session"),G=s("<div class=auth-header><h1 class=auth-header__title>Welcome back</h1><p class=auth-header__subtitle>Take control of your OpenClaw costs"),H=s("<div class=auth-divider><span class=auth-divider__text>or"),J=s("<button type=button class=auth-form__link-btn>"),K=s('<form class=auth-form><label class=auth-form__label>Email<input class=auth-form__input type=email placeholder=you@example.com required></label><label class=auth-form__label>Password<input class=auth-form__input type=password placeholder="Enter your password"required></label><div class=auth-form__actions></div><button class=auth-form__submit type=submit>'),Q=s("<div class=auth-footer><span>Don't have an account? "),X=s("<div class=auth-form__error>"),Y=s("<span class=spinner>");const Z=60,se=()=>{const[h,I]=n(""),[_,D]=n(""),[p,l]=n(""),[g,v]=n(!1),[M,$]=n(!1),[o,b]=n(0),[w,S]=n(!1),[O]=A();F(async()=>{if(O.error&&l("Login failed. Please try again or use a different method."),await j()){S(!0);try{if((await fetch("/api/auth/local-session",{credentials:"include"})).ok){window.location.href="/";return}}catch{}S(!1)}});const P=()=>{b(Z);const e=setInterval(()=>{b(t=>t<=1?(clearInterval(e),0):t-1)},1e3)},T=async e=>{e.preventDefault(),l(""),$(!1),v(!0);const{error:t}=await x.signIn.email({email:h(),password:_()});if(v(!1),t){const c=t.message??"";if(c.toLowerCase().includes("email is not verified")||t.code==="EMAIL_NOT_VERIFIED"){$(!0),l("Please verify your email before signing in.");return}l(c||"Invalid email or password");return}window.location.href="/"},V=async()=>{if(o()>0)return;const{error:e}=await x.sendVerificationEmail({email:h(),callbackURL:"/"});if(e){l(e.message??"Failed to resend verification email");return}P(),l("Verification email sent! Check your inbox.")};return[r(q,{children:"Sign In - Manifest"}),r(W,{name:"description",content:"Sign in to Manifest to monitor your AI agents."}),r(f,{get when(){return w()},get children(){return z()}}),r(f,{get when(){return!w()},get children(){return[G(),r(U,{}),H(),(()=>{var e=K(),t=e.firstChild,c=t.firstChild,y=c.nextSibling,E=t.nextSibling,N=E.firstChild,C=N.nextSibling,k=E.nextSibling,L=k.nextSibling;return e.addEventListener("submit",T),i(e,(()=>{var a=m(()=>!!p());return()=>a()&&(()=>{var u=X();return i(u,p),u})()})(),t),i(e,r(f,{get when(){return M()},get children(){var a=J();return a.$$click=V,i(a,(()=>{var u=m(()=>o()>0);return()=>u()?`Resend in ${o()}s`:"Resend verification email"})()),d(()=>a.disabled=o()>0),a}}),t),y.$$input=a=>I(a.currentTarget.value),C.$$input=a=>D(a.currentTarget.value),i(k,r(R,{href:"/reset-password",class:"auth-form__forgot",children:"Forgot password?"})),i(L,(()=>{var a=m(()=>!!g());return()=>a()?Y():"Sign in"})()),d(()=>L.disabled=g()),d(()=>y.value=h()),d(()=>C.value=_()),e})(),(()=>{var e=Q();return e.firstChild,i(e,r(R,{href:"/register",class:"auth-footer__link",children:"Sign up"}),null),e})()]}})]};B(["click","input"]);export{se as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as b,p as D,n as Y,b as Z,k as U,o as ee,f as O,z as j,i as d,g as a,m as A,T as te,M as se,h as B,S as p,F as ae,t as g,d as re}from"./vendor-pl6Q4jbW.js";import{d as ne,p as le,b as V,E as ie}from"./index-
|
|
1
|
+
import{a as b,p as D,n as Y,b as Z,k as U,o as ee,f as O,z as j,i as d,g as a,m as A,T as te,M as se,h as B,S as p,F as ae,t as g,d as re}from"./vendor-pl6Q4jbW.js";import{d as ne,p as le,b as V,E as ie}from"./index-Ca5I2Nlk.js";import{g as oe,S as ce,M as de,D as ge,a as ue}from"./overview-CxeNaHB-.js";import{P as me}from"./Pagination-Ctujg2Tx.js";import{g as pe,a as ve}from"./routing-CoiHtFLh.js";import{p as he}from"./model-display-D41uy_hy.js";import{P as fe}from"./routing-utils-CXUPRM5D.js";import"./auth-DmX5tAfx.js";import"./AuthBadge-zJLfTd7g.js";import"./SetupStepAddProvider-1kzQB5Of.js";import"./CopyButton-CZjeoxZT.js";function _e(i=50){const[L,x]=b([void 0]),[y,v]=b(0),[k,h]=b(!1),N=D(()=>y()+1),I=D(()=>L()[y()]),C=D(()=>k());function P(f){f?(h(!0),x(o=>{const S=y()+1,$=[...o];return $[S]=f,$})):h(!1)}function E(){k()&&v(f=>f+1)}function R(){y()<=0||v(f=>f-1)}function M(){x([void 0]),v(0),h(!1)}return{currentPage:N,currentCursor:I,hasNextPage:C,previousPage:R,nextPage:E,recordResponse:P,resetPage:M,pageSize:i}}var be=g('<div class=cost-range-filter><input type=number class=cost-range-filter__input placeholder="Min $"min=0 step=0.01><span class=cost-range-filter__sep>–</span><input type=number class=cost-range-filter__input placeholder="Max $"min=0 step=0.01>'),xe=g('<button class="btn btn--primary btn--sm">Set up agent'),ye=g('<div class=empty-state><div class=empty-state__title>No messages yet</div><p>Connect a provider to start routing LLM calls.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Enable routing</button><div class=empty-state__img-wrapper><img src=/example-messages.svg alt="Example message log showing LLM call history"class=empty-state__img loading=lazy>',!0,!1,!1),$e=g('<div class=panel><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-lg)><div class=panel__title style=margin-bottom:0>Messages</div><span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>0 results</span></div><div class=model-filter__empty><p class=model-filter__empty-title>No messages match your filters</p><p class=model-filter__empty-hint>Try adjusting your provider or cost filters to see more results.</p><button class="btn btn--outline btn--sm"type=button>Clear filters'),ke=g('<div class=waiting-banner><i class="bxd bx-florist"></i><p>No messages yet. They appear seconds after your first LLM call.'),Ce=g("<div class=panel><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-lg)><div class=panel__title style=margin-bottom:0>Messages</div><span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))> total</span></div><div class=data-table-scroll>"),Me=g("<div class=container--full><div class=page-header><div><h1>Messages</h1><span class=breadcrumb>Full log of every LLM call. Filter by provider or cost.</span></div><div class=header-controls>"),Se=g('<div class=panel><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-lg)><div class="skeleton skeleton--text"style=width:80px;height:16px></div><div class="skeleton skeleton--text"style=width:60px;height:14px></div></div><div class=data-table-scroll><table class=data-table><thead><tr><th>Date</th><th>Message</th><th>Cost</th><th>Total Tokens</th><th>Input</th><th>Output</th><th>Model</th><th>Cache</th><th>Duration</th><th>Status</th></tr></thead><tbody>'),we=g('<tr><td><div class="skeleton skeleton--text"style=width:90px></div></td><td><div class="skeleton skeleton--text"style=width:55px></div></td><td><div class="skeleton skeleton--text"style=width:40px></div></td><td><div class="skeleton skeleton--text"style=width:40px></div></td><td><div class="skeleton skeleton--text"style=width:35px></div></td><td><div class="skeleton skeleton--text"style=width:35px></div></td><td><div class="skeleton skeleton--text"style=width:110px></div></td><td><div class="skeleton skeleton--text"style=width:90px></div></td><td><div class="skeleton skeleton--text"style=width:35px></div></td><td><div class="skeleton skeleton--text"style=width:50px>'),Ne=g('<div class=empty-state><div class=empty-state__title>No messages yet</div><p>Set up your agent and send a message. Every LLM call shows up here.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Set up agent</button><div class=empty-state__img-wrapper><img src=/example-messages.svg alt="Example message log showing LLM call history"class=empty-state__img loading=lazy>',!0,!1,!1);const Oe=()=>{const i=Y(),L=Z();he();const[x,y]=b(""),[v,k]=b(""),[h,N]=b(""),[I,C]=b(!1),[P]=b(!!localStorage.getItem(`setup_completed_${i.agentName}`)||ne()===!0),[E]=U(()=>i.agentName,e=>pe(decodeURIComponent(e))),[R]=U(()=>i.agentName,e=>ve(decodeURIComponent(e))),M=()=>R()?.enabled===!0,f=e=>{const s=e.match(/^custom:([^/]+)\//);if(!s)return;const _=s[1];return E()?.find(u=>u.id===_)?.name},o=_e(50);let S,$;ee(()=>{clearTimeout(S),clearTimeout($)});const q=e=>{clearTimeout(S),S=setTimeout(()=>k(e),400)},H=e=>{clearTimeout($),$=setTimeout(()=>N(e),400)};O(j([x,v,h],()=>o.resetPage(),{defer:!0}));const[l,{refetch:G}]=U(()=>({provider:x(),costMin:v(),costMax:h(),agentName:i.agentName,_ping:le(),cursor:o.currentCursor(),limit:o.pageSize}),e=>{const s={};return e.provider&&(s.provider=e.provider),e.costMin&&(s.cost_min=e.costMin),e.costMax&&(s.cost_max=e.costMax),e.agentName&&(s.agent_name=e.agentName),e.cursor&&(s.cursor=e.cursor),s.limit=String(e.limit),oe(s)});O(j(()=>l(),e=>{e&&o.recordResponse(e.next_cursor)}));const F=()=>x()!==""||v()!==""||h()!=="",T=()=>{const e=l();return e&&e.total_count===0},z=()=>T()&&!F()&&!M(),J=()=>T()&&F(),K=()=>!T()||M()&&!F(),Q=()=>{y(""),k(""),N("")},W=e=>fe.find(_=>_.id===e)?.name??e,X=e=>{const s=l()?.items;if(!s)return;const _=s.find(t=>t.fallback_from_model===e&&t.status==="ok");if(!_)return;const u=document.getElementById(`msg-${_.id}`);u&&(u.scrollIntoView({behavior:"smooth",block:"center"}),u.classList.add("msg-highlight"),setTimeout(()=>u.classList.remove("msg-highlight"),2e3))};return(()=>{var e=Me(),s=e.firstChild,_=s.firstChild,u=_.nextSibling;return d(e,a(te,{get children(){return[A(()=>V()??decodeURIComponent(i.agentName))," Messages - Manifest"]}}),s),d(e,a(se,{name:"description",get content(){return`Browse all messages sent and received by ${V()??decodeURIComponent(i.agentName)}. Filter by provider or cost.`}}),s),d(u,a(p,{get when(){return!z()},get children(){return[a(ce,{get value(){return x()},onChange:y,get options(){return[{label:"All providers",value:""},...(l()?.providers??[]).map(t=>({label:W(t),value:t}))]}}),(()=>{var t=be(),r=t.firstChild,c=r.nextSibling,n=c.nextSibling;return r.$$input=m=>q(m.currentTarget.value),n.$$input=m=>H(m.currentTarget.value),B(()=>r.value=v()),B(()=>n.value=h()),t})()]}}),null),d(u,a(p,{get when(){return A(()=>!!z())()&&!P()},get children(){var t=xe();return t.$$click=()=>C(!0),t}}),null),d(e,a(p,{get when(){return l()!==void 0||!l.loading},get fallback(){return(()=>{var t=Se(),r=t.firstChild,c=r.nextSibling,n=c.firstChild,m=n.firstChild,w=m.nextSibling;return d(w,a(ae,{each:[1,2,3,4,5,6,7,8,9,10],children:()=>we()})),t})()},get children(){return a(p,{get when(){return!l.error},get fallback(){return a(ie,{get error(){return l.error},onRetry:G})},get children(){return[a(p,{get when(){return z()},get children(){return a(p,{get when(){return P()},get fallback(){return(()=>{var t=Ne(),r=t.firstChild,c=r.nextSibling,n=c.nextSibling;return n.$$click=()=>C(!0),t})()},get children(){var t=ye(),r=t.firstChild,c=r.nextSibling,n=c.nextSibling;return n.$$click=()=>L(`/agents/${encodeURIComponent(i.agentName)}/routing`,{state:{openProviders:!0}}),t}})}}),a(p,{get when(){return J()},get children(){var t=$e(),r=t.firstChild,c=r.nextSibling,n=c.firstChild,m=n.nextSibling,w=m.nextSibling;return w.$$click=Q,t}}),a(p,{get when(){return K()},get children(){return[a(p,{get when(){return A(()=>!!T())()&&M()},get children(){return ke()}}),(()=>{var t=Ce(),r=t.firstChild,c=r.firstChild,n=c.nextSibling,m=n.firstChild,w=r.nextSibling;return d(n,()=>l()?.total_count??0,m),d(w,a(de,{get items(){return l()?.items??[]},columns:ge,get agentName(){return i.agentName},customProviderName:f,onFallbackErrorClick:X,rowIdPrefix:"msg-",showHeaderTooltips:!0,expandable:!0})),d(t,a(me,{get currentPage(){return o.currentPage},totalItems:()=>l()?.total_count??0,get pageSize(){return o.pageSize},get hasNextPage(){return o.hasNextPage},isLoading:()=>l.loading,get onPrevious(){return o.previousPage},get onNext(){return o.nextPage}}),null),t})()]}})]}})}}),null),d(e,a(ue,{get open(){return I()},get agentName(){return decodeURIComponent(i.agentName)},onClose:()=>C(!1)}),null),e})()};re(["input","click"]);export{Oe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as F,p as M,o as ve,i as t,g as d,S as b,F as j,h as A,s as T,m as re,t as m,l as le,d as ie,k as he,f as fe,z as _e,T as pe,M as ge}from"./vendor-pl6Q4jbW.js";import{E as $e}from"./index-Dji58hs5.js";import{g as H,p as ye,I as ne}from"./model-display-BoOKkgTP.js";import{p as ae,r as de,d as xe}from"./routing-utils-CRQ2wPZ7.js";import{P as we}from"./Pagination-Ctujg2Tx.js";import"./auth-DmX5tAfx.js";var be=m("<span class=model-filter__provider-icon aria-hidden=true>"),ke=m('<svg class=model-filter__provider-icon viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><rect x=3 y=3 width=18 height=18 rx=3></rect><circle cx=12 cy=12 r=3>'),Ce=m("<div class=model-filter__dropdown-group><div class=model-filter__dropdown-label>Providers"),Me=m("<div class=model-filter__dropdown-group><div class=model-filter__dropdown-label>Models"),Pe=m("<div class=model-filter__dropdown role=listbox>"),Se=m("<span> of <!> models"),Ie=m("<button class=model-filter__clear-all type=button>Clear filters"),Le=m("<div class=model-filter__tags>"),ze=m('<div class=model-filter><div class=model-filter__row><div class=model-filter__combobox><div class=model-filter__input-wrapper><svg class=model-filter__search-icon width=15 height=15 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3"></path></svg><input type=text class=model-filter__search placeholder="Search models or providers..."role=combobox aria-autocomplete=list aria-label="Search models or providers"></div></div><div class=model-filter__summary>'),De=m("<button class=model-filter__dropdown-item type=button role=option><span class=model-filter__dropdown-item-name></span><span class=model-filter__dropdown-item-type>Provider"),Fe=m("<button class=model-filter__dropdown-item type=button role=option><span class=model-filter__dropdown-item-name></span><span class=model-filter__dropdown-item-type>Model"),Ne=m("<span> models"),Re=m("<span class=model-filter__tag-type>Model:"),Ee=m('<span class=model-filter__tag><span class=model-filter__tag-value></span><button class=model-filter__tag-remove type=button><svg width=10 height=10 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2.5 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M18 6 6 18"></path><path d="m6 6 12 12">');const oe=n=>{const x=()=>n.size??16,P=()=>de(n.provider),S=()=>{const v=P();return v?ae(v,x()):null};return d(b,{get when(){return S()},get fallback(){return(()=>{var v=ke();return A(_=>{var p=x(),k=x();return p!==_.e&&T(v,"width",_.e=p),k!==_.t&&T(v,"height",_.t=k),_},{e:void 0,t:void 0}),v})()},get children(){var v=be();return t(v,S),v}})},Ae=n=>{const[x,P]=F(""),[S,v]=F(!1),[_,p]=F(-1);let k,D;const w=()=>n.selectedModels.size>0||n.selectedProviders.size>0,I=M(()=>{const r=[];for(const u of n.selectedProviders)r.push({type:"Provider",value:u});for(const u of n.selectedModels)r.push({type:"Model",value:u});return r}),q=M(()=>{const r=x().toLowerCase().trim();return r.length<2?[]:n.allProviders.filter(u=>!n.selectedProviders.has(u)&&u.toLowerCase().includes(r)).slice(0,5)}),B=M(()=>{const r=x().toLowerCase().trim();return r.length<2?[]:n.allModels.filter(u=>!n.selectedModels.has(u)&&u.toLowerCase().includes(r)).slice(0,5)}),N=M(()=>{const r=[];for(const u of q())r.push({type:"Provider",value:u});for(const u of B())r.push({type:"Model",value:u});return r}),E=r=>{r.type==="Provider"?n.onAddProvider(r.value):n.onAddModel(r.value),P(""),v(!1),p(-1),D?.focus()},K=r=>{r.type==="Provider"?n.onRemoveProvider(r.value):n.onRemoveModel(r.value)},L=r=>{const u=r.currentTarget.value;P(u),p(-1),v(u.trim().length>=2)},R=r=>{const u=N();if(r.key==="ArrowDown")r.preventDefault(),!S()&&x().trim().length>=2&&v(!0),p(g=>Math.min(g+1,u.length-1));else if(r.key==="ArrowUp")r.preventDefault(),p(g=>Math.max(g-1,0));else if(r.key==="Enter"){r.preventDefault();const g=_();g>=0&&g<u.length&&E(u[g])}else if(r.key==="Escape")v(!1),p(-1);else if(r.key==="Backspace"&&x()===""){const g=I();g.length>0&&K(g[g.length-1])}},O=r=>{k&&!k.contains(r.target)&&(v(!1),p(-1))};return typeof document<"u"&&(document.addEventListener("click",O),ve(()=>{document.removeEventListener("click",O)})),(()=>{var r=ze(),u=r.firstChild,g=u.firstChild,U=g.firstChild,Q=U.firstChild,e=Q.nextSibling,c=g.nextSibling,l=k;typeof l=="function"?le(l,g):k=g,e.$$keydown=R,e.$$input=L;var h=D;return typeof h=="function"?le(h,e):D=e,t(g,d(b,{get when(){return re(()=>!!S())()&&N().length>0},get children(){var a=Pe();return t(a,d(b,{get when(){return q().length>0},get children(){var o=Ce();return o.firstChild,t(o,d(j,{get each(){return q()},children:s=>{const f=()=>N().findIndex(i=>i.type==="Provider"&&i.value===s);return(()=>{var i=De(),y=i.firstChild;return i.addEventListener("mouseenter",()=>p(f())),i.$$click=()=>E({type:"Provider",value:s}),t(y,d(oe,{provider:s,size:16}),null),t(y,s,null),A($=>{var z=_()===f(),C=_()===f();return z!==$.e&&i.classList.toggle("model-filter__dropdown-item--highlighted",$.e=z),C!==$.t&&T(i,"aria-selected",$.t=C),$},{e:void 0,t:void 0}),i})()}}),null),o}}),null),t(a,d(b,{get when(){return B().length>0},get children(){var o=Me();return o.firstChild,t(o,d(j,{get each(){return B()},children:s=>{const f=()=>N().findIndex(i=>i.type==="Model"&&i.value===s);return(()=>{var i=Fe(),y=i.firstChild;return i.addEventListener("mouseenter",()=>p(f())),i.$$click=()=>E({type:"Model",value:s}),t(y,()=>H(s)),A($=>{var z=_()===f(),C=_()===f();return z!==$.e&&i.classList.toggle("model-filter__dropdown-item--highlighted",$.e=z),C!==$.t&&T(i,"aria-selected",$.t=C),$},{e:void 0,t:void 0}),i})()}}),null),o}}),null),a}}),null),t(c,d(b,{get when(){return w()},get fallback(){return(()=>{var a=Ne(),o=a.firstChild;return t(a,()=>n.totalCount,o),a})()},get children(){return[(()=>{var a=Se(),o=a.firstChild,s=o.nextSibling;return s.nextSibling,t(a,()=>n.filteredCount,o),t(a,()=>n.totalCount,s),a})(),(()=>{var a=Ie();return a.$$click=()=>{n.onClearFilters(),P(""),v(!1)},a})()]}})),t(r,d(b,{get when(){return I().length>0},get children(){var a=Le();return t(a,d(j,{get each(){return I()},children:o=>(()=>{var s=Ee(),f=s.firstChild,i=f.nextSibling;return t(s,d(b,{get when(){return o.type==="Provider"},get children(){return d(oe,{get provider(){return o.value},size:16})}}),f),t(s,d(b,{get when(){return o.type==="Model"},get children(){return Re()}}),f),t(f,(()=>{var y=re(()=>o.type==="Model");return()=>y()?H(o.value):o.value})()),i.$$click=()=>K(o),A(y=>{var $=o.type==="Provider",z=`Remove ${o.type} ${o.value}`;return $!==y.e&&s.classList.toggle("model-filter__tag--provider",y.e=$),z!==y.t&&T(i,"aria-label",y.t=z),y},{e:void 0,t:void 0}),s})()})),a}}),null),A(()=>T(e,"aria-expanded",S())),A(()=>e.value=x()),r})()};ie(["input","keydown","click"]);function Te(n,x=25){const[P,S]=F(1),v=M(()=>n().length),_=M(()=>Math.max(1,Math.ceil(v()/x))),p=M(()=>{const w=P(),I=_();return Math.min(Math.max(1,w),I)}),k=M(()=>{const w=(p()-1)*x;return n().slice(w,w+x)}),D=M(()=>p()<_());return{currentPage:p,pageItems:k,totalItems:v,totalPages:_,hasNextPage:D,previousPage:()=>S(w=>Math.max(1,w-1)),nextPage:()=>S(w=>w<_()?w+1:w),resetPage:()=>S(1),pageSize:x}}var qe=m("<span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>Last updated: "),Be=m("<table class=data-table><thead><tr><th class=data-table__sortable>Model</th><th class=data-table__sortable>Model ID</th><th class=data-table__sortable>Provider</th><th class=data-table__sortable>Cost to send / 1M tokens</th><th class=data-table__sortable>Cost to receive / 1M tokens</th></tr></thead><tbody>"),je=m("<div class=panel>"),Ke=m("<div class=container--full><div class=page-header><div><h1>Model Prices</h1><span class=breadcrumb>Compare per-token pricing across all supported LLM providers and models"),Oe=m('<div class=panel style=min-height:600px><div class=model-filter><div class=model-filter__row><div class="skeleton skeleton--text"style=width:280px;height:36px;border-radius:var(--radius)></div><div class=model-filter__summary><div class="skeleton skeleton--text"style=width:80px></div></div></div></div><table class=data-table style=width:100%><thead><tr><th>Model</th><th>Model ID</th><th>Provider</th><th>Cost to send / 1M tokens</th><th>Cost to receive / 1M tokens</th></tr></thead><tbody>'),Ue=m('<tr><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:50%>'),He=m('<div class=model-filter__empty><p class=model-filter__empty-title>No models match your filters</p><p class=model-filter__empty-hint>Try selecting a different provider or model, or clear all filters to see every model.</p><button class="btn btn--outline btn--sm"type=button>Clear filters'),Qe=m("<span class=free-tag>Free"),Ge=m("<span style=display:inline-flex;flex-shrink:0>"),Je=m("<tr><td style=font-size:var(--font-size-sm)></td><td style=font-family:var(--font-mono);font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))></td><td><span style=display:inline-flex;align-items:center;gap:6px></span></td><td style=font-family:var(--font-mono)></td><td style=font-family:var(--font-mono)>");function se(n){return n==null?"—":n<.01?`$${n.toFixed(4)}`:n<1?`$${n.toFixed(3)}`:`$${n.toFixed(2)}`}const tt=()=>{ye();const[n,{refetch:x}]=he(()=>xe()),[P,S]=F("provider"),[v,_]=F("asc"),[p,k]=F(new Set),[D,w]=F(new Set),I=e=>{P()===e?_(c=>c==="asc"?"desc":"asc"):(S(e),_("asc"))},q=M(()=>{const e=n()?.models;return e?[...new Set(e.map(l=>l.provider))].sort((l,h)=>l.localeCompare(h)):[]}),B=M(()=>{const e=n()?.models;return e?[...new Set(e.map(l=>l.model_name))].sort((l,h)=>l.localeCompare(h)):[]}),N=M(()=>{const e=n()?.models;if(!e)return[];const c=p(),l=D();return e.filter(h=>!(c.size>0&&!c.has(h.model_name)||l.size>0&&!l.has(h.provider)))}),E=e=>(e.display_name||H(e.model_name)).replace(/\s*\(free\)/i,""),K=M(()=>{const e=N();if(!e.length)return[];const c=P(),l=v();return[...e].sort((h,a)=>{if(c==="display_name"){const f=E(h),i=E(a);return l==="asc"?f.localeCompare(i):i.localeCompare(f)}const o=h[c],s=a[c];return typeof o=="string"&&typeof s=="string"?l==="asc"?o.localeCompare(s):s.localeCompare(o):o==null&&s==null?0:o==null?1:s==null?-1:l==="asc"?o-s:s-o})}),L=Te(K,25);fe(_e([p,D,P,v],()=>L.resetPage(),{defer:!0}));const R=e=>P()!==e?"":v()==="asc"?" ▲":" ▼",O=e=>{k(c=>{const l=new Set(c);return l.add(e),l})},r=e=>{k(c=>{const l=new Set(c);return l.delete(e),l})},u=e=>{w(c=>{const l=new Set(c);return l.add(e),l})},g=e=>{w(c=>{const l=new Set(c);return l.delete(e),l})},U=()=>{k(new Set),w(new Set)},Q=e=>e?new Date(e).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}):"Never";return(()=>{var e=Ke(),c=e.firstChild;return c.firstChild,t(e,d(pe,{children:"Model Prices - Manifest"}),c),t(e,d(ge,{name:"description",content:"Compare per-token pricing across all major LLM providers."}),c),t(c,d(b,{get when(){return n()?.lastSyncedAt},get children(){var l=qe();return l.firstChild,t(l,()=>Q(n().lastSyncedAt),null),l}}),null),t(e,d(b,{get when(){return!n.loading},get fallback(){return(()=>{var l=Oe(),h=l.firstChild,a=h.nextSibling,o=a.firstChild,s=o.nextSibling;return t(s,d(j,{each:[1,2,3,4,5,6,7,8,9,10],children:()=>Ue()})),l})()},get children(){return d(b,{get when(){return!n.error},get fallback(){return d($e,{get error(){return n.error},onRetry:x})},get children(){var l=je();return t(l,d(Ae,{get allModels(){return B()},get allProviders(){return q()},get selectedModels(){return p()},get selectedProviders(){return D()},onAddModel:O,onRemoveModel:r,onAddProvider:u,onRemoveProvider:g,onClearFilters:U,get totalCount(){return n()?.models?.length??0},get filteredCount(){return N().length}}),null),t(l,d(b,{get when(){return L.totalItems()>0},get fallback(){return(()=>{var h=He(),a=h.firstChild,o=a.nextSibling,s=o.nextSibling;return s.$$click=U,h})()},get children(){return[(()=>{var h=Be(),a=h.firstChild,o=a.firstChild,s=o.firstChild;s.firstChild;var f=s.nextSibling;f.firstChild;var i=f.nextSibling;i.firstChild;var y=i.nextSibling;y.firstChild;var $=y.nextSibling;$.firstChild;var z=a.nextSibling;return s.$$click=()=>I("display_name"),t(s,()=>R("display_name"),null),f.$$click=()=>I("model_name"),t(f,()=>R("model_name"),null),i.$$click=()=>I("provider"),t(i,()=>R("provider"),null),y.$$click=()=>I("input_price_per_million"),t(y,()=>R("input_price_per_million"),null),t(y,d(ne,{text:"Tokens are small chunks of text. Send cost is what you pay for the input you give the model."}),null),$.$$click=()=>I("output_price_per_million"),t($,()=>R("output_price_per_million"),null),t($,d(ne,{text:"Tokens are small chunks of text. Receive cost is what you pay for the output the model returns."}),null),t(z,d(j,{get each(){return L.pageItems()},children:C=>{const J=()=>C.display_name||H(C.model_name),ce=()=>/\(free\)/i.test(J()),ue=()=>J().replace(/\s*\(free\)/i,""),V=()=>de(C.provider);return(()=>{var W=Je(),G=W.firstChild,X=G.nextSibling,Y=X.nextSibling,Z=Y.firstChild,ee=Y.nextSibling,me=ee.nextSibling;return t(G,ue,null),t(G,d(b,{get when(){return ce()},get children(){return[" ",Qe()]}}),null),t(X,()=>C.model_name),t(Z,d(b,{get when(){return V()},get children(){var te=Ge();return t(te,()=>ae(V(),16)),te}}),null),t(Z,()=>C.provider,null),t(ee,()=>se(C.input_price_per_million)),t(me,()=>se(C.output_price_per_million)),W})()}})),h})(),d(we,{get currentPage(){return L.currentPage},get totalItems(){return L.totalItems},get pageSize(){return L.pageSize},get hasNextPage(){return L.hasNextPage},get onPrevious(){return L.previousPage},get onNext(){return L.nextPage}})]}}),null),l}})}}),null),e})()};ie(["click"]);export{tt as default};
|
|
1
|
+
import{a as F,p as M,o as ve,i as t,g as d,S as b,F as j,h as A,s as T,m as re,t as m,l as le,d as ie,k as he,f as fe,z as _e,T as pe,M as ge}from"./vendor-pl6Q4jbW.js";import{E as $e}from"./index-Ca5I2Nlk.js";import{g as H,p as ye,I as ne}from"./model-display-D41uy_hy.js";import{p as ae,r as de,d as xe}from"./routing-utils-CXUPRM5D.js";import{P as we}from"./Pagination-Ctujg2Tx.js";import"./auth-DmX5tAfx.js";var be=m("<span class=model-filter__provider-icon aria-hidden=true>"),ke=m('<svg class=model-filter__provider-icon viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><rect x=3 y=3 width=18 height=18 rx=3></rect><circle cx=12 cy=12 r=3>'),Ce=m("<div class=model-filter__dropdown-group><div class=model-filter__dropdown-label>Providers"),Me=m("<div class=model-filter__dropdown-group><div class=model-filter__dropdown-label>Models"),Pe=m("<div class=model-filter__dropdown role=listbox>"),Se=m("<span> of <!> models"),Ie=m("<button class=model-filter__clear-all type=button>Clear filters"),Le=m("<div class=model-filter__tags>"),ze=m('<div class=model-filter><div class=model-filter__row><div class=model-filter__combobox><div class=model-filter__input-wrapper><svg class=model-filter__search-icon width=15 height=15 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3"></path></svg><input type=text class=model-filter__search placeholder="Search models or providers..."role=combobox aria-autocomplete=list aria-label="Search models or providers"></div></div><div class=model-filter__summary>'),De=m("<button class=model-filter__dropdown-item type=button role=option><span class=model-filter__dropdown-item-name></span><span class=model-filter__dropdown-item-type>Provider"),Fe=m("<button class=model-filter__dropdown-item type=button role=option><span class=model-filter__dropdown-item-name></span><span class=model-filter__dropdown-item-type>Model"),Ne=m("<span> models"),Re=m("<span class=model-filter__tag-type>Model:"),Ee=m('<span class=model-filter__tag><span class=model-filter__tag-value></span><button class=model-filter__tag-remove type=button><svg width=10 height=10 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2.5 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M18 6 6 18"></path><path d="m6 6 12 12">');const oe=n=>{const x=()=>n.size??16,P=()=>de(n.provider),S=()=>{const v=P();return v?ae(v,x()):null};return d(b,{get when(){return S()},get fallback(){return(()=>{var v=ke();return A(_=>{var p=x(),k=x();return p!==_.e&&T(v,"width",_.e=p),k!==_.t&&T(v,"height",_.t=k),_},{e:void 0,t:void 0}),v})()},get children(){var v=be();return t(v,S),v}})},Ae=n=>{const[x,P]=F(""),[S,v]=F(!1),[_,p]=F(-1);let k,D;const w=()=>n.selectedModels.size>0||n.selectedProviders.size>0,I=M(()=>{const r=[];for(const u of n.selectedProviders)r.push({type:"Provider",value:u});for(const u of n.selectedModels)r.push({type:"Model",value:u});return r}),q=M(()=>{const r=x().toLowerCase().trim();return r.length<2?[]:n.allProviders.filter(u=>!n.selectedProviders.has(u)&&u.toLowerCase().includes(r)).slice(0,5)}),B=M(()=>{const r=x().toLowerCase().trim();return r.length<2?[]:n.allModels.filter(u=>!n.selectedModels.has(u)&&u.toLowerCase().includes(r)).slice(0,5)}),N=M(()=>{const r=[];for(const u of q())r.push({type:"Provider",value:u});for(const u of B())r.push({type:"Model",value:u});return r}),E=r=>{r.type==="Provider"?n.onAddProvider(r.value):n.onAddModel(r.value),P(""),v(!1),p(-1),D?.focus()},K=r=>{r.type==="Provider"?n.onRemoveProvider(r.value):n.onRemoveModel(r.value)},L=r=>{const u=r.currentTarget.value;P(u),p(-1),v(u.trim().length>=2)},R=r=>{const u=N();if(r.key==="ArrowDown")r.preventDefault(),!S()&&x().trim().length>=2&&v(!0),p(g=>Math.min(g+1,u.length-1));else if(r.key==="ArrowUp")r.preventDefault(),p(g=>Math.max(g-1,0));else if(r.key==="Enter"){r.preventDefault();const g=_();g>=0&&g<u.length&&E(u[g])}else if(r.key==="Escape")v(!1),p(-1);else if(r.key==="Backspace"&&x()===""){const g=I();g.length>0&&K(g[g.length-1])}},O=r=>{k&&!k.contains(r.target)&&(v(!1),p(-1))};return typeof document<"u"&&(document.addEventListener("click",O),ve(()=>{document.removeEventListener("click",O)})),(()=>{var r=ze(),u=r.firstChild,g=u.firstChild,U=g.firstChild,Q=U.firstChild,e=Q.nextSibling,c=g.nextSibling,l=k;typeof l=="function"?le(l,g):k=g,e.$$keydown=R,e.$$input=L;var h=D;return typeof h=="function"?le(h,e):D=e,t(g,d(b,{get when(){return re(()=>!!S())()&&N().length>0},get children(){var a=Pe();return t(a,d(b,{get when(){return q().length>0},get children(){var o=Ce();return o.firstChild,t(o,d(j,{get each(){return q()},children:s=>{const f=()=>N().findIndex(i=>i.type==="Provider"&&i.value===s);return(()=>{var i=De(),y=i.firstChild;return i.addEventListener("mouseenter",()=>p(f())),i.$$click=()=>E({type:"Provider",value:s}),t(y,d(oe,{provider:s,size:16}),null),t(y,s,null),A($=>{var z=_()===f(),C=_()===f();return z!==$.e&&i.classList.toggle("model-filter__dropdown-item--highlighted",$.e=z),C!==$.t&&T(i,"aria-selected",$.t=C),$},{e:void 0,t:void 0}),i})()}}),null),o}}),null),t(a,d(b,{get when(){return B().length>0},get children(){var o=Me();return o.firstChild,t(o,d(j,{get each(){return B()},children:s=>{const f=()=>N().findIndex(i=>i.type==="Model"&&i.value===s);return(()=>{var i=Fe(),y=i.firstChild;return i.addEventListener("mouseenter",()=>p(f())),i.$$click=()=>E({type:"Model",value:s}),t(y,()=>H(s)),A($=>{var z=_()===f(),C=_()===f();return z!==$.e&&i.classList.toggle("model-filter__dropdown-item--highlighted",$.e=z),C!==$.t&&T(i,"aria-selected",$.t=C),$},{e:void 0,t:void 0}),i})()}}),null),o}}),null),a}}),null),t(c,d(b,{get when(){return w()},get fallback(){return(()=>{var a=Ne(),o=a.firstChild;return t(a,()=>n.totalCount,o),a})()},get children(){return[(()=>{var a=Se(),o=a.firstChild,s=o.nextSibling;return s.nextSibling,t(a,()=>n.filteredCount,o),t(a,()=>n.totalCount,s),a})(),(()=>{var a=Ie();return a.$$click=()=>{n.onClearFilters(),P(""),v(!1)},a})()]}})),t(r,d(b,{get when(){return I().length>0},get children(){var a=Le();return t(a,d(j,{get each(){return I()},children:o=>(()=>{var s=Ee(),f=s.firstChild,i=f.nextSibling;return t(s,d(b,{get when(){return o.type==="Provider"},get children(){return d(oe,{get provider(){return o.value},size:16})}}),f),t(s,d(b,{get when(){return o.type==="Model"},get children(){return Re()}}),f),t(f,(()=>{var y=re(()=>o.type==="Model");return()=>y()?H(o.value):o.value})()),i.$$click=()=>K(o),A(y=>{var $=o.type==="Provider",z=`Remove ${o.type} ${o.value}`;return $!==y.e&&s.classList.toggle("model-filter__tag--provider",y.e=$),z!==y.t&&T(i,"aria-label",y.t=z),y},{e:void 0,t:void 0}),s})()})),a}}),null),A(()=>T(e,"aria-expanded",S())),A(()=>e.value=x()),r})()};ie(["input","keydown","click"]);function Te(n,x=25){const[P,S]=F(1),v=M(()=>n().length),_=M(()=>Math.max(1,Math.ceil(v()/x))),p=M(()=>{const w=P(),I=_();return Math.min(Math.max(1,w),I)}),k=M(()=>{const w=(p()-1)*x;return n().slice(w,w+x)}),D=M(()=>p()<_());return{currentPage:p,pageItems:k,totalItems:v,totalPages:_,hasNextPage:D,previousPage:()=>S(w=>Math.max(1,w-1)),nextPage:()=>S(w=>w<_()?w+1:w),resetPage:()=>S(1),pageSize:x}}var qe=m("<span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>Last updated: "),Be=m("<table class=data-table><thead><tr><th class=data-table__sortable>Model</th><th class=data-table__sortable>Model ID</th><th class=data-table__sortable>Provider</th><th class=data-table__sortable>Cost to send / 1M tokens</th><th class=data-table__sortable>Cost to receive / 1M tokens</th></tr></thead><tbody>"),je=m("<div class=panel>"),Ke=m("<div class=container--full><div class=page-header><div><h1>Model Prices</h1><span class=breadcrumb>Compare per-token pricing across all supported LLM providers and models"),Oe=m('<div class=panel style=min-height:600px><div class=model-filter><div class=model-filter__row><div class="skeleton skeleton--text"style=width:280px;height:36px;border-radius:var(--radius)></div><div class=model-filter__summary><div class="skeleton skeleton--text"style=width:80px></div></div></div></div><table class=data-table style=width:100%><thead><tr><th>Model</th><th>Model ID</th><th>Provider</th><th>Cost to send / 1M tokens</th><th>Cost to receive / 1M tokens</th></tr></thead><tbody>'),Ue=m('<tr><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:50%>'),He=m('<div class=model-filter__empty><p class=model-filter__empty-title>No models match your filters</p><p class=model-filter__empty-hint>Try selecting a different provider or model, or clear all filters to see every model.</p><button class="btn btn--outline btn--sm"type=button>Clear filters'),Qe=m("<span class=free-tag>Free"),Ge=m("<span style=display:inline-flex;flex-shrink:0>"),Je=m("<tr><td style=font-size:var(--font-size-sm)></td><td style=font-family:var(--font-mono);font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))></td><td><span style=display:inline-flex;align-items:center;gap:6px></span></td><td style=font-family:var(--font-mono)></td><td style=font-family:var(--font-mono)>");function se(n){return n==null?"—":n<.01?`$${n.toFixed(4)}`:n<1?`$${n.toFixed(3)}`:`$${n.toFixed(2)}`}const tt=()=>{ye();const[n,{refetch:x}]=he(()=>xe()),[P,S]=F("provider"),[v,_]=F("asc"),[p,k]=F(new Set),[D,w]=F(new Set),I=e=>{P()===e?_(c=>c==="asc"?"desc":"asc"):(S(e),_("asc"))},q=M(()=>{const e=n()?.models;return e?[...new Set(e.map(l=>l.provider))].sort((l,h)=>l.localeCompare(h)):[]}),B=M(()=>{const e=n()?.models;return e?[...new Set(e.map(l=>l.model_name))].sort((l,h)=>l.localeCompare(h)):[]}),N=M(()=>{const e=n()?.models;if(!e)return[];const c=p(),l=D();return e.filter(h=>!(c.size>0&&!c.has(h.model_name)||l.size>0&&!l.has(h.provider)))}),E=e=>(e.display_name||H(e.model_name)).replace(/\s*\(free\)/i,""),K=M(()=>{const e=N();if(!e.length)return[];const c=P(),l=v();return[...e].sort((h,a)=>{if(c==="display_name"){const f=E(h),i=E(a);return l==="asc"?f.localeCompare(i):i.localeCompare(f)}const o=h[c],s=a[c];return typeof o=="string"&&typeof s=="string"?l==="asc"?o.localeCompare(s):s.localeCompare(o):o==null&&s==null?0:o==null?1:s==null?-1:l==="asc"?o-s:s-o})}),L=Te(K,25);fe(_e([p,D,P,v],()=>L.resetPage(),{defer:!0}));const R=e=>P()!==e?"":v()==="asc"?" ▲":" ▼",O=e=>{k(c=>{const l=new Set(c);return l.add(e),l})},r=e=>{k(c=>{const l=new Set(c);return l.delete(e),l})},u=e=>{w(c=>{const l=new Set(c);return l.add(e),l})},g=e=>{w(c=>{const l=new Set(c);return l.delete(e),l})},U=()=>{k(new Set),w(new Set)},Q=e=>e?new Date(e).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}):"Never";return(()=>{var e=Ke(),c=e.firstChild;return c.firstChild,t(e,d(pe,{children:"Model Prices - Manifest"}),c),t(e,d(ge,{name:"description",content:"Compare per-token pricing across all major LLM providers."}),c),t(c,d(b,{get when(){return n()?.lastSyncedAt},get children(){var l=qe();return l.firstChild,t(l,()=>Q(n().lastSyncedAt),null),l}}),null),t(e,d(b,{get when(){return!n.loading},get fallback(){return(()=>{var l=Oe(),h=l.firstChild,a=h.nextSibling,o=a.firstChild,s=o.nextSibling;return t(s,d(j,{each:[1,2,3,4,5,6,7,8,9,10],children:()=>Ue()})),l})()},get children(){return d(b,{get when(){return!n.error},get fallback(){return d($e,{get error(){return n.error},onRetry:x})},get children(){var l=je();return t(l,d(Ae,{get allModels(){return B()},get allProviders(){return q()},get selectedModels(){return p()},get selectedProviders(){return D()},onAddModel:O,onRemoveModel:r,onAddProvider:u,onRemoveProvider:g,onClearFilters:U,get totalCount(){return n()?.models?.length??0},get filteredCount(){return N().length}}),null),t(l,d(b,{get when(){return L.totalItems()>0},get fallback(){return(()=>{var h=He(),a=h.firstChild,o=a.nextSibling,s=o.nextSibling;return s.$$click=U,h})()},get children(){return[(()=>{var h=Be(),a=h.firstChild,o=a.firstChild,s=o.firstChild;s.firstChild;var f=s.nextSibling;f.firstChild;var i=f.nextSibling;i.firstChild;var y=i.nextSibling;y.firstChild;var $=y.nextSibling;$.firstChild;var z=a.nextSibling;return s.$$click=()=>I("display_name"),t(s,()=>R("display_name"),null),f.$$click=()=>I("model_name"),t(f,()=>R("model_name"),null),i.$$click=()=>I("provider"),t(i,()=>R("provider"),null),y.$$click=()=>I("input_price_per_million"),t(y,()=>R("input_price_per_million"),null),t(y,d(ne,{text:"Tokens are small chunks of text. Send cost is what you pay for the input you give the model."}),null),$.$$click=()=>I("output_price_per_million"),t($,()=>R("output_price_per_million"),null),t($,d(ne,{text:"Tokens are small chunks of text. Receive cost is what you pay for the output the model returns."}),null),t(z,d(j,{get each(){return L.pageItems()},children:C=>{const J=()=>C.display_name||H(C.model_name),ce=()=>/\(free\)/i.test(J()),ue=()=>J().replace(/\s*\(free\)/i,""),V=()=>de(C.provider);return(()=>{var W=Je(),G=W.firstChild,X=G.nextSibling,Y=X.nextSibling,Z=Y.firstChild,ee=Y.nextSibling,me=ee.nextSibling;return t(G,ue,null),t(G,d(b,{get when(){return ce()},get children(){return[" ",Qe()]}}),null),t(X,()=>C.model_name),t(Z,d(b,{get when(){return V()},get children(){var te=Ge();return t(te,()=>ae(V(),16)),te}}),null),t(Z,()=>C.provider,null),t(ee,()=>se(C.input_price_per_million)),t(me,()=>se(C.output_price_per_million)),W})()}})),h})(),d(we,{get currentPage(){return L.currentPage},get totalItems(){return L.totalItems},get pageSize(){return L.pageSize},get hasNextPage(){return L.hasNextPage},get onPrevious(){return L.previousPage},get onNext(){return L.nextPage}})]}}),null),l}})}}),null),e})()};ie(["click"]);export{tt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as ve,f as J,z as fe,o as pe,t as v,l as q,i as m,g as h,S as x,h as G,q as $e,d as de,m as E,s as Y,B as ye,C as be,F as K,n as xe,u as we,b as ke,a as L,k as le,T as Ce,M as Se,A as Me}from"./vendor-pl6Q4jbW.js";import{u as Q}from"./charts-Cty976qB.js";import{I as Ne,g as Te,p as Re}from"./model-display-BoOKkgTP.js";import{f as ce,a as ue,c as De,i as Ae,p as Ve,b as ie,E as Ie}from"./index-Dji58hs5.js";import{a as Pe,b as Le}from"./AuthBadge-zJLfTd7g.js";import{i as j,s as Ee,p as Fe,a as Ue,g as ze}from"./routing-utils-CRQ2wPZ7.js";import{S as Ge,M as He,C as Oe,a as Be}from"./overview-U0Ep7bv7.js";import{g as Ye}from"./routing-dd43hyXW.js";import"./auth-DmX5tAfx.js";import"./SetupStepAddProvider-CJemlPav.js";import"./CopyButton-CZjeoxZT.js";function ge(e){return getComputedStyle(document.documentElement).getPropertyValue(e).trim()}function T(e){return`hsl(${ge(e)})`}function V(e,t){return`hsl(${ge(e)} / ${t})`}function je(e,t){return(a=>{if(!isFinite(a.bbox.top)||!isFinite(a.bbox.height)||a.bbox.height===0)return e;const n=a.ctx.createLinearGradient(0,a.bbox.top,0,a.bbox.top+a.bbox.height);return n.addColorStop(0,e),n.addColorStop(1,t),n})}function H(e,t){return je(V(e,t),"transparent")}function X(e){let t=null,a=null;const n=260;function d(){if(t)return;const l=e.buildChart();l&&(t=l,t.setCursor({left:-1,top:-1}))}ve(()=>{e.data()?.length&&(a=new ResizeObserver(()=>{t?t.setSize({width:e.el().clientWidth,height:n}):d()}),a.observe(e.el()),setTimeout(d,50))}),J(fe(e.data,()=>{t&&(t.destroy(),t=null),e.data()?.length&&setTimeout(d,0)},{defer:!0})),pe(()=>{a?.disconnect(),t?.destroy(),t=null})}function Z(e,t){return{show:!0,x:!0,y:!1,drag:{x:!1,y:!1},points:{show:!0,size:8,fill:t,stroke:e,width:2},move:(a,n,d)=>{const l=a.posToIdx(n);return[l!=null&&a.data[0]?.[l]!=null?Math.round(a.valToPos(a.data[0][l],"x")):n,d]}}}const he=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function ee(e){const t=B.has(e??"");return(a,n)=>{if(n==null||isNaN(n))return"";const d=new Date(n*1e3),l=he[d.getMonth()],c=d.getDate();if(t)return`${l} ${c}`;const s=String(d.getHours()).padStart(2,"0"),i=String(d.getMinutes()).padStart(2,"0");return`${l} ${c}, ${s}:${i}`}}function We(e,t){return t==null||isNaN(t)?"":t>0&&t<.01?"< $0.01":`$${t.toFixed(2)}`}function z(e,t){if(t==null||isNaN(t))return"";if(t=Math.round(t),t>=1e6){const a=t/1e6;return`${a%1===0?a.toFixed(0):a.toFixed(1)}M`}if(t>=1e3){const a=t/1e3;return`${a%1===0?a.toFixed(0):a.toFixed(1)}k`}return t.toString()}const Je={"1h":3600,"24h":86400,"7d":604800,"30d":2592e3},B=new Set(["7d","30d"]),me=new Set(["1h","24h"]),Ke={"7d":7,"30d":30},qe={"24h":24};function Qe(e){return Je[e]??86400}function te(e,t,a,n){const d=qe[t];if(d){const i=new Date;i.setMinutes(0,0,0);const r=new Map;for(let o=d;o>=0;o--){const u=new Date(i.getTime()-o*36e5),_=u.getFullYear(),p=String(u.getMonth()+1).padStart(2,"0"),b=String(u.getDate()).padStart(2,"0"),k=String(u.getHours()).padStart(2,"0"),$=`${_}-${p}-${b}T${k}:00:00`;r.set($,n($))}for(const o of e){const u=String(o[a]??"");r.has(u)&&r.set(u,o)}return Array.from(r.values())}const l=Ke[t];if(!l)return e;const c=new Date;c.setHours(0,0,0,0);const s=new Map;for(let i=l;i>=0;i--){const r=new Date(c);r.setDate(c.getDate()-i);const o=r.getFullYear(),u=String(r.getMonth()+1).padStart(2,"0"),_=String(r.getDate()).padStart(2,"0"),p=`${o}-${u}-${_}`;s.set(p,n(p))}for(const i of e){const r=String(i[a]??"");s.has(r)&&s.set(r,i)}return Array.from(s.values())}function Xe(e,t){const a=new Date(e*1e3);if(me.has(t)){const l=String(a.getHours()).padStart(2,"0"),c=String(a.getMinutes()).padStart(2,"0");return`${l}:${c}`}const n=he[a.getMonth()],d=a.getDate();return`${n} ${d}`}function ae(e){return B.has(e??"")}function ne(e,t,a){const n=B.has(a??""),d=a??"";return[{stroke:e,grid:{stroke:t,width:1},ticks:{stroke:t,width:1},font:'11px "DM Sans", sans-serif',gap:8,...n?{splits:c=>Array.from(c.data[0])}:{},values:(c,s)=>{let i=d;i||(i=(c.scales.x?.max??s[s.length-1]??0)-(c.scales.x?.min??s[0]??0)>86400?"7d":"24h");const r=s.map(u=>Xe(u,i)),o=r.map((u,_)=>_>0&&u===r[_-1]?"":u);if(n){const u=o.filter(p=>p!==""),_=u.length>20?5:u.length>14?3:1;if(_>1){let p=0;return o.map(b=>b===""?"":p++%_===0?b:"")}}return o}},{stroke:e,grid:{stroke:t,width:1},ticks:{show:!1},font:'11px "DM Sans", sans-serif',size:54,gap:8}]}function se(e){return e.map(t=>{if(t.hour){const c=t.hour.replace(" ","T");return new Date(c).getTime()/1e3}const a=t.date??"",[n,d,l]=a.split("-").map(Number);return new Date(n,d-1,l).getTime()/1e3})}const oe=6*3600;function re(e){const t=B.has(e??""),a=me.has(e??""),n=e?Qe(e):0;return(d,l,c)=>{const s=Date.now()/1e3;if(t)return[l,c];if(a)return[s-n,s];const i=Math.min(c,s);return i-l<oe?[i-oe,i]:[l,i]}}function O(e){return e.map(t=>Number.isFinite(t)?t:null)}var Ze=v("<div style=width:100%;min-height:260px>");const et=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T("--chart-1"),d=V("--foreground",.55),l=V("--foreground",.05),c=T("--card"),s=ne(d,l,e.range);return s[1]={...s[1],values:(i,r)=>r.map(o=>isNaN(o)?"–":o%1===0?`$${o}`:`$${o.toFixed(2)}`)},new Q({width:a,height:260,padding:[16,16,0,0],cursor:Z(c,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:(i,r,o)=>[0,o>0?o*1.15:1]}},axes:s,series:[{value:ee(e.range)},{label:"Cost",stroke:n,width:2.5,fill:H("--chart-1",.25),value:We}]},(()=>{const i=e.range==="24h",r=te(e.data,e.range??"",i?"hour":"date",o=>i?{hour:o,cost:0}:{date:o,cost:0});return[se(r),O(r.map(o=>o.cost))]})(),t)}}),(()=>{var a=Ze(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var tt=v("<div style=width:100%;min-height:260px>");const at=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T(e.colorVar),d=V("--foreground",.55),l=V("--foreground",.05),c=T("--card");return new Q({width:a,height:260,padding:[16,16,0,0],cursor:Z(c,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:(s,i,r)=>[0,r>0?r*1.1:10]}},axes:ne(d,l,e.range),series:[{value:ee(e.range)},{label:e.label,stroke:n,width:2.5,fill:H(e.colorVar,.25)}]},(()=>{const s=te(e.data,e.range??"","time",r=>({time:r,value:0})),i=s.map(r=>r.time.includes("T")||r.time.includes(" ")?{hour:r.time}:{date:r.time});return[se(i),O(s.map(r=>r.value))]})(),t)}}),(()=>{var a=tt(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var nt=v("<div style=width:100%;min-height:260px>");const st=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T("--bar-input"),d=T("--bar-output"),l=T("--bar-output-axis"),c=V("--foreground",.55),s=V("--foreground",.05),i=T("--card"),r=(o,u,_)=>[0,_>0?_*1.1:100];return new Q({width:a,height:260,padding:[16,0,0,0],cursor:Z(i,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:r},y2:{auto:!0,range:r}},axes:(()=>{const o=ne(c,s,e.range);return o[1]={...o[1],stroke:n,values:(u,_)=>_.map(p=>z(u,p))},o.push({scale:"y2",side:1,stroke:l,grid:{show:!1},ticks:{show:!1},font:'11px "DM Sans", sans-serif',size:54,gap:8,values:(u,_)=>_.map(p=>z(u,p))}),o})(),series:[{value:ee(e.range)},{label:"Sent to AI",scale:"y",stroke:n,width:2.5,fill:H("--bar-input",.25),value:z},{label:"Received from AI",scale:"y2",stroke:d,width:2,fill:H("--bar-output",.15),value:z}]},(()=>{const o=e.range==="24h",u=te(e.data,e.range??"",o?"hour":"date",_=>o?{hour:_,input_tokens:0,output_tokens:0}:{date:_,input_tokens:0,output_tokens:0});return[se(u),O(u.map(_=>_.input_tokens)),O(u.map(_=>_.output_tokens))]})(),t)}}),(()=>{var a=nt(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var rt=v("<span>%"),lt=v('<div class=chart-card><div class=chart-card__header><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Cost</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Token usage</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Messages</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div></div><div class=chart-card__body>'),it=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No cost data for this time range"),ot=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No token data for this time range"),dt=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No message data for this time range");const W=(e,t,a)=>{if(e===0||Math.abs(t)<.005)return null;const n=Math.max(-999,Math.min(999,Math.round(e)));if(n===0)return null;let d;a==="neutral"?d="trend trend--neutral":d=n>0?"trend trend--up-bad":"trend trend--down-good";const l=n>0?"+":"";return(()=>{var c=rt(),s=c.firstChild;return $e(c,d),m(c,l,s),m(c,n,s),c})()},ct=e=>(()=>{var t=lt(),a=t.firstChild,n=a.firstChild,d=n.firstChild,l=d.nextSibling,c=l.firstChild,s=n.nextSibling,i=s.firstChild;i.firstChild;var r=i.nextSibling,o=r.firstChild,u=s.nextSibling,_=u.firstChild,p=_.nextSibling,b=p.firstChild,k=a.nextSibling;return n.$$click=()=>e.onViewChange("cost"),m(c,()=>ce(e.costValue)??"$0.00"),m(l,()=>W(e.costTrendPct,e.costValue,"inverted"),null),s.$$click=()=>e.onViewChange("tokens"),m(i,h(Ne,{text:"Tokens are units of text that AI models process. More tokens = higher cost."}),null),m(o,()=>ue(e.tokensValue)),m(r,()=>W(e.tokensTrendPct,e.tokensValue,"inverted"),null),u.$$click=()=>e.onViewChange("messages"),m(b,()=>e.messagesValue),m(p,()=>W(e.messagesTrendPct,e.messagesValue,"neutral"),null),m(k,h(x,{get when(){return e.activeView==="cost"},get children(){return h(x,{get when(){return e.costUsage?.length},get fallback(){return it()},get children(){return h(et,{get data(){return e.costUsage},get range(){return e.range}})}})}}),null),m(k,h(x,{get when(){return e.activeView==="tokens"},get children(){return h(x,{get when(){return e.tokenUsage?.length},get fallback(){return ot()},get children(){return h(st,{get data(){return e.tokenUsage},get range(){return e.range}})}})}}),null),m(k,h(x,{get when(){return e.activeView==="messages"},get children(){return h(x,{get when(){return e.messageChartData.length},get fallback(){return dt()},get children(){return h(at,{get data(){return e.messageChartData},label:"Messages",colorVar:"--chart-1",get range(){return e.range}})}})}}),null),G($=>{var I=e.activeView==="cost",M=e.activeView==="tokens",f=e.activeView==="messages";return I!==$.e&&n.classList.toggle("chart-card__stat--active",$.e=I),M!==$.t&&s.classList.toggle("chart-card__stat--active",$.t=M),f!==$.a&&u.classList.toggle("chart-card__stat--active",$.a=f),$},{e:void 0,t:void 0,a:void 0}),t})();de(["click"]);var ut=v('<div class=panel style=margin-top:var(--gap-lg)><div class=panel__title>Cost by Model</div><p style="font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin:-8px 0 12px">How much each model costs you</p><table class=data-table><thead><tr><th>Model</th><th>Tokens</th><th>% of total</th><th>Cost</th></tr></thead><tbody>'),gt=v("<tr><td style=font-family:var(--font-mono);font-size:var(--font-size-sm)><span style=display:inline-flex;align-items:center;gap:4px></span></td><td></td><td><div style=display:flex;align-items:center;gap:8px><div style=width:40px;height:4px;border-radius:2px;background:hsl(var(--muted));overflow:hidden><div></div></div><span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>%</span></div></td><td style=font-weight:600>"),ht=v("<span class=provider-card__logo-letter style=width:16px;height:16px;font-size:9px;flex-shrink:0;border-radius:50%>"),mt=v("<span style=display:inline-flex;flex-shrink:0;position:relative>");const _t=e=>(()=>{var t=ut(),a=t.firstChild,n=a.nextSibling,d=n.nextSibling,l=d.firstChild,c=l.nextSibling;return m(c,h(K,{get each(){return[...e.rows].sort((s,i)=>i.estimated_cost-s.estimated_cost)},children:s=>(()=>{var i=gt(),r=i.firstChild,o=r.firstChild,u=r.nextSibling,_=u.nextSibling,p=_.firstChild,b=p.firstChild,k=b.firstChild,$=b.nextSibling,I=$.firstChild,M=_.nextSibling;return m(o,(()=>{var f=E(()=>!!(s.model&&j(s.model)==="custom"));return()=>f()?(()=>{const w=e.customProviderName(s.model),R=(w??Ee(s.model)).charAt(0).toUpperCase();return(()=>{var N=ht();return Y(N,"title",w),m(N,R),G(F=>ye(N,"background",De(w??""))),N})()})():E(()=>!!(s.model&&j(s.model)))()?(()=>{var w=mt();return m(w,()=>Fe(j(s.model),14),null),m(w,()=>Pe(s.auth_type,8),null),G(()=>Y(w,"title",`${Ue(s.model)} (${Le(s.auth_type)})`)),w})():null})(),null),m(o,(()=>{var f=E(()=>!!s.model);return()=>f()?s.display_name||Te(s.model):s.model})(),null),m(u,()=>ue(s.tokens)),m($,()=>Math.round(s.share_pct),I),m(M,()=>ce(s.estimated_cost)??"—"),G(f=>{var w=`width: ${s.share_pct}%; height: 100%; background: hsl(var(--chart-1)); border-radius: 2px;`,R=s.estimated_cost>0&&s.estimated_cost<.01?`$${s.estimated_cost.toFixed(6)}`:void 0;return f.e=be(k,w,f.e),R!==f.t&&Y(M,"title",f.t=R),f},{e:void 0,t:void 0}),i})()})),t})();var vt=v('<div class=chart-card><div class=chart-card__header><div class="chart-card__stat chart-card__stat--active"><span class=chart-card__label>Cost</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:80px;height:28px></div></div></div><div class=chart-card__stat><span class=chart-card__label>Token usage</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:70px;height:28px></div></div></div><div class=chart-card__stat><span class=chart-card__label>Messages</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:50px;height:28px></div></div></div></div><div class=chart-card__body><div class="skeleton skeleton--rect"style=width:100%;height:260px>'),ft=v("<div class=panel><div class=panel__title style=display:flex;justify-content:space-between;align-items:center>Recent Messages<span class=view-more-link style=pointer-events:none;opacity:0.4>View more</span></div><table class=data-table><thead><tr><th>Date</th><th>Message</th><th>Cost</th><th>Model</th><th>Tokens</th><th>Status</th></tr></thead><tbody>"),pt=v('<div class=panel style=margin-top:var(--gap-lg)><div class=panel__title>Cost by Model</div><p style="font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin:-8px 0 12px">How much each AI model is costing you</p><table class=data-table><thead><tr><th>Model</th><th>Tokens</th><th>% of total</th><th>Cost</th></tr></thead><tbody>'),$t=v('<tr><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:40%></div></td><td><div class="skeleton skeleton--text"style=width:50%>'),yt=v('<tr><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:40%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:40%>');const bt=()=>[vt(),(()=>{var e=ft(),t=e.firstChild,a=t.nextSibling,n=a.firstChild,d=n.nextSibling;return m(d,h(K,{each:[1,2,3,4,5],children:()=>$t()})),e})(),(()=>{var e=pt(),t=e.firstChild,a=t.nextSibling,n=a.nextSibling,d=n.firstChild,l=d.nextSibling;return m(l,h(K,{each:[1,2,3],children:()=>yt()})),e})()];var xt=v('<button class="btn btn--primary btn--sm">Set up agent'),wt=v('<div class=empty-state><div class=empty-state__title>No activity yet</div><p>Connect a provider to start routing LLM calls.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Enable routing</button><div class=empty-state__img-wrapper><img src=/example-overview.svg alt="Example dashboard overview showing cost and token charts"class=empty-state__img loading=lazy>',!0,!1,!1),kt=v("<div class=container--md><div class=page-header><div><h1>Overview</h1><span class=breadcrumb>Real-time summary of spending, tokens, and messages</span></div><div class=header-controls>"),Ct=v('<div class=empty-state><div class=empty-state__title>No activity yet</div><p>Set up your agent and send a message. Usage data shows up here.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Set up agent</button><div class=empty-state__img-wrapper><img src=/example-overview.svg alt="Example dashboard overview showing cost and token charts"class=empty-state__img loading=lazy>',!0,!1,!1),St=v('<div class=waiting-banner><i class="bxd bx-florist"></i><p>No activity yet. Your dashboard updates seconds after the first LLM call.'),Mt=v("<div class=panel><div class=panel__title style=display:flex;justify-content:space-between;align-items:center>Recent Messages");const Ut=()=>{const e=xe(),t=we(),a=ke();Re();const n="manifest_chart_range",d=new Set(["24h","7d","30d"]),l=localStorage.getItem(n),[c,s]=L(l&&d.has(l)?l:"30d"),[i,r]=L(!!l),o=g=>{s(g),r(!0),localStorage.setItem(n,g)},[u,_]=L("cost"),[p,b]=L(Ae(decodeURIComponent(e.agentName))),[k,$]=L(!!localStorage.getItem(`setup_completed_${e.agentName}`)),[I]=le(()=>e.agentName,g=>Ye(decodeURIComponent(g))),M=g=>{const C=g.match(/^custom:([^/]+)\//);if(!C)return;const D=C[1];return I()?.find(U=>U.id===D)?.name},[f,{refetch:w}]=le(()=>({range:c(),agentName:e.agentName,_ping:Ve()}),g=>ze(g.range,g.agentName)),R=()=>{const g=f();return!!g&&(g.has_data!==!1||g.has_providers===!0)},N=()=>{const g=f();return!!g&&g.has_data===!1&&!g.has_providers};J(()=>{N()&&!k()&&!localStorage.getItem(`setup_dismissed_${e.agentName}`)&&b(!0)});const F=["30d","7d","24h"];J(()=>{if(i())return;const g=f();if(!g||g.has_data===!1&&!g.has_providers||(g.token_usage?.length??0)>0||(g.cost_usage?.length??0)>0||(g.message_usage?.length??0)>0)return;const D=F.indexOf(c());D<0||D>=F.length-1||s(F[D+1])});const _e=()=>f()?.message_usage?.map(C=>({time:C.hour??C.date??"",value:C.count}))??[];return(()=>{var g=kt(),C=g.firstChild,D=C.firstChild,U=D.nextSibling;return m(g,h(Ce,{get children(){return[E(()=>ie()??decodeURIComponent(e.agentName))," Overview - Manifest"]}}),C),m(g,h(Se,{name:"description",get content(){return`Monitor ${ie()??decodeURIComponent(e.agentName)} performance — costs, tokens, and activity.`}}),C),m(U,h(x,{get when(){return R()},get children(){return h(Ge,{get value(){return c()},onChange:o,options:[{label:"Last 24 hours",value:"24h"},{label:"Last 7 days",value:"7d"},{label:"Last 30 days",value:"30d"}]})}}),null),m(U,h(x,{get when(){return E(()=>!!N())()&&!k()},get children(){var S=xt();return S.$$click=()=>b(!0),S}}),null),m(g,h(x,{get when(){return f()!==void 0||!f.loading},get fallback(){return h(bt,{})},get children(){return h(x,{get when(){return!f.error},get fallback(){return h(Ie,{get error(){return f.error},onRetry:w})},get children(){return[h(x,{get when(){return N()},get children(){return h(x,{get when(){return k()},get fallback(){return(()=>{var S=Ct(),y=S.firstChild,A=y.nextSibling,P=A.nextSibling;return P.$$click=()=>b(!0),S})()},get children(){var S=wt(),y=S.firstChild,A=y.nextSibling,P=A.nextSibling;return P.$$click=()=>a(`/agents/${encodeURIComponent(e.agentName)}/routing`,{state:{openProviders:!0}}),S}})}}),h(x,{get when(){return R()},children:S=>{const y=()=>f();return[h(x,{get when(){return y().has_data===!1},get children(){return St()}}),h(ct,{get activeView(){return u()},onViewChange:_,get costValue(){return y().summary?.cost_today?.value??0},get costTrendPct(){return y().summary?.cost_today?.trend_pct??0},get tokensValue(){return y().summary?.tokens_today?.value??0},get tokensTrendPct(){return y().summary?.tokens_today?.trend_pct??0},get messagesValue(){return y().summary?.messages?.value??0},get messagesTrendPct(){return y().summary?.messages?.trend_pct??0},get costUsage(){return y().cost_usage},get tokenUsage(){return y().token_usage},get messageChartData(){return _e()},get range(){return c()}}),(()=>{var A=Mt(),P=A.firstChild;return P.firstChild,m(P,h(Me,{get href(){return`/agents/${e.agentName}/messages`},class:"view-more-link",children:"View more"}),null),m(A,h(He,{get items(){return y().recent_activity?.slice(0,5)??[]},columns:Oe,get agentName(){return e.agentName},customProviderName:M}),null),A})(),h(_t,{get rows(){return y().cost_by_model??[]},customProviderName:M})]}})]}})}}),null),m(g,h(Be,{get open(){return p()},get agentName(){return decodeURIComponent(e.agentName)},get apiKey(){return t.state?.newApiKey??null},onClose:()=>{localStorage.setItem(`setup_dismissed_${e.agentName}`,"1"),b(!1)},onDone:()=>{localStorage.setItem(`setup_completed_${e.agentName}`,"1"),$(!0)},onGoToRouting:()=>{a(`/agents/${encodeURIComponent(e.agentName)}/routing`,{state:{openProviders:!0}})}}),null),g})()};de(["click"]);export{Ut as default};
|
|
1
|
+
import{e as ve,f as J,z as fe,o as pe,t as v,l as q,i as m,g as h,S as x,h as G,q as $e,d as de,m as E,s as Y,B as ye,C as be,F as K,n as xe,u as we,b as ke,a as L,k as le,T as Ce,M as Se,A as Me}from"./vendor-pl6Q4jbW.js";import{u as Q}from"./charts-Cty976qB.js";import{I as Ne,g as Te,p as Re}from"./model-display-D41uy_hy.js";import{f as ce,a as ue,c as De,i as Ae,p as Ve,b as ie,E as Ie}from"./index-Ca5I2Nlk.js";import{a as Pe,b as Le}from"./AuthBadge-zJLfTd7g.js";import{i as j,s as Ee,p as Fe,a as Ue,g as ze}from"./routing-utils-CXUPRM5D.js";import{S as Ge,M as He,C as Oe,a as Be}from"./overview-CxeNaHB-.js";import{g as Ye}from"./routing-CoiHtFLh.js";import"./auth-DmX5tAfx.js";import"./SetupStepAddProvider-1kzQB5Of.js";import"./CopyButton-CZjeoxZT.js";function ge(e){return getComputedStyle(document.documentElement).getPropertyValue(e).trim()}function T(e){return`hsl(${ge(e)})`}function V(e,t){return`hsl(${ge(e)} / ${t})`}function je(e,t){return(a=>{if(!isFinite(a.bbox.top)||!isFinite(a.bbox.height)||a.bbox.height===0)return e;const n=a.ctx.createLinearGradient(0,a.bbox.top,0,a.bbox.top+a.bbox.height);return n.addColorStop(0,e),n.addColorStop(1,t),n})}function H(e,t){return je(V(e,t),"transparent")}function X(e){let t=null,a=null;const n=260;function d(){if(t)return;const l=e.buildChart();l&&(t=l,t.setCursor({left:-1,top:-1}))}ve(()=>{e.data()?.length&&(a=new ResizeObserver(()=>{t?t.setSize({width:e.el().clientWidth,height:n}):d()}),a.observe(e.el()),setTimeout(d,50))}),J(fe(e.data,()=>{t&&(t.destroy(),t=null),e.data()?.length&&setTimeout(d,0)},{defer:!0})),pe(()=>{a?.disconnect(),t?.destroy(),t=null})}function Z(e,t){return{show:!0,x:!0,y:!1,drag:{x:!1,y:!1},points:{show:!0,size:8,fill:t,stroke:e,width:2},move:(a,n,d)=>{const l=a.posToIdx(n);return[l!=null&&a.data[0]?.[l]!=null?Math.round(a.valToPos(a.data[0][l],"x")):n,d]}}}const he=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function ee(e){const t=B.has(e??"");return(a,n)=>{if(n==null||isNaN(n))return"";const d=new Date(n*1e3),l=he[d.getMonth()],c=d.getDate();if(t)return`${l} ${c}`;const s=String(d.getHours()).padStart(2,"0"),i=String(d.getMinutes()).padStart(2,"0");return`${l} ${c}, ${s}:${i}`}}function We(e,t){return t==null||isNaN(t)?"":t>0&&t<.01?"< $0.01":`$${t.toFixed(2)}`}function z(e,t){if(t==null||isNaN(t))return"";if(t=Math.round(t),t>=1e6){const a=t/1e6;return`${a%1===0?a.toFixed(0):a.toFixed(1)}M`}if(t>=1e3){const a=t/1e3;return`${a%1===0?a.toFixed(0):a.toFixed(1)}k`}return t.toString()}const Je={"1h":3600,"24h":86400,"7d":604800,"30d":2592e3},B=new Set(["7d","30d"]),me=new Set(["1h","24h"]),Ke={"7d":7,"30d":30},qe={"24h":24};function Qe(e){return Je[e]??86400}function te(e,t,a,n){const d=qe[t];if(d){const i=new Date;i.setMinutes(0,0,0);const r=new Map;for(let o=d;o>=0;o--){const u=new Date(i.getTime()-o*36e5),_=u.getFullYear(),p=String(u.getMonth()+1).padStart(2,"0"),b=String(u.getDate()).padStart(2,"0"),k=String(u.getHours()).padStart(2,"0"),$=`${_}-${p}-${b}T${k}:00:00`;r.set($,n($))}for(const o of e){const u=String(o[a]??"");r.has(u)&&r.set(u,o)}return Array.from(r.values())}const l=Ke[t];if(!l)return e;const c=new Date;c.setHours(0,0,0,0);const s=new Map;for(let i=l;i>=0;i--){const r=new Date(c);r.setDate(c.getDate()-i);const o=r.getFullYear(),u=String(r.getMonth()+1).padStart(2,"0"),_=String(r.getDate()).padStart(2,"0"),p=`${o}-${u}-${_}`;s.set(p,n(p))}for(const i of e){const r=String(i[a]??"");s.has(r)&&s.set(r,i)}return Array.from(s.values())}function Xe(e,t){const a=new Date(e*1e3);if(me.has(t)){const l=String(a.getHours()).padStart(2,"0"),c=String(a.getMinutes()).padStart(2,"0");return`${l}:${c}`}const n=he[a.getMonth()],d=a.getDate();return`${n} ${d}`}function ae(e){return B.has(e??"")}function ne(e,t,a){const n=B.has(a??""),d=a??"";return[{stroke:e,grid:{stroke:t,width:1},ticks:{stroke:t,width:1},font:'11px "DM Sans", sans-serif',gap:8,...n?{splits:c=>Array.from(c.data[0])}:{},values:(c,s)=>{let i=d;i||(i=(c.scales.x?.max??s[s.length-1]??0)-(c.scales.x?.min??s[0]??0)>86400?"7d":"24h");const r=s.map(u=>Xe(u,i)),o=r.map((u,_)=>_>0&&u===r[_-1]?"":u);if(n){const u=o.filter(p=>p!==""),_=u.length>20?5:u.length>14?3:1;if(_>1){let p=0;return o.map(b=>b===""?"":p++%_===0?b:"")}}return o}},{stroke:e,grid:{stroke:t,width:1},ticks:{show:!1},font:'11px "DM Sans", sans-serif',size:54,gap:8}]}function se(e){return e.map(t=>{if(t.hour){const c=t.hour.replace(" ","T");return new Date(c).getTime()/1e3}const a=t.date??"",[n,d,l]=a.split("-").map(Number);return new Date(n,d-1,l).getTime()/1e3})}const oe=6*3600;function re(e){const t=B.has(e??""),a=me.has(e??""),n=e?Qe(e):0;return(d,l,c)=>{const s=Date.now()/1e3;if(t)return[l,c];if(a)return[s-n,s];const i=Math.min(c,s);return i-l<oe?[i-oe,i]:[l,i]}}function O(e){return e.map(t=>Number.isFinite(t)?t:null)}var Ze=v("<div style=width:100%;min-height:260px>");const et=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T("--chart-1"),d=V("--foreground",.55),l=V("--foreground",.05),c=T("--card"),s=ne(d,l,e.range);return s[1]={...s[1],values:(i,r)=>r.map(o=>isNaN(o)?"–":o%1===0?`$${o}`:`$${o.toFixed(2)}`)},new Q({width:a,height:260,padding:[16,16,0,0],cursor:Z(c,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:(i,r,o)=>[0,o>0?o*1.15:1]}},axes:s,series:[{value:ee(e.range)},{label:"Cost",stroke:n,width:2.5,fill:H("--chart-1",.25),value:We}]},(()=>{const i=e.range==="24h",r=te(e.data,e.range??"",i?"hour":"date",o=>i?{hour:o,cost:0}:{date:o,cost:0});return[se(r),O(r.map(o=>o.cost))]})(),t)}}),(()=>{var a=Ze(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var tt=v("<div style=width:100%;min-height:260px>");const at=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T(e.colorVar),d=V("--foreground",.55),l=V("--foreground",.05),c=T("--card");return new Q({width:a,height:260,padding:[16,16,0,0],cursor:Z(c,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:(s,i,r)=>[0,r>0?r*1.1:10]}},axes:ne(d,l,e.range),series:[{value:ee(e.range)},{label:e.label,stroke:n,width:2.5,fill:H(e.colorVar,.25)}]},(()=>{const s=te(e.data,e.range??"","time",r=>({time:r,value:0})),i=s.map(r=>r.time.includes("T")||r.time.includes(" ")?{hour:r.time}:{date:r.time});return[se(i),O(s.map(r=>r.value))]})(),t)}}),(()=>{var a=tt(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var nt=v("<div style=width:100%;min-height:260px>");const st=e=>{let t;return X({el:()=>t,data:()=>e.data,buildChart(){if(!t)return null;const a=t.clientWidth||t.getBoundingClientRect().width;if(a===0)return null;const n=T("--bar-input"),d=T("--bar-output"),l=T("--bar-output-axis"),c=V("--foreground",.55),s=V("--foreground",.05),i=T("--card"),r=(o,u,_)=>[0,_>0?_*1.1:100];return new Q({width:a,height:260,padding:[16,0,0,0],cursor:Z(i,n),scales:{x:{time:!ae(e.range),range:re(e.range)},y:{auto:!0,range:r},y2:{auto:!0,range:r}},axes:(()=>{const o=ne(c,s,e.range);return o[1]={...o[1],stroke:n,values:(u,_)=>_.map(p=>z(u,p))},o.push({scale:"y2",side:1,stroke:l,grid:{show:!1},ticks:{show:!1},font:'11px "DM Sans", sans-serif',size:54,gap:8,values:(u,_)=>_.map(p=>z(u,p))}),o})(),series:[{value:ee(e.range)},{label:"Sent to AI",scale:"y",stroke:n,width:2.5,fill:H("--bar-input",.25),value:z},{label:"Received from AI",scale:"y2",stroke:d,width:2,fill:H("--bar-output",.15),value:z}]},(()=>{const o=e.range==="24h",u=te(e.data,e.range??"",o?"hour":"date",_=>o?{hour:_,input_tokens:0,output_tokens:0}:{date:_,input_tokens:0,output_tokens:0});return[se(u),O(u.map(_=>_.input_tokens)),O(u.map(_=>_.output_tokens))]})(),t)}}),(()=>{var a=nt(),n=t;return typeof n=="function"?q(n,a):t=a,a})()};var rt=v("<span>%"),lt=v('<div class=chart-card><div class=chart-card__header><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Cost</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Token usage</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div><div class="chart-card__stat chart-card__stat--clickable"><span class=chart-card__label>Messages</span><div class=chart-card__value-row><span class=chart-card__value></span></div></div></div><div class=chart-card__body>'),it=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No cost data for this time range"),ot=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No token data for this time range"),dt=v("<div style=height:260px;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center>No message data for this time range");const W=(e,t,a)=>{if(e===0||Math.abs(t)<.005)return null;const n=Math.max(-999,Math.min(999,Math.round(e)));if(n===0)return null;let d;a==="neutral"?d="trend trend--neutral":d=n>0?"trend trend--up-bad":"trend trend--down-good";const l=n>0?"+":"";return(()=>{var c=rt(),s=c.firstChild;return $e(c,d),m(c,l,s),m(c,n,s),c})()},ct=e=>(()=>{var t=lt(),a=t.firstChild,n=a.firstChild,d=n.firstChild,l=d.nextSibling,c=l.firstChild,s=n.nextSibling,i=s.firstChild;i.firstChild;var r=i.nextSibling,o=r.firstChild,u=s.nextSibling,_=u.firstChild,p=_.nextSibling,b=p.firstChild,k=a.nextSibling;return n.$$click=()=>e.onViewChange("cost"),m(c,()=>ce(e.costValue)??"$0.00"),m(l,()=>W(e.costTrendPct,e.costValue,"inverted"),null),s.$$click=()=>e.onViewChange("tokens"),m(i,h(Ne,{text:"Tokens are units of text that AI models process. More tokens = higher cost."}),null),m(o,()=>ue(e.tokensValue)),m(r,()=>W(e.tokensTrendPct,e.tokensValue,"inverted"),null),u.$$click=()=>e.onViewChange("messages"),m(b,()=>e.messagesValue),m(p,()=>W(e.messagesTrendPct,e.messagesValue,"neutral"),null),m(k,h(x,{get when(){return e.activeView==="cost"},get children(){return h(x,{get when(){return e.costUsage?.length},get fallback(){return it()},get children(){return h(et,{get data(){return e.costUsage},get range(){return e.range}})}})}}),null),m(k,h(x,{get when(){return e.activeView==="tokens"},get children(){return h(x,{get when(){return e.tokenUsage?.length},get fallback(){return ot()},get children(){return h(st,{get data(){return e.tokenUsage},get range(){return e.range}})}})}}),null),m(k,h(x,{get when(){return e.activeView==="messages"},get children(){return h(x,{get when(){return e.messageChartData.length},get fallback(){return dt()},get children(){return h(at,{get data(){return e.messageChartData},label:"Messages",colorVar:"--chart-1",get range(){return e.range}})}})}}),null),G($=>{var I=e.activeView==="cost",M=e.activeView==="tokens",f=e.activeView==="messages";return I!==$.e&&n.classList.toggle("chart-card__stat--active",$.e=I),M!==$.t&&s.classList.toggle("chart-card__stat--active",$.t=M),f!==$.a&&u.classList.toggle("chart-card__stat--active",$.a=f),$},{e:void 0,t:void 0,a:void 0}),t})();de(["click"]);var ut=v('<div class=panel style=margin-top:var(--gap-lg)><div class=panel__title>Cost by Model</div><p style="font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin:-8px 0 12px">How much each model costs you</p><table class=data-table><thead><tr><th>Model</th><th>Tokens</th><th>% of total</th><th>Cost</th></tr></thead><tbody>'),gt=v("<tr><td style=font-family:var(--font-mono);font-size:var(--font-size-sm)><span style=display:inline-flex;align-items:center;gap:4px></span></td><td></td><td><div style=display:flex;align-items:center;gap:8px><div style=width:40px;height:4px;border-radius:2px;background:hsl(var(--muted));overflow:hidden><div></div></div><span style=font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))>%</span></div></td><td style=font-weight:600>"),ht=v("<span class=provider-card__logo-letter style=width:16px;height:16px;font-size:9px;flex-shrink:0;border-radius:50%>"),mt=v("<span style=display:inline-flex;flex-shrink:0;position:relative>");const _t=e=>(()=>{var t=ut(),a=t.firstChild,n=a.nextSibling,d=n.nextSibling,l=d.firstChild,c=l.nextSibling;return m(c,h(K,{get each(){return[...e.rows].sort((s,i)=>i.estimated_cost-s.estimated_cost)},children:s=>(()=>{var i=gt(),r=i.firstChild,o=r.firstChild,u=r.nextSibling,_=u.nextSibling,p=_.firstChild,b=p.firstChild,k=b.firstChild,$=b.nextSibling,I=$.firstChild,M=_.nextSibling;return m(o,(()=>{var f=E(()=>!!(s.model&&j(s.model)==="custom"));return()=>f()?(()=>{const w=e.customProviderName(s.model),R=(w??Ee(s.model)).charAt(0).toUpperCase();return(()=>{var N=ht();return Y(N,"title",w),m(N,R),G(F=>ye(N,"background",De(w??""))),N})()})():E(()=>!!(s.model&&j(s.model)))()?(()=>{var w=mt();return m(w,()=>Fe(j(s.model),14),null),m(w,()=>Pe(s.auth_type,8),null),G(()=>Y(w,"title",`${Ue(s.model)} (${Le(s.auth_type)})`)),w})():null})(),null),m(o,(()=>{var f=E(()=>!!s.model);return()=>f()?s.display_name||Te(s.model):s.model})(),null),m(u,()=>ue(s.tokens)),m($,()=>Math.round(s.share_pct),I),m(M,()=>ce(s.estimated_cost)??"—"),G(f=>{var w=`width: ${s.share_pct}%; height: 100%; background: hsl(var(--chart-1)); border-radius: 2px;`,R=s.estimated_cost>0&&s.estimated_cost<.01?`$${s.estimated_cost.toFixed(6)}`:void 0;return f.e=be(k,w,f.e),R!==f.t&&Y(M,"title",f.t=R),f},{e:void 0,t:void 0}),i})()})),t})();var vt=v('<div class=chart-card><div class=chart-card__header><div class="chart-card__stat chart-card__stat--active"><span class=chart-card__label>Cost</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:80px;height:28px></div></div></div><div class=chart-card__stat><span class=chart-card__label>Token usage</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:70px;height:28px></div></div></div><div class=chart-card__stat><span class=chart-card__label>Messages</span><div class=chart-card__value-row><div class="skeleton skeleton--text"style=width:50px;height:28px></div></div></div></div><div class=chart-card__body><div class="skeleton skeleton--rect"style=width:100%;height:260px>'),ft=v("<div class=panel><div class=panel__title style=display:flex;justify-content:space-between;align-items:center>Recent Messages<span class=view-more-link style=pointer-events:none;opacity:0.4>View more</span></div><table class=data-table><thead><tr><th>Date</th><th>Message</th><th>Cost</th><th>Model</th><th>Tokens</th><th>Status</th></tr></thead><tbody>"),pt=v('<div class=panel style=margin-top:var(--gap-lg)><div class=panel__title>Cost by Model</div><p style="font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin:-8px 0 12px">How much each AI model is costing you</p><table class=data-table><thead><tr><th>Model</th><th>Tokens</th><th>% of total</th><th>Cost</th></tr></thead><tbody>'),$t=v('<tr><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:70%></div></td><td><div class="skeleton skeleton--text"style=width:40%></div></td><td><div class="skeleton skeleton--text"style=width:50%>'),yt=v('<tr><td><div class="skeleton skeleton--text"style=width:60%></div></td><td><div class="skeleton skeleton--text"style=width:40%></div></td><td><div class="skeleton skeleton--text"style=width:50%></div></td><td><div class="skeleton skeleton--text"style=width:40%>');const bt=()=>[vt(),(()=>{var e=ft(),t=e.firstChild,a=t.nextSibling,n=a.firstChild,d=n.nextSibling;return m(d,h(K,{each:[1,2,3,4,5],children:()=>$t()})),e})(),(()=>{var e=pt(),t=e.firstChild,a=t.nextSibling,n=a.nextSibling,d=n.firstChild,l=d.nextSibling;return m(l,h(K,{each:[1,2,3],children:()=>yt()})),e})()];var xt=v('<button class="btn btn--primary btn--sm">Set up agent'),wt=v('<div class=empty-state><div class=empty-state__title>No activity yet</div><p>Connect a provider to start routing LLM calls.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Enable routing</button><div class=empty-state__img-wrapper><img src=/example-overview.svg alt="Example dashboard overview showing cost and token charts"class=empty-state__img loading=lazy>',!0,!1,!1),kt=v("<div class=container--md><div class=page-header><div><h1>Overview</h1><span class=breadcrumb>Real-time summary of spending, tokens, and messages</span></div><div class=header-controls>"),Ct=v('<div class=empty-state><div class=empty-state__title>No activity yet</div><p>Set up your agent and send a message. Usage data shows up here.</p><button class="btn btn--primary btn--sm"style=margin-top:var(--gap-md)>Set up agent</button><div class=empty-state__img-wrapper><img src=/example-overview.svg alt="Example dashboard overview showing cost and token charts"class=empty-state__img loading=lazy>',!0,!1,!1),St=v('<div class=waiting-banner><i class="bxd bx-florist"></i><p>No activity yet. Your dashboard updates seconds after the first LLM call.'),Mt=v("<div class=panel><div class=panel__title style=display:flex;justify-content:space-between;align-items:center>Recent Messages");const Ut=()=>{const e=xe(),t=we(),a=ke();Re();const n="manifest_chart_range",d=new Set(["24h","7d","30d"]),l=localStorage.getItem(n),[c,s]=L(l&&d.has(l)?l:"30d"),[i,r]=L(!!l),o=g=>{s(g),r(!0),localStorage.setItem(n,g)},[u,_]=L("cost"),[p,b]=L(Ae(decodeURIComponent(e.agentName))),[k,$]=L(!!localStorage.getItem(`setup_completed_${e.agentName}`)),[I]=le(()=>e.agentName,g=>Ye(decodeURIComponent(g))),M=g=>{const C=g.match(/^custom:([^/]+)\//);if(!C)return;const D=C[1];return I()?.find(U=>U.id===D)?.name},[f,{refetch:w}]=le(()=>({range:c(),agentName:e.agentName,_ping:Ve()}),g=>ze(g.range,g.agentName)),R=()=>{const g=f();return!!g&&(g.has_data!==!1||g.has_providers===!0)},N=()=>{const g=f();return!!g&&g.has_data===!1&&!g.has_providers};J(()=>{N()&&!k()&&!localStorage.getItem(`setup_dismissed_${e.agentName}`)&&b(!0)});const F=["30d","7d","24h"];J(()=>{if(i())return;const g=f();if(!g||g.has_data===!1&&!g.has_providers||(g.token_usage?.length??0)>0||(g.cost_usage?.length??0)>0||(g.message_usage?.length??0)>0)return;const D=F.indexOf(c());D<0||D>=F.length-1||s(F[D+1])});const _e=()=>f()?.message_usage?.map(C=>({time:C.hour??C.date??"",value:C.count}))??[];return(()=>{var g=kt(),C=g.firstChild,D=C.firstChild,U=D.nextSibling;return m(g,h(Ce,{get children(){return[E(()=>ie()??decodeURIComponent(e.agentName))," Overview - Manifest"]}}),C),m(g,h(Se,{name:"description",get content(){return`Monitor ${ie()??decodeURIComponent(e.agentName)} performance — costs, tokens, and activity.`}}),C),m(U,h(x,{get when(){return R()},get children(){return h(Ge,{get value(){return c()},onChange:o,options:[{label:"Last 24 hours",value:"24h"},{label:"Last 7 days",value:"7d"},{label:"Last 30 days",value:"30d"}]})}}),null),m(U,h(x,{get when(){return E(()=>!!N())()&&!k()},get children(){var S=xt();return S.$$click=()=>b(!0),S}}),null),m(g,h(x,{get when(){return f()!==void 0||!f.loading},get fallback(){return h(bt,{})},get children(){return h(x,{get when(){return!f.error},get fallback(){return h(Ie,{get error(){return f.error},onRetry:w})},get children(){return[h(x,{get when(){return N()},get children(){return h(x,{get when(){return k()},get fallback(){return(()=>{var S=Ct(),y=S.firstChild,A=y.nextSibling,P=A.nextSibling;return P.$$click=()=>b(!0),S})()},get children(){var S=wt(),y=S.firstChild,A=y.nextSibling,P=A.nextSibling;return P.$$click=()=>a(`/agents/${encodeURIComponent(e.agentName)}/routing`,{state:{openProviders:!0}}),S}})}}),h(x,{get when(){return R()},children:S=>{const y=()=>f();return[h(x,{get when(){return y().has_data===!1},get children(){return St()}}),h(ct,{get activeView(){return u()},onViewChange:_,get costValue(){return y().summary?.cost_today?.value??0},get costTrendPct(){return y().summary?.cost_today?.trend_pct??0},get tokensValue(){return y().summary?.tokens_today?.value??0},get tokensTrendPct(){return y().summary?.tokens_today?.trend_pct??0},get messagesValue(){return y().summary?.messages?.value??0},get messagesTrendPct(){return y().summary?.messages?.trend_pct??0},get costUsage(){return y().cost_usage},get tokenUsage(){return y().token_usage},get messageChartData(){return _e()},get range(){return c()}}),(()=>{var A=Mt(),P=A.firstChild;return P.firstChild,m(P,h(Me,{get href(){return`/agents/${e.agentName}/messages`},class:"view-more-link",children:"View more"}),null),m(A,h(He,{get items(){return y().recent_activity?.slice(0,5)??[]},columns:Oe,get agentName(){return e.agentName},customProviderName:M}),null),A})(),h(_t,{get rows(){return y().cost_by_model??[]},customProviderName:M})]}})]}})}}),null),m(g,h(Be,{get open(){return p()},get agentName(){return decodeURIComponent(e.agentName)},get apiKey(){return t.state?.newApiKey??null},onClose:()=>{localStorage.setItem(`setup_dismissed_${e.agentName}`,"1"),b(!1)},onDone:()=>{localStorage.setItem(`setup_completed_${e.agentName}`,"1"),$(!0)},onGoToRouting:()=>{a(`/agents/${encodeURIComponent(e.agentName)}/routing`,{state:{openProviders:!0}})}}),null),g})()};de(["click"]);export{Ut as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as o,g as n,T as V,M as X,i as r,m,h as c,A as f,S as $,t as s,d as j}from"./vendor-pl6Q4jbW.js";import{S as z}from"./SocialButtons-
|
|
1
|
+
import{a as o,g as n,T as V,M as X,i as r,m,h as c,A as f,S as $,t as s,d as j}from"./vendor-pl6Q4jbW.js";import{S as z}from"./SocialButtons-C4gw7_uX.js";import{s as L}from"./index-Ca5I2Nlk.js";import"./auth-DmX5tAfx.js";var G=s("<div class=auth-header><h1 class=auth-header__title>Check your email</h1><p class=auth-header__subtitle>We sent a verification link to <strong>"),J=s("<div class=auth-form><div class=auth-form__success>Click the link in your email to verify your account and get started.</div><button class=auth-form__link-btn>"),K=s("<div class=auth-footer>"),Q=s("<div class=auth-header><h1 class=auth-header__title>Create an account</h1><p class=auth-header__subtitle>Monitor your AI agents' costs and usage"),Z=s("<div class=auth-divider><span class=auth-divider__text>or"),ee=s("<div class=auth-form__error>An account with this email already exists. <!> or <!>."),M=s("<div class=auth-form__error>"),te=s('<form class=auth-form><label class=auth-form__label>Name<input class=auth-form__input type=text placeholder="Your name"required></label><label class=auth-form__label>Email<input class=auth-form__input type=email placeholder=you@example.com required></label><label class=auth-form__label>Password<input class=auth-form__input type=password placeholder="Create a password"required minlength=8></label><button class=auth-form__submit type=submit>'),ae=s("<p class=auth-terms>By signing up, you agree to our <a href=# class=auth-terms__link>Terms</a> and <a href=# class=auth-terms__link>Privacy Policy"),re=s("<div class=auth-footer><span>Already have an account? "),le=s("<span class=spinner>");const se=60,ce=()=>{const[g,N]=o(""),[_,D]=o(""),[v,O]=o(""),[d,p]=o(""),[b,S]=o(!1),[U,P]=o(!1),[y,C]=o(!1),[h,E]=o(0),w=()=>{E(se);const e=setInterval(()=>{E(a=>a<=1?(clearInterval(e),0):a-1)},1e3)},q=async e=>{e.preventDefault(),p(""),S(!0);const{data:a,error:l}=await L.signUp.email({name:g(),email:_(),password:v()});if(S(!1),l){l.code==="USER_ALREADY_EXISTS_USE_ANOTHER_EMAIL"&&C(!0),p(l.message??"Registration failed");return}if(C(!1),a?.token){window.location.href="/";return}P(!0),w()},B=async()=>{if(h()>0)return;const{error:e}=await L.sendVerificationEmail({email:_(),callbackURL:"/"});if(e){p(e.message??"Failed to resend verification email");return}w()};return[n(V,{children:"Sign Up - Manifest"}),n(X,{name:"description",content:"Create a Manifest account to start monitoring your AI agents."}),n($,{get when(){return U()},get fallback(){return[Q(),n(z,{}),Z(),(()=>{var e=te(),a=e.firstChild,l=a.firstChild,i=l.nextSibling,u=a.nextSibling,W=u.firstChild,x=W.nextSibling,k=u.nextSibling,Y=k.firstChild,R=Y.nextSibling,A=k.nextSibling;return e.addEventListener("submit",q),r(e,n($,{get when(){return y()},get children(){var t=ee(),F=t.firstChild,T=F.nextSibling,H=T.nextSibling,I=H.nextSibling;return I.nextSibling,r(t,n(f,{href:"/login",class:"auth-form__error-link",children:"Sign in"}),T),r(t,n(f,{href:"/reset-password",class:"auth-form__error-link",children:"reset your password"}),I),t}}),a),r(e,n($,{get when(){return m(()=>!!d())()&&!y()},get children(){var t=M();return r(t,d),t}}),a),i.$$input=t=>N(t.currentTarget.value),x.$$input=t=>D(t.currentTarget.value),R.$$input=t=>O(t.currentTarget.value),r(A,(()=>{var t=m(()=>!!b());return()=>t()?le():"Create account"})()),c(()=>A.disabled=b()),c(()=>i.value=g()),c(()=>x.value=_()),c(()=>R.value=v()),e})(),ae(),(()=>{var e=re();return e.firstChild,r(e,n(f,{href:"/login",class:"auth-footer__link",children:"Sign in"}),null),e})()]},get children(){return[(()=>{var e=G(),a=e.firstChild,l=a.nextSibling,i=l.firstChild,u=i.nextSibling;return r(u,_),e})(),(()=>{var e=J(),a=e.firstChild,l=a.nextSibling;return r(e,(()=>{var i=m(()=>!!d());return()=>i()&&(()=>{var u=M();return r(u,d),u})()})(),a),l.$$click=B,r(l,(()=>{var i=m(()=>h()>0);return()=>i()?`Resend in ${h()}s`:"Resend verification email"})()),c(()=>l.disabled=h()>0),e})(),(()=>{var e=K();return r(e,n(f,{href:"/login",class:"auth-footer__link",children:"Back to sign in"})),e})()]}})]};j(["click","input"]);export{ce as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as M,g as n,T as D,M as Y,S as C,a as o,i as s,m as S,h as $,A as k,t as i,d as B}from"./vendor-pl6Q4jbW.js";import{s as T}from"./index-
|
|
1
|
+
import{D as M,g as n,T as D,M as Y,S as C,a as o,i as s,m as S,h as $,A as k,t as i,d as B}from"./vendor-pl6Q4jbW.js";import{s as T}from"./index-Ca5I2Nlk.js";import"./auth-DmX5tAfx.js";var N=i("<div class=auth-header><h1 class=auth-header__title>Reset your password</h1><p class=auth-header__subtitle>"),A=i("<form class=auth-form><label class=auth-form__label>Email<input class=auth-form__input type=email placeholder=you@example.com required></label><button class=auth-form__submit type=submit>"),y=i("<div class=auth-footer>"),q=i("<div class=auth-form__error>"),F=i("<span class=spinner>"),j=i("<div class=auth-header><h1 class=auth-header__title>Set new password</h1><p class=auth-header__subtitle>"),z=i('<form class=auth-form><label class=auth-form__label>New password<input class=auth-form__input type=password placeholder="Enter new password"required minlength=8></label><label class=auth-form__label>Confirm password<input class=auth-form__input type=password placeholder="Confirm new password"required minlength=8></label><button class=auth-form__submit type=submit>'),G=i("<div class=auth-form><div class=auth-form__success>Your password has been updated. You can now sign in with your new password.");const H=()=>{const[d,u]=o(""),[h,g]=o(!1),[b,m]=o(""),[_,p]=o(!1),v=async r=>{r.preventDefault(),m(""),p(!0);const{error:a}=await T.requestPasswordReset({email:d(),redirectTo:"/reset-password"});if(p(!1),a){m(a.message??"Failed to send reset email");return}g(!0)};return[(()=>{var r=N(),a=r.firstChild,f=a.nextSibling;return s(f,()=>h()?"Check your email for a reset link":"Enter your email to receive a reset link"),r})(),n(C,{get when(){return!h()},get children(){var r=A(),a=r.firstChild,f=a.firstChild,e=f.nextSibling,t=a.nextSibling;return r.addEventListener("submit",v),s(r,(()=>{var l=S(()=>!!b());return()=>l()&&(()=>{var w=q();return s(w,b),w})()})(),a),e.$$input=l=>u(l.currentTarget.value),s(t,(()=>{var l=S(()=>!!_());return()=>l()?F():"Send reset link"})()),$(()=>t.disabled=_()),$(()=>e.value=d()),r}}),(()=>{var r=y();return s(r,n(k,{href:"/login",class:"auth-footer__link",children:"Back to sign in"})),r})()]},I=d=>{const[u,h]=o(""),[g,b]=o(""),[m,_]=o(""),[p,v]=o(!1),[r,a]=o(!1),f=async e=>{if(e.preventDefault(),_(""),u()!==g()){_("Passwords do not match");return}v(!0);const{error:t}=await T.resetPassword({newPassword:u(),token:d.token});if(v(!1),t){_(t.message??"Failed to reset password");return}a(!0)};return[(()=>{var e=j(),t=e.firstChild,l=t.nextSibling;return s(l,()=>r()?"Your password has been reset":"Enter your new password"),e})(),n(C,{get when(){return!r()},get fallback(){return[G(),(()=>{var e=y();return s(e,n(k,{href:"/login",class:"auth-footer__link",children:"Sign in"})),e})()]},get children(){return[(()=>{var e=z(),t=e.firstChild,l=t.firstChild,w=l.nextSibling,E=t.nextSibling,L=E.firstChild,P=L.nextSibling,x=E.nextSibling;return e.addEventListener("submit",f),s(e,(()=>{var c=S(()=>!!m());return()=>c()&&(()=>{var R=q();return s(R,m),R})()})(),t),w.$$input=c=>h(c.currentTarget.value),P.$$input=c=>b(c.currentTarget.value),s(x,(()=>{var c=S(()=>!!p());return()=>c()?F():"Reset password"})()),$(()=>x.disabled=p()),$(()=>w.value=u()),$(()=>P.value=g()),e})(),(()=>{var e=y();return s(e,n(k,{href:"/login",class:"auth-footer__link",children:"Back to sign in"})),e})()]}})]},Q=()=>{const[d]=M(),u=()=>d.token;return[n(D,{children:"Reset Password - Manifest"}),n(Y,{name:"description",content:"Reset your Manifest account password."}),n(C,{get when(){return u()},get fallback(){return n(H,{})},children:h=>n(I,{get token(){return h()}})})]};B(["input"]);export{Q as default};
|