arize-phoenix 5.6.0__py3-none-any.whl → 5.7.0__py3-none-any.whl

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.

Potentially problematic release.


This version of arize-phoenix might be problematic. Click here for more details.

Files changed (34) hide show
  1. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/METADATA +2 -2
  2. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/RECORD +34 -25
  3. phoenix/config.py +42 -0
  4. phoenix/server/api/helpers/playground_clients.py +671 -0
  5. phoenix/server/api/helpers/playground_registry.py +70 -0
  6. phoenix/server/api/helpers/playground_spans.py +325 -0
  7. phoenix/server/api/input_types/ChatCompletionInput.py +38 -0
  8. phoenix/server/api/input_types/GenerativeModelInput.py +17 -0
  9. phoenix/server/api/input_types/InvocationParameters.py +156 -13
  10. phoenix/server/api/input_types/TemplateOptions.py +10 -0
  11. phoenix/server/api/mutations/__init__.py +4 -0
  12. phoenix/server/api/mutations/chat_mutations.py +374 -0
  13. phoenix/server/api/queries.py +41 -52
  14. phoenix/server/api/schema.py +42 -10
  15. phoenix/server/api/subscriptions.py +326 -595
  16. phoenix/server/api/types/ChatCompletionSubscriptionPayload.py +44 -0
  17. phoenix/server/api/types/GenerativeProvider.py +27 -3
  18. phoenix/server/api/types/Span.py +37 -0
  19. phoenix/server/api/types/TemplateLanguage.py +9 -0
  20. phoenix/server/app.py +61 -13
  21. phoenix/server/main.py +14 -1
  22. phoenix/server/static/.vite/manifest.json +9 -9
  23. phoenix/server/static/assets/{components-C70HJiXz.js → components-Csu8UKOs.js} +114 -114
  24. phoenix/server/static/assets/{index-DLe1Oo3l.js → index-Bk5C9EA7.js} +1 -1
  25. phoenix/server/static/assets/{pages-C8-Sl7JI.js → pages-UeWaKXNs.js} +328 -268
  26. phoenix/server/templates/index.html +1 -0
  27. phoenix/services.py +4 -0
  28. phoenix/session/session.py +15 -1
  29. phoenix/utilities/template_formatters.py +11 -1
  30. phoenix/version.py +1 -1
  31. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/WHEEL +0 -0
  32. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/entry_points.txt +0 -0
  33. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/licenses/IP_NOTICE +0 -0
  34. {arize_phoenix-5.6.0.dist-info → arize_phoenix-5.7.0.dist-info}/licenses/LICENSE +0 -0
@@ -1,33 +1,33 @@
1
- import{r as u,j as e,R as Ke,n as ba,ak as zs,l as s,I as H,x as v,al as _e,z as Y,t as I,am as wn,an as tn,$ as U,ao as ua,D as ke,E as be,H as X,G as Nn,g as Ut,ap as Xe,aq as ue,ar as Ye,as as Vs,J as Xa,at as vn,au as le,av as Ce,a7 as $s,a5 as Ae,a6 as Z,aw as Te,ax as Os,ay as _a,az as Ea,aA as pa,aB as Wn,aC as la,o as Qs,aD as js,aE as qs,ab as Us,ac as Bs,aF as Hs,p as Gs,q as Ws,aG as Js,y as Zs,aH as M,aI as Bt,aJ as Xs,aK as St,aL as Ys,aM as eo,aN as no,aO as ao,aP as to,aQ as lo,aR as io,aS as ro}from"./vendor-CtqfhlbC.js";import{C as B,d as F,O as zn,D as W,c as h,I as w,a as L,N as Ya,K as Pe,M as J,Q as Re,S as de,U as so,m as Sa,H as va,P as Cn,B as ln,i as Vn,j as se,q as Fn,r as $n,v as ge,b as K,o as Ht,V as Me,L as ya,W as Gt,e as N,t as te,X as Wt,Y as Jt,Z as oo,$ as co,h as hn,w as ia,T as we,a0 as et,s as fe,k as G,E as Ca,G as $,f as En,a1 as nt,a2 as uo,J as On,u as mo,z as at,a3 as go,R as Rn,n as tt,l as vt}from"./vendor-arizeai-C_3SBz56.js";import{c as po,N as yo,T as fo,L as he,u as ce,B as ho,a as mn,D as ko,G as bo,b as So,d as vo,S as Co,R as xe,e as Ve,f as Ue,g as lt,P as Zt,h as Xt,M as Ct,i as Ft,j as Qn,k as Fo,l as Ko,m as Q,n as Yt,o as ye,p as Fa,q as jn,r as el,s as qn,t as Un,v as nl,w as Be,x as Qe,C as pe,y as Ka,z as rn,A as it,E as He,F as xo,H as To,I as Do,J as Io,K as Po,O as Lo,Q as wo,U as je,V as me,W as _o,X as Eo,Y as al,Z as Ao,_ as Ro,$ as Kt,a0 as Mo,a1 as No,a2 as zo,a3 as Vo,a4 as $o,a5 as Oo,a6 as tl,a7 as Kn,a8 as Qo,a9 as jo,aa as qo,ab as Uo,ac as Bo,ad as kn,ae as rt,af as ll,ag as _n,ah as Ba,ai as Pn,aj as Ze,ak as Ho,al as Go,am as il,an as rl,ao as xa,ap as Ee,aq as Ta,ar as xn,as as ae,at as Ge,au as Wo,av as oe,aw as st,ax as Oe,ay as De,az as bn,aA as ot,aB as sl,aC as Tn,aD as Jo,aE as dt,aF as Le,aG as Ne,aH as Bn,aI as Zo,aJ as ra,aK as Da,aL as ol,aM as dl,aN as Xo,aO as cl,aP as ul,aQ as ml,aR as Hn,aS as en,aT as We,aU as Fe,aV as Yo,aW as xt,aX as gl,aY as ed,aZ as nd,a_ as ad,a$ as td,b0 as ld,b1 as An,b2 as pn,b3 as Ha,b4 as Je,b5 as pl,b6 as id,b7 as yn,b8 as rd,b9 as Ia,ba as sd,bb as ct,bc as od,bd as ut,be as yl,bf as fl,bg as dd,bh as Ga,bi as hl,bj as cd,bk as ud,bl as ma,bm as md,bn as kl,bo as bl,bp as gd,bq as mt,br as Sl,bs as pd,bt as Pa,bu as vl,bv as yd,bw as fd,bx as hd,by as kd,bz as Cl,bA as bd,bB as Sd,bC as vd,bD as Cd,bE as Fd,bF as Kd,bG as xd,bH as Td,bI as Dd,bJ as Id,bK as Tt,bL as Pd}from"./components-C70HJiXz.js";import{R as sn,C as sa,X as on,Y as ze,a as dn,T as cn,B as Mn,A as aa,b as Fl,c as gt,L as Kl,d as Ld,P as wd,e as _d,f as Ed}from"./vendor-recharts-BiVnSv90.js";import{p as pt,R as oa,n as da,j as Ad,E as xl,m as Rd,o as Md,g as Nd}from"./vendor-codemirror-wfdk9cjp.js";const Tl=u.createContext(null);function Uy({children:n,...a}){const[t]=u.useState(()=>po(a));return e(Tl.Provider,{value:t,children:n})}function Wa(n,a){const t=Ke.useContext(Tl);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ba(t,n,a)}const Dl="arize-phoenix-feature-flags",Aa={playground:!1,playgroundNonStreaming:!1,playgroundWithDatasets:!1};function zd(){const n=localStorage.getItem(Dl);if(!n)return Aa;try{const a=JSON.parse(n);return Object.assign({},Aa,a)}catch{return Aa}}const Il=u.createContext(null);function Pl(){const n=Ke.useContext(Il);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function La(n){const{featureFlags:a}=Pl();return a[n]}function By(n){const[a,t]=u.useState(zd()),l=i=>{localStorage.setItem(Dl,JSON.stringify(i)),t(i)};return e(Il.Provider,{value:{featureFlags:a,setFeatureFlags:l},children:e(Vd,{children:n.children})})}function Vd(n){const{children:a}=n,{featureFlags:t,setFeatureFlags:l}=Pl(),[i,r]=u.useState(!1);return zs("ctrl+shift+f",()=>r(!0)),s(H,{children:[a,e(W,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(B,{title:"Feature Flags",children:e(F,{height:"size-1000",padding:"size-100",children:Object.keys(t).map(o=>e(zn,{isSelected:t[o],onChange:c=>l({...t,[o]:c}),children:o},o))})})})]})}const Ll=u.createContext(null);function $d(){const n=u.useContext(Ll);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function Hy(n){return e(Ll.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Od=v`
1
+ import{r as u,j as e,R as Ke,n as ha,ak as Us,l as s,I as B,x as C,al as _e,z as Y,t as I,am as En,an as ln,$ as U,ao as ua,D as ke,E as be,H as X,G as Vn,g as Wt,ap as Ye,aq as me,ar as en,as as Bs,J as nt,at as Fn,au as ie,av as Ce,a7 as Hs,a5 as Re,a6 as J,aw as xe,ax as Gs,ay as Ra,az as Ma,aA as ga,aB as Wn,aC as la,o as Ws,aD as Js,aE as Zs,ab as Xs,ac as Ys,aF as eo,p as no,q as ao,aG as to,y as lo,aH as _,aI as ka,aJ as io,aK as Ct,aL as ro,aM as so,aN as oo,aO as co,aP as uo,aQ as mo,aR as go,aS as po}from"./vendor-CtqfhlbC.js";import{C as H,d as F,O as Kn,D as G,c as h,I as E,a as P,N as at,K as Le,M as W,Q as Me,S as ce,U as yo,m as ba,H as Sa,P as Tn,B as rn,i as zn,j as oe,q as xn,r as $n,v as pe,b as K,o as Jt,V as Ne,L as pa,W as Zt,e as N,t as le,X as Xt,Y as Yt,Z as fo,$ as ho,h as Sn,w as ia,T as De,a0 as tt,s as fe,k as Z,E as va,G as $,f as hn,a1 as lt,a2 as ko,J as On,u as bo,z as it,a3 as So,R as Mn,n as rt,l as vo}from"./vendor-arizeai-C_3SBz56.js";import{c as Co,N as Fo,T as Ko,L as he,u as ue,B as To,a as pn,D as xo,G as Do,b as Io,d as Po,S as Lo,R as Te,e as $e,f as Be,g as st,P as el,h as nl,M as Ft,i as Kt,j as Qn,k as wo,l as _o,m as Q,n as al,o as ae,p as Ca,q as jn,r as tl,s as qn,t as Un,v as ll,w as He,x as je,C as ye,y as Fa,z as sn,A as ot,E as Ge,F as Eo,H as Ao,I as Ro,J as Mo,K as No,O as Vo,Q as zo,U as qe,V as ge,W as $o,X as Oo,Y as il,Z as Qo,_ as jo,$ as Tt,a0 as qo,a1 as Uo,a2 as Bo,a3 as Ho,a4 as Go,a5 as Wo,a6 as rl,a7 as Dn,a8 as Jo,a9 as Zo,aa as Xo,ab as Yo,ac as ed,ad as vn,ae as dt,af as sl,ag as An,ah as Ha,ai as wn,aj as Xe,ak as nd,al as ad,am as ol,an as dl,ao as Ka,ap as Ee,aq as Ta,ar as In,as as te,at as We,au as td,av as de,aw as ct,ax as Qe,ay as Ie,az as Ae,aA as ut,aB as cl,aC as on,aD as ld,aE as mt,aF as we,aG as Ve,aH as Bn,aI as id,aJ as ra,aK as xa,aL as ul,aM as ml,aN as rd,aO as gl,aP as pl,aQ as yl,aR as Hn,aS as nn,aT as Je,aU as Fe,aV as sd,aW as xt,aX as fl,aY as od,aZ as dd,a_ as cd,a$ as ud,b0 as md,b1 as Rn,b2 as fn,b3 as Ga,b4 as Ze,b5 as hl,b6 as gd,b7 as kn,b8 as pd,b9 as Da,ba as yd,bb as gt,bc as fd,bd as pt,be as kl,bf as bl,bg as hd,bh as Wa,bi as Sl,bj as kd,bk as bd,bl as ma,bm as Sd,bn as vl,bo as Cl,bp as vd,bq as Fl,br as Kl,bs as Cd,bt as Ia,bu as Fd,bv as Ja,bw as Kd,bx as Td,by as xd,bz as Dd,bA as Tl,bB as Id,bC as Za,bD as Pd,bE as Ld,bF as wd,bG as _d,bH as Ed,bI as Ad,bJ as Dt,bK as Rd}from"./components-Csu8UKOs.js";import{R as dn,C as sa,X as cn,Y as ze,a as un,T as mn,B as Nn,A as aa,b as xl,c as yt,L as Dl,d as Md,P as Nd,e as Vd,f as zd}from"./vendor-recharts-BiVnSv90.js";import{p as ft,R as oa,n as da,j as $d,E as Il,m as Od,o as Qd,g as jd}from"./vendor-codemirror-wfdk9cjp.js";const Pl=u.createContext(null);function Kf({children:n,...a}){const[t]=u.useState(()=>Co(a));return e(Pl.Provider,{value:t,children:n})}function Xa(n,a){const t=Ke.useContext(Pl);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ha(t,n,a)}const Ll="arize-phoenix-feature-flags",Na={playground:!1,playgroundNonStreaming:!1,playgroundWithDatasets:!1};function qd(){const n=localStorage.getItem(Ll);if(!n)return Na;try{const a=JSON.parse(n);return Object.assign({},Na,a)}catch{return Na}}const wl=u.createContext(null);function _l(){const n=Ke.useContext(wl);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function Pa(n){const{featureFlags:a}=_l();return a[n]}function Tf(n){const[a,t]=u.useState(qd()),l=i=>{localStorage.setItem(Ll,JSON.stringify(i)),t(i)};return e(wl.Provider,{value:{featureFlags:a,setFeatureFlags:l},children:e(Ud,{children:n.children})})}function Ud(n){const{children:a}=n,{featureFlags:t,setFeatureFlags:l}=_l(),[i,r]=u.useState(!1);return Us("ctrl+shift+f",()=>r(!0)),s(B,{children:[a,e(G,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(H,{title:"Feature Flags",children:e(F,{height:"size-1000",padding:"size-100",children:Object.keys(t).map(o=>e(Kn,{isSelected:t[o],onChange:c=>l({...t,[o]:c}),children:o},o))})})})]})}const El=u.createContext(null);function Bd(){const n=u.useContext(El);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function xf(n){return e(El.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Hd=C`
2
2
  display: flex;
3
3
  direction: row;
4
4
  height: 100vh;
5
5
  overflow: hidden;
6
- `,Qd=v`
6
+ `,Gd=C`
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  flex: 1 1 auto;
10
10
  height: 100%;
11
11
  overflow: hidden;
12
12
  padding-left: var(--px-nav-collapsed-width);
13
- `,jd=v`
13
+ `,Wd=C`
14
14
  flex: 1 1 auto;
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  height: 100%;
18
18
  overflow: hidden;
19
- `,qd=v`
19
+ `,Jd=C`
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  margin: 0;
23
23
  list-style: none;
24
24
  gap: var(--ac-global-dimension-size-50);
25
25
  padding-inline-start: 0;
26
- `,Ud=v`
26
+ `,Zd=C`
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  gap: var(--ac-global-dimension-size-50);
30
- `;function Gy(){return s("div",{css:Od,"data-testid":"layout",children:[e(Bd,{}),s("div",{css:Qd,children:[e(fo,{children:e(yo,{})}),e("div",{"data-testid":"content",css:jd,children:e(u.Suspense,{fallback:e(he,{}),children:e(_e,{})})})]})]})}function Bd(){const n=u.useMemo(()=>window.Config.hasInferences,[]),a=ce(),{authenticationEnabled:t}=$d(),l=Y(),i=u.useCallback(async()=>{const o=await fetch("/auth/logout",{method:"POST"});if(o.ok){l("/login");return}a({title:"Logout Failed",message:"Failed to log out: "+o.statusText})},[l,a]),r=La("playground");return s(Co,{children:[e(ho,{}),s(h,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[s("ul",{css:Ud,children:[n&&e("li",{children:e(mn,{to:"/model",text:"Model",icon:e(w,{svg:e(L.CubeOutline,{})})})}),e("li",{children:e(mn,{to:"/projects",text:"Projects",icon:e(w,{svg:e(L.GridOutline,{})})})}),e("li",{children:e(mn,{to:"/datasets",text:"Datasets",icon:e(w,{svg:e(L.DatabaseOutline,{})})})}),r&&e("li",{children:e(mn,{to:"/playground",text:"Playground",icon:e(w,{svg:e(L.PlayCircleOutline,{})})})}),e("li",{children:e(mn,{to:"/apis",text:"APIs",icon:e(w,{svg:e(L.Code,{})})})})]}),s("ul",{css:qd,children:[e("li",{children:e(mn,{to:"/settings",text:"Settings",icon:e(w,{svg:e(L.SettingsOutline,{})})})}),e("li",{children:e(ko,{})}),e("li",{children:e(bo,{})}),e("li",{children:e(So,{})}),t&&s(H,{children:[e("li",{children:e(mn,{to:"/profile",text:"Profile",icon:e(w,{svg:e(L.PersonOutline,{})})})}),e("li",{children:e(vo,{text:"Log Out",icon:e(w,{svg:e(L.LogOut,{})}),onClick:i})})]})]})]})]})}const wl=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"6926e4e720b443f7b7252b60271944e6",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
30
+ `;function Df(){return s("div",{css:Hd,"data-testid":"layout",children:[e(Xd,{}),s("div",{css:Gd,children:[e(Ko,{children:e(Fo,{})}),e("div",{"data-testid":"content",css:Wd,children:e(u.Suspense,{fallback:e(he,{}),children:e(_e,{})})})]})]})}function Xd(){const n=u.useMemo(()=>window.Config.hasInferences,[]),a=ue(),{authenticationEnabled:t}=Bd(),l=Y(),i=u.useCallback(async()=>{const o=await fetch("/auth/logout",{method:"POST"});if(o.ok){l("/login");return}a({title:"Logout Failed",message:"Failed to log out: "+o.statusText})},[l,a]),r=Pa("playground");return s(Lo,{children:[e(To,{}),s(h,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[s("ul",{css:Zd,children:[n&&e("li",{children:e(pn,{to:"/model",text:"Model",icon:e(E,{svg:e(P.CubeOutline,{})})})}),e("li",{children:e(pn,{to:"/projects",text:"Projects",icon:e(E,{svg:e(P.GridOutline,{})})})}),e("li",{children:e(pn,{to:"/datasets",text:"Datasets",icon:e(E,{svg:e(P.DatabaseOutline,{})})})}),r&&e("li",{children:e(pn,{to:"/playground",text:"Playground",icon:e(E,{svg:e(P.PlayCircleOutline,{})})})}),e("li",{children:e(pn,{to:"/apis",text:"APIs",icon:e(E,{svg:e(P.Code,{})})})})]}),s("ul",{css:Jd,children:[e("li",{children:e(pn,{to:"/settings",text:"Settings",icon:e(E,{svg:e(P.SettingsOutline,{})})})}),e("li",{children:e(xo,{})}),e("li",{children:e(Do,{})}),e("li",{children:e(Io,{})}),t&&s(B,{children:[e("li",{children:e(pn,{to:"/profile",text:"Profile",icon:e(E,{svg:e(P.PersonOutline,{})})})}),e("li",{children:e(Po,{text:"Log Out",icon:e(E,{svg:e(P.LogOut,{})}),onClick:i})})]})]})]})]})}const Al=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"6926e4e720b443f7b7252b60271944e6",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
31
31
  functionality {
32
32
  modelInferences
33
33
  }
@@ -40,7 +40,7 @@ import{r as u,j as e,R as Ke,n as ba,ak as zs,l as s,I as H,x as v,al as _e,z as
40
40
  }
41
41
  }
42
42
  }
43
- `}}}();wl.hash="a4bbc4917b3217b8254d68ec7c76dbdd";async function Wy(n){var t;const a=await I.fetchQuery(xe,wl,{}).toPromise();if(a!=null&&a.functionality.modelInferences)return wn("/model");if((t=a==null?void 0:a.projects.edges)!=null&&t.length){let l=0,i=null;for(const{project:o}of a.projects.edges)o.endTime!=null&&(l++,i=o.id);if(l>1)return wn("/projects");if(l===1&&i!=null)return wn(`/projects/${i}`);const r=a==null?void 0:a.projects.edges[0].project.id;return wn(`/projects/${r}`)}else throw new Error("No functionality available")}const _l=function(){var n={defaultValue:null,kind:"LocalArgument",name:"endTime"},a={defaultValue:null,kind:"LocalArgument",name:"startTime"},t=[{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],l=[{kind:"Literal",name:"first",value:50}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"},c={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],g={alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ModelPageQuery",selections:[{args:t,kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"},{args:t,kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ModelPageQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:l,concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dimension",args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},g],storageKey:"dimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"},{alias:null,args:l,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"embeddingDimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"EmbeddingDimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"embedding",args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},g],storageKey:"embeddingDimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"18059ac8df6b3c15d5e4bc04ca2c9877",id:null,metadata:{},name:"ModelPageQuery",operationKind:"query",text:`query ModelPageQuery(
43
+ `}}}();Al.hash="a4bbc4917b3217b8254d68ec7c76dbdd";async function If(n){var t;const a=await I.fetchQuery(Te,Al,{}).toPromise();if(a!=null&&a.functionality.modelInferences)return En("/model");if((t=a==null?void 0:a.projects.edges)!=null&&t.length){let l=0,i=null;for(const{project:o}of a.projects.edges)o.endTime!=null&&(l++,i=o.id);if(l>1)return En("/projects");if(l===1&&i!=null)return En(`/projects/${i}`);const r=a==null?void 0:a.projects.edges[0].project.id;return En(`/projects/${r}`)}else throw new Error("No functionality available")}const Rl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"endTime"},a={defaultValue:null,kind:"LocalArgument",name:"startTime"},t=[{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],l=[{kind:"Literal",name:"first",value:50}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"},c={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],g={alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ModelPageQuery",selections:[{args:t,kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"},{args:t,kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ModelPageQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:l,concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dimension",args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},g],storageKey:"dimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"},{alias:null,args:l,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"embeddingDimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"EmbeddingDimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"embedding",args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},g],storageKey:"embeddingDimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"18059ac8df6b3c15d5e4bc04ca2c9877",id:null,metadata:{},name:"ModelPageQuery",operationKind:"query",text:`query ModelPageQuery(
44
44
  $startTime: DateTime!
45
45
  $endTime: DateTime!
46
46
  ) {
@@ -98,9 +98,9 @@ fragment ModelSchemaTable_dimensions_3uKjWt on Query {
98
98
  }
99
99
  }
100
100
  }
101
- `}}}();_l.hash="b612239336c7638df42037315b00f635";function Jy(n){const{referenceInferences:a}=Ve(),{timeRange:t}=Ue(),l=I.useLazyLoadQuery(_l,{startTime:t.start.toISOString(),endTime:t.end.toISOString()});return s("main",{children:[s(lt,{children:[e(Zt,{}),a?e(Xt,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:v`
101
+ `}}}();Rl.hash="b612239336c7638df42037315b00f635";function Pf(n){const{referenceInferences:a}=$e(),{timeRange:t}=Be(),l=I.useLazyLoadQuery(Rl,{startTime:t.start.toISOString(),endTime:t.end.toISOString()});return s("main",{children:[s(st,{children:[e(el,{}),a?e(nl,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:C`
102
102
  margin: var(--px-spacing-lg);
103
- `,children:e(Ya,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(Pe,{children:[e(J,{name:"All",children:s(Re,{children:[e(de,{title:"Embeddings",id:"embeddings",children:e(Ct,{model:l})}),e(de,{title:"Dimensions",id:"dimensions",children:e(Ft,{model:l})})]})},"all"),e(J,{name:"Embeddings",children:e(Ct,{model:l})},"embeddings"),e(J,{name:"Dimensions",children:e(Ft,{model:l})},"dimensions")]})})}),e(_e,{})]})}const El={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
103
+ `,children:e(at,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(Le,{children:[e(W,{name:"All",children:s(Me,{children:[e(ce,{title:"Embeddings",id:"embeddings",children:e(Ft,{model:l})}),e(ce,{title:"Dimensions",id:"dimensions",children:e(Kt,{model:l})})]})},"all"),e(W,{name:"Embeddings",children:e(Ft,{model:l})},"embeddings"),e(W,{name:"Dimensions",children:e(Kt,{model:l})},"dimensions")]})})}),e(_e,{})]})}const Ml={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
104
104
  model {
105
105
  ...MetricSelector_dimensions
106
106
  }
@@ -117,7 +117,7 @@ fragment MetricSelector_dimensions on Model {
117
117
  }
118
118
  }
119
119
  }
120
- `}};El.hash="374499f7f8ce6919e4a0a4ecbe380c52";const Al=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},c={defaultValue:null,kind:"LocalArgument",name:"minDist"},d={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},g={defaultValue:null,kind:"LocalArgument",name:"nSamples"},f={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},p=[{kind:"Variable",name:"id",variableName:"id"}],y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"x",storageKey:null},C={alias:null,args:null,kind:"ScalarField",name:"y",storageKey:null},b=[y,{alias:null,args:null,kind:"ScalarField",name:"eventId",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"coordinates",plural:!1,selections:[k,{kind:"InlineFragment",selections:[S,C,{alias:null,args:null,kind:"ScalarField",name:"z",storageKey:null}],type:"Point3D",abstractKey:null},{kind:"InlineFragment",selections:[S,C],type:"Point2D",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EmbeddingMetadata",kind:"LinkedField",name:"embeddingMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"linkToData",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"rawData",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null}],T=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],P={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"},{kind:"Variable",name:"minDist",variableName:"minDist"},{kind:"Variable",name:"nNeighbors",variableName:"nNeighbors"},{kind:"Variable",name:"nSamples",variableName:"nSamples"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"UMAPPoints",kind:"LinkedField",name:"UMAPPoints",plural:!1,selections:[{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"data",plural:!0,selections:b,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:b,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:b,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:T,storageKey:null}]},{condition:"fetchPerformanceMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"performanceMetric",plural:!1,selections:T,storageKey:null}]}],storageKey:null},{alias:null,args:null,concreteType:"Retrieval",kind:"LinkedField",name:"contextRetrievals",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"queryId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"relevance",storageKey:null}],storageKey:null}],storageKey:null}],type:"EmbeddingDimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,c,d,g,f,m],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[P],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,m,c,d,g,o,n,a,l,t,i,f],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,P,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
120
+ `}};Ml.hash="374499f7f8ce6919e4a0a4ecbe380c52";const Nl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},c={defaultValue:null,kind:"LocalArgument",name:"minDist"},d={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},g={defaultValue:null,kind:"LocalArgument",name:"nSamples"},f={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},p=[{kind:"Variable",name:"id",variableName:"id"}],y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"x",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"y",storageKey:null},v=[y,{alias:null,args:null,kind:"ScalarField",name:"eventId",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"coordinates",plural:!1,selections:[k,{kind:"InlineFragment",selections:[b,S,{alias:null,args:null,kind:"ScalarField",name:"z",storageKey:null}],type:"Point3D",abstractKey:null},{kind:"InlineFragment",selections:[b,S],type:"Point2D",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EmbeddingMetadata",kind:"LinkedField",name:"embeddingMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"linkToData",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"rawData",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null}],L=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],x={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"},{kind:"Variable",name:"minDist",variableName:"minDist"},{kind:"Variable",name:"nNeighbors",variableName:"nNeighbors"},{kind:"Variable",name:"nSamples",variableName:"nSamples"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"UMAPPoints",kind:"LinkedField",name:"UMAPPoints",plural:!1,selections:[{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"data",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:L,storageKey:null}]},{condition:"fetchPerformanceMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"performanceMetric",plural:!1,selections:L,storageKey:null}]}],storageKey:null},{alias:null,args:null,concreteType:"Retrieval",kind:"LinkedField",name:"contextRetrievals",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"queryId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"relevance",storageKey:null}],storageKey:null}],storageKey:null}],type:"EmbeddingDimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,c,d,g,f,m],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[x],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,m,c,d,g,o,n,a,l,t,i,f],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,x,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
121
121
  $id: GlobalID!
122
122
  $timeRange: TimeRange!
123
123
  $minDist: Float!
@@ -241,7 +241,7 @@ fragment MetricSelector_dimensions on Model {
241
241
  id
242
242
  }
243
243
  }
244
- `}}}();Al.hash="f1ee7ce02317f1c3fe96b77af405095f";function Hd(){const{theme:n}=Qn();return u.useMemo(()=>n==="light"?Fo:Ko,[n])}function Gd(){const{embeddingDimensionId:n}=tn();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Rl={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function fn(n){const a=Rl[n];return a!=null?a.shortName:n}function Ra(n){const a=Rl[n];return a&&a.definition!=null&&a.definition||null}function Dn(n){return`${n.column}:${n.dir}`}function Wd(){const{referenceInferences:n}=Ve(),a=!!n,t=Q(d=>d.clusterSort),l=Q(d=>d.setClusterSort),[i,r]=u.useState(!1),o=u.useMemo(()=>{const d=[];return a&&d.push({label:"Most drift",value:Dn({column:"driftRatio",dir:"desc"})}),[...d,{label:"Largest clusters",value:Dn({column:"size",dir:"desc"})},{label:"Smallest clusters",value:Dn({column:"size",dir:"asc"})},{label:"Highest metric value",value:Dn({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:Dn({column:"primaryMetricValue",dir:"asc"})}]},[a]),c=Dn(t);return e("div",{css:d=>v`
244
+ `}}}();Nl.hash="f1ee7ce02317f1c3fe96b77af405095f";function Yd(){const{theme:n}=Qn();return u.useMemo(()=>n==="light"?wo:_o,[n])}function ec(){const{embeddingDimensionId:n}=ln();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Vl={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function bn(n){const a=Vl[n];return a!=null?a.shortName:n}function Va(n){const a=Vl[n];return a&&a.definition!=null&&a.definition||null}function Pn(n){return`${n.column}:${n.dir}`}function nc(){const{referenceInferences:n}=$e(),a=!!n,t=Q(d=>d.clusterSort),l=Q(d=>d.setClusterSort),[i,r]=u.useState(!1),o=u.useMemo(()=>{const d=[];return a&&d.push({label:"Most drift",value:Pn({column:"driftRatio",dir:"desc"})}),[...d,{label:"Largest clusters",value:Pn({column:"size",dir:"desc"})},{label:"Smallest clusters",value:Pn({column:"size",dir:"asc"})},{label:"Highest metric value",value:Pn({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:Pn({column:"primaryMetricValue",dir:"asc"})}]},[a]),c=Pn(t);return e("div",{css:d=>C`
245
245
  .ac-action-button {
246
246
  background: none;
247
247
  border: none;
@@ -254,7 +254,7 @@ fragment MetricSelector_dimensions on Model {
254
254
  color: var(--ac-global-text-color-900);
255
255
  }
256
256
  }
257
- `,children:s(Cn,{placement:"bottom right","aria-label":"Sort clusters by",isOpen:i,onOpenChange:d=>r(d),children:[s(so,{children:["Sort",e("span",{"aria-hidden":!0,"data-testid":"dropdown-caret",css:v`
257
+ `,children:s(Tn,{placement:"bottom right","aria-label":"Sort clusters by",isOpen:i,onOpenChange:d=>r(d),children:[s(yo,{children:["Sort",e("span",{"aria-hidden":!0,"data-testid":"dropdown-caret",css:C`
258
258
  margin-left: var(--px-spacing-sm);
259
259
  border-bottom-color: #0000;
260
260
  border-left-color: #0000;
@@ -266,14 +266,14 @@ fragment MetricSelector_dimensions on Model {
266
266
  height: 0;
267
267
  vertical-align: middle;
268
268
  width: 0;
269
- `})]}),e(Sa,{children:e(va,{style:{width:200},selectedKeys:[c],selectionMode:"single",items:o,onSelectionChange:d=>{if(d instanceof Set&&d.size>0){const[g]=d.values(),[f,m]=g.split(":");l({column:f,dir:m})}r(!1)},children:d=>e(U,{children:d.label},d.value)})})]})})}const Ml=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"clusters"}],a=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportClusters",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EmbeddingActionMenuExportClustersMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EmbeddingActionMenuExportClustersMutation",selections:a},params:{cacheID:"1bef6586fcb3d6eb7034204fbe49633c",id:null,metadata:{},name:"EmbeddingActionMenuExportClustersMutation",operationKind:"mutation",text:`mutation EmbeddingActionMenuExportClustersMutation(
269
+ `})]}),e(ba,{children:e(Sa,{style:{width:200},selectedKeys:[c],selectionMode:"single",items:o,onSelectionChange:d=>{if(d instanceof Set&&d.size>0){const[g]=d.values(),[f,m]=g.split(":");l({column:f,dir:m})}r(!1)},children:d=>e(U,{children:d.label},d.value)})})]})})}const zl=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"clusters"}],a=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportClusters",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EmbeddingActionMenuExportClustersMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EmbeddingActionMenuExportClustersMutation",selections:a},params:{cacheID:"1bef6586fcb3d6eb7034204fbe49633c",id:null,metadata:{},name:"EmbeddingActionMenuExportClustersMutation",operationKind:"mutation",text:`mutation EmbeddingActionMenuExportClustersMutation(
270
270
  $clusters: [ClusterInput!]!
271
271
  ) {
272
272
  exportClusters(clusters: $clusters) {
273
273
  fileName
274
274
  }
275
275
  }
276
- `}}}();Ml.hash="b5ff2517dbb0d19a1b24dea1796a3576";function Jd(){const n=Q(r=>r.clusters),{notifyError:a,notifySuccess:t}=Yt(),[l,i]=I.useMutation(Ml);return e(ln,{align:"end",buttonSize:"compact",icon:i?e(w,{svg:e(L.LoadingOutline,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:c}=o.exportClusters;t({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${c}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(U,{children:[e(w,{svg:e(L.Download,{})}),"Export clusters"]},"export_cluster")})}const Nl={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"MetricSelector_dimensions",selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],type:"Model",abstractKey:null};Nl.hash="55d03de16503d7af254c17cef7d18ee0";const Ln=":";function Zd(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Jn(n){const{type:a,metric:t}=n;switch(a){case"drift":return`${a}${Ln}${t}`;case"retrieval":return`${a}${Ln}${t}`;case"performance":return`${a}${Ln}${t}`;case"dataQuality":{const{name:l}=n.dimension;return`${a}${Ln}${t}${Ln}${l}`}default:ye()}}function Xd({metricKey:n,dimensions:a}){const[t,l,i]=n.split(Ln);if(!Zd(t))throw new Error(`Invalid metric type: ${t}`);switch(t){case"drift":return{type:t,metric:l};case"retrieval":return{type:t,metric:l};case"performance":return{type:t,metric:l};case"dataQuality":{const r=a.find(o=>o.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:t,metric:l,dimension:r}}default:ye()}}const Yd=s($n,{variant:"info",children:[e(se,{level:4,children:"Analysis Metric"}),s(Fn,{children:[e("p",{children:"Select a metric to drive the analysis of your embeddings."}),e("p",{children:"To analyze the the drift between your two inferencess, select a drift metric and the UI will highlight areas of high drift."}),e("p",{children:"To analyze the quality of your embeddings, select a dimension data quality metric by which to analyze the point cloud. The UI will highlight areas where the data quality is degrading."})]})]});function ec({model:n}){const[,a]=u.useTransition(),t=I.useFragment(Nl,n),{referenceInferences:l,corpusInferences:i}=Ve(),r=!!l,o=!!i,c=Q(y=>y.metric),d=Q(y=>y.loading),g=Q(y=>y.setMetric),f=t.numericDimensions.edges.map(y=>y.node),m=f.length>0,p=u.useCallback(y=>{const k=Xd({metricKey:y,dimensions:f});a(()=>{g(k)})},[g,f,a]);return s(Vn,{label:"metric",labelExtra:Yd,selectedKey:c?Jn(c):void 0,onSelectionChange:p,placeholder:"Select a metric...",isDisabled:d,children:[r?e(ua,{title:"Drift",children:e(U,{children:"Euclidean Distance"},Jn({type:"drift",metric:"euclideanDistance"}))}):null,o?e(ua,{title:"Retrieval",children:e(U,{children:"Query Distance"},Jn({type:"retrieval",metric:"queryDistance"}))}):null,e(ua,{title:"Performance",children:e(U,{children:"Accuracy Score"},Jn({type:"performance",metric:"accuracyScore"}))}),m?e(ua,{title:"Data Quality",children:f.map(y=>e(U,{children:`${y.name} avg`},Jn({type:"dataQuality",metric:"average",dimension:y})))}):null]})}const zl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},o={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},c={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},d={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},g={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],m={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p={kind:"Variable",name:"granularity",variableName:"metricGranularity"},y={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[p,{kind:"Literal",name:"metric",value:"euclideanDistance"},y],S=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],C={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:S,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:S,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:S,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},b=[{kind:"Variable",name:"id",variableName:"dimensionId"}],T={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[p,{kind:"Literal",name:"metric",value:"mean"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:S,storageKey:null}],type:"Dimension",abstractKey:null},P={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[p,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},y],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:S,storageKey:null}]}],storageKey:null},_={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,c,d,g],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,C],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:b,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[T],storageKey:null}]},P],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,g,c,n,i,o,l,a,r,d],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[_,m,C],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:b,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[_,T,{kind:"TypeDiscriminator",abstractKey:"__isNode"},m],storageKey:null}]},P]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
276
+ `}}}();zl.hash="b5ff2517dbb0d19a1b24dea1796a3576";function ac(){const n=Q(r=>r.clusters),{notifyError:a,notifySuccess:t}=al(),[l,i]=I.useMutation(zl);return e(rn,{align:"end",buttonSize:"compact",icon:i?e(E,{svg:e(P.LoadingOutline,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:c}=o.exportClusters;t({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${c}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(U,{children:[e(E,{svg:e(P.Download,{})}),"Export clusters"]},"export_cluster")})}const $l={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"MetricSelector_dimensions",selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],type:"Model",abstractKey:null};$l.hash="55d03de16503d7af254c17cef7d18ee0";const _n=":";function tc(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Jn(n){const{type:a,metric:t}=n;switch(a){case"drift":return`${a}${_n}${t}`;case"retrieval":return`${a}${_n}${t}`;case"performance":return`${a}${_n}${t}`;case"dataQuality":{const{name:l}=n.dimension;return`${a}${_n}${t}${_n}${l}`}default:ae()}}function lc({metricKey:n,dimensions:a}){const[t,l,i]=n.split(_n);if(!tc(t))throw new Error(`Invalid metric type: ${t}`);switch(t){case"drift":return{type:t,metric:l};case"retrieval":return{type:t,metric:l};case"performance":return{type:t,metric:l};case"dataQuality":{const r=a.find(o=>o.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:t,metric:l,dimension:r}}default:ae()}}const ic=s($n,{variant:"info",children:[e(oe,{level:4,children:"Analysis Metric"}),s(xn,{children:[e("p",{children:"Select a metric to drive the analysis of your embeddings."}),e("p",{children:"To analyze the the drift between your two inferencess, select a drift metric and the UI will highlight areas of high drift."}),e("p",{children:"To analyze the quality of your embeddings, select a dimension data quality metric by which to analyze the point cloud. The UI will highlight areas where the data quality is degrading."})]})]});function rc({model:n}){const[,a]=u.useTransition(),t=I.useFragment($l,n),{referenceInferences:l,corpusInferences:i}=$e(),r=!!l,o=!!i,c=Q(y=>y.metric),d=Q(y=>y.loading),g=Q(y=>y.setMetric),f=t.numericDimensions.edges.map(y=>y.node),m=f.length>0,p=u.useCallback(y=>{const k=lc({metricKey:y,dimensions:f});a(()=>{g(k)})},[g,f,a]);return s(zn,{label:"metric",labelExtra:ic,selectedKey:c?Jn(c):void 0,onSelectionChange:p,placeholder:"Select a metric...",isDisabled:d,children:[r?e(ua,{title:"Drift",children:e(U,{children:"Euclidean Distance"},Jn({type:"drift",metric:"euclideanDistance"}))}):null,o?e(ua,{title:"Retrieval",children:e(U,{children:"Query Distance"},Jn({type:"retrieval",metric:"queryDistance"}))}):null,e(ua,{title:"Performance",children:e(U,{children:"Accuracy Score"},Jn({type:"performance",metric:"accuracyScore"}))}),m?e(ua,{title:"Data Quality",children:f.map(y=>e(U,{children:`${y.name} avg`},Jn({type:"dataQuality",metric:"average",dimension:y})))}):null]})}const Ol=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},o={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},c={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},d={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},g={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],m={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p={kind:"Variable",name:"granularity",variableName:"metricGranularity"},y={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[p,{kind:"Literal",name:"metric",value:"euclideanDistance"},y],b=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],S={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:b,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:b,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},v=[{kind:"Variable",name:"id",variableName:"dimensionId"}],L={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[p,{kind:"Literal",name:"metric",value:"mean"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"Dimension",abstractKey:null},x={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[p,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},y],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:b,storageKey:null}]}],storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,c,d,g],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L],storageKey:null}]},x],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,g,c,n,i,o,l,a,r,d],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[w,m,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[w,L,{kind:"TypeDiscriminator",abstractKey:"__isNode"},m],storageKey:null}]},x]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
277
277
  $embeddingDimensionId: GlobalID!
278
278
  $timeRange: TimeRange!
279
279
  $metricGranularity: Granularity!
@@ -332,7 +332,7 @@ fragment MetricSelector_dimensions on Model {
332
332
  }
333
333
  }
334
334
  }
335
- `}}}();zl.hash="f31abad2141a5a1c461ef2a598ffa4f3";const Dt=new Intl.NumberFormat([],{maximumFractionDigits:2}),Vl=()=>{const n=Be(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function nc({active:n,payload:a,label:t}){var r,o,c;const{color:l,barColor:i}=Vl();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,g=((o=a[0])==null?void 0:o.value)??null,f=typeof d=="number"?Dt.format(d):"--",m=typeof g=="number"?Dt.format(g):"--";return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,name:((c=a[1])==null?void 0:c.payload.metricName)??"Metric",value:f}),e(pe,{color:i,shape:"square",name:"Count",value:m}),e(Ka,{}),s("div",{css:v`
335
+ `}}}();Ol.hash="f31abad2141a5a1c461ef2a598ffa4f3";const It=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ql=()=>{const n=He(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function sc({active:n,payload:a,label:t}){var r,o,c;const{color:l,barColor:i}=Ql();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,g=((o=a[0])==null?void 0:o.value)??null,f=typeof d=="number"?It.format(d):"--",m=typeof g=="number"?It.format(g):"--";return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,name:((c=a[1])==null?void 0:c.payload.metricName)??"Metric",value:f}),e(ye,{color:i,shape:"square",name:"Count",value:m}),e(Fa,{}),s("div",{css:C`
336
336
  display: flex;
337
337
  flex-direction: row;
338
338
  align-items: center;
@@ -340,7 +340,7 @@ fragment MetricSelector_dimensions on Model {
340
340
  gap: var(--px-spacing-sm);
341
341
 
342
342
  margin-top: var(--px-spacing-sm);
343
- `,children:[e(w,{svg:e(Ht,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function ac(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:ye()}}function tc(n){if(n)switch(n.type){case"drift":return fn(n.metric);case"performance":return fn(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return fn(n.metric);default:ye()}else return"Count"}function lc(n){switch(n.type){case"drift":return Ra(n.metric);case"performance":return Ra(n.metric);case"dataQuality":return null;case"retrieval":return Ra(n.metric);default:ye()}}function ic({embeddingDimensionId:n}){const a=Q(x=>x.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=Ue(),{selectedTimestamp:c,setSelectedTimestamp:d}=Fa(),g=jn(o),f=I.useLazyLoadQuery(zl,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:el(o),countGranularity:g,fetchDrift:t,fetchQueryDistance:l,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),m=qn({samplingIntervalMinutes:g.samplingIntervalMinutes}),p=u.useCallback(x=>{const{activePayload:D}=x;if(D!=null&&D.length>0){const A=D[0].payload;d(new Date(A.timestamp))}},[d]),y=rc({data:f,metric:a}),S=sc(f).reduce((x,D)=>(x[D.timestamp]=D.value,x),{})??{},C=y.map(x=>{const D=S[x.timestamp];return{...x,traffic:D,timestamp:new Date(x.timestamp).getTime()}}),b=tc(a),T=lc(a),{color:P,barColor:_}=Vl();return s("section",{css:v`
343
+ `,children:[e(E,{svg:e(Jt,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function oc(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:ae()}}function dc(n){if(n)switch(n.type){case"drift":return bn(n.metric);case"performance":return bn(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return bn(n.metric);default:ae()}else return"Count"}function cc(n){switch(n.type){case"drift":return Va(n.metric);case"performance":return Va(n.metric);case"dataQuality":return null;case"retrieval":return Va(n.metric);default:ae()}}function uc({embeddingDimensionId:n}){const a=Q(T=>T.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=Be(),{selectedTimestamp:c,setSelectedTimestamp:d}=Ca(),g=jn(o),f=I.useLazyLoadQuery(Ol,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:tl(o),countGranularity:g,fetchDrift:t,fetchQueryDistance:l,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),m=qn({samplingIntervalMinutes:g.samplingIntervalMinutes}),p=u.useCallback(T=>{const{activePayload:D}=T;if(D!=null&&D.length>0){const R=D[0].payload;d(new Date(R.timestamp))}},[d]),y=mc({data:f,metric:a}),b=gc(f).reduce((T,D)=>(T[D.timestamp]=D.value,T),{})??{},S=y.map(T=>{const D=b[T.timestamp];return{...T,traffic:D,timestamp:new Date(T.timestamp).getTime()}}),v=dc(a),L=cc(a),{color:x,barColor:w}=Ql();return s("section",{css:C`
344
344
  width: 100%;
345
345
  height: 100%;
346
346
  display: flex;
@@ -360,7 +360,7 @@ fragment MetricSelector_dimensions on Model {
360
360
  width: 100%;
361
361
  overflow: hidden;
362
362
  }
363
- `,children:[s(se,{level:3,children:[ac(a),T!=null?s($n,{children:[e(se,{level:4,children:b}),e(Fn,{children:T})]}):null]}),e("div",{children:e(sn,{width:"100%",height:"100%",children:s(sa,{data:C,margin:{top:25,right:18,left:18,bottom:10},onClick:p,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:P,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:P,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:_,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:_,stopOpacity:0})]})]}),e(on,{...Un,tickFormatter:x=>m(new Date(x)),style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:ge.colors.gray200,label:{value:b,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{yAxisId:"right",orientation:"right",label:{value:"Count",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{content:e(nc,{})}),e(Mn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(aa,{type:"monotone",dataKey:"value",stroke:P,fillOpacity:1,fill:"url(#colorUv)"}),c!=null?e(Fl,{...nl,x:c.getTime()}):null]})})})]})}function rc({data:n,metric:a}){var t,l,i,r,o,c;if(((t=n.embedding.euclideanDistanceTimeSeries)==null?void 0:t.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(d=>({metricName:fn(a.metric),...d}));if(((l=n.embedding.retrievalMetricTimeSeries)==null?void 0:l.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(d=>({metricName:fn(a.metric),...d}));if(n.dimension&&((r=(i=n.dimension)==null?void 0:i.dataQualityTimeSeries)==null?void 0:r.data)!=null&&n.dimension.dataQualityTimeSeries.data.length>0){const d=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(g=>({metricName:`${d} avg`,...g}))}else{if(n.model&&((o=n.model.performanceTimeSeries)==null?void 0:o.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(d=>({metricName:fn(a.metric),...d}));if(((c=n.embedding.trafficTimeSeries)==null?void 0:c.data)!=null)return n.embedding.trafficTimeSeries.data.map(d=>({metricName:"Count",...d}))}return[]}function sc(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const $l=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},t={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},l=[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null}],i=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:i,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:i},params:{cacheID:"8b48064eba35d0d6c8dc834c2f7795c0",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
363
+ `,children:[s(oe,{level:3,children:[oc(a),L!=null?s($n,{children:[e(oe,{level:4,children:v}),e(xn,{children:L})]}):null]}),e("div",{children:e(dn,{width:"100%",height:"100%",children:s(sa,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:p,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:x,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:x,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:w,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:w,stopOpacity:0})]})]}),e(cn,{...Un,tickFormatter:T=>m(new Date(T)),style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:pe.colors.gray200,label:{value:v,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{yAxisId:"right",orientation:"right",label:{value:"Count",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{content:e(sc,{})}),e(Nn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(aa,{type:"monotone",dataKey:"value",stroke:x,fillOpacity:1,fill:"url(#colorUv)"}),c!=null?e(xl,{...ll,x:c.getTime()}):null]})})})]})}function mc({data:n,metric:a}){var t,l,i,r,o,c;if(((t=n.embedding.euclideanDistanceTimeSeries)==null?void 0:t.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(d=>({metricName:bn(a.metric),...d}));if(((l=n.embedding.retrievalMetricTimeSeries)==null?void 0:l.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(d=>({metricName:bn(a.metric),...d}));if(n.dimension&&((r=(i=n.dimension)==null?void 0:i.dataQualityTimeSeries)==null?void 0:r.data)!=null&&n.dimension.dataQualityTimeSeries.data.length>0){const d=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(g=>({metricName:`${d} avg`,...g}))}else{if(n.model&&((o=n.model.performanceTimeSeries)==null?void 0:o.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(d=>({metricName:bn(a.metric),...d}));if(((c=n.embedding.trafficTimeSeries)==null?void 0:c.data)!=null)return n.embedding.trafficTimeSeries.data.map(d=>({metricName:"Count",...d}))}return[]}function gc(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const jl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},t={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},l=[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null}],i=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:i,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:i},params:{cacheID:"8b48064eba35d0d6c8dc834c2f7795c0",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
364
364
  $primaryEventIds: [ID!]!
365
365
  $referenceEventIds: [ID!]!
366
366
  $corpusEventIds: [ID!]!
@@ -440,7 +440,7 @@ fragment MetricSelector_dimensions on Model {
440
440
  }
441
441
  }
442
442
  }
443
- `}}}();$l.hash="4bd627481610322f2acbcf73dfbfaadc";const It=v`
443
+ `}}}();jl.hash="4bd627481610322f2acbcf73dfbfaadc";const Pt=C`
444
444
  margin: var(--px-spacing-lg);
445
445
  display: flex;
446
446
  flex-direction: column;
@@ -458,83 +458,83 @@ fragment MetricSelector_dimensions on Model {
458
458
  margin-inline-start: 0;
459
459
  }
460
460
  }
461
- `;function Zn(n){return e("div",{css:v`
461
+ `;function Zn(n){return e("div",{css:C`
462
462
  max-height: 200px;
463
463
  overflow-y: auto;
464
- `,children:e("pre",{css:v`
464
+ `,children:e("pre",{css:C`
465
465
  padding: var(--px-spacing-lg);
466
466
  color: var(--ac-global-text-color-900);
467
467
  white-space: normal;
468
468
  margin: 0;
469
- `,children:n.children})})}function oc({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,t=!n.id.includes("CORPUS");return s("section",{css:v`
469
+ `,children:n.children})})}function pc({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,t=!n.id.includes("CORPUS");return s("section",{css:C`
470
470
  height: 100%;
471
471
  overflow-y: auto;
472
- `,children:[e(mc,{event:n}),s(Re,{children:[t?e(de,{id:"prediction",title:"Prediction Details",children:s("dl",{css:It,children:[n.predictionId!=null&&s("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:v`
472
+ `,children:[e(kc,{event:n}),s(Me,{children:[t?e(ce,{id:"prediction",title:"Prediction Details",children:s("dl",{css:Pt,children:[n.predictionId!=null&&s("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:C`
473
473
  display: flex;
474
474
  align-items: center;
475
- `,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})}):e(de,{id:"document",title:"Document Details",children:e("dl",{css:It,children:n.predictionId!=null&&s("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:v`
475
+ `,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})}):e(ce,{id:"document",title:"Document Details",children:e("dl",{css:Pt,children:n.predictionId!=null&&s("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:C`
476
476
  display: flex;
477
477
  align-items: center;
478
- `,children:n.predictionId})]})})}),e(de,{id:"dimensions",title:"Dimensions",children:e(cc,{dimensions:n.dimensions})}),a&&e(de,{id:"retrievals",title:"Retrieved Documents",titleExtra:e(Me,{variant:"light",children:n.retrievedDocuments.length}),children:e("ul",{css:v`
478
+ `,children:n.predictionId})]})})}),e(ce,{id:"dimensions",title:"Dimensions",children:e(fc,{dimensions:n.dimensions})}),a&&e(ce,{id:"retrievals",title:"Retrieved Documents",titleExtra:e(Ne,{variant:"light",children:n.retrievedDocuments.length}),children:e("ul",{css:C`
479
479
  padding: var(--px-spacing-med);
480
480
  li + li {
481
481
  margin-top: var(--px-spacing-med);
482
482
  }
483
- `,children:n.retrievedDocuments.map(l=>e("li",{children:e(dc,{document:l})},l.id))})})]})]})}function dc({document:n}){return e(F,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(F,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(L.FileOutline,{})}),s(se,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(ya,{color:"blue",children:`relevance ${it(n.relevance)}`})]})}),e("pre",{css:v`
483
+ `,children:n.retrievedDocuments.map(l=>e("li",{children:e(yc,{document:l})},l.id))})})]})]})}function yc({document:n}){return e(F,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(F,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(E,{svg:e(P.FileOutline,{})}),s(oe,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(pa,{color:"blue",children:`relevance ${ot(n.relevance)}`})]})}),e("pre",{css:C`
484
484
  padding: var(--px-spacing-lg);
485
485
  white-space: normal;
486
486
  margin: 0;
487
- `,children:n.text})]})})}function cc({dimensions:n}){const a=u.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),t=u.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),l=ke({columns:t,data:a,getCoreRowModel:be()});return s("table",{css:He,children:[e("thead",{children:l.getHeaderGroups().map(i=>e("tr",{children:i.headers.map(r=>e("th",{colSpan:r.colSpan,children:r.isPlaceholder?null:e("div",{children:X(r.column.columnDef.header,r.getContext())})},r.id))},i.id))}),l.getCoreRowModel().rows.length?e("tbody",{children:l.getRowModel().rows.map(i=>e("tr",{children:i.getVisibleCells().map(r=>e("td",{children:X(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(gc,{})]})}function uc({dataUrl:n}){const a=To(n),t=Do(n);return a?e("video",{src:n,controls:!0,css:v`
487
+ `,children:n.text})]})})}function fc({dimensions:n}){const a=u.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),t=u.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),l=ke({columns:t,data:a,getCoreRowModel:be()});return s("table",{css:Ge,children:[e("thead",{children:l.getHeaderGroups().map(i=>e("tr",{children:i.headers.map(r=>e("th",{colSpan:r.colSpan,children:r.isPlaceholder?null:e("div",{children:X(r.column.columnDef.header,r.getContext())})},r.id))},i.id))}),l.getCoreRowModel().rows.length?e("tbody",{children:l.getRowModel().rows.map(i=>e("tr",{children:i.getVisibleCells().map(r=>e("td",{children:X(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(bc,{})]})}function hc({dataUrl:n}){const a=Ao(n),t=Ro(n);return a?e("video",{src:n,controls:!0,css:C`
488
488
  width: 100%;
489
489
  height: 500px;
490
490
  background-color: black;
491
- `}):t?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:v`
491
+ `}):t?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:C`
492
492
  object-fit: contain;
493
493
  background-color: black;
494
- `})}function mc({event:n}){const a=n.linkToData||void 0,t=n.rawData,l=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=s(h,{direction:"column",children:[e(uc,{dataUrl:a}),t&&e(Re,{children:e(de,{id:"raw",title:"Raw Data",children:e(Zn,{children:t})})})]}):i?r=e(Re,{children:e(de,{id:"document",title:"Document",children:e(Zn,{children:i})})}):l?r=s(Re,{children:[e(de,{id:"prompt",title:"Prompt",children:e(Zn,{children:l.prompt})}),e(de,{id:"response",title:"Response",children:e(Zn,{children:l.response})})]}):n.rawData&&n.rawData&&n.rawData,r}function gc(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>v`
494
+ `})}function kc({event:n}){const a=n.linkToData||void 0,t=n.rawData,l=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=s(h,{direction:"column",children:[e(hc,{dataUrl:a}),t&&e(Me,{children:e(ce,{id:"raw",title:"Raw Data",children:e(Zn,{children:t})})})]}):i?r=e(Me,{children:e(ce,{id:"document",title:"Document",children:e(Zn,{children:i})})}):l?r=s(Me,{children:[e(ce,{id:"prompt",title:"Prompt",children:e(Zn,{children:l.prompt})}),e(ce,{id:"response",title:"Response",children:e(Zn,{children:l.response})})]}):n.rawData&&n.rawData&&n.rawData,r}function bc(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>C`
495
495
  text-align: center;
496
496
  padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
497
- `,children:e(xo,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const Ol=function(){var n=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"ExportedFile",kind:"LinkedField",name:"exportedFiles",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExportSelectionButtonExportsQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ExportSelectionButtonExportsQuery",selections:n},params:{cacheID:"2f7e3554305121746dc799b6a8d120da",id:null,metadata:{},name:"ExportSelectionButtonExportsQuery",operationKind:"query",text:`query ExportSelectionButtonExportsQuery {
497
+ `,children:e(Eo,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const ql=function(){var n=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"ExportedFile",kind:"LinkedField",name:"exportedFiles",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExportSelectionButtonExportsQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ExportSelectionButtonExportsQuery",selections:n},params:{cacheID:"2f7e3554305121746dc799b6a8d120da",id:null,metadata:{},name:"ExportSelectionButtonExportsQuery",operationKind:"query",text:`query ExportSelectionButtonExportsQuery {
498
498
  model {
499
499
  exportedFiles {
500
500
  fileName
501
501
  }
502
502
  }
503
503
  }
504
- `}}}();Ol.hash="7e6db431afe21f137e54505645c787f4";const Ql=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"eventIds"}],a=[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"eventIds"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportEvents",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExportSelectionButtonMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExportSelectionButtonMutation",selections:a},params:{cacheID:"d370df04ca30a5059288c7aa298239a8",id:null,metadata:{},name:"ExportSelectionButtonMutation",operationKind:"mutation",text:`mutation ExportSelectionButtonMutation(
504
+ `}}}();ql.hash="7e6db431afe21f137e54505645c787f4";const Ul=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"eventIds"}],a=[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"eventIds"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportEvents",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExportSelectionButtonMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExportSelectionButtonMutation",selections:a},params:{cacheID:"d370df04ca30a5059288c7aa298239a8",id:null,metadata:{},name:"ExportSelectionButtonMutation",operationKind:"mutation",text:`mutation ExportSelectionButtonMutation(
505
505
  $eventIds: [ID!]!
506
506
  ) {
507
507
  exportEvents(eventIds: $eventIds) {
508
508
  fileName
509
509
  }
510
510
  }
511
- `}}}();Ql.hash="8b0d6962e2034d4c148d1b9919111d2f";const pc=`import phoenix as px
511
+ `}}}();Ul.hash="8b0d6962e2034d4c148d1b9919111d2f";const Sc=`import phoenix as px
512
512
 
513
513
  exports = px.active_session().exports
514
514
  dataframe = exports[-1]
515
- dataframe`,yc=v`
515
+ dataframe`,vc=C`
516
516
  .cm-content {
517
517
  padding: var(--ac-global-dimension-static-size-100);
518
518
  }
519
- `;function fc({value:n}){const{theme:a}=Qn(),t=a==="light"?void 0:da;return e(oa,{value:n,basicSetup:!1,extensions:[pt()],editable:!1,theme:t,css:yc})}function hc(){const n=Q(o=>o.selectedEventIds),[a,t]=I.useMutation(Ql),[l,i]=u.useState(null),r=u.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:o=>{i(o.exportEvents)}})},[a,n]);return s(H,{children:[e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(Gt,{})}),"aria-label":"Export selection / cluster",loading:t,onClick:r,children:t?"Exporting":"Export"}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l!=null&&s(B,{title:"Cluster Exports",size:"M",children:[e(te,{variant:"success",banner:!0,title:"Export succeeded",extra:e(N,{variant:"success",size:"compact",onClick:()=>{window.open(`/exports?filename=${l.fileName}`,"_self")},children:"Download"})}),s("div",{css:v`
519
+ `;function Cc({value:n}){const{theme:a}=Qn(),t=a==="light"?void 0:da;return e(oa,{value:n,basicSetup:!1,extensions:[ft()],editable:!1,theme:t,css:vc})}function Fc(){const n=Q(o=>o.selectedEventIds),[a,t]=I.useMutation(Ul),[l,i]=u.useState(null),r=u.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:o=>{i(o.exportEvents)}})},[a,n]);return s(B,{children:[e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(Zt,{})}),"aria-label":"Export selection / cluster",loading:t,onClick:r,children:t?"Exporting":"Export"}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l!=null&&s(H,{title:"Cluster Exports",size:"M",children:[e(le,{variant:"success",banner:!0,title:"Export succeeded",extra:e(N,{variant:"success",size:"compact",onClick:()=>{window.open(`/exports?filename=${l.fileName}`,"_self")},children:"Download"})}),s("div",{css:C`
520
520
  display: flex;
521
521
  flex-direction: column;
522
522
  justify-content: space-between;
523
523
  align-items: flex-start;
524
524
  padding: 16px;
525
525
  gap: 16px;
526
- `,children:[e("p",{css:v`
526
+ `,children:[e("p",{css:C`
527
527
  margin: 0;
528
528
  flex: 1 1 auto;
529
- `,children:"You can retrieve your export in your notebook via"}),e(F,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(fc,{value:pc})})]}),e(Re,{children:e(de,{id:"all-exports",title:"Latest Exports",children:e(u.Suspense,{fallback:e(he,{}),children:e(kc,{})})})})]})})]})}function kc(){const n=I.useLazyLoadQuery(Ol,{},{fetchPolicy:"network-only"});return e(Jt,{children:n.model.exportedFiles.map((a,t)=>e(Wt,{children:s("div",{css:v`
529
+ `,children:"You can retrieve your export in your notebook via"}),e(F,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(Cc,{value:Sc})})]}),e(Me,{children:e(ce,{id:"all-exports",title:"Latest Exports",children:e(u.Suspense,{fallback:e(he,{}),children:e(Kc,{})})})})]})})]})}function Kc(){const n=I.useLazyLoadQuery(ql,{},{fetchPolicy:"network-only"});return e(Yt,{children:n.model.exportedFiles.map((a,t)=>e(Xt,{children:s("div",{css:C`
530
530
  display: flex;
531
531
  flex-direction: row;
532
532
  justify-content: space-between;
533
533
  align-items: center;
534
- `,children:[a.fileName,e(N,{size:"compact","aria-label":"Download",variant:"default",icon:e(w,{svg:e(Gt,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},t))})}function bc(n){const{getInferencesNameByRole:a}=Ve(),{events:t,onItemSelected:l}=n,i=Q(g=>g.eventIdToDataMap),r=Q(g=>g.eventIdToGroup),o=Q(g=>g.pointGroupColors),c=Q(g=>g.selectionGridSize),d=Q(g=>g.setHoveredEventId);return e("div",{css:v`
534
+ `,children:[a.fileName,e(N,{size:"compact","aria-label":"Download",variant:"default",icon:e(E,{svg:e(Zt,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},t))})}function Tc(n){const{getInferencesNameByRole:a}=$e(),{events:t,onItemSelected:l}=n,i=Q(g=>g.eventIdToDataMap),r=Q(g=>g.eventIdToGroup),o=Q(g=>g.pointGroupColors),c=Q(g=>g.selectionGridSize),d=Q(g=>g.setHoveredEventId);return e("div",{css:C`
535
535
  flex: 1 1 auto;
536
536
  overflow-y: auto;
537
- `,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":c,css:v`
537
+ `,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":c,css:C`
538
538
  &[data-grid-size="small"] {
539
539
  --grid-item-min-width: 100px;
540
540
  --grid-item-height: 100px;
@@ -560,7 +560,7 @@ dataframe`,yc=v`
560
560
  min-width: var(--grid-item-min-width);
561
561
  height: var(--grid-item-height);
562
562
  }
563
- `,children:t.map((g,f)=>{const m=i.get(g.id),{rawData:p=null,linkToData:y=null}=(m==null?void 0:m.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:S=null}=(m==null?void 0:m.eventMetadata)??{},C=Io(g.id),b=a(C),T=r[g.id],P=o[T];return e("li",{children:e(Po,{rawData:p,linkToData:y,inferencesName:b,group:T,onClick:()=>{l(g.id)},onMouseOver:()=>{d(g.id)},onMouseOut:()=>{d(null)},color:P,size:c,predictionLabel:k,actualLabel:S,promptAndResponse:g.promptAndResponse,documentText:g.documentText,autoPlay:!1})},f)})})})}function Sc({data:n,onPointSelected:a}){const{primaryInferences:t,referenceInferences:l}=Ve(),i=Q(f=>f.metric),[r,o]=u.useState([]),{columns:c,tableData:d}=u.useMemo(()=>{const f=n.filter(P=>P.id.includes("CORPUS")===!1);let m=!1,p=!1,y=!1,k=!1,S=!1;n.forEach(P=>{P.linkToData&&(m=!0),P.rawData&&(p=!0),(P.prompt||P.response)&&(y=!0),P.predictionLabel&&(k=!0),P.actualLabel&&(S=!0)});const C=[];l&&C.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:P})=>e(vc,{id:P(),primaryInferencesName:t.name,referenceInferencesName:(l==null?void 0:l.name)??"reference"})}),m&&C.push({header:"Link",accessorKey:"linkToData",cell:({getValue:P})=>{const _=P();if(typeof _=="string"){const x=_.split("/").pop();return e(je,{href:_,children:x})}return null}}),y?(C.push({header:"Prompt",accessorKey:"prompt",cell:me,size:200}),C.push({header:"Response",accessorKey:"response",cell:me,size:200})):p&&C.push({header:"Raw Data",accessorKey:"rawData"}),k&&C.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),S&&C.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const b=[];if(i&&i.type==="dataQuality"){const P=i.dimension.name;b.push({header:i.dimension.name,accessorKey:"metric",cell:Lo,sortingFn:"basic"}),f.forEach(_=>{var D;const x=(D=_.dimensions.find(A=>A.dimension.name===P))==null?void 0:D.value;_.metric=x!=null?Number(x):null})}return{columns:[...C,...b,{header:"",id:"view-details",size:50,cell:({row:P})=>e(wo,{"aria-label":"view point details",onClick:()=>{a(P.original.id)},children:"view details"})}],tableData:f}},[n,a,t,l,i]),g=ke({columns:c,data:d,state:{sorting:r},getCoreRowModel:be(),onSortingChange:o,getSortedRowModel:Nn()});return s("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(m=>s("th",{children:[m.isPlaceholder?null:s("div",{className:m.column.getCanSort()?"cursor-pointer":"",onClick:m.column.getToggleSortingHandler(),children:[X(m.column.columnDef.header,m.getContext()),m.column.getIsSorted()?e(w,{className:"sort-icon",svg:m.column.getIsSorted()==="asc"?e(L.ArrowDownFilled,{}):e(L.ArrowUpFilled,{})}):null]}),e("div",{onMouseDown:m.getResizeHandler(),onTouchStart:m.getResizeHandler(),className:`resizer ${m.column.getIsResizing()?"isResizing":""}`,style:{transform:m.column.getIsResizing()?`translateX(${g.getState().columnSizingInfo.deltaOffset}px)`:""}})]},m.id))},f.id))}),e("tbody",{children:g.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(m=>e("td",{style:{width:m.column.getSize()},children:X(m.column.columnDef.cell,m.getContext())},m.id))},f.id))})]})}function vc({id:n,primaryInferencesName:a,referenceInferencesName:t}){const l=n.includes("PRIMARY"),i=Hd();return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Eo,{shape:_o.circle,color:i[l?0:1]}),l?a:t]})}const Cc=v`
563
+ `,children:t.map((g,f)=>{const m=i.get(g.id),{rawData:p=null,linkToData:y=null}=(m==null?void 0:m.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:b=null}=(m==null?void 0:m.eventMetadata)??{},S=Mo(g.id),v=a(S),L=r[g.id],x=o[L];return e("li",{children:e(No,{rawData:p,linkToData:y,inferencesName:v,group:L,onClick:()=>{l(g.id)},onMouseOver:()=>{d(g.id)},onMouseOut:()=>{d(null)},color:x,size:c,predictionLabel:k,actualLabel:b,promptAndResponse:g.promptAndResponse,documentText:g.documentText,autoPlay:!1})},f)})})})}function xc({data:n,onPointSelected:a}){const{primaryInferences:t,referenceInferences:l}=$e(),i=Q(f=>f.metric),[r,o]=u.useState([]),{columns:c,tableData:d}=u.useMemo(()=>{const f=n.filter(x=>x.id.includes("CORPUS")===!1);let m=!1,p=!1,y=!1,k=!1,b=!1;n.forEach(x=>{x.linkToData&&(m=!0),x.rawData&&(p=!0),(x.prompt||x.response)&&(y=!0),x.predictionLabel&&(k=!0),x.actualLabel&&(b=!0)});const S=[];l&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:x})=>e(Dc,{id:x(),primaryInferencesName:t.name,referenceInferencesName:(l==null?void 0:l.name)??"reference"})}),m&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:x})=>{const w=x();if(typeof w=="string"){const T=w.split("/").pop();return e(qe,{href:w,children:T})}return null}}),y?(S.push({header:"Prompt",accessorKey:"prompt",cell:ge,size:200}),S.push({header:"Response",accessorKey:"response",cell:ge,size:200})):p&&S.push({header:"Raw Data",accessorKey:"rawData"}),k&&S.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),b&&S.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const v=[];if(i&&i.type==="dataQuality"){const x=i.dimension.name;v.push({header:i.dimension.name,accessorKey:"metric",cell:Vo,sortingFn:"basic"}),f.forEach(w=>{var D;const T=(D=w.dimensions.find(R=>R.dimension.name===x))==null?void 0:D.value;w.metric=T!=null?Number(T):null})}return{columns:[...S,...v,{header:"",id:"view-details",size:50,cell:({row:x})=>e(zo,{"aria-label":"view point details",onClick:()=>{a(x.original.id)},children:"view details"})}],tableData:f}},[n,a,t,l,i]),g=ke({columns:c,data:d,state:{sorting:r},getCoreRowModel:be(),onSortingChange:o,getSortedRowModel:Vn()});return s("table",{css:Ge,children:[e("thead",{children:g.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(m=>s("th",{children:[m.isPlaceholder?null:s("div",{className:m.column.getCanSort()?"cursor-pointer":"",onClick:m.column.getToggleSortingHandler(),children:[X(m.column.columnDef.header,m.getContext()),m.column.getIsSorted()?e(E,{className:"sort-icon",svg:m.column.getIsSorted()==="asc"?e(P.ArrowDownFilled,{}):e(P.ArrowUpFilled,{})}):null]}),e("div",{onMouseDown:m.getResizeHandler(),onTouchStart:m.getResizeHandler(),className:`resizer ${m.column.getIsResizing()?"isResizing":""}`,style:{transform:m.column.getIsResizing()?`translateX(${g.getState().columnSizingInfo.deltaOffset}px)`:""}})]},m.id))},f.id))}),e("tbody",{children:g.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(m=>e("td",{style:{width:m.column.getSize()},children:X(m.column.columnDef.cell,m.getContext())},m.id))},f.id))})]})}function Dc({id:n,primaryInferencesName:a,referenceInferencesName:t}){const l=n.includes("PRIMARY"),i=Yd();return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Oo,{shape:$o.circle,color:i[l?0:1]}),l?a:t]})}const Ic=C`
564
564
  width: 100%;
565
565
  height: 100%;
566
566
  position: relative;
@@ -590,37 +590,37 @@ dataframe`,yc=v`
590
590
  }
591
591
  }
592
592
  }
593
- `;function Fc({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function Kc(){const n=Q(x=>x.selectedEventIds),a=Q(x=>x.setSelectedEventIds),t=Q(x=>x.setSelectedClusterId),l=Q(x=>x.selectionDisplay),[i,r]=Ke.useState(null),{primaryEventIds:o,referenceEventIds:c,corpusEventIds:d}=u.useMemo(()=>{const x=[],D=[],A=[];return n.forEach(R=>{R.includes("PRIMARY")?x.push(R):R.includes("CORPUS")?A.push(R):D.push(R)}),{primaryEventIds:x,referenceEventIds:D,corpusEventIds:A}},[n]),g=I.useLazyLoadQuery($l,{primaryEventIds:[...o],referenceEventIds:[...c],corpusEventIds:[...d]}),f=u.useMemo(()=>{var R,j,ne,re,Se,ve;const x=((j=(R=g.model)==null?void 0:R.primaryInferences)==null?void 0:j.events)??[],D=((re=(ne=g.model)==null?void 0:ne.referenceInferences)==null?void 0:re.events)??[],A=((ve=(Se=g.model)==null?void 0:Se.corpusInferences)==null?void 0:ve.events)??[];return[...x,...D,...A]},[g]),m=()=>{a(new Set),t(null)},p=Q(x=>x.eventIdToDataMap),y=Q(x=>x.pointData),k=Q(x=>x.selectionSearchText),S=u.useMemo(()=>f.map(x=>{var R,j,ne,re,Se,ve,z;const D=p.get(x.id),A=[];return y!=null&&(D==null?void 0:D.retrievals)!=null&&D.retrievals.forEach(({documentId:V,relevance:E})=>{const O=y[V];O!=null&&A.push(Fc({event:O,relevance:E}))}),{id:x.id,predictionId:((R=x.eventMetadata)==null?void 0:R.predictionId)??null,actualLabel:((j=x.eventMetadata)==null?void 0:j.actualLabel)??null,actualScore:((ne=x.eventMetadata)==null?void 0:ne.actualScore)??null,predictionLabel:((re=x.eventMetadata)==null?void 0:re.predictionLabel)??null,predictionScore:((Se=x.eventMetadata)==null?void 0:Se.predictionScore)??null,rawData:(D==null?void 0:D.embeddingMetadata.rawData)??null,linkToData:(D==null?void 0:D.embeddingMetadata.linkToData)??null,dimensions:x.dimensions,prompt:((ve=x.promptAndResponse)==null?void 0:ve.prompt)??null,response:((z=x.promptAndResponse)==null?void 0:z.response)??null,retrievedDocuments:A,documentText:x.documentText??null}}),[f,p,y]),C=u.useMemo(()=>{if(k){const x=k.toLowerCase();return S.filter(D=>{var A,R,j,ne;return D.id.includes(x)||((A=D.documentText)==null?void 0:A.toLowerCase().includes(x))||((R=D.predictionId)==null?void 0:R.includes(x))||((j=D.prompt)==null?void 0:j.toLowerCase().includes(x))||((ne=D.response)==null?void 0:ne.toLowerCase().includes(x))})}return S},[S,k]),b=u.useMemo(()=>{if(k){const x=k.toLowerCase();return f.filter(D=>{var A,R,j,ne,re,Se,ve;return D.id.includes(x)||((A=D.documentText)==null?void 0:A.toLowerCase().includes(x))||((j=(R=D.eventMetadata)==null?void 0:R.predictionId)==null?void 0:j.includes(x))||((re=(ne=D.promptAndResponse)==null?void 0:ne.prompt)==null?void 0:re.toLowerCase().includes(x))||((ve=(Se=D.promptAndResponse)==null?void 0:Se.response)==null?void 0:ve.toLowerCase().includes(x))})}return f},[f,k]),T=u.useMemo(()=>i?S.find(D=>D.id===i)??null:null,[S,i]),P=f.length,_=b.length;return s("section",{css:Cc,children:[s("div",{role:"toolbar",css:v`
593
+ `;function Pc({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function Lc(){const n=Q(T=>T.selectedEventIds),a=Q(T=>T.setSelectedEventIds),t=Q(T=>T.setSelectedClusterId),l=Q(T=>T.selectionDisplay),[i,r]=Ke.useState(null),{primaryEventIds:o,referenceEventIds:c,corpusEventIds:d}=u.useMemo(()=>{const T=[],D=[],R=[];return n.forEach(M=>{M.includes("PRIMARY")?T.push(M):M.includes("CORPUS")?R.push(M):D.push(M)}),{primaryEventIds:T,referenceEventIds:D,corpusEventIds:R}},[n]),g=I.useLazyLoadQuery(jl,{primaryEventIds:[...o],referenceEventIds:[...c],corpusEventIds:[...d]}),f=u.useMemo(()=>{var M,q,ne,se,Se,ve;const T=((q=(M=g.model)==null?void 0:M.primaryInferences)==null?void 0:q.events)??[],D=((se=(ne=g.model)==null?void 0:ne.referenceInferences)==null?void 0:se.events)??[],R=((ve=(Se=g.model)==null?void 0:Se.corpusInferences)==null?void 0:ve.events)??[];return[...T,...D,...R]},[g]),m=()=>{a(new Set),t(null)},p=Q(T=>T.eventIdToDataMap),y=Q(T=>T.pointData),k=Q(T=>T.selectionSearchText),b=u.useMemo(()=>f.map(T=>{var M,q,ne,se,Se,ve,V;const D=p.get(T.id),R=[];return y!=null&&(D==null?void 0:D.retrievals)!=null&&D.retrievals.forEach(({documentId:z,relevance:A})=>{const O=y[z];O!=null&&R.push(Pc({event:O,relevance:A}))}),{id:T.id,predictionId:((M=T.eventMetadata)==null?void 0:M.predictionId)??null,actualLabel:((q=T.eventMetadata)==null?void 0:q.actualLabel)??null,actualScore:((ne=T.eventMetadata)==null?void 0:ne.actualScore)??null,predictionLabel:((se=T.eventMetadata)==null?void 0:se.predictionLabel)??null,predictionScore:((Se=T.eventMetadata)==null?void 0:Se.predictionScore)??null,rawData:(D==null?void 0:D.embeddingMetadata.rawData)??null,linkToData:(D==null?void 0:D.embeddingMetadata.linkToData)??null,dimensions:T.dimensions,prompt:((ve=T.promptAndResponse)==null?void 0:ve.prompt)??null,response:((V=T.promptAndResponse)==null?void 0:V.response)??null,retrievedDocuments:R,documentText:T.documentText??null}}),[f,p,y]),S=u.useMemo(()=>{if(k){const T=k.toLowerCase();return b.filter(D=>{var R,M,q,ne;return D.id.includes(T)||((R=D.documentText)==null?void 0:R.toLowerCase().includes(T))||((M=D.predictionId)==null?void 0:M.includes(T))||((q=D.prompt)==null?void 0:q.toLowerCase().includes(T))||((ne=D.response)==null?void 0:ne.toLowerCase().includes(T))})}return b},[b,k]),v=u.useMemo(()=>{if(k){const T=k.toLowerCase();return f.filter(D=>{var R,M,q,ne,se,Se,ve;return D.id.includes(T)||((R=D.documentText)==null?void 0:R.toLowerCase().includes(T))||((q=(M=D.eventMetadata)==null?void 0:M.predictionId)==null?void 0:q.includes(T))||((se=(ne=D.promptAndResponse)==null?void 0:ne.prompt)==null?void 0:se.toLowerCase().includes(T))||((ve=(Se=D.promptAndResponse)==null?void 0:Se.response)==null?void 0:ve.toLowerCase().includes(T))})}return f},[f,k]),L=u.useMemo(()=>i?b.find(D=>D.id===i)??null:null,[b,i]),x=f.length,w=v.length;return s("section",{css:Ic,children:[s("div",{role:"toolbar",css:C`
594
594
  position: absolute;
595
595
  top: var(--px-spacing-med);
596
596
  right: var(--px-spacing-lg);
597
597
  display: flex;
598
598
  flex-direction: row-reverse;
599
599
  gap: var(--px-spacing-med);
600
- `,children:[e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(oo,{})}),"aria-label":"Clear selection",onClick:m}),e(hc,{})]}),e(Pe,{children:s(J,{name:"Selection",children:[e(xc,{numSelectedEvents:P,numMatchingEvents:_,searchText:k}),l===al.list?e("div",{css:v`
600
+ `,children:[e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(fo,{})}),"aria-label":"Clear selection",onClick:m}),e(Fc,{})]}),e(Le,{children:s(W,{name:"Selection",children:[e(wc,{numSelectedEvents:x,numMatchingEvents:w,searchText:k}),l===il.list?e("div",{css:C`
601
601
  flex: 1 1 auto;
602
602
  overflow-y: auto;
603
- `,children:e(Sc,{data:C,onPointSelected:r})}):e(bc,{events:b,onItemSelected:r})]})}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:T&&e(B,{title:"Embedding Details",size:"L",children:e(oc,{event:T})})})]})}function xc({numSelectedEvents:n,numMatchingEvents:a,searchText:t}){const l=Q(g=>g.selectionDisplay),i=Q(g=>g.setSelectionDisplay),r=Q(g=>g.selectionGridSize),o=Q(g=>g.setSelectionGridSize),c=Q(g=>g.setSelectionSearchText),d=u.useMemo(()=>t?`${a}/${n} match "${t}"`:`${n} selected`,[n,a,t]);return e(lt,{extra:s("div",{css:v`
603
+ `,children:e(xc,{data:S,onPointSelected:r})}):e(Tc,{events:v,onItemSelected:r})]})}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:L&&e(H,{title:"Embedding Details",size:"L",children:e(pc,{event:L})})})]})}function wc({numSelectedEvents:n,numMatchingEvents:a,searchText:t}){const l=Q(g=>g.selectionDisplay),i=Q(g=>g.setSelectionDisplay),r=Q(g=>g.selectionGridSize),o=Q(g=>g.setSelectionGridSize),c=Q(g=>g.setSelectionSearchText),d=u.useMemo(()=>t?`${a}/${n} match "${t}"`:`${n} selected`,[n,a,t]);return e(st,{extra:s("div",{css:C`
604
604
  display: flex;
605
605
  flex-direction: row;
606
606
  gap: var(--px-spacing-med);
607
- `,children:[e(co,{placeholder:"Search by text or ID",onChange:g=>{c(g)}}),l===al.gallery&&e(Ao,{size:r,onChange:o}),e(Ro,{mode:l,onChange:g=>{i(g)}})]}),children:e(K,{children:d})})}const jl=Al;function Zy(){const{referenceInferences:n,corpusInferences:a}=Ve(),{timeRange:t}=Ue(),l=u.useMemo(()=>{let i={};return a!=null?i=zo():n!=null?i=Vo():i=$o(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(tl,{initialTimestamp:t.end,children:e(Oo,{...l,children:e(Tc,{})})})}function Tc(){const n=Gd(),{primaryInferences:a,referenceInferences:t}=Ve(),l=Q(b=>b.umapParameters),i=Q(b=>b.getHDSCANParameters),r=Q(b=>b.getMetric),o=Q(b=>b.reset),c=Q(b=>b.setLoading),[d,g]=u.useState(!0),[f,m,p]=I.useQueryLoader(jl),{selectedTimestamp:y}=Fa(),k=u.useMemo(()=>y??new Date(a.endTime),[y,a.endTime]),S=u.useMemo(()=>({start:Ut(k,2).toISOString(),end:k.toISOString()}),[k]),C=I.useLazyLoadQuery(El,{});return u.useEffect(()=>{o(),c(!0);const b=r();return m({id:n,timeRange:S,...l,...i(),fetchDataQualityMetric:b.type==="dataQuality",fetchPerformanceMetric:b.type==="performance",dataQualityMetricColumnName:b.type==="dataQuality"?b.dimension.name:null,performanceMetric:b.type==="performance"?b.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{p()}},[c,o,n,m,p,l,i,r,S]),s("main",{css:v`
607
+ `,children:[e(ho,{placeholder:"Search by text or ID",onChange:g=>{c(g)}}),l===il.gallery&&e(Qo,{size:r,onChange:o}),e(jo,{mode:l,onChange:g=>{i(g)}})]}),children:e(K,{children:d})})}const Bl=Nl;function Lf(){const{referenceInferences:n,corpusInferences:a}=$e(),{timeRange:t}=Be(),l=u.useMemo(()=>{let i={};return a!=null?i=Bo():n!=null?i=Ho():i=Go(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(rl,{initialTimestamp:t.end,children:e(Wo,{...l,children:e(_c,{})})})}function _c(){const n=ec(),{primaryInferences:a,referenceInferences:t}=$e(),l=Q(v=>v.umapParameters),i=Q(v=>v.getHDSCANParameters),r=Q(v=>v.getMetric),o=Q(v=>v.reset),c=Q(v=>v.setLoading),[d,g]=u.useState(!0),[f,m,p]=I.useQueryLoader(Bl),{selectedTimestamp:y}=Ca(),k=u.useMemo(()=>y??new Date(a.endTime),[y,a.endTime]),b=u.useMemo(()=>({start:Wt(k,2).toISOString(),end:k.toISOString()}),[k]),S=I.useLazyLoadQuery(Ml,{});return u.useEffect(()=>{o(),c(!0);const v=r();return m({id:n,timeRange:b,...l,...i(),fetchDataQualityMetric:v.type==="dataQuality",fetchPerformanceMetric:v.type==="performance",dataQualityMetricColumnName:v.type==="dataQuality"?v.dimension.name:null,performanceMetric:v.type==="performance"?v.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{p()}},[c,o,n,m,p,l,i,r,b]),s("main",{css:C`
608
608
  flex: 1 1 auto;
609
609
  display: flex;
610
610
  flex-direction: column;
611
611
  overflow: hidden;
612
- `,children:[e(Ac,{}),s(lt,{extra:s(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(zn,{onChange:b=>{g(b)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(Jd,{})]}),children:[e(Zt,{}),t?e(Xt,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(ec,{model:C.model})]}),s(Xe,{direction:"vertical",children:[d?s(H,{children:[e(ue,{defaultSize:20,collapsible:!0,order:1,children:e(u.Suspense,{fallback:e(he,{}),children:e(ic,{embeddingDimensionId:n})})}),e(Ye,{css:Kn})]}):null,e(ue,{order:2,children:e("div",{css:v`
612
+ `,children:[e($c,{}),s(st,{extra:s(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Kn,{onChange:v=>{g(v)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(ac,{})]}),children:[e(el,{}),t?e(nl,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(rc,{model:S.model})]}),s(Ye,{direction:"vertical",children:[d?s(B,{children:[e(me,{defaultSize:20,collapsible:!0,order:1,children:e(u.Suspense,{fallback:e(he,{}),children:e(uc,{embeddingDimensionId:n})})}),e(en,{css:Dn})]}):null,e(me,{order:2,children:e("div",{css:C`
613
613
  width: 100%;
614
614
  height: 100%;
615
615
  position: relative;
616
- `,children:e(u.Suspense,{fallback:e(Qo,{}),children:f?e(Ic,{queryReference:f}):null})})})]})]})}function Dc(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function Ic({queryReference:n}){const a=I.usePreloadedQuery(jl,n),t=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.data)??[]},[a]),l=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),o=u.useMemo(()=>[...t,...l,...i].map(f=>({...f,position:Dc(f.coordinates),metaData:{id:f.eventId}})),[l,t,i]),c=Q(g=>g.setInitialData),d=Q(g=>g.setClusters);return Vs(()=>{var f,m;const g=((m=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:m.clusters)||[];c({points:o,clusters:g,retrievals:r})},[o,n,r,c,d]),e("div",{css:v`
616
+ `,children:e(u.Suspense,{fallback:e(Jo,{}),children:f?e(Ac,{queryReference:f}):null})})})]})]})}function Ec(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function Ac({queryReference:n}){const a=I.usePreloadedQuery(Bl,n),t=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.data)??[]},[a]),l=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=u.useMemo(()=>{var g,f;return((f=(g=a.embedding)==null?void 0:g.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),o=u.useMemo(()=>[...t,...l,...i].map(f=>({...f,position:Ec(f.coordinates),metaData:{id:f.eventId}})),[l,t,i]),c=Q(g=>g.setInitialData),d=Q(g=>g.setClusters);return Bs(()=>{var f,m;const g=((m=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:m.clusters)||[];c({points:o,clusters:g,retrievals:r})},[o,n,r,c,d]),e("div",{css:C`
617
617
  flex: 1 1 auto;
618
618
  display: flex;
619
619
  flex-direction: row;
620
620
  align-items: stretch;
621
621
  width: 100%;
622
622
  height: 100%;
623
- `,"data-testid":"point-cloud-display",children:s(Xe,{direction:"horizontal",children:[e(ue,{id:"embedding-left",defaultSize:15,maxSize:30,minSize:10,collapsible:!0,children:s(Xe,{autoSaveId:"embedding-controls-vertical",direction:"vertical",children:[e(ue,{css:v`
623
+ `,"data-testid":"point-cloud-display",children:s(Ye,{direction:"horizontal",children:[e(me,{id:"embedding-left",defaultSize:15,maxSize:30,minSize:10,collapsible:!0,children:s(Ye,{autoSaveId:"embedding-controls-vertical",direction:"vertical",children:[e(me,{css:C`
624
624
  display: flex;
625
625
  flex-direction: column;
626
626
  .ac-tabs {
@@ -641,7 +641,7 @@ dataframe`,yc=v`
641
641
  }
642
642
  }
643
643
  }
644
- `,children:e(_c,{})}),e(Ye,{css:Kn}),e(ue,{css:v`
644
+ `,children:e(Vc,{})}),e(en,{css:Dn}),e(me,{css:C`
645
645
  .ac-tabs {
646
646
  height: 100%;
647
647
  overflow: hidden;
@@ -650,27 +650,27 @@ dataframe`,yc=v`
650
650
  overflow-y: auto;
651
651
  }
652
652
  }
653
- `,children:s(Pe,{children:[e(J,{name:"Display",children:e(jo,{})}),e(J,{name:"Hyperparameters",children:e(qo,{})})]})})]})}),e(Ye,{css:Uo}),e(ue,{children:s("div",{css:v`
653
+ `,children:s(Le,{children:[e(W,{name:"Display",children:e(Zo,{})}),e(W,{name:"Hyperparameters",children:e(Xo,{})})]})})]})}),e(en,{css:Yo}),e(me,{children:s("div",{css:C`
654
654
  position: relative;
655
655
  width: 100%;
656
656
  height: 100%;
657
- `,children:[e(Pc,{}),e(Bo,{})]})})]})})}function Pc(){return Q(a=>a.selectedEventIds).size===0?null:e("div",{css:v`
657
+ `,children:[e(Rc,{}),e(ed,{})]})})]})})}function Rc(){return Q(a=>a.selectedEventIds).size===0?null:e("div",{css:C`
658
658
  position: absolute;
659
659
  top: 0;
660
660
  left: 0;
661
661
  bottom: 0;
662
662
  right: 0;
663
- `,"data-testid":"selection-panel",children:s(Xe,{direction:"vertical",children:[e(ue,{}),e(Ye,{css:Kn,style:{zIndex:1}}),e(ue,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Lc,{children:e(u.Suspense,{fallback:e(he,{}),children:e(Kc,{})})})})]})})}function Lc(n){return e("div",{css:v`
663
+ `,"data-testid":"selection-panel",children:s(Ye,{direction:"vertical",children:[e(me,{}),e(en,{css:Dn,style:{zIndex:1}}),e(me,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Mc,{children:e(u.Suspense,{fallback:e(he,{}),children:e(Lc,{})})})})]})})}function Mc(n){return e("div",{css:C`
664
664
  background-color: var(--ac-global-color-grey-75);
665
665
  width: 100%;
666
666
  height: 100%;
667
- `,children:n.children})}const wc=1,_c=Ke.memo(function(){const{referenceInferences:a}=Ve(),t=Q(m=>m.clusters),l=Q(m=>m.selectedClusterId),i=Q(m=>m.metric),r=Q(m=>m.setSelectedClusterId),o=Q(m=>m.setSelectedEventIds),c=Q(m=>m.setHighlightedClusterId),d=Q(m=>m.setClusterColorMode),g=a==null||i.type==="drift",f=u.useCallback(m=>{d(m===wc?Kt.highlight:Kt.default)},[d]);return s(Pe,{onChange:f,children:[e(J,{name:"Clusters",extra:e(Me,{children:t.length}),children:s(h,{direction:"column",height:"100%",children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(h,{direction:"row",justifyContent:"end",children:e(Wd,{})})}),e(F,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:m=>v`
667
+ `,children:n.children})}const Nc=1,Vc=Ke.memo(function(){const{referenceInferences:a}=$e(),t=Q(m=>m.clusters),l=Q(m=>m.selectedClusterId),i=Q(m=>m.metric),r=Q(m=>m.setSelectedClusterId),o=Q(m=>m.setSelectedEventIds),c=Q(m=>m.setHighlightedClusterId),d=Q(m=>m.setClusterColorMode),g=a==null||i.type==="drift",f=u.useCallback(m=>{d(m===Nc?Tt.highlight:Tt.default)},[d]);return s(Le,{onChange:f,children:[e(W,{name:"Clusters",extra:e(Ne,{children:t.length}),children:s(h,{direction:"column",height:"100%",children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(h,{direction:"row",justifyContent:"end",children:e(nc,{})})}),e(F,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:m=>C`
668
668
  flex: 1 1 auto;
669
669
  display: flex;
670
670
  flex-direction: column;
671
671
  gap: ${m.spacing.margin8}px;
672
672
  margin: ${m.spacing.margin8}px;
673
- `,children:t.map(m=>e("li",{children:e(Mo,{clusterId:m.id,numPoints:m.eventIds.length,isSelected:l===m.id,driftRatio:m.driftRatio,primaryToCorpusRatio:m.primaryToCorpusRatio,primaryMetricValue:m.primaryMetricValue,referenceMetricValue:m.referenceMetricValue,metricName:Ec(i),hideReference:g,onClick:()=>{l!==m.id?(r(m.id),o(new Set(m.eventIds))):(r(null),o(new Set))},onMouseEnter:()=>{c(m.id)},onMouseLeave:()=>{c(null)}})},m.id))})})]})}),e(J,{name:"Configuration",children:e(F,{overflow:"auto",height:"100%",children:e(No,{})})})]})});function Ec(n){const{type:a,metric:t}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(t){case"euclideanDistance":return"Cluster Drift";default:ye()}break}case"performance":return fn(t);case"retrieval":{switch(t){case"queryDistance":return"% Query";default:ye()}break}default:ye()}}function Ac(){const{notifyError:n}=Yt(),a=Q(l=>l.errorMessage),t=Q(l=>l.setErrorMessage);return u.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{t(null)}}})},[a,n,t]),null}const ql=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"cff0ac130f1ef79784f7bef4161ac60d",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
673
+ `,children:t.map(m=>e("li",{children:e(qo,{clusterId:m.id,numPoints:m.eventIds.length,isSelected:l===m.id,driftRatio:m.driftRatio,primaryToCorpusRatio:m.primaryToCorpusRatio,primaryMetricValue:m.primaryMetricValue,referenceMetricValue:m.referenceMetricValue,metricName:zc(i),hideReference:g,onClick:()=>{l!==m.id?(r(m.id),o(new Set(m.eventIds))):(r(null),o(new Set))},onMouseEnter:()=>{c(m.id)},onMouseLeave:()=>{c(null)}})},m.id))})})]})}),e(W,{name:"Configuration",children:e(F,{overflow:"auto",height:"100%",children:e(Uo,{})})})]})});function zc(n){const{type:a,metric:t}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(t){case"euclideanDistance":return"Cluster Drift";default:ae()}break}case"performance":return bn(t);case"retrieval":{switch(t){case"queryDistance":return"% Query";default:ae()}break}default:ae()}}function $c(){const{notifyError:n}=al(),a=Q(l=>l.errorMessage),t=Q(l=>l.setErrorMessage);return u.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{t(null)}}})},[a,n,t]),null}const Hl=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"cff0ac130f1ef79784f7bef4161ac60d",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
674
674
  $id: GlobalID!
675
675
  ) {
676
676
  embedding: node(id: $id) {
@@ -683,7 +683,7 @@ dataframe`,yc=v`
683
683
  id
684
684
  }
685
685
  }
686
- `}}}();ql.hash="c049e57d92943f64b5e751e0daa89dc8";async function Xy(n){const{embeddingDimensionId:a}=n.params;return I.fetchQuery(xe,ql,{id:a}).toPromise()}const Ul=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],c=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},m={kind:"Literal",name:"metric",value:"percentEmpty"},p={kind:"Literal",name:"inferencesRole",value:"reference"};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,{args:o,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionQuantilesStats_dimension"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[d,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[d,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:g,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:g,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[f,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[m,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[p,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[p,m],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ad937e56d4647309b9d78ac11f57265",id:null,metadata:{},name:"DimensionPageQuery",operationKind:"query",text:`query DimensionPageQuery(
686
+ `}}}();Hl.hash="c049e57d92943f64b5e751e0daa89dc8";async function wf(n){const{embeddingDimensionId:a}=n.params;return I.fetchQuery(Te,Hl,{id:a}).toPromise()}const Gl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],c=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},m={kind:"Literal",name:"metric",value:"percentEmpty"},p={kind:"Literal",name:"inferencesRole",value:"reference"};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,{args:o,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionQuantilesStats_dimension"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[d,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[d,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:g,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:g,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[f,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[m,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[p,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[p,m],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ad937e56d4647309b9d78ac11f57265",id:null,metadata:{},name:"DimensionPageQuery",operationKind:"query",text:`query DimensionPageQuery(
687
687
  $dimensionId: GlobalID!
688
688
  $timeRange: TimeRange!
689
689
  $hasReference: Boolean!
@@ -764,7 +764,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
764
764
  }
765
765
  }
766
766
  }
767
- `}}}();Ul.hash="d194bfd656408e8ba7cb427ddc80fc85";const Bl=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Bl.hash="8b4edef350e4df49e799afa70ca34918";function Rc(n){const a=I.useFragment(Bl,n.dimension);return s(H,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Cardinality"}),e(K,{textSize:"xlarge",children:kn(a.cardinality)}),a.referenceCardinality!=null&&e(K,{textSize:"medium",color:"designationPurple",children:kn(a.referenceCardinality)})]})}const Hl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"cardinalityTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"cardinality"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"f53e5ac5e0bfd6a0a6c50b761223a617",id:null,metadata:{},name:"DimensionCardinalityTimeSeriesQuery",operationKind:"query",text:`query DimensionCardinalityTimeSeriesQuery(
767
+ `}}}();Gl.hash="d194bfd656408e8ba7cb427ddc80fc85";const Wl=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Wl.hash="8b4edef350e4df49e799afa70ca34918";function Oc(n){const a=I.useFragment(Wl,n.dimension);return s(B,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Cardinality"}),e(K,{textSize:"xlarge",children:vn(a.cardinality)}),a.referenceCardinality!=null&&e(K,{textSize:"medium",color:"designationPurple",children:vn(a.referenceCardinality)})]})}const Jl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"cardinalityTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"cardinality"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"f53e5ac5e0bfd6a0a6c50b761223a617",id:null,metadata:{},name:"DimensionCardinalityTimeSeriesQuery",operationKind:"query",text:`query DimensionCardinalityTimeSeriesQuery(
768
768
  $dimensionId: GlobalID!
769
769
  $timeRange: TimeRange!
770
770
  $granularity: Granularity!
@@ -782,7 +782,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
782
782
  }
783
783
  }
784
784
  }
785
- `}}}();Hl.hash="88ce04bb2022d5e2bc75c663abd7e5de";const ca={top:25,right:18,left:18,bottom:5},Mc=new Intl.NumberFormat([],{maximumFractionDigits:2}),Gl=()=>{const{gray300:n}=Be();return{color:n}};function Nc({active:n,payload:a,label:t}){var i;const{color:l}=Gl();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Mc.format(r):"--";return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,name:"Cardinality",value:o}),e(Ka,{})]})}return null}function zc({dimensionId:n}){var c;const{timeRange:a}=Ue(),t=jn(a),l=I.useLazyLoadQuery(Hl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),{color:i}=Gl(),r=((c=l.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],o=qn({samplingIntervalMinutes:t.samplingIntervalMinutes});return e(sn,{width:"100%",height:"100%",children:s(sa,{data:r,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"cardinalityColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:i,stopOpacity:0})]})}),e(on,{...Un,tickFormatter:d=>o(new Date(d))}),e(ze,{stroke:ge.colors.gray200,label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{content:e(Nc,{})}),e(aa,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Wl={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCountStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null};Wl.hash="6dccac51f3fb0853276677c692af5a43";function Vc(n){const t=I.useFragment(Wl,n.dimension).count??0;return s(H,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Total Count"}),e(K,{textSize:"xlarge",children:kn(t)})]})}const Jl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"1f9eff6d8d453148844edae32b844df7",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
785
+ `}}}();Jl.hash="88ce04bb2022d5e2bc75c663abd7e5de";const ca={top:25,right:18,left:18,bottom:5},Qc=new Intl.NumberFormat([],{maximumFractionDigits:2}),Zl=()=>{const{gray300:n}=He();return{color:n}};function jc({active:n,payload:a,label:t}){var i;const{color:l}=Zl();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Qc.format(r):"--";return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,name:"Cardinality",value:o}),e(Fa,{})]})}return null}function qc({dimensionId:n}){var c;const{timeRange:a}=Be(),t=jn(a),l=I.useLazyLoadQuery(Jl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),{color:i}=Zl(),r=((c=l.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],o=qn({samplingIntervalMinutes:t.samplingIntervalMinutes});return e(dn,{width:"100%",height:"100%",children:s(sa,{data:r,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"cardinalityColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:i,stopOpacity:0})]})}),e(cn,{...Un,tickFormatter:d=>o(new Date(d))}),e(ze,{stroke:pe.colors.gray200,label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{content:e(jc,{})}),e(aa,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Xl={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCountStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null};Xl.hash="6dccac51f3fb0853276677c692af5a43";function Uc(n){const t=I.useFragment(Xl,n.dimension).count??0;return s(B,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Total Count"}),e(K,{textSize:"xlarge",children:vn(t)})]})}const Yl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"1f9eff6d8d453148844edae32b844df7",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
786
786
  $dimensionId: GlobalID!
787
787
  $timeRange: TimeRange!
788
788
  $countGranularity: Granularity!
@@ -800,7 +800,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
800
800
  }
801
801
  }
802
802
  }
803
- `}}}();Jl.hash="9677ef7c6b298554824fe3fd3904c7aa";const $c=new Intl.NumberFormat([],{maximumFractionDigits:2}),Zl=()=>{const{gray300:n}=Be();return{barColor:n}};function Oc({active:n,payload:a,label:t}){var i;const{barColor:l}=Zl();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?$c.format(r):"--";return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,shape:"square",name:"Count",value:o})]})}return null}function Qc({dimensionId:n}){var d;const{timeRange:a}=Ue(),t=jn(a),r=(((d=I.useLazyLoadQuery(Jl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:d.data)||[]).map(g=>({...g,timestamp:new Date(g.timestamp).valueOf()})),o=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:c}=Zl();return e(sn,{width:"100%",height:"100%",children:s(gt,{data:r,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:c,stopOpacity:1}),e("stop",{offset:"95%",stopColor:c,stopOpacity:.5})]})}),e(on,{...Un,tickFormatter:g=>o(new Date(g))}),e(ze,{stroke:ge.colors.gray200,label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{...rt,content:e(Oc,{})}),e(Mn,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const Xl=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],d={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:c,storageKey:null},g={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:c,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,o],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},d],storageKey:null},g],storageKey:null},action:"THROW",path:"dimension.segmentsComparison"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,t,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[o],type:"IntervalBin",abstractKey:null}],storageKey:null},d],storageKey:null},g],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
803
+ `}}}();Yl.hash="9677ef7c6b298554824fe3fd3904c7aa";const Bc=new Intl.NumberFormat([],{maximumFractionDigits:2}),ei=()=>{const{gray300:n}=He();return{barColor:n}};function Hc({active:n,payload:a,label:t}){var i;const{barColor:l}=ei();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Bc.format(r):"--";return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,shape:"square",name:"Count",value:o})]})}return null}function Gc({dimensionId:n}){var d;const{timeRange:a}=Be(),t=jn(a),r=(((d=I.useLazyLoadQuery(Yl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:d.data)||[]).map(g=>({...g,timestamp:new Date(g.timestamp).valueOf()})),o=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:c}=ei();return e(dn,{width:"100%",height:"100%",children:s(yt,{data:r,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:c,stopOpacity:1}),e("stop",{offset:"95%",stopColor:c,stopOpacity:.5})]})}),e(cn,{...Un,tickFormatter:g=>o(new Date(g))}),e(ze,{stroke:pe.colors.gray200,label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{...dt,content:e(Hc,{})}),e(Nn,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const ni=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],d={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:c,storageKey:null},g={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:c,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,o],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},d],storageKey:null},g],storageKey:null},action:"THROW",path:"dimension.segmentsComparison"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,t,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[o],type:"IntervalBin",abstractKey:null}],storageKey:null},d],storageKey:null},g],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
804
804
  $dimensionId: GlobalID!
805
805
  $timeRange: TimeRange!
806
806
  ) {
@@ -840,7 +840,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
840
840
  }
841
841
  }
842
842
  }
843
- `}}}();Xl.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Pt=Xa(".2f"),Yl=()=>{const{primary:n,reference:a}=Be();return{primaryBarColor:n,referenceBarColor:a}};function jc({active:n,payload:a,label:t}){var r,o,c,d,g,f;const{primaryBarColor:l,referenceBarColor:i}=Yl();if(n&&a&&a.length){const m=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,p=(c=a[0])==null?void 0:c.value,y=(g=(d=a[0])==null?void 0:d.payload)==null?void 0:g.referenceName,k=(f=a[1])==null?void 0:f.value;return s(rn,{children:[e(K,{elementType:"h3",textSize:"medium",weight:"heavy",children:t}),e(pe,{color:l,shape:"square",name:m,value:p!=null?`${Pt(p)}%`:"--"}),e(pe,{color:i,shape:"square",name:y,value:k!=null?`${Pt(k)}%`:"--"})]})}return null}function qc(n){var p,y,k,S,C;const{primaryInferences:a,referenceInferences:t}=Ve(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=Fa(),o=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=u.useMemo(()=>({start:Ut(o,2).toISOString(),end:o.toISOString()}),[o]),d=I.useLazyLoadQuery(Xl,{dimensionId:n.dimensionId,timeRange:c}),g=u.useMemo(()=>{var _,x,D,A,R;const b=((_=d.dimension.segmentsComparison)==null?void 0:_.segments)??[],T=((D=(x=d.dimension.segmentsComparison)==null?void 0:x.totalCounts)==null?void 0:D.primaryValue)??0,P=((R=(A=d.dimension.segmentsComparison)==null?void 0:A.totalCounts)==null?void 0:R.referenceValue)??0;return b.map(j=>{var V,E;const ne=((V=j.counts)==null?void 0:V.primaryValue)??0,re=((E=j.counts)==null?void 0:E.referenceValue)??0,Se=ll(j.bin),ve=ne/T*100,z=re/P*100;return{name:Se,primaryName:l,referenceName:i,primaryPercent:ve,referencePercent:z}})},[(p=d.dimension.segmentsComparison)==null?void 0:p.segments,(k=(y=d.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:k.primaryValue,(C=(S=d.dimension.segmentsComparison)==null?void 0:S.totalCounts)==null?void 0:C.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:m}=Yl();return s(h,{direction:"column",height:"100%",children:[e(F,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:`Distribution comparison at ${Qe(new Date(c.end))}`})}),e(F,{flex:!0,children:e(sn,{children:s(gt,{data:g,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:1}),e("stop",{offset:"95%",stopColor:m,stopOpacity:.5})]})]}),e(on,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:ge.colors.gray200,label:{value:"Percent",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{...rt,content:e(jc,{})}),e(Mn,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Mn,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const ei={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionDriftStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"driftMetric",storageKey:null}],type:"Dimension",abstractKey:null};ei.hash="f8a9fb08a14f63906e38bc247d50b189";const Uc=s($n,{variant:"info",placement:"top end",children:[e(se,{weight:"heavy",level:4,children:"Population Stability Index"}),e(Fn,{children:e(K,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(je,{href:"https://arize.com/blog-course/population-stability-index-psi/#:~:text=Population%20Stability%20Index%20(PSI)%20Overview,distributions%20are%20from%20each%20other.",children:"Learn more"})})]});function Bc(n){const a=I.useFragment(ei,n.dimension);return s(H,{children:[s(h,{direction:"row",alignItems:"center",gap:"size-25",children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"PSI"}),Uc]}),e(K,{textSize:"xlarge",children:_n(a.psi)})]})}const ni=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],d={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},o],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,d],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,t,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,d],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
843
+ `}}}();ni.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Lt=nt(".2f"),ai=()=>{const{primary:n,reference:a}=He();return{primaryBarColor:n,referenceBarColor:a}};function Wc({active:n,payload:a,label:t}){var r,o,c,d,g,f;const{primaryBarColor:l,referenceBarColor:i}=ai();if(n&&a&&a.length){const m=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,p=(c=a[0])==null?void 0:c.value,y=(g=(d=a[0])==null?void 0:d.payload)==null?void 0:g.referenceName,k=(f=a[1])==null?void 0:f.value;return s(sn,{children:[e(K,{elementType:"h3",textSize:"medium",weight:"heavy",children:t}),e(ye,{color:l,shape:"square",name:m,value:p!=null?`${Lt(p)}%`:"--"}),e(ye,{color:i,shape:"square",name:y,value:k!=null?`${Lt(k)}%`:"--"})]})}return null}function Jc(n){var p,y,k,b,S;const{primaryInferences:a,referenceInferences:t}=$e(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=Ca(),o=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=u.useMemo(()=>({start:Wt(o,2).toISOString(),end:o.toISOString()}),[o]),d=I.useLazyLoadQuery(ni,{dimensionId:n.dimensionId,timeRange:c}),g=u.useMemo(()=>{var w,T,D,R,M;const v=((w=d.dimension.segmentsComparison)==null?void 0:w.segments)??[],L=((D=(T=d.dimension.segmentsComparison)==null?void 0:T.totalCounts)==null?void 0:D.primaryValue)??0,x=((M=(R=d.dimension.segmentsComparison)==null?void 0:R.totalCounts)==null?void 0:M.referenceValue)??0;return v.map(q=>{var z,A;const ne=((z=q.counts)==null?void 0:z.primaryValue)??0,se=((A=q.counts)==null?void 0:A.referenceValue)??0,Se=sl(q.bin),ve=ne/L*100,V=se/x*100;return{name:Se,primaryName:l,referenceName:i,primaryPercent:ve,referencePercent:V}})},[(p=d.dimension.segmentsComparison)==null?void 0:p.segments,(k=(y=d.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:k.primaryValue,(S=(b=d.dimension.segmentsComparison)==null?void 0:b.totalCounts)==null?void 0:S.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:m}=ai();return s(h,{direction:"column",height:"100%",children:[e(F,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:`Distribution comparison at ${je(new Date(c.end))}`})}),e(F,{flex:!0,children:e(dn,{children:s(yt,{data:g,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:1}),e("stop",{offset:"95%",stopColor:m,stopOpacity:.5})]})]}),e(cn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:pe.colors.gray200,label:{value:"Percent",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{...dt,content:e(Wc,{})}),e(Nn,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Nn,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const ti={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionDriftStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"driftMetric",storageKey:null}],type:"Dimension",abstractKey:null};ti.hash="f8a9fb08a14f63906e38bc247d50b189";const Zc=s($n,{variant:"info",placement:"top end",children:[e(oe,{weight:"heavy",level:4,children:"Population Stability Index"}),e(xn,{children:e(K,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(qe,{href:"https://arize.com/blog-course/population-stability-index-psi/#:~:text=Population%20Stability%20Index%20(PSI)%20Overview,distributions%20are%20from%20each%20other.",children:"Learn more"})})]});function Xc(n){const a=I.useFragment(ti,n.dimension);return s(B,{children:[s(h,{direction:"row",alignItems:"center",gap:"size-25",children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"PSI"}),Zc]}),e(K,{textSize:"xlarge",children:An(a.psi)})]})}const li=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],d={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},o],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,d],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,t,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,d],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
844
844
  $dimensionId: GlobalID!
845
845
  $timeRange: TimeRange!
846
846
  $driftGranularity: Granularity!
@@ -865,7 +865,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
865
865
  }
866
866
  }
867
867
  }
868
- `}}}();ni.hash="6312b58dbb252b17efdf08d44dd58630";const ai=()=>{const{orange300:n,gray300:a}=Be();return{color:n,barColor:a}};function Hc({active:n,payload:a,label:t}){var i;const{color:l}=ai();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,name:"PSI",value:_n(r)}),e(Ka,{}),s("div",{css:v`
868
+ `}}}();li.hash="6312b58dbb252b17efdf08d44dd58630";const ii=()=>{const{orange300:n,gray300:a}=He();return{color:n,barColor:a}};function Yc({active:n,payload:a,label:t}){var i;const{color:l}=ii();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,name:"PSI",value:An(r)}),e(Fa,{}),s("div",{css:C`
869
869
  display: flex;
870
870
  flex-direction: row;
871
871
  align-items: center;
@@ -873,7 +873,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
873
873
  gap: var(--px-spacing-sm);
874
874
 
875
875
  margin-top: var(--px-spacing-sm);
876
- `,children:[e(w,{svg:e(Ht,{})}),e("span",{children:"Click to view details"})]})]})}return null}function Gc({dimensionId:n}){var y,k;const{timeRange:a}=Ue(),{selectedTimestamp:t,setSelectedTimestamp:l}=Fa(),i=jn(a),r=I.useLazyLoadQuery(ni,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:el(a),countGranularity:i}),o=((y=r.embedding.driftTimeSeries)==null?void 0:y.data)||[],c=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((S,C)=>(S[C.timestamp]=C.value,S),{}))??{},d=o.map(S=>{const C=c[S.timestamp];return{...S,traffic:C,timestamp:new Date(S.timestamp).valueOf()}}),g=qn({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=u.useCallback(S=>{const{activePayload:C}=S;if(C!=null&&C.length>0){const b=C[0].payload;l(new Date(b.timestamp))}},[l]),{color:m,barColor:p}=ai();return e(sn,{width:"100%",height:"100%",children:s(sa,{data:d,margin:ca,onClick:f,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:m,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:p,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:p,stopOpacity:0})]})]}),e(on,{...Un,tickFormatter:S=>g(new Date(S))}),e(ze,{stroke:ge.colors.gray200,label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{content:e(Hc,{})}),e(Mn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(aa,{type:"monotone",dataKey:"value",stroke:m,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),t!=null?e(Fl,{...nl,x:t.getTime()}):null]})})}const ti=function(){var n={kind:"Literal",name:"metric",value:"percentEmpty"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"percentEmpty",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referencePercentEmpty",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}}();ti.hash="1e10d0449d6607d9292f355548c41c78";function Wc(n){const a=I.useFragment(ti,n.dimension);return s(H,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"% Empty"}),e(K,{textSize:"xlarge",children:Ba(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(K,{textSize:"medium",color:"designationPurple",children:Ba(a.referencePercentEmpty)})]})}const li=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"9be05c72f19755036f4829777a96f97d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
876
+ `,children:[e(E,{svg:e(Jt,{})}),e("span",{children:"Click to view details"})]})]})}return null}function eu({dimensionId:n}){var y,k;const{timeRange:a}=Be(),{selectedTimestamp:t,setSelectedTimestamp:l}=Ca(),i=jn(a),r=I.useLazyLoadQuery(li,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:tl(a),countGranularity:i}),o=((y=r.embedding.driftTimeSeries)==null?void 0:y.data)||[],c=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((b,S)=>(b[S.timestamp]=S.value,b),{}))??{},d=o.map(b=>{const S=c[b.timestamp];return{...b,traffic:S,timestamp:new Date(b.timestamp).valueOf()}}),g=qn({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=u.useCallback(b=>{const{activePayload:S}=b;if(S!=null&&S.length>0){const v=S[0].payload;l(new Date(v.timestamp))}},[l]),{color:m,barColor:p}=ii();return e(dn,{width:"100%",height:"100%",children:s(sa,{data:d,margin:ca,onClick:f,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:m,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:p,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:p,stopOpacity:0})]})]}),e(cn,{...Un,tickFormatter:b=>g(new Date(b))}),e(ze,{stroke:pe.colors.gray200,label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{content:e(Yc,{})}),e(Nn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(aa,{type:"monotone",dataKey:"value",stroke:m,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),t!=null?e(xl,{...ll,x:t.getTime()}):null]})})}const ri=function(){var n={kind:"Literal",name:"metric",value:"percentEmpty"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"percentEmpty",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referencePercentEmpty",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}}();ri.hash="1e10d0449d6607d9292f355548c41c78";function nu(n){const a=I.useFragment(ri,n.dimension);return s(B,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"% Empty"}),e(K,{textSize:"xlarge",children:Ha(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(K,{textSize:"medium",color:"designationPurple",children:Ha(a.referencePercentEmpty)})]})}const si=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"9be05c72f19755036f4829777a96f97d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
877
877
  $dimensionId: GlobalID!
878
878
  $timeRange: TimeRange!
879
879
  $granularity: Granularity!
@@ -891,15 +891,15 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
891
891
  }
892
892
  }
893
893
  }
894
- `}}}();li.hash="1e843d6c8dbe05b389b24188c6bdb394";const Jc=new Intl.NumberFormat([],{maximumFractionDigits:2}),ii=()=>{const{gray100:n}=Be();return{color:n}};function Zc({active:n,payload:a,label:t}){var i;const{color:l}=ii();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Jc.format(r):"--";return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,name:"% Empty",value:o})]})}return null}function Xc({dimensionId:n}){var c;const{timeRange:a}=Ue(),t=jn(a),i=((c=I.useLazyLoadQuery(li,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}).embedding.percentEmptyTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],r=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),{color:o}=ii();return e(sn,{width:"100%",height:"100%",children:s(sa,{data:i,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:o,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:o,stopOpacity:0})]})}),e(on,{...Un,tickFormatter:d=>r(new Date(d))}),e(ze,{stroke:ge.colors.gray200,label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{content:e(Zc,{})}),e(Kl,{type:"monotone",dataKey:"value",stroke:o,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const ri=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionQuantilesStats_dimension",selections:[{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null}}();ri.hash="c306c8eafb1d34be464d3a658d5f94a7";function Yc(n){const a=I.useFragment(ri,n.dimension);return e("ul",{css:v`
894
+ `}}}();si.hash="1e843d6c8dbe05b389b24188c6bdb394";const au=new Intl.NumberFormat([],{maximumFractionDigits:2}),oi=()=>{const{gray100:n}=He();return{color:n}};function tu({active:n,payload:a,label:t}){var i;const{color:l}=oi();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?au.format(r):"--";return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,name:"% Empty",value:o})]})}return null}function lu({dimensionId:n}){var c;const{timeRange:a}=Be(),t=jn(a),i=((c=I.useLazyLoadQuery(si,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}).embedding.percentEmptyTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],r=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),{color:o}=oi();return e(dn,{width:"100%",height:"100%",children:s(sa,{data:i,margin:ca,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:o,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:o,stopOpacity:0})]})}),e(cn,{...Un,tickFormatter:d=>r(new Date(d))}),e(ze,{stroke:pe.colors.gray200,label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{content:e(tu,{})}),e(Dl,{type:"monotone",dataKey:"value",stroke:o,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const di=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionQuantilesStats_dimension",selections:[{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null}}();di.hash="c306c8eafb1d34be464d3a658d5f94a7";function iu(n){const a=I.useFragment(di,n.dimension);return e("ul",{css:C`
895
895
  display: flex;
896
896
  flex-direction: column;
897
897
  gap: var(--px-spacing-sm);
898
- `,children:Object.keys(a).map(t=>{const l=a[t];return s("li",{css:v`
898
+ `,children:Object.keys(a).map(t=>{const l=a[t];return s("li",{css:C`
899
899
  display: flex;
900
900
  flex-direction: column;
901
901
  align-items: flex-end;
902
- `,children:[e(K,{elementType:"h3",textSize:"xsmall",color:"text-700",children:t}),e(K,{textSize:"medium","data-raw":l,children:it(l)})]},t)})})}const si=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"granularity",variableName:"granularity"},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],d={kind:"InlineFragment",selections:[{alias:"p99TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p99"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p75TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p75"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p50TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p50"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p25TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p25"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p01TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p01"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,d],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,d],storageKey:null}]},params:{cacheID:"0bb3d9faf9d7f0c2e27995120ae24e1c",id:null,metadata:{},name:"DimensionQuantilesTimeSeriesQuery",operationKind:"query",text:`query DimensionQuantilesTimeSeriesQuery(
902
+ `,children:[e(K,{elementType:"h3",textSize:"xsmall",color:"text-700",children:t}),e(K,{textSize:"medium","data-raw":l,children:ot(l)})]},t)})})}const ci=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"granularity",variableName:"granularity"},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],d={kind:"InlineFragment",selections:[{alias:"p99TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p99"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p75TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p75"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p50TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p50"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p25TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p25"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p01TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p01"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,d],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,d],storageKey:null}]},params:{cacheID:"0bb3d9faf9d7f0c2e27995120ae24e1c",id:null,metadata:{},name:"DimensionQuantilesTimeSeriesQuery",operationKind:"query",text:`query DimensionQuantilesTimeSeriesQuery(
903
903
  $dimensionId: GlobalID!
904
904
  $timeRange: TimeRange!
905
905
  $granularity: Granularity!
@@ -941,14 +941,14 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
941
941
  }
942
942
  }
943
943
  }
944
- `}}}();si.hash="134f0dad0e0ecc7863dfbb0f437d829b";const eu=Xa("~s");var oi=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(oi||{});const nu=new Intl.NumberFormat([],{maximumFractionDigits:2});function Xn(n){return typeof n=="number"?nu.format(n):"--"}const di=()=>{const n=Be();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function au({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=di();if(n&&a&&a.length){const o=a[0].payload;return s(rn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${Qe(new Date(t))}`}),e(pe,{color:l,name:"p99",value:Xn(o.p99_p01[0])}),e(pe,{color:i,name:"p75",value:Xn(o.p75_p25[0])}),e(pe,{color:r,name:"p50",value:Xn(o.p50)}),e(pe,{color:i,name:"p25",value:Xn(o.p75_p25[1])}),e(pe,{color:l,name:"p01",value:Xn(o.p99_p01[1])})]})}return null}function tu({dimensionId:n}){var P,_,x,D,A;const{timeRange:a}=Ue(),t=jn(a),l=I.useLazyLoadQuery(si,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((P=l.dimension.p99TimeSeries)==null?void 0:P.data.map(R=>R))||[],r=((_=l.dimension.p01TimeSeries)==null?void 0:_.data.map(R=>R))||[],o=((x=l.dimension.p75TimeSeries)==null?void 0:x.data.map(R=>R))||[],c=((D=l.dimension.p25TimeSeries)==null?void 0:D.data.map(R=>R))||[],d=((A=l.dimension.p50TimeSeries)==null?void 0:A.data.map(R=>R))||[],g=i.map((R,j)=>({timestamp:new Date(R.timestamp).valueOf(),p99_p01:[R.value,r[j].value],p75_p25:[o[j].value,c[j].value],p50:d[j].value})),f=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),[m,p]=u.useState(Object.keys(oi).reduce((R,j)=>(R[j]=!1,R),{})),y=R=>{m[R.dataKey]||p({...m})},k=()=>{p({...m})},S=R=>{p({...m,[String(R.dataKey)]:!m[R.dataKey]})},{outerColor:C,innerColor:b,lineColor:T}=di();return e(sn,{width:"100%",height:"100%",children:s(sa,{data:g,margin:ca,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:C,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:C,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:C,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:b,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:b,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:b,stopOpacity:.7})]})]}),e(on,{...Un,tickFormatter:R=>f(new Date(R))}),e(ze,{stroke:ge.colors.gray200,label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:R=>eu(R),style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{content:e(au,{})}),e(Ld,{onClick:S,onMouseOver:y,onMouseOut:k}),e(aa,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:C,hide:m.p99_p01===!0}),e(aa,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:b,fill:"url(#p75_p25ColorUV)",hide:m.p75_p25===!0}),e(Kl,{type:"monotone",dataKey:"p50",stroke:T,hide:m.p50===!0})]})})}const ci=function(){var n={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionSegmentsBarChart_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[n,{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[n],type:"MissingValueBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:a,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:a,storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null}}();ci.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const lu=Xa(".2f"),ui=()=>{const{primary:n}=Be();return{color:n}};function iu({active:n,payload:a,label:t}){var i;const{color:l}=ui();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(rn,{children:e(pe,{color:l,shape:"square",name:t,value:r!=null?`${lu(r)}%`:"--"})})}return null}function ru(n){const a=I.useFragment(ci,n.dimension),t=u.useMemo(()=>{var o,c,d;const i=((o=a.segmentsComparison)==null?void 0:o.segments)??[],r=((d=(c=a.segmentsComparison)==null?void 0:c.totalCounts)==null?void 0:d.primaryValue)??0;return i.map(g=>{var y;const f=((y=g.counts)==null?void 0:y.primaryValue)??0,m=ll(g.bin),p=f/r*100;return{name:m,percent:p}})},[a]),{color:l}=ui();return e(sn,{children:s(gt,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:s("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(on,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:ge.colors.gray200,label:{value:"% Volume",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(dn,{strokeDasharray:"4 4",stroke:ge.colors.gray200,strokeOpacity:.5}),e(cn,{...rt,content:e(iu,{})}),e(Mn,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function Yy(){const{dimensionId:n}=tn(),{timeRange:a}=Ue(),t=vn(),{referenceInferences:l}=Ve(),i=l!==null,r=i,o=t.dimension.shape!=="continuous",c=t.dimension.dataType==="numeric",d=Y(),g=I.useLazyLoadQuery(Ul,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},hasReference:i});if(!n)throw new Error("Dimension ID is required to display a dimension");return e(tl,{initialTimestamp:new Date(a.end),children:e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(B,{size:"L",title:t.dimension.name,children:e("main",{css:v`
944
+ `}}}();ci.hash="134f0dad0e0ecc7863dfbb0f437d829b";const ru=nt("~s");var ui=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(ui||{});const su=new Intl.NumberFormat([],{maximumFractionDigits:2});function Xn(n){return typeof n=="number"?su.format(n):"--"}const mi=()=>{const n=He();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function ou({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=mi();if(n&&a&&a.length){const o=a[0].payload;return s(sn,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${je(new Date(t))}`}),e(ye,{color:l,name:"p99",value:Xn(o.p99_p01[0])}),e(ye,{color:i,name:"p75",value:Xn(o.p75_p25[0])}),e(ye,{color:r,name:"p50",value:Xn(o.p50)}),e(ye,{color:i,name:"p25",value:Xn(o.p75_p25[1])}),e(ye,{color:l,name:"p01",value:Xn(o.p99_p01[1])})]})}return null}function du({dimensionId:n}){var x,w,T,D,R;const{timeRange:a}=Be(),t=jn(a),l=I.useLazyLoadQuery(ci,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((x=l.dimension.p99TimeSeries)==null?void 0:x.data.map(M=>M))||[],r=((w=l.dimension.p01TimeSeries)==null?void 0:w.data.map(M=>M))||[],o=((T=l.dimension.p75TimeSeries)==null?void 0:T.data.map(M=>M))||[],c=((D=l.dimension.p25TimeSeries)==null?void 0:D.data.map(M=>M))||[],d=((R=l.dimension.p50TimeSeries)==null?void 0:R.data.map(M=>M))||[],g=i.map((M,q)=>({timestamp:new Date(M.timestamp).valueOf(),p99_p01:[M.value,r[q].value],p75_p25:[o[q].value,c[q].value],p50:d[q].value})),f=qn({samplingIntervalMinutes:t.samplingIntervalMinutes}),[m,p]=u.useState(Object.keys(ui).reduce((M,q)=>(M[q]=!1,M),{})),y=M=>{m[M.dataKey]||p({...m})},k=()=>{p({...m})},b=M=>{p({...m,[String(M.dataKey)]:!m[M.dataKey]})},{outerColor:S,innerColor:v,lineColor:L}=mi();return e(dn,{width:"100%",height:"100%",children:s(sa,{data:g,margin:ca,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:v,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:v,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:v,stopOpacity:.7})]})]}),e(cn,{...Un,tickFormatter:M=>f(new Date(M))}),e(ze,{stroke:pe.colors.gray200,label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:M=>ru(M),style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{content:e(ou,{})}),e(Md,{onClick:b,onMouseOver:y,onMouseOut:k}),e(aa,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:m.p99_p01===!0}),e(aa,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:v,fill:"url(#p75_p25ColorUV)",hide:m.p75_p25===!0}),e(Dl,{type:"monotone",dataKey:"p50",stroke:L,hide:m.p50===!0})]})})}const gi=function(){var n={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionSegmentsBarChart_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[n,{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[n],type:"MissingValueBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:a,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:a,storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null}}();gi.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const cu=nt(".2f"),pi=()=>{const{primary:n}=He();return{color:n}};function uu({active:n,payload:a,label:t}){var i;const{color:l}=pi();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(sn,{children:e(ye,{color:l,shape:"square",name:t,value:r!=null?`${cu(r)}%`:"--"})})}return null}function mu(n){const a=I.useFragment(gi,n.dimension),t=u.useMemo(()=>{var o,c,d;const i=((o=a.segmentsComparison)==null?void 0:o.segments)??[],r=((d=(c=a.segmentsComparison)==null?void 0:c.totalCounts)==null?void 0:d.primaryValue)??0;return i.map(g=>{var y;const f=((y=g.counts)==null?void 0:y.primaryValue)??0,m=sl(g.bin),p=f/r*100;return{name:m,percent:p}})},[a]),{color:l}=pi();return e(dn,{children:s(yt,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:s("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(cn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(ze,{stroke:pe.colors.gray200,label:{value:"% Volume",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(un,{strokeDasharray:"4 4",stroke:pe.colors.gray200,strokeOpacity:.5}),e(mn,{...dt,content:e(uu,{})}),e(Nn,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function _f(){const{dimensionId:n}=ln(),{timeRange:a}=Be(),t=Fn(),{referenceInferences:l}=$e(),i=l!==null,r=i,o=t.dimension.shape!=="continuous",c=t.dimension.dataType==="numeric",d=Y(),g=I.useLazyLoadQuery(Gl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},hasReference:i});if(!n)throw new Error("Dimension ID is required to display a dimension");return e(rl,{initialTimestamp:new Date(a.end),children:e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(H,{size:"L",title:t.dimension.name,children:e("main",{css:C`
945
945
  padding: var(--px-spacing-med);
946
946
  display: flex;
947
947
  flex-direction: column;
948
948
  min-height: 400px;
949
949
  overflow-y: auto;
950
950
  height: 100%;
951
- `,children:e(u.Suspense,{fallback:e(he,{}),children:s(h,{direction:"column",gap:"size-100",children:[e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(ru,{dimension:g.dimension})}),e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Qc,{dimensionId:n}),e(Pn,{children:e(Vc,{dimension:g.dimension})})]})}),r?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:s(h,{direction:"column",alignItems:"stretch",children:[e(F,{width:"100%",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(Gc,{dimensionId:n})}),e(Pn,{children:e(Bc,{dimension:g.dimension})})]})}),e(F,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(u.Suspense,{fallback:e(he,{}),children:e(qc,{dimensionId:n})})})]})}):null,c?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(tu,{dimensionId:n})}),e(Pn,{children:e(Yc,{dimension:g.dimension})})]})}):null,o?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(zc,{dimensionId:n})}),e(Pn,{children:e(Rc,{dimension:g.dimension})})]})}):null,e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Xc,{dimensionId:n}),e(Pn,{children:e(Wc,{dimension:g.dimension})})]})})]})})})})})})}const mi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"03a9aafe3f08a9d093b029ff4a9e3253",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
951
+ `,children:e(u.Suspense,{fallback:e(he,{}),children:s(h,{direction:"column",gap:"size-100",children:[e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(mu,{dimension:g.dimension})}),e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Gc,{dimensionId:n}),e(wn,{children:e(Uc,{dimension:g.dimension})})]})}),r?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:s(h,{direction:"column",alignItems:"stretch",children:[e(F,{width:"100%",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(eu,{dimensionId:n})}),e(wn,{children:e(Xc,{dimension:g.dimension})})]})}),e(F,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(u.Suspense,{fallback:e(he,{}),children:e(Jc,{dimensionId:n})})})]})}):null,c?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(du,{dimensionId:n})}),e(wn,{children:e(iu,{dimension:g.dimension})})]})}):null,o?e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(F,{flex:!0,children:e(qc,{dimensionId:n})}),e(wn,{children:e(Oc,{dimension:g.dimension})})]})}):null,e(F,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(lu,{dimensionId:n}),e(wn,{children:e(nu,{dimension:g.dimension})})]})})]})})})})})})}const yi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"03a9aafe3f08a9d093b029ff4a9e3253",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
952
952
  $id: GlobalID!
953
953
  ) {
954
954
  dimension: node(id: $id) {
@@ -963,7 +963,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
963
963
  id
964
964
  }
965
965
  }
966
- `}}}();mi.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function ef(n){const{dimensionId:a}=n.params;return I.fetchQuery(xe,mi,{id:a}).toPromise()}const gi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"traceId",variableName:"traceId"}],concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"22103e9bb1f983529081ca93d60e76ef",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
966
+ `}}}();yi.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function Ef(n){const{dimensionId:a}=n.params;return I.fetchQuery(Te,yi,{id:a}).toPromise()}const fi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"traceId",variableName:"traceId"}],concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"22103e9bb1f983529081ca93d60e76ef",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
967
967
  $traceId: ID!
968
968
  $id: GlobalID!
969
969
  ) {
@@ -1003,7 +1003,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
1003
1003
  id
1004
1004
  }
1005
1005
  }
1006
- `}}}();gi.hash="8b568616f23f7d349cac5a31807463fb";const pi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},S=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],C={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:S,storageKey:null},b={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:S,storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},P={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},_={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},R={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},r,x,D,A],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,c,d,g,f,m,p,y,k,C,b,T,{kind:"RequiredField",field:P,action:"THROW",path:"span.events"},_,R,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,c,d,g,f,m,p,y,k,C,b,T,P,_,R,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r,x,D,A,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},l],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"b1a80a0108c40baebf6e64b811ca0202",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
1006
+ `}}}();fi.hash="8b568616f23f7d349cac5a31807463fb";const hi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},b=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],S={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:b,storageKey:null},v={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:b,storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},x={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},w={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},M={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},r,T,D,R],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,c,d,g,f,m,p,y,k,S,v,L,{kind:"RequiredField",field:x,action:"THROW",path:"span.events"},w,M,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,c,d,g,f,m,p,y,k,S,v,L,x,w,M,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r,T,D,R,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},l],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"b1a80a0108c40baebf6e64b811ca0202",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
1007
1007
  $spanId: GlobalID!
1008
1008
  ) {
1009
1009
  span: node(id: $spanId) {
@@ -1088,7 +1088,7 @@ fragment SpanFeedback_annotations on Span {
1088
1088
  annotatorKind
1089
1089
  }
1090
1090
  }
1091
- `}}}();pi.hash="eaf52d9b37b1f5a29cae360a05b7c975";function yt(n){return u.useMemo(()=>n==="user"||n==="human"?{backgroundColor:"grey-100",borderColor:"grey-500"}:n==="assistant"||n==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:n==="system"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(n)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"},[n])}function Lt(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&le.message in a&&su(a[le.message]))}function su(n){return typeof n=="object"&&n!==null&&Ce.role in n}const Ma=v`
1091
+ `}}}();hi.hash="eaf52d9b37b1f5a29cae360a05b7c975";function ht(n){return u.useMemo(()=>n==="user"||n==="human"?{backgroundColor:"grey-100",borderColor:"grey-500"}:n==="assistant"||n==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:n==="system"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(n)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"},[n])}function wt(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&ie.message in a&&gu(a[ie.message]))}function gu(n){return typeof n=="object"&&n!==null&&Ce.role in n}const za=C`
1092
1092
  display: flex;
1093
1093
  align-items: center;
1094
1094
  .ac-text {
@@ -1098,7 +1098,7 @@ fragment SpanFeedback_annotations on Span {
1098
1098
  overflow: hidden;
1099
1099
  text-overflow: ellipsis;
1100
1100
  }
1101
- `;function Ie(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=u.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Ze(i)||"--",[i,t]);return s(we,{delay:500,offset:3,children:[e(hn,{children:e("div",{css:Ho,children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Go,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:Ma,children:e(K,{weight:"heavy",textSize:"small",color:"inherit",children:a})}):null,e("div",{css:Ma,children:e(K,{textSize:"small",color:"inherit",children:r})}),e("div",{css:Ma,children:e(K,{textSize:"small",children:o})})]})})}),e(ia,{children:s(h,{direction:"row",gap:"size-100",children:[s(K,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(K,{color:"inherit",children:o})]})})]})}function ou(n){const{spanNodeId:a,projectId:t}=n,[l,i]=u.useState(null);return s(H,{children:[e(N,{variant:"default",icon:e(w,{svg:e(L.EditOutline,{})}),onClick:()=>i(e(il,{spanNodeId:a,projectId:t})),children:"Annotate"}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const yi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"878027b90513af8f947e6aa408450057",id:null,metadata:{},name:"SpanAsideSpanQuery",operationKind:"query",text:`query SpanAsideSpanQuery(
1101
+ `;function Pe(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=u.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Xe(i)||"--",[i,t]);return s(De,{delay:500,offset:3,children:[e(Sn,{children:e("div",{css:nd,children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ad,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:za,children:e(K,{weight:"heavy",textSize:"small",color:"inherit",children:a})}):null,e("div",{css:za,children:e(K,{textSize:"small",color:"inherit",children:r})}),e("div",{css:za,children:e(K,{textSize:"small",children:o})})]})})}),e(ia,{children:s(h,{direction:"row",gap:"size-100",children:[s(K,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(K,{color:"inherit",children:o})]})})]})}function pu(n){const{spanNodeId:a,projectId:t}=n,[l,i]=u.useState(null);return s(B,{children:[e(N,{variant:"default",icon:e(E,{svg:e(P.EditOutline,{})}),onClick:()=>i(e(ol,{spanNodeId:a,projectId:t})),children:"Annotate"}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const ki=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"878027b90513af8f947e6aa408450057",id:null,metadata:{},name:"SpanAsideSpanQuery",operationKind:"query",text:`query SpanAsideSpanQuery(
1102
1102
  $id: GlobalID!
1103
1103
  ) {
1104
1104
  node(id: $id) {
@@ -1125,22 +1125,22 @@ fragment SpanAside_span on Span {
1125
1125
  score
1126
1126
  }
1127
1127
  }
1128
- `}}}();yi.hash="cb5cab60889623d77ad0c96c98b3f8ac";const fi=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:yi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpanAside_span",selections:[n,{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();fi.hash="cb5cab60889623d77ad0c96c98b3f8ac";const du=v`
1128
+ `}}}();ki.hash="cb5cab60889623d77ad0c96c98b3f8ac";const bi=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:ki,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpanAside_span",selections:[n,{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();bi.hash="cb5cab60889623d77ad0c96c98b3f8ac";const yu=C`
1129
1129
  display: flex;
1130
1130
  padding-top: var(--ac-global-dimension-size-50);
1131
1131
  flex-direction: column;
1132
1132
  gap: var(--ac-global-dimension-size-100);
1133
1133
  align-items: flex-start;
1134
- `;function cu(n){const[a]=I.useRefetchableFragment(fi,n.span),{startTime:t,endTime:l,code:i,tokenCountCompletion:r,tokenCountPrompt:o,tokenCountTotal:c}=a,d=u.useMemo(()=>new Date(t),[t]),g=u.useMemo(()=>l?new Date(l):null,[l]),f=u.useMemo(()=>g?g.getTime()-d.getTime():null,[g,d]),m=rl(i),p=a.spanAnnotations,y=p.length>0;return e(F,{padding:"size-200",borderColor:"dark",backgroundColor:"dark",borderLeftWidth:"thin",width:"230px",flex:"none",minHeight:"100%",children:s(h,{direction:"column",gap:"size-200",children:[e(In,{label:"Status",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(xa,{statusCode:i}),e(K,{textSize:"xlarge",color:m,children:i})]})}),e(In,{label:"Start Time",children:e(K,{textSize:"xlarge",children:Qe(d)})}),g&&e(In,{label:"End Time",children:e(K,{textSize:"xlarge",children:Qe(g)})}),e(In,{label:"Latency",children:e(K,{textSize:"xlarge",children:typeof f=="number"?e(Ee,{latencyMs:f,textSize:"xlarge"}):"--"})}),c?e(In,{label:"Total Tokens",children:e(Ta,{tokenCountTotal:c,tokenCountPrompt:o??0,tokenCountCompletion:r??0,textSize:"xlarge"})},"tokens"):null,y&&e(In,{label:"Feedback",children:e("ul",{css:du,children:p.map(k=>e("li",{children:e(xn,{annotation:k,annotationDisplayPreference:"label"})},k.id))})})]})})}function In({label:n,children:a}){return s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),a]})}function uu(n){const{spanId:a,traceId:t}=n;return e("div",{css:v`
1134
+ `;function fu(n){const[a]=I.useRefetchableFragment(bi,n.span),{startTime:t,endTime:l,code:i,tokenCountCompletion:r,tokenCountPrompt:o,tokenCountTotal:c}=a,d=u.useMemo(()=>new Date(t),[t]),g=u.useMemo(()=>l?new Date(l):null,[l]),f=u.useMemo(()=>g?g.getTime()-d.getTime():null,[g,d]),m=dl(i),p=a.spanAnnotations,y=p.length>0;return e(F,{padding:"size-200",borderColor:"dark",backgroundColor:"dark",borderLeftWidth:"thin",width:"230px",flex:"none",minHeight:"100%",children:s(h,{direction:"column",gap:"size-200",children:[e(Ln,{label:"Status",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ka,{statusCode:i}),e(K,{textSize:"xlarge",color:m,children:i})]})}),e(Ln,{label:"Start Time",children:e(K,{textSize:"xlarge",children:je(d)})}),g&&e(Ln,{label:"End Time",children:e(K,{textSize:"xlarge",children:je(g)})}),e(Ln,{label:"Latency",children:e(K,{textSize:"xlarge",children:typeof f=="number"?e(Ee,{latencyMs:f,textSize:"xlarge"}):"--"})}),c?e(Ln,{label:"Total Tokens",children:e(Ta,{tokenCountTotal:c,tokenCountPrompt:o??0,tokenCountCompletion:r??0,textSize:"xlarge"})},"tokens"):null,y&&e(Ln,{label:"Feedback",children:e("ul",{css:yu,children:p.map(k=>e("li",{children:e(In,{annotation:k,annotationDisplayPreference:"label"})},k.id))})})]})})}function Ln({label:n,children:a}){return s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),a]})}function hu(n){const{spanId:a,traceId:t}=n;return e("div",{css:C`
1135
1135
  button.ac-dropdown-button {
1136
1136
  min-width: 50px;
1137
1137
  .ac-dropdown-button__text {
1138
1138
  padding-right: 10px;
1139
1139
  }
1140
1140
  }
1141
- `,children:s(Cn,{placement:"bottom right",children:[e(et,{addonBefore:e(w,{svg:e(L.Code,{})}),children:"Code"}),e(Sa,{children:e(F,{padding:"size-200",children:s(fe,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"Span ID",isReadOnly:!0,value:a}),e(ae,{text:a,size:"default"})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"Trace ID",isReadOnly:!0,value:t}),e(ae,{text:t,size:"default"})]})]})})})]})})}const hi={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null};hi.hash="6199ecd4f0143cffbaa2fe5e19a8739c";function mu(){const[n,a]=u.useState(null);return s(F,{padding:"size-200",children:[s(h,{direction:"column",gap:"size-100",alignItems:"center",children:[e(Ca,{graphicKey:"documents"}),e(K,{children:"No annotations for this span"}),e(N,{variant:"default",size:"compact",onClick:()=>{a(e(B,{title:"Span Annotations",isDismissable:!0,children:s(F,{padding:"size-200",children:[e("p",{css:v`
1141
+ `,children:s(Tn,{placement:"bottom right",children:[e(tt,{addonBefore:e(E,{svg:e(P.Code,{})}),children:"Code"}),e(ba,{children:e(F,{padding:"size-200",children:s(fe,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"Span ID",isReadOnly:!0,value:a}),e(te,{text:a,size:"default"})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"Trace ID",isReadOnly:!0,value:t}),e(te,{text:t,size:"default"})]})]})})})]})})}const Si={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null};Si.hash="6199ecd4f0143cffbaa2fe5e19a8739c";function ku(){const[n,a]=u.useState(null);return s(F,{padding:"size-200",children:[s(h,{direction:"column",gap:"size-100",alignItems:"center",children:[e(va,{graphicKey:"documents"}),e(K,{children:"No annotations for this span"}),e(N,{variant:"default",size:"compact",onClick:()=>{a(e(H,{title:"Span Annotations",isDismissable:!0,children:s(F,{padding:"size-200",children:[e("p",{css:C`
1142
1142
  margin: 0 0 var(--ac-global-dimension-size-100) 0;
1143
- `,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(je,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(w,{svg:e(L.Edit2Outline,{})}),children:"How to Annotate"})]}),e(W,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const gu=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:Wo,size:400}];function wt({annotations:n}){const a=u.useMemo(()=>[...n],[n]),t=ke({columns:gu,data:a,getCoreRowModel:be()}),i=t.getRowModel().rows.length===0;return s("table",{css:He,children:[e("thead",{children:t.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(o=>e("th",{colSpan:o.colSpan,children:o.isPlaceholder?null:e(H,{children:X(o.column.columnDef.header,o.getContext())})},o.id))},r.id))}),i?e(Ge,{}):e("tbody",{children:t.getRowModel().rows.map(r=>e("tr",{children:r.getVisibleCells().map(o=>e("td",{style:{width:o.column.getSize()},children:X(o.column.columnDef.cell,o.getContext())},o.id))},r.id))})]})}function pu({span:n}){const a=I.useFragment(hi,n),t=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="HUMAN"),[a.spanAnnotations]),l=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="LLM"),[a.spanAnnotations]);return a.spanAnnotations.length>0?s(Re,{children:[e(de,{id:"evaluations",title:"Evaluations",children:e(wt,{annotations:l})}),e(de,{id:"human",title:"Human Annotations",children:e(wt,{annotations:t})})]}):e(mu,{})}function yu(n){return n==="__REDACTED__"}const fu=v`
1143
+ `,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(qe,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(E,{svg:e(P.Edit2Outline,{})}),children:"How to Annotate"})]}),e(G,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const bu=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:td,size:400}];function _t({annotations:n}){const a=u.useMemo(()=>[...n],[n]),t=ke({columns:bu,data:a,getCoreRowModel:be()}),i=t.getRowModel().rows.length===0;return s("table",{css:Ge,children:[e("thead",{children:t.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(o=>e("th",{colSpan:o.colSpan,children:o.isPlaceholder?null:e(B,{children:X(o.column.columnDef.header,o.getContext())})},o.id))},r.id))}),i?e(We,{}):e("tbody",{children:t.getRowModel().rows.map(r=>e("tr",{children:r.getVisibleCells().map(o=>e("td",{style:{width:o.column.getSize()},children:X(o.column.columnDef.cell,o.getContext())},o.id))},r.id))})]})}function Su({span:n}){const a=I.useFragment(Si,n),t=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="HUMAN"),[a.spanAnnotations]),l=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="LLM"),[a.spanAnnotations]);return a.spanAnnotations.length>0?s(Me,{children:[e(ce,{id:"evaluations",title:"Evaluations",children:e(_t,{annotations:l})}),e(ce,{id:"human",title:"Human Annotations",children:e(_t,{annotations:t})})]}):e(ku,{})}function vu(n){return n==="__REDACTED__"}const Cu=C`
1144
1144
  position: relative;
1145
1145
  overflow: hidden;
1146
1146
  width: 200px;
@@ -1179,7 +1179,7 @@ fragment SpanAside_span on Span {
1179
1179
  object-fit: cover;
1180
1180
  }
1181
1181
  }
1182
- `;function hu(n){const[a,t]=u.useState(!1);let l;const i=yu(n.url);return i?l=e(ku,{}):l=e("img",{src:n.url}),s("div",{className:$s({"is-expanded":a}),css:fu,children:[!i&&e(N,{variant:"default",size:"compact",onClick:()=>t(!a),icon:e(w,{svg:a?e(L.CollapseOutline,{}):e(L.ExpandOutline,{})}),"aria-label":"Expand / Collapse Image"}),l]})}const ku=()=>s("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"1.5",y:"1.5",width:"127",height:"127",rx:"6.5",strokeOpacity:"0.8",strokeWidth:"3"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 27.5H90C96.8917 27.5 102.5 33.1083 102.5 40V90C102.5 96.8917 96.8917 102.5 90 102.5H40C33.1083 102.5 27.5 96.8917 27.5 90V40C27.5 33.1083 33.1083 27.5 40 27.5ZM40 35.8333H90C92.3 35.8333 94.1667 37.7 94.1667 40V74.85L80.8208 63.4667C76.6958 59.9583 70.2417 59.9583 66.1542 63.4417L35.8333 88.7417V40C35.8333 37.7 37.7 35.8333 40 35.8333ZM54.5833 50.4167C54.5833 53.8667 51.7833 56.6667 48.3333 56.6667C44.8833 56.6667 42.0833 53.8667 42.0833 50.4167C42.0833 46.9667 44.8833 44.1667 48.3333 44.1667C51.7833 44.1667 54.5833 46.9667 54.5833 50.4167ZM42.3375 94.1667H90C92.3 94.1667 94.1667 92.3 94.1667 90V85.8083L75.4125 69.8083C74.4083 68.9458 72.55 68.9417 71.525 69.8125L42.3375 94.1667Z",fill:"var(--ac-global-color-grey-300)"})]}),ki=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
1182
+ `;function Fu(n){const[a,t]=u.useState(!1);let l;const i=vu(n.url);return i?l=e(Ku,{}):l=e("img",{src:n.url}),s("div",{className:Hs({"is-expanded":a}),css:Cu,children:[!i&&e(N,{variant:"default",size:"compact",onClick:()=>t(!a),icon:e(E,{svg:a?e(P.CollapseOutline,{}):e(P.ExpandOutline,{})}),"aria-label":"Expand / Collapse Image"}),l]})}const Ku=()=>s("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"1.5",y:"1.5",width:"127",height:"127",rx:"6.5",strokeOpacity:"0.8",strokeWidth:"3"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 27.5H90C96.8917 27.5 102.5 33.1083 102.5 40V90C102.5 96.8917 96.8917 102.5 90 102.5H40C33.1083 102.5 27.5 96.8917 27.5 90V40C27.5 33.1083 33.1083 27.5 40 27.5ZM40 35.8333H90C92.3 35.8333 94.1667 37.7 94.1667 40V74.85L80.8208 63.4667C76.6958 59.9583 70.2417 59.9583 66.1542 63.4417L35.8333 88.7417V40C35.8333 37.7 37.7 35.8333 40 35.8333ZM54.5833 50.4167C54.5833 53.8667 51.7833 56.6667 48.3333 56.6667C44.8833 56.6667 42.0833 53.8667 42.0833 50.4167C42.0833 46.9667 44.8833 44.1667 48.3333 44.1667C51.7833 44.1667 54.5833 46.9667 54.5833 50.4167ZM42.3375 94.1667H90C92.3 94.1667 94.1667 92.3 94.1667 90V85.8083L75.4125 69.8083C74.4083 68.9458 72.55 68.9417 71.525 69.8125L42.3375 94.1667Z",fill:"var(--ac-global-color-grey-300)"})]}),vi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
1183
1183
  $input: AddExamplesToDatasetInput!
1184
1184
  ) {
1185
1185
  addExamplesToDataset(input: $input) {
@@ -1188,7 +1188,7 @@ fragment SpanAside_span on Span {
1188
1188
  }
1189
1189
  }
1190
1190
  }
1191
- `}}}();ki.hash="75120065d239f28304e9dd91fc34bec9";const bi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={kind:"InlineFragment",selections:[{alias:"revision",args:null,concreteType:"SpanAsExampleRevision",kind:"LinkedField",name:"asExampleRevision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null},{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null},{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"340325aadd2b2d81cb509e6b6bee7f0b",id:null,metadata:{},name:"SpanToDatasetExampleDialogQuery",operationKind:"query",text:`query SpanToDatasetExampleDialogQuery(
1191
+ `}}}();vi.hash="75120065d239f28304e9dd91fc34bec9";const Ci=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={kind:"InlineFragment",selections:[{alias:"revision",args:null,concreteType:"SpanAsExampleRevision",kind:"LinkedField",name:"asExampleRevision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null},{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null},{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"340325aadd2b2d81cb509e6b6bee7f0b",id:null,metadata:{},name:"SpanToDatasetExampleDialogQuery",operationKind:"query",text:`query SpanToDatasetExampleDialogQuery(
1192
1192
  $spanId: GlobalID!
1193
1193
  ) {
1194
1194
  span: node(id: $spanId) {
@@ -1216,7 +1216,7 @@ fragment DatasetPicker__datasets on Query {
1216
1216
  }
1217
1217
  }
1218
1218
  }
1219
- `}}}();bi.hash="5afd1a4eede339492f5473ed17b770b3";const Si={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetPickerRefetchQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetPickerRefetchQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"38a431d0ba6fa8c12622a1cbb3d1e446",id:null,metadata:{},name:"DatasetPickerRefetchQuery",operationKind:"query",text:`query DatasetPickerRefetchQuery {
1219
+ `}}}();Ci.hash="5afd1a4eede339492f5473ed17b770b3";const Fi={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetPickerRefetchQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetPickerRefetchQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"38a431d0ba6fa8c12622a1cbb3d1e446",id:null,metadata:{},name:"DatasetPickerRefetchQuery",operationKind:"query",text:`query DatasetPickerRefetchQuery {
1220
1220
  ...DatasetPicker__datasets
1221
1221
  }
1222
1222
 
@@ -1230,7 +1230,7 @@ fragment DatasetPicker__datasets on Query {
1230
1230
  }
1231
1231
  }
1232
1232
  }
1233
- `}};Si.hash="03d88d1706089bb63edcd44d04563cbc";const vi={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Si}},name:"DatasetPicker__datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};vi.hash="03d88d1706089bb63edcd44d04563cbc";function bu(n){const[a,t]=I.useRefetchableFragment(vi,n.query);return s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Vn,{label:"dataset","data-testid":"dataset-picker",className:"dataset-picker",width:"100%","aria-label":"The dataset to add the example to",onSelectionChange:n.onSelectionChange,placeholder:"Select a dataset",onBlur:n.onBlur,isRequired:!0,validationState:n.validationState,errorMessage:n.errorMessage,children:a.datasets.edges.map(({dataset:l})=>e(U,{children:l.name},l.id))}),e(Su,{onDatasetCreated:()=>{u.startTransition(()=>{t({},{fetchPolicy:"store-and-network"})})}})]})}function Su({onDatasetCreated:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=oe();return s(Cn,{placement:"bottom right",isOpen:l,onOpenChange:o=>{t(null),i(o)},children:[e(N,{variant:"default",icon:e(w,{svg:e(L.PlusCircleOutline,{})}),"aria-label":"Create a new dataset"}),e($,{title:"Create New Dataset",bodyStyle:{padding:0},variant:"compact",borderColor:"light",backgroundColor:"light",children:s(F,{width:"500px",children:[a?e(te,{variant:"danger",children:a}):null,e(st,{onDatasetCreateError:o=>t(o.message),onDatasetCreated:({id:o,name:c})=>{t(null),i(!1),r({title:"Dataset Created",message:`Dataset "${c}" created successfully`}),n(o)}})]})})]})}const Na={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function vu({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=I.useLazyLoadQuery(bi,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=I.useMutation(ki),{control:d,setError:g,handleSubmit:f,formState:{isValid:m}}=Ae({defaultValues:{input:JSON.stringify(r==null?void 0:r.input,null,2),output:JSON.stringify(r==null?void 0:r.output,null,2),metadata:JSON.stringify(r==null?void 0:r.metadata,null,2),datasetId:""}}),p=u.useCallback(y=>{if(l(null),!Oe(y==null?void 0:y.input))return g("input",{message:"Input must be a valid JSON object"});if(!Oe(y==null?void 0:y.output))return g("output",{message:"Output must be a valid JSON object"});if(!Oe(y==null?void 0:y.metadata))return g("metadata",{message:"Metadata must be a valid JSON object"});if(!(y!=null&&y.datasetId))return g("datasetId",{message:"Dataset is required"});o({variables:{input:{datasetId:y.datasetId,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata),spanId:n}]}},onCompleted:()=>{a(y.datasetId)},onError:k=>{l(k.message)}})},[o,g,n,a]);return e(B,{size:"fullscreen",title:"Add Example to Dataset",extra:e(N,{variant:"primary",size:"compact",disabled:!m||c,loading:c,onClick:f(p),icon:e(w,{svg:e(L.PlusCircleOutline,{})}),children:"Add Example"}),children:e("div",{css:v`
1233
+ `}};Fi.hash="03d88d1706089bb63edcd44d04563cbc";const Ki={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Fi}},name:"DatasetPicker__datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Ki.hash="03d88d1706089bb63edcd44d04563cbc";function Tu(n){const[a,t]=I.useRefetchableFragment(Ki,n.query);return s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(zn,{label:"dataset","data-testid":"dataset-picker",className:"dataset-picker",width:"100%","aria-label":"The dataset to add the example to",onSelectionChange:n.onSelectionChange,placeholder:"Select a dataset",onBlur:n.onBlur,isRequired:!0,validationState:n.validationState,errorMessage:n.errorMessage,children:a.datasets.edges.map(({dataset:l})=>e(U,{children:l.name},l.id))}),e(xu,{onDatasetCreated:()=>{u.startTransition(()=>{t({},{fetchPolicy:"store-and-network"})})}})]})}function xu({onDatasetCreated:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=de();return s(Tn,{placement:"bottom right",isOpen:l,onOpenChange:o=>{t(null),i(o)},children:[e(N,{variant:"default",icon:e(E,{svg:e(P.PlusCircleOutline,{})}),"aria-label":"Create a new dataset"}),e($,{title:"Create New Dataset",bodyStyle:{padding:0},variant:"compact",borderColor:"light",backgroundColor:"light",children:s(F,{width:"500px",children:[a?e(le,{variant:"danger",children:a}):null,e(ct,{onDatasetCreateError:o=>t(o.message),onDatasetCreated:({id:o,name:c})=>{t(null),i(!1),r({title:"Dataset Created",message:`Dataset "${c}" created successfully`}),n(o)}})]})})]})}const $a={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Du({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=I.useLazyLoadQuery(Ci,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=I.useMutation(vi),{control:d,setError:g,handleSubmit:f,formState:{isValid:m}}=Re({defaultValues:{input:JSON.stringify(r==null?void 0:r.input,null,2),output:JSON.stringify(r==null?void 0:r.output,null,2),metadata:JSON.stringify(r==null?void 0:r.metadata,null,2),datasetId:""}}),p=u.useCallback(y=>{if(l(null),!Qe(y==null?void 0:y.input))return g("input",{message:"Input must be a valid JSON object"});if(!Qe(y==null?void 0:y.output))return g("output",{message:"Output must be a valid JSON object"});if(!Qe(y==null?void 0:y.metadata))return g("metadata",{message:"Metadata must be a valid JSON object"});if(!(y!=null&&y.datasetId))return g("datasetId",{message:"Dataset is required"});o({variables:{input:{datasetId:y.datasetId,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata),spanId:n}]}},onCompleted:()=>{a(y.datasetId)},onError:k=>{l(k.message)}})},[o,g,n,a]);return e(H,{size:"fullscreen",title:"Add Example to Dataset",extra:e(N,{variant:"primary",size:"compact",disabled:!m||c,loading:c,onClick:f(p),icon:e(E,{svg:e(P.PlusCircleOutline,{})}),children:"Add Example"}),children:e("div",{css:C`
1234
1234
  overflow-y: auto;
1235
1235
  padding: var(--ac-global-dimension-size-400);
1236
1236
  /* Make widths configurable */
@@ -1241,7 +1241,7 @@ fragment DatasetPicker__datasets on Query {
1241
1241
  width: 100%;
1242
1242
  }
1243
1243
  }
1244
- `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(te,{variant:"danger",children:t}):null,e(Z,{control:d,name:"datasetId",render:({field:{onChange:y,onBlur:k},fieldState:{invalid:S,error:C}})=>e(bu,{onSelectionChange:y,onBlur:k,validationState:S?"invalid":"valid",errorMessage:C==null?void 0:C.message,query:i})}),e(Z,{control:d,name:"input",render:({field:{onChange:y,onBlur:k,value:S},fieldState:{invalid:C,error:b}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Na,children:[C?e(te,{variant:"danger",banner:!0,children:b==null?void 0:b.message}):null,e(De,{value:S,onChange:y,onBlur:k})]})}),e(Z,{control:d,name:"output",render:({field:{onChange:y,onBlur:k,value:S},fieldState:{invalid:C,error:b}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Na,backgroundColor:"green-100",borderColor:"green-700",children:[C?e(te,{variant:"danger",banner:!0,children:b==null?void 0:b.message}):null,e(De,{value:S,onChange:y,onBlur:k})]})}),e(Z,{control:d,name:"metadata",render:({field:{onChange:y,onBlur:k,value:S},fieldState:{invalid:C,error:b}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Na,children:[C?e(te,{variant:"danger",banner:!0,children:b==null?void 0:b.message}):null,e(De,{value:S,onChange:y,onBlur:k})]})})]})})})})})}const Cu=n=>u.useMemo(()=>Tn(n),[n]),Fu=n=>n.events.some(a=>a.name==="exception"),ie={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function Ku({spanNodeId:n,projectId:a}){const t=La("playground"),l=Y(),{span:i}=I.useLazyLoadQuery(pi,{spanId:n});if(i.__typename!=="Span")throw new Error("Expected a span, but got a different type"+i.__typename);const r=u.useMemo(()=>Fu(i),[i]),o=bn(d=>d.showSpanAside),c=bn(d=>d.setShowSpanAside);return s(h,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[s(h,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:[e(ot,{spanKind:i.spanKind}),e(K,{children:i.name})]}),s(h,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[t?e(N,{variant:"default",icon:e(w,{svg:e(L.PlayCircleOutline,{})}),disabled:i.spanKind!=="llm",onClick:()=>{l(`/playground/spans/${i.id}`)},children:"Playground"}):null,e(uu,{traceId:i.context.traceId,spanId:i.context.spanId}),e(Du,{span:i}),e(ou,{spanNodeId:i.id,projectId:a}),s(we,{placement:"top",offset:5,children:[e(N,{variant:"default","aria-label":"Toggle showing span details",onClick:()=>{c(!o)},icon:e(w,{svg:o?e(L.SlideIn,{}):e(L.SlideOut,{})})}),e(En,{children:o?"Hide Span Details":"Show Span Details"})]})]})]})}),s(Pe,{children:[e(J,{name:"Info",children:s(h,{direction:"row",height:"100%",children:[e(Tu,{children:e(sl,{children:e(Iu,{span:i})})}),o?e(cu,{span:i}):null]})}),e(J,{name:"Feedback",extra:e(Me,{variant:"light",children:i.spanAnnotations.length}),children:d=>d?e(pu,{span:i}):null}),e(J,{name:"Attributes",title:"Attributes",children:e(F,{padding:"size-200",children:e($,{title:"All Attributes",...ie,titleExtra:Ki,extra:e(ae,{text:i.attributes}),bodyStyle:{padding:0},children:e(nn,{children:i.attributes})})})}),e(J,{name:"Events",extra:e(Me,{variant:r?"danger":"light",children:i.events.length}),children:e(Uu,{events:i.events})})]})]})}const xu=v`
1244
+ `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(le,{variant:"danger",children:t}):null,e(J,{control:d,name:"datasetId",render:({field:{onChange:y,onBlur:k},fieldState:{invalid:b,error:S}})=>e(Tu,{onSelectionChange:y,onBlur:k,validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,query:i})}),e(J,{control:d,name:"input",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...$a,children:[S?e(le,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ie,{value:b,onChange:y,onBlur:k})]})}),e(J,{control:d,name:"output",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...$a,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(le,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ie,{value:b,onChange:y,onBlur:k})]})}),e(J,{control:d,name:"metadata",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...$a,children:[S?e(le,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ie,{value:b,onChange:y,onBlur:k})]})})]})})})})})}const Iu=n=>u.useMemo(()=>on(n),[n]),Pu=n=>n.events.some(a=>a.name==="exception"),re={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function Lu({spanNodeId:n,projectId:a}){const t=Pa("playground"),l=Y(),{span:i}=I.useLazyLoadQuery(hi,{spanId:n});if(i.__typename!=="Span")throw new Error("Expected a span, but got a different type"+i.__typename);const r=u.useMemo(()=>Pu(i),[i]),o=Ae(d=>d.showSpanAside),c=Ae(d=>d.setShowSpanAside);return s(h,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[s(h,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:[e(ut,{spanKind:i.spanKind}),e(K,{children:i.name})]}),s(h,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[t?e(N,{variant:"default",icon:e(E,{svg:e(P.PlayCircleOutline,{})}),disabled:i.spanKind!=="llm",onClick:()=>{l(`/playground/spans/${i.id}`)},children:"Playground"}):null,e(hu,{traceId:i.context.traceId,spanId:i.context.spanId}),e(Eu,{span:i}),e(pu,{spanNodeId:i.id,projectId:a}),s(De,{placement:"top",offset:5,children:[e(N,{variant:"default","aria-label":"Toggle showing span details",onClick:()=>{c(!o)},icon:e(E,{svg:o?e(P.SlideIn,{}):e(P.SlideOut,{})})}),e(hn,{children:o?"Hide Span Details":"Show Span Details"})]})]})]})}),s(Le,{children:[e(W,{name:"Info",children:s(h,{direction:"row",height:"100%",children:[e(_u,{children:e(cl,{children:e(Au,{span:i})})}),o?e(fu,{span:i}):null]})}),e(W,{name:"Feedback",extra:e(Ne,{variant:"light",children:i.spanAnnotations.length}),children:d=>d?e(Su,{span:i}):null}),e(W,{name:"Attributes",title:"Attributes",children:e(F,{padding:"size-200",children:e($,{title:"All Attributes",...re,titleExtra:Di,extra:e(te,{text:i.attributes}),bodyStyle:{padding:0},children:e(an,{children:i.attributes})})})}),e(W,{name:"Events",extra:e(Ne,{variant:r?"danger":"light",children:i.events.length}),children:e(Zu,{events:i.events})})]})]})}const wu=C`
1245
1245
  flex: 1 1 auto;
1246
1246
  overflow-y: auto;
1247
1247
  // Overflow fails to take into account padding
@@ -1250,62 +1250,62 @@ fragment DatasetPicker__datasets on Query {
1250
1250
  display: block;
1251
1251
  height: var(--ac-global-dimension-static-size-400);
1252
1252
  }
1253
- `;function Tu({children:n}){return e("div",{css:xu,"data-testid":"span-info-wrap",children:n})}function Du({span:n}){const[a,t]=u.useState(null),l=oe(),i=Y(),r=u.useCallback(()=>{t(e(vu,{spanId:n.id,onCompleted:o=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,l,i]);return s(H,{children:[e(N,{variant:"default",icon:e(w,{svg:e(L.DatabaseOutline,{})}),onClick:r,children:"Add to Dataset"}),e(u.Suspense,{children:e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function Iu({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=Cu(t),r=u.useMemo(()=>n.statusMessage?e(te,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,e(te,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e($,{...ie,title:"Attributes",children:e(F,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(Pu,{span:n,spanAttributes:l});break}case"retriever":{o=e(Lu,{span:n,spanAttributes:l});break}case"reranker":{o=e(wu,{span:n,spanAttributes:l});break}case"embedding":{o=e(_u,{span:n,spanAttributes:l});break}case"tool":{o=e(Eu,{span:n,spanAttributes:l});break}default:o=e(Ci,{span:n})}return e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e($,{...ie,title:"Metadata",children:e(nn,{children:JSON.stringify(l.metadata)})}):null]})})}function Pu(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=u.useMemo(()=>a[le.llm]||null,[a]),o=u.useMemo(()=>{if(r==null)return null;const A=r[Te.model_name];return typeof A=="string"?A:null},[r]),c=u.useMemo(()=>{if(r==null)return[];const A=r[Te.input_messages];return Lt(A)?(A==null?void 0:A.map(R=>R[le.message]).filter(Boolean))||[]:[]},[r]),d=u.useMemo(()=>{if(r==null)return[];const A=r[Te.tools];return Array.isArray(A)?A==null?void 0:A.map(j=>j[le.tool]).filter(Boolean):[]},[r]),g=u.useMemo(()=>d.reduce((A,R)=>(R!=null&&R.json_schema&&A.push(R.json_schema),A),[]),[d]),f=u.useMemo(()=>{if(r==null)return[];const A=r[Te.output_messages];return Lt(A)?A.map(R=>R[le.message]).filter(Boolean)||[]:[]},[r]),m=u.useMemo(()=>{if(r==null)return[];const A=r[Te.prompts];return Jo(A)?A:[]},[r]),p=u.useMemo(()=>{if(r==null)return null;const A=r[Te.prompt_template];return A??null},[r]),y=u.useMemo(()=>r==null?"{}":r[Te.invocation_parameters]||"{}",[r]),k=u.useMemo(()=>o==null?null:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(dt,{spanKind:"llm"}),e(K,{textSize:"large",weight:"heavy",children:o})]}),[o]),S=l!=null&&l.value!=null,C=c.length>0,b=g.length>0,T=i!=null&&i.value!=null,P=f.length>0,_=m.length>0,x=Object.keys(JSON.parse(y)).length>0,D=p!=null;return s(h,{direction:"column",gap:"size-200",children:[e($,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:k,children:s(Pe,{children:[C?e(J,{name:"Input Messages",hidden:!C,children:e(_t,{messages:c})}):null,b?e(J,{name:"Tools",hidden:!b,children:e(Nu,{toolSchemas:g})}):null,S?e(J,{name:"Input",hidden:!S,children:e(F,{padding:"size-200",children:e(Le,{children:e($,{...ie,title:"LLM Input",extra:s(h,{direction:"row",gap:"size-100",children:[e(Ne,{}),e(ae,{text:l.value})]}),children:e(qe,{...l})})})})}):null,D?e(J,{name:"Prompt Template",hidden:!D,children:e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(F,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(fa,{text:p.template,children:[e(K,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Fi,{children:p.template})]})}),e(F,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(fa,{text:JSON.stringify(p.variables),children:[e(K,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(nn,{children:JSON.stringify(p.variables)})]})})]})})}):null,e(J,{name:"Prompts",hidden:!_,children:e(zu,{prompts:m})}),e(J,{name:"Invocation Params",hidden:!x,children:e(fa,{text:y,padding:"size-100",children:e(nn,{children:y})})})]})}),T||P?e(Ya,{...ie,children:s(Pe,{children:[P?e(J,{name:"Output Messages",hidden:!P,children:e(_t,{messages:f})}):null,T?e(J,{name:"Output",hidden:!T,children:e(F,{padding:"size-200",children:e(Le,{children:e($,{...ie,title:"LLM Output",extra:s(h,{direction:"row",gap:"size-100",children:[e(Ne,{}),e(ae,{text:i.value})]}),children:e(qe,{...i})})})})}):null]})}):null]})}function Lu(n){const{spanAttributes:a,span:t}=n,{input:l}=t,i=u.useMemo(()=>a[le.retrieval]||null,[a]),r=u.useMemo(()=>{var f;return i==null?[]:((f=i[Os.documents])==null?void 0:f.map(m=>m[le.document]).filter(Boolean))||[]},[i]),o=u.useMemo(()=>t.documentEvaluations.reduce((m,p)=>{const y=p.documentPosition,k=m[y]||[];return{...m,[y]:[...k,p]}},{}),[t.documentEvaluations]),c=l!=null&&l.value!=null,d=r.length>0,g=t.documentRetrievalMetrics.length>0;return s(h,{direction:"column",gap:"size-200",children:[c?e(Le,{children:e($,{title:"Input",...ie,extra:s(h,{direction:"row",gap:"size-100",children:[e(Ne,{}),e(ae,{text:l.value})]}),children:e(qe,{...l})})}):null,d?e(Le,{children:e($,{title:"Documents",...ie,titleExtra:g&&e(h,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(f=>s(H,{children:[e(Ie,{name:f.evaluationName,metric:"ndcg",score:f.ndcg},"ndcg"),e(Ie,{name:f.evaluationName,metric:"precision",score:f.precision},"precision"),e(Ie,{name:f.evaluationName,metric:"hit",score:f.hit},"hit")]}))}),extra:e(Ne,{}),children:e("ul",{css:v`
1253
+ `;function _u({children:n}){return e("div",{css:wu,"data-testid":"span-info-wrap",children:n})}function Eu({span:n}){const[a,t]=u.useState(null),l=de(),i=Y(),r=u.useCallback(()=>{t(e(Du,{spanId:n.id,onCompleted:o=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,l,i]);return s(B,{children:[e(N,{variant:"default",icon:e(E,{svg:e(P.DatabaseOutline,{})}),onClick:r,children:"Add to Dataset"}),e(u.Suspense,{children:e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function Au({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=Iu(t),r=u.useMemo(()=>n.statusMessage?e(le,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,e(le,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e($,{...re,title:"Attributes",children:e(F,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(Ru,{span:n,spanAttributes:l});break}case"retriever":{o=e(Mu,{span:n,spanAttributes:l});break}case"reranker":{o=e(Nu,{span:n,spanAttributes:l});break}case"embedding":{o=e(Vu,{span:n,spanAttributes:l});break}case"tool":{o=e(zu,{span:n,spanAttributes:l});break}default:o=e(Ti,{span:n})}return e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e($,{...re,title:"Metadata",children:e(an,{children:JSON.stringify(l.metadata)})}):null]})})}function Ru(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=u.useMemo(()=>a[ie.llm]||null,[a]),o=u.useMemo(()=>{if(r==null)return null;const R=r[xe.model_name];return typeof R=="string"?R:null},[r]),c=u.useMemo(()=>{if(r==null)return[];const R=r[xe.input_messages];return wt(R)?(R==null?void 0:R.map(M=>M[ie.message]).filter(Boolean))||[]:[]},[r]),d=u.useMemo(()=>{if(r==null)return[];const R=r[xe.tools];return Array.isArray(R)?R==null?void 0:R.map(q=>q[ie.tool]).filter(Boolean):[]},[r]),g=u.useMemo(()=>d.reduce((R,M)=>(M!=null&&M.json_schema&&R.push(M.json_schema),R),[]),[d]),f=u.useMemo(()=>{if(r==null)return[];const R=r[xe.output_messages];return wt(R)?R.map(M=>M[ie.message]).filter(Boolean)||[]:[]},[r]),m=u.useMemo(()=>{if(r==null)return[];const R=r[xe.prompts];return ld(R)?R:[]},[r]),p=u.useMemo(()=>{if(r==null)return null;const R=r[xe.prompt_template];return R??null},[r]),y=u.useMemo(()=>r==null?"{}":r[xe.invocation_parameters]||"{}",[r]),k=u.useMemo(()=>o==null?null:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(mt,{spanKind:"llm"}),e(K,{textSize:"large",weight:"heavy",children:o})]}),[o]),b=l!=null&&l.value!=null,S=c.length>0,v=g.length>0,L=i!=null&&i.value!=null,x=f.length>0,w=m.length>0,T=Object.keys(JSON.parse(y)).length>0,D=p!=null;return s(h,{direction:"column",gap:"size-200",children:[e($,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:k,children:s(Le,{children:[S?e(W,{name:"Input Messages",hidden:!S,children:e(Et,{messages:c})}):null,v?e(W,{name:"Tools",hidden:!v,children:e(ju,{toolSchemas:g})}):null,b?e(W,{name:"Input",hidden:!b,children:e(F,{padding:"size-200",children:e(we,{children:e($,{...re,title:"LLM Input",extra:s(h,{direction:"row",gap:"size-100",children:[e(Ve,{}),e(te,{text:l.value})]}),children:e(Ue,{...l})})})})}):null,D?e(W,{name:"Prompt Template",hidden:!D,children:e(F,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(F,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(ya,{text:p.template,children:[e(K,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(xi,{children:p.template})]})}),e(F,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(ya,{text:JSON.stringify(p.variables),children:[e(K,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(an,{children:JSON.stringify(p.variables)})]})})]})})}):null,e(W,{name:"Prompts",hidden:!w,children:e(qu,{prompts:m})}),e(W,{name:"Invocation Params",hidden:!T,children:e(ya,{text:y,padding:"size-100",children:e(an,{children:y})})})]})}),L||x?e(at,{...re,children:s(Le,{children:[x?e(W,{name:"Output Messages",hidden:!x,children:e(Et,{messages:f})}):null,L?e(W,{name:"Output",hidden:!L,children:e(F,{padding:"size-200",children:e(we,{children:e($,{...re,title:"LLM Output",extra:s(h,{direction:"row",gap:"size-100",children:[e(Ve,{}),e(te,{text:i.value})]}),children:e(Ue,{...i})})})})}):null]})}):null]})}function Mu(n){const{spanAttributes:a,span:t}=n,{input:l}=t,i=u.useMemo(()=>a[ie.retrieval]||null,[a]),r=u.useMemo(()=>{var f;return i==null?[]:((f=i[Gs.documents])==null?void 0:f.map(m=>m[ie.document]).filter(Boolean))||[]},[i]),o=u.useMemo(()=>t.documentEvaluations.reduce((m,p)=>{const y=p.documentPosition,k=m[y]||[];return{...m,[y]:[...k,p]}},{}),[t.documentEvaluations]),c=l!=null&&l.value!=null,d=r.length>0,g=t.documentRetrievalMetrics.length>0;return s(h,{direction:"column",gap:"size-200",children:[c?e(we,{children:e($,{title:"Input",...re,extra:s(h,{direction:"row",gap:"size-100",children:[e(Ve,{}),e(te,{text:l.value})]}),children:e(Ue,{...l})})}):null,d?e(we,{children:e($,{title:"Documents",...re,titleExtra:g&&e(h,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(f=>s(B,{children:[e(Pe,{name:f.evaluationName,metric:"ndcg",score:f.ndcg},"ndcg"),e(Pe,{name:f.evaluationName,metric:"precision",score:f.precision},"precision"),e(Pe,{name:f.evaluationName,metric:"hit",score:f.hit},"hit")]}))}),extra:e(Ve,{}),children:e("ul",{css:C`
1254
1254
  display: flex;
1255
1255
  flex-direction: column;
1256
1256
  gap: var(--ac-global-dimension-static-size-200);
1257
- `,children:r.map((f,m)=>e("li",{children:e(Ja,{document:f,documentEvaluations:o[m],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},m))})})}):null]})}function wu(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[le.reranker]||null,[a]),l=u.useMemo(()=>t==null?null:t[_a.query]||null,[t]),i=u.useMemo(()=>{var d;return t==null?[]:((d=t[_a.input_documents])==null?void 0:d.map(g=>g[le.document]).filter(Boolean))||[]},[t]),r=u.useMemo(()=>{var d;return t==null?[]:((d=t[_a.output_documents])==null?void 0:d.map(g=>g[le.document]).filter(Boolean))||[]},[t]),o=i.length,c=r.length;return s(h,{direction:"column",gap:"size-200",children:[e(Le,{children:l&&e($,{title:"Query",...ie,children:e(Bn,{children:l})})}),e($,{title:"Input Documents",titleExtra:e(Me,{variant:"light",children:o}),...ie,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:v`
1257
+ `,children:r.map((f,m)=>e("li",{children:e(Ya,{document:f,documentEvaluations:o[m],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},m))})})}):null]})}function Nu(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[ie.reranker]||null,[a]),l=u.useMemo(()=>t==null?null:t[Ra.query]||null,[t]),i=u.useMemo(()=>{var d;return t==null?[]:((d=t[Ra.input_documents])==null?void 0:d.map(g=>g[ie.document]).filter(Boolean))||[]},[t]),r=u.useMemo(()=>{var d;return t==null?[]:((d=t[Ra.output_documents])==null?void 0:d.map(g=>g[ie.document]).filter(Boolean))||[]},[t]),o=i.length,c=r.length;return s(h,{direction:"column",gap:"size-200",children:[e(we,{children:l&&e($,{title:"Query",...re,children:e(Bn,{children:l})})}),e($,{title:"Input Documents",titleExtra:e(Ne,{variant:"light",children:o}),...re,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:C`
1258
1258
  padding: var(--ac-global-dimension-static-size-200);
1259
1259
  display: flex;
1260
1260
  flex-direction: column;
1261
1261
  gap: var(--ac-global-dimension-static-size-200);
1262
- `,children:i.map((d,g)=>e("li",{children:e(Ja,{document:d,borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},g))})}),e($,{title:"Output Documents",titleExtra:e(Me,{variant:"light",children:c}),...ie,bodyStyle:{padding:0},children:e("ul",{css:v`
1262
+ `,children:i.map((d,g)=>e("li",{children:e(Ya,{document:d,borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},g))})}),e($,{title:"Output Documents",titleExtra:e(Ne,{variant:"light",children:c}),...re,bodyStyle:{padding:0},children:e("ul",{css:C`
1263
1263
  padding: var(--ac-global-dimension-static-size-200);
1264
1264
  display: flex;
1265
1265
  flex-direction: column;
1266
1266
  gap: var(--ac-global-dimension-static-size-200);
1267
- `,children:r.map((d,g)=>e("li",{children:e(Ja,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},g))})})]})}function _u(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[le.embedding]||null,[a]),l=u.useMemo(()=>{var o;return t==null?[]:((o=t[Ea.embeddings])==null?void 0:o.map(c=>c[le.embedding]).filter(Boolean))||[]},[t]),i=l.length>0,r=t==null?void 0:t[Ea.model_name];return e(h,{direction:"column",gap:"size-200",children:i?e($,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...ie,children:e("ul",{css:v`
1267
+ `,children:r.map((d,g)=>e("li",{children:e(Ya,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},g))})})]})}function Vu(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[ie.embedding]||null,[a]),l=u.useMemo(()=>{var o;return t==null?[]:((o=t[Ma.embeddings])==null?void 0:o.map(c=>c[ie.embedding]).filter(Boolean))||[]},[t]),i=l.length>0,r=t==null?void 0:t[Ma.model_name];return e(h,{direction:"column",gap:"size-200",children:i?e($,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...re,children:e("ul",{css:C`
1268
1268
  display: flex;
1269
1269
  flex-direction: column;
1270
1270
  gap: var(--ac-global-dimension-static-size-200);
1271
- `,children:l.map((o,c)=>e("li",{children:e(Le,{children:e($,{...ie,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(Bn,{children:o[Ea.text]||""})})})},c))})}):e(Ci,{span:n.span})})}function Eu(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",o=typeof(i==null?void 0:i.value)=="string",c=(l==null?void 0:l.mimeType)==="text",d=(i==null?void 0:i.mimeType)==="text",g=u.useMemo(()=>t[le.tool]||{},[t]),f=Object.keys(g).length>0,m=g[pa.name],p=g[pa.description],y=g[pa.parameters];return!r&&!o&&!f?null:s(h,{direction:"column",gap:"size-200",children:[r?e(Le,{children:e($,{title:"Input",...ie,extra:s(h,{direction:"row",gap:"size-100",children:[c?e(Ne,{}):null,e(ae,{text:l.value})]}),children:e(qe,{...l})})}):null,o?e(Le,{children:e($,{title:"Output",...ie,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",children:[d?e(Ne,{}):null,e(ae,{text:i.value})]}),children:e(qe,{...i})})}):null,f?e($,{title:"Tool"+(typeof m=="string"?`: ${m}`:""),...ie,children:s(h,{direction:"column",children:[p!=null?e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:s(h,{direction:"column",alignItems:"start",gap:"size-50",children:[e(K,{color:"text-700",fontStyle:"italic",children:"Description"}),e(K,{children:p})]})}):null,y!=null?e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",alignItems:"start",width:"100%",children:[e(K,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(nn,{children:JSON.stringify(y)})]})}):null]})}):null]})}const Au=["irrelevant","unrelated"];function Ja({document:n,documentEvaluations:a,backgroundColor:t,borderColor:l,labelColor:i}){const r=n[Wn.metadata],o=a&&a.length,c=n[Wn.content];return e($,{...ie,backgroundColor:t,borderColor:l,bodyStyle:{padding:0},title:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(L.FileOutline,{})}),s(se,{level:4,children:["document ",n[Wn.id]]})]}),extra:typeof n[Wn.score]=="number"&&e(ya,{color:i,children:`score ${it(n[Wn.score])}`}),children:s(h,{direction:"column",children:[c&&e(F,{padding:"size-200",children:e(Bn,{children:c})}),r&&e(H,{children:e(F,{borderColor:l,borderTopWidth:"thin",children:e(nn,{children:JSON.stringify(r)})})}),o&&e(F,{borderColor:l,borderTopWidth:"thin",padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(se,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((d,g)=>{const f=d.label&&Au.includes(d.label)?"danger":i;return e("li",{children:e(F,{padding:"size-200",borderWidth:"thin",borderColor:l,borderRadius:"medium",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(K,{weight:"heavy",elementType:"h5",children:d.name}),d.label&&e(ya,{color:f,shape:"badge",children:d.label}),typeof d.score=="number"&&e(ya,{color:f,shape:"badge",children:s(h,{direction:"row",gap:"size-50",children:[e(K,{textSize:"xsmall",weight:"heavy",color:"inherit",children:"score"}),e(K,{textSize:"xsmall",children:Ze(d.score)})]})})]}),typeof d.explanation&&e("p",{css:v`
1271
+ `,children:l.map((o,c)=>e("li",{children:e(we,{children:e($,{...re,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(Bn,{children:o[Ma.text]||""})})})},c))})}):e(Ti,{span:n.span})})}function zu(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",o=typeof(i==null?void 0:i.value)=="string",c=(l==null?void 0:l.mimeType)==="text",d=(i==null?void 0:i.mimeType)==="text",g=u.useMemo(()=>t[ie.tool]||{},[t]),f=Object.keys(g).length>0,m=g[ga.name],p=g[ga.description],y=g[ga.parameters];return!r&&!o&&!f?null:s(h,{direction:"column",gap:"size-200",children:[r?e(we,{children:e($,{title:"Input",...re,extra:s(h,{direction:"row",gap:"size-100",children:[c?e(Ve,{}):null,e(te,{text:l.value})]}),children:e(Ue,{...l})})}):null,o?e(we,{children:e($,{title:"Output",...re,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",children:[d?e(Ve,{}):null,e(te,{text:i.value})]}),children:e(Ue,{...i})})}):null,f?e($,{title:"Tool"+(typeof m=="string"?`: ${m}`:""),...re,children:s(h,{direction:"column",children:[p!=null?e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:s(h,{direction:"column",alignItems:"start",gap:"size-50",children:[e(K,{color:"text-700",fontStyle:"italic",children:"Description"}),e(K,{children:p})]})}):null,y!=null?e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",alignItems:"start",width:"100%",children:[e(K,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(an,{children:JSON.stringify(y)})]})}):null]})}):null]})}const $u=["irrelevant","unrelated"];function Ya({document:n,documentEvaluations:a,backgroundColor:t,borderColor:l,labelColor:i}){const r=n[Wn.metadata],o=a&&a.length,c=n[Wn.content];return e($,{...re,backgroundColor:t,borderColor:l,bodyStyle:{padding:0},title:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(E,{svg:e(P.FileOutline,{})}),s(oe,{level:4,children:["document ",n[Wn.id]]})]}),extra:typeof n[Wn.score]=="number"&&e(pa,{color:i,children:`score ${ot(n[Wn.score])}`}),children:s(h,{direction:"column",children:[c&&e(F,{padding:"size-200",children:e(Bn,{children:c})}),r&&e(B,{children:e(F,{borderColor:l,borderTopWidth:"thin",children:e(an,{children:JSON.stringify(r)})})}),o&&e(F,{borderColor:l,borderTopWidth:"thin",padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(oe,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((d,g)=>{const f=d.label&&$u.includes(d.label)?"danger":i;return e("li",{children:e(F,{padding:"size-200",borderWidth:"thin",borderColor:l,borderRadius:"medium",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(K,{weight:"heavy",elementType:"h5",children:d.name}),d.label&&e(pa,{color:f,shape:"badge",children:d.label}),typeof d.score=="number"&&e(pa,{color:f,shape:"badge",children:s(h,{direction:"row",gap:"size-50",children:[e(K,{textSize:"xsmall",weight:"heavy",color:"inherit",children:"score"}),e(K,{textSize:"xsmall",children:Xe(d.score)})]})})]}),typeof d.explanation&&e("p",{css:C`
1272
1272
  margin-top: var(
1273
1273
  --ac-global-dimension-static-size-100
1274
1274
  );
1275
1275
  margin-bottom: 0;
1276
- `,children:d.explanation})]})})},g)})})]})})]})})}function Ru({message:n}){var c;const a=n[Ce.content],t=n[Ce.contents],l=((c=n[Ce.tool_calls])==null?void 0:c.map(d=>d[le.tool_call]).filter(Boolean))||[],i=n[Ce.function_call_arguments_json]&&n[Ce.function_call_name],r=n[Ce.role]||"unknown",o=yt(r);return e(Le,{children:s($,{...ie,...o,title:r+(n[Ce.name]?`: ${n[Ce.name]}`:""),extra:s(h,{direction:"row",gap:"size-100",children:[e(Ne,{}),e(ae,{text:a||JSON.stringify(n)})]}),children:[e(sl,{children:t?e($u,{messageContents:t}):null}),s(h,{direction:"column",alignItems:"start",children:[a?e(Bn,{children:a}):null,l.length>0?l.map((d,g)=>{var f,m;return s("pre",{css:v`
1276
+ `,children:d.explanation})]})})},g)})})]})})]})})}function Ou({message:n}){var c;const a=n[Ce.content],t=n[Ce.contents],l=((c=n[Ce.tool_calls])==null?void 0:c.map(d=>d[ie.tool_call]).filter(Boolean))||[],i=n[Ce.function_call_arguments_json]&&n[Ce.function_call_name],r=n[Ce.role]||"unknown",o=ht(r);return e(we,{children:s($,{...re,...o,title:r+(n[Ce.name]?`: ${n[Ce.name]}`:""),extra:s(h,{direction:"row",gap:"size-100",children:[e(Ve,{}),e(te,{text:a||JSON.stringify(n)})]}),children:[e(cl,{children:t?e(Bu,{messageContents:t}):null}),s(h,{direction:"column",alignItems:"start",children:[a?e(Bn,{children:a}):null,l.length>0?l.map((d,g)=>{var f,m;return s("pre",{css:C`
1277
1277
  text-wrap: wrap;
1278
1278
  margin: var(--ac-global-dimension-static-size-100) 0;
1279
- `,children:[(f=d==null?void 0:d.function)==null?void 0:f.name,"(",JSON.stringify(JSON.parse((m=d==null?void 0:d.function)==null?void 0:m.arguments),null,2),")"]},g)}):null,i?s("pre",{css:v`
1279
+ `,children:[(f=d==null?void 0:d.function)==null?void 0:f.name,"(",JSON.stringify(JSON.parse((m=d==null?void 0:d.function)==null?void 0:m.arguments),null,2),")"]},g)}):null,i?s("pre",{css:C`
1280
1280
  text-wrap: wrap;
1281
1281
  margin: var(--ac-global-dimension-static-size-100) 0;
1282
- `,children:[n[Ce.function_call_name],"(",JSON.stringify(JSON.parse(n[Ce.function_call_arguments_json]),null,2),")"]}):null]})]})})}function Mu({toolSchema:n,index:a}){return e($,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(dt,{spanKind:"tool"}),e(K,{textSize:"large",weight:"heavy",children:"Tool"})]}),titleExtra:s(Me,{variant:"light",children:["#",a+1]}),...ie,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(ae,{text:n}),children:e(qe,{value:n,mimeType:"json"})})}function _t({messages:n}){return e("ul",{css:v`
1282
+ `,children:[n[Ce.function_call_name],"(",JSON.stringify(JSON.parse(n[Ce.function_call_arguments_json]),null,2),")"]}):null]})]})})}function Qu({toolSchema:n,index:a}){return e($,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(mt,{spanKind:"tool"}),e(K,{textSize:"large",weight:"heavy",children:"Tool"})]}),titleExtra:s(Ne,{variant:"light",children:["#",a+1]}),...re,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(te,{text:n}),children:e(Ue,{value:n,mimeType:"json"})})}function Et({messages:n}){return e("ul",{css:C`
1283
1283
  display: flex;
1284
1284
  flex-direction: column;
1285
1285
  gap: var(--ac-global-dimension-static-size-100);
1286
1286
  padding: var(--ac-global-dimension-static-size-200);
1287
- `,children:n.map((a,t)=>e("li",{children:e(Ru,{message:a})},t))})}function Nu({toolSchemas:n}){return e("ul",{css:v`
1287
+ `,children:n.map((a,t)=>e("li",{children:e(Ou,{message:a})},t))})}function ju({toolSchemas:n}){return e("ul",{css:C`
1288
1288
  display: flex;
1289
1289
  flex-direction: column;
1290
1290
  gap: var(--ac-global-dimension-static-size-100);
1291
1291
  padding: var(--ac-global-dimension-static-size-200);
1292
- `,children:n.map((a,t)=>e("li",{children:e(Mu,{toolSchema:a,index:t})},t))})}function zu({prompts:n}){return e("ul",{"data-testid":"llm-prompts-list",css:v`
1292
+ `,children:n.map((a,t)=>e("li",{children:e(Qu,{toolSchema:a,index:t})},t))})}function qu({prompts:n}){return e("ul",{"data-testid":"llm-prompts-list",css:C`
1293
1293
  padding: var(--ac-global-dimension-size-200);
1294
1294
  display: flex;
1295
1295
  flex-direction: column;
1296
1296
  gap: var(--ac-global-dimension-size-100);
1297
- `,children:n.map((a,t)=>e("li",{children:e(F,{backgroundColor:"gray-600",borderColor:"gray-400",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(fa,{text:a,children:e(qe,{value:a,mimeType:"text"})})})},t))})}const Vu=v`
1297
+ `,children:n.map((a,t)=>e("li",{children:e(F,{backgroundColor:"gray-600",borderColor:"gray-400",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(ya,{text:a,children:e(Ue,{value:a,mimeType:"text"})})})},t))})}const Uu=C`
1298
1298
  display: flex;
1299
1299
  flex-direction: row;
1300
1300
  gap: var(--ac-global-dimension-size-200);
1301
1301
  flex-wrap: wrap;
1302
- `;function $u({messageContents:n}){return e("ul",{css:Vu,"data-testid":"message-content-list",children:n.map((a,t)=>e(Qu,{messageContentAttribute:a},t))})}const Ou=v`
1302
+ `;function Bu({messageContents:n}){return e("ul",{css:Uu,"data-testid":"message-content-list",children:n.map((a,t)=>e(Gu,{messageContentAttribute:a},t))})}const Hu=C`
1303
1303
  flex: 1 1 100%;
1304
- `;function Qu({messageContentAttribute:n}){var r;const{message_content:a}=n,t=a==null?void 0:a.text,l=a==null?void 0:a.image,i=(r=l==null?void 0:l.image)==null?void 0:r.url;return s("li",{css:t?Ou:null,children:[t?e("pre",{css:v`
1304
+ `;function Gu({messageContentAttribute:n}){var r;const{message_content:a}=n,t=a==null?void 0:a.text,l=a==null?void 0:a.image,i=(r=l==null?void 0:l.image)==null?void 0:r.url;return s("li",{css:t?Hu:null,children:[t?e("pre",{css:C`
1305
1305
  white-space: pre-wrap;
1306
1306
  padding: 0;
1307
1307
  margin: 0;
1308
- `,children:t}):null,i?e(hu,{url:i}):null]})}function Ci({span:n}){const{input:a,output:t}=n,l=a==null&&t==null,i=(a==null?void 0:a.mimeType)==="text",r=(t==null?void 0:t.mimeType)==="text";return s(h,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(Le,{children:e($,{title:"Input",...ie,extra:s(h,{direction:"row",gap:"size-100",children:[i?e(Ne,{}):null,e(ae,{text:a.value})]}),children:e(qe,{...a})})}):null,t&&t.value!=null?e(Le,{children:e($,{title:"Output",...ie,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",children:[r?e(Ne,{}):null,e(ae,{text:t.value})]}),children:e(qe,{...t})})}):null,l?e($,{title:"All Attributes",titleExtra:Ki,...ie,bodyStyle:{padding:0},extra:e(ae,{text:n.attributes}),children:e(nn,{children:n.attributes})}):null]})}const ju=v`
1308
+ `,children:t}):null,i?e(Fu,{url:i}):null]})}function Ti({span:n}){const{input:a,output:t}=n,l=a==null&&t==null,i=(a==null?void 0:a.mimeType)==="text",r=(t==null?void 0:t.mimeType)==="text";return s(h,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(we,{children:e($,{title:"Input",...re,extra:s(h,{direction:"row",gap:"size-100",children:[i?e(Ve,{}):null,e(te,{text:a.value})]}),children:e(Ue,{...a})})}):null,t&&t.value!=null?e(we,{children:e($,{title:"Output",...re,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",children:[r?e(Ve,{}):null,e(te,{text:t.value})]}),children:e(Ue,{...t})})}):null,l?e($,{title:"All Attributes",titleExtra:Di,...re,bodyStyle:{padding:0},extra:e(te,{text:n.attributes}),children:e(an,{children:n.attributes})}):null]})}const Wu=C`
1309
1309
  .cm-content {
1310
1310
  padding: var(--ac-global-dimension-static-size-200) 0;
1311
1311
  }
@@ -1313,7 +1313,7 @@ fragment DatasetPicker__datasets on Query {
1313
1313
  .cm-gutters {
1314
1314
  background-color: transparent;
1315
1315
  }
1316
- `;function fa({text:n,children:a,padding:t}){const l=t?`var(--ac-global-dimension-${t})`:"0";return s("div",{css:v`
1316
+ `;function ya({text:n,children:a,padding:t}){const l=t?`var(--ac-global-dimension-${t})`:"0";return s("div",{css:C`
1317
1317
  position: relative;
1318
1318
  .copy-to-clipboard-button {
1319
1319
  transition: opacity 0.2s ease-in-out;
@@ -1326,10 +1326,10 @@ fragment DatasetPicker__datasets on Query {
1326
1326
  &:hover .copy-to-clipboard-button {
1327
1327
  opacity: 1;
1328
1328
  }
1329
- `,children:[e(ae,{text:n}),a]})}function nn({children:n}){const{theme:a}=Qn(),t=a==="light"?void 0:da,{value:l,mimeType:i}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(oa,{value:l,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Ad(),xl.lineWrapping],editable:!1,theme:t,css:ju}):e(Fi,{children:l})}function Fi({children:n}){return e("pre",{css:v`
1329
+ `,children:[e(te,{text:n}),a]})}function an({children:n}){const{theme:a}=Qn(),t=a==="light"?void 0:da,{value:l,mimeType:i}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(oa,{value:l,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[$d(),Il.lineWrapping],editable:!1,theme:t,css:Wu}):e(xi,{children:l})}function xi({children:n}){return e("pre",{css:C`
1330
1330
  white-space: pre-wrap;
1331
1331
  padding: 0;
1332
- `,children:n})}function qe({value:n,mimeType:a}){let t;switch(a){case"json":t=e(nn,{children:n});break;case"text":t=e(Bn,{children:n});break;default:ye()}return t}function qu({text:n}){return s(h,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(Ca,{graphicKey:"documents"}),e(K,{children:n})]})}function Uu({events:n}){return n.length===0?e(qu,{text:"No events"}):e(Jt,{children:n.map((a,t)=>{const l=a.name==="exception";return e(Wt,{children:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(F,{flex:"none",children:e("div",{"data-event-type":l?"exception":"info",css:i=>v`
1332
+ `,children:n})}function Ue({value:n,mimeType:a}){let t;switch(a){case"json":t=e(an,{children:n});break;case"text":t=e(Bn,{children:n});break;default:ae()}return t}function Ju({text:n}){return s(h,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(va,{graphicKey:"documents"}),e(K,{children:n})]})}function Zu({events:n}){return n.length===0?e(Ju,{text:"No events"}):e(Yt,{children:n.map((a,t)=>{const l=a.name==="exception";return e(Xt,{children:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(F,{flex:"none",children:e("div",{"data-event-type":l?"exception":"info",css:i=>C`
1333
1333
  &[data-event-type="exception"] {
1334
1334
  --px-event-icon-color: ${i.colors.statusDanger};
1335
1335
  }
@@ -1339,15 +1339,15 @@ fragment DatasetPicker__datasets on Query {
1339
1339
  .ac-icon-wrap {
1340
1340
  color: var(--px-event-icon-color);
1341
1341
  }
1342
- `,children:e(w,{svg:l?e(L.AlertTriangleOutline,{}):e(L.InfoOutline,{})})})}),s(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(K,{weight:"heavy",children:a.name}),e(K,{color:"text-700",children:a.message})]}),e(F,{children:e(K,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Ki=e(h,{alignItems:"center",justifyContent:"center",children:e(F,{marginStart:"size-100",children:s($n,{children:[e(se,{weight:"heavy",level:4,children:"Span Attributes"}),e(Fn,{children:e(K,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(je,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),Et="selectedSpanNodeId";function Bu(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.context.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function ft(n){const{traceId:a,projectId:t}=n,[l,i]=la(),r=I.useLazyLoadQuery(gi,{traceId:a,id:t},{fetchPolicy:"store-and-network"}),o=u.useMemo(()=>{var m;return(((m=r.project.trace)==null?void 0:m.spans.edges)||[]).map(p=>p.span)},[r]),d=l.get(Et)??o[0].id,g=u.useMemo(()=>Bu(o),[o]);return u.useEffect(()=>()=>{i(f=>(f.delete("spanNodeId"),f),{replace:!0})},[]),s("main",{css:v`
1342
+ `,children:e(E,{svg:l?e(P.AlertTriangleOutline,{}):e(P.InfoOutline,{})})})}),s(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(K,{weight:"heavy",children:a.name}),e(K,{color:"text-700",children:a.message})]}),e(F,{children:e(K,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Di=e(h,{alignItems:"center",justifyContent:"center",children:e(F,{marginStart:"size-100",children:s($n,{children:[e(oe,{weight:"heavy",level:4,children:"Span Attributes"}),e(xn,{children:e(K,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(qe,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),At="selectedSpanNodeId";function Xu(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.context.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function kt(n){const{traceId:a,projectId:t}=n,[l,i]=la(),r=I.useLazyLoadQuery(fi,{traceId:a,id:t},{fetchPolicy:"store-and-network"}),o=u.useMemo(()=>{var m;return(((m=r.project.trace)==null?void 0:m.spans.edges)||[]).map(p=>p.span)},[r]),d=l.get(At)??o[0].id,g=u.useMemo(()=>Xu(o),[o]);return u.useEffect(()=>()=>{i(f=>(f.delete("spanNodeId"),f),{replace:!0})},[]),s("main",{css:C`
1343
1343
  flex: 1 1 auto;
1344
1344
  overflow: hidden;
1345
1345
  display: flex;
1346
1346
  flex-direction: column;
1347
- `,children:[e(Hu,{rootSpan:g}),s(Xe,{direction:"horizontal",autoSaveId:"trace-panel-group",css:v`
1347
+ `,children:[e(Yu,{rootSpan:g}),s(Ye,{direction:"horizontal",autoSaveId:"trace-panel-group",css:C`
1348
1348
  flex: 1 1 auto;
1349
1349
  overflow: hidden;
1350
- `,children:[e(ue,{defaultSize:30,minSize:10,maxSize:70,children:e(Wu,{children:e(Zo,{spans:o,selectedSpanNodeId:d,onSpanClick:f=>{i(m=>(m.set(Et,f.id),m),{replace:!0})}})})}),e(Ye,{css:Kn}),e(ue,{children:e(Gu,{children:d?e(u.Suspense,{fallback:e(he,{}),children:e(Ku,{spanNodeId:d,projectId:t})}):null})})]})]})}function Hu({rootSpan:n}){const{latencyMs:a,statusCode:t,spanAnnotations:l}=n??{latencyMs:null,statusCode:"UNSET",spanAnnotations:[]},i=l.length>0,r=rl(t);return e(F,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",children:[s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Trace Status"}),e(K,{textSize:"xlarge",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(xa,{statusCode:t}),e(K,{textSize:"xlarge",color:r,children:t})]})})]}),s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency"}),e(K,{textSize:"xlarge",children:typeof a=="number"?e(Ee,{latencyMs:a,textSize:"xlarge"}):"--"})]}),i?s(h,{direction:"column",gap:"size-50",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:l.map(o=>e(ra,{annotation:o,children:e(xn,{annotation:o,annotationDisplayPreference:"label"})},o.name))})]}):null]})})}function Gu({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:v`
1350
+ `,children:[e(me,{defaultSize:30,minSize:10,maxSize:70,children:e(nm,{children:e(id,{spans:o,selectedSpanNodeId:d,onSpanClick:f=>{i(m=>(m.set(At,f.id),m),{replace:!0})}})})}),e(en,{css:Dn}),e(me,{children:e(em,{children:d?e(u.Suspense,{fallback:e(he,{}),children:e(Lu,{spanNodeId:d,projectId:t})}):null})})]})]})}function Yu({rootSpan:n}){const{latencyMs:a,statusCode:t,spanAnnotations:l}=n??{latencyMs:null,statusCode:"UNSET",spanAnnotations:[]},i=l.length>0,r=dl(t);return e(F,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",children:[s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Trace Status"}),e(K,{textSize:"xlarge",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ka,{statusCode:t}),e(K,{textSize:"xlarge",color:r,children:t})]})})]}),s(h,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency"}),e(K,{textSize:"xlarge",children:typeof a=="number"?e(Ee,{latencyMs:a,textSize:"xlarge"}):"--"})]}),i?s(h,{direction:"column",gap:"size-50",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:l.map(o=>e(ra,{annotation:o,children:e(In,{annotation:o,annotationDisplayPreference:"label"})},o.name))})]}):null]})})}function em({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:C`
1351
1351
  height: 100%;
1352
1352
  overflow: hidden;
1353
1353
  .ac-tabs {
@@ -1367,10 +1367,10 @@ fragment DatasetPicker__datasets on Query {
1367
1367
  }
1368
1368
  }
1369
1369
  }
1370
- `,children:n})}function Wu({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:v`
1370
+ `,children:n})}function nm({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:C`
1371
1371
  height: 100%;
1372
1372
  overflow-y: auto;
1373
- `,children:n})}function nf(){const{traceId:n,projectId:a}=tn(),t=Y();return e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`/projects/${a}`),children:e(B,{size:"fullscreen",title:"Trace Details",children:e(ft,{traceId:n,projectId:a})})})}const xi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},r],c={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},p=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],y={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},k={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},S={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},C=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],b=[r];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"},{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:o,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,c,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},d,g,f,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},m,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:p,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:p,storageKey:null},y,k,S,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[l,c,i,d,g,f,m,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:C,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:C,storageKey:null},y,k,S],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:o,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"},{alias:null,args:b,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:b,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"43fee2b22bc4798639d2e1fbef09ce21",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
1373
+ `,children:n})}function Af(){const{traceId:n,projectId:a}=ln(),t=Y();return e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`/projects/${a}`),children:e(H,{size:"fullscreen",title:"Trace Details",children:e(kt,{traceId:n,projectId:a})})})}const Ii=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},r],c={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},p=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],y={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:p,storageKey:null},k={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:p,storageKey:null},b={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},S={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},v={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},L=[r];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"},{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:o,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,c,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},d,g,f,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},m,y,k,b,S,v,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[l,c,i,d,g,f,m,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},y,k,b,S,v],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:o,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"},{alias:null,args:L,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:L,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"400e3bc8456d6d9eb0f4f85fc862ad57",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
1374
1374
  $id: GlobalID!
1375
1375
  $timeRange: TimeRange!
1376
1376
  ) {
@@ -1454,10 +1454,10 @@ fragment TracesTable_spans on Project {
1454
1454
  cumulativeTokenCountPrompt: tokenCountPrompt
1455
1455
  cumulativeTokenCountCompletion: tokenCountCompletion
1456
1456
  input {
1457
- value
1457
+ value: truncatedValue
1458
1458
  }
1459
1459
  output {
1460
- value
1460
+ value: truncatedValue
1461
1461
  }
1462
1462
  context {
1463
1463
  spanId
@@ -1489,7 +1489,7 @@ fragment TracesTable_spans on Project {
1489
1489
  }
1490
1490
  id
1491
1491
  }
1492
- `}}}();xi.hash="e2d168c52b9c1b5fd5543286f4d2786c";const Ti=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],o=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:r,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:r,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"09e4f18ba3f2a63560f542088a4329ff",id:null,metadata:{},name:"ProjectPageSpansQuery",operationKind:"query",text:`query ProjectPageSpansQuery(
1492
+ `}}}();Ii.hash="e2d168c52b9c1b5fd5543286f4d2786c";const Pi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],o=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:r,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:r,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"09e4f18ba3f2a63560f542088a4329ff",id:null,metadata:{},name:"ProjectPageSpansQuery",operationKind:"query",text:`query ProjectPageSpansQuery(
1493
1493
  $id: GlobalID!
1494
1494
  $timeRange: TimeRange!
1495
1495
  ) {
@@ -1556,7 +1556,7 @@ fragment SpansTable_spans on Project {
1556
1556
  }
1557
1557
  id
1558
1558
  }
1559
- `}}}();Ti.hash="18fe45fad1c124d8c29cdcabf463a213";const Di=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},i=[l];return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"264a748e3bb636d71fb6b75523a612fe",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
1559
+ `}}}();Pi.hash="18fe45fad1c124d8c29cdcabf463a213";const Li=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},i=[l];return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"264a748e3bb636d71fb6b75523a612fe",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
1560
1560
  $timeRange: TimeRange
1561
1561
  $id: GlobalID!
1562
1562
  ) {
@@ -1577,7 +1577,7 @@ fragment ProjectPageHeader_stats on Project {
1577
1577
  documentEvaluationNames
1578
1578
  id
1579
1579
  }
1580
- `}}}();Di.hash="dcce9d160db90e2b5c51eef9971101a4";const Ii=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"},a=[n];return{argumentDefinitions:[{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Di,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectPageHeader_stats",selections:[{alias:null,args:a,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:a,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null}}();Ii.hash="dcce9d160db90e2b5c51eef9971101a4";const Pi=u.createContext(null);function Gn(){const n=Ke.useContext(Pi);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function Ju({initialFetchKey:n="initial",children:a}){const t=bn(c=>c.traceStreamingEnabled),l=bn(c=>c.setTraceStreamingEnabled),[i,r]=u.useState(n),o=u.useCallback(c=>{u.startTransition(()=>{r(c)})},[r]);return e(Pi.Provider,{value:{isStreaming:t,setIsStreaming:l,fetchKey:i,setFetchKey:o},children:a})}const Li=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"bae90b7000aa37d37050070d8504b41c",id:null,metadata:{},name:"AnnotationSummaryValueQuery",operationKind:"query",text:`query AnnotationSummaryValueQuery(
1580
+ `}}}();Li.hash="dcce9d160db90e2b5c51eef9971101a4";const wi=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"},a=[n];return{argumentDefinitions:[{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Li,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectPageHeader_stats",selections:[{alias:null,args:a,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:a,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null}}();wi.hash="dcce9d160db90e2b5c51eef9971101a4";const _i=u.createContext(null);function Gn(){const n=Ke.useContext(_i);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function am({initialFetchKey:n="initial",children:a}){const t=Ae(c=>c.traceStreamingEnabled),l=Ae(c=>c.setTraceStreamingEnabled),[i,r]=u.useState(n),o=u.useCallback(c=>{u.startTransition(()=>{r(c)})},[r]);return e(_i.Provider,{value:{isStreaming:t,setIsStreaming:l,fetchKey:i,setFetchKey:o},children:a})}const Ei=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"bae90b7000aa37d37050070d8504b41c",id:null,metadata:{},name:"AnnotationSummaryValueQuery",operationKind:"query",text:`query AnnotationSummaryValueQuery(
1581
1581
  $annotationName: String!
1582
1582
  $timeRange: TimeRange!
1583
1583
  $id: GlobalID!
@@ -1600,7 +1600,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
1600
1600
  }
1601
1601
  id
1602
1602
  }
1603
- `}}}();Li.hash="0a8e190e4d87acc87c161366f330e3af";const wi={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"annotationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Li,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"AnnotationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};wi.hash="0a8e190e4d87acc87c161366f330e3af";const _i=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"AnnotationSummaryQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,t],kind:"Operation",name:"AnnotationSummaryQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"88dfad5d25db7e03286a789f3ba37c75",id:null,metadata:{},name:"AnnotationSummaryQuery",operationKind:"query",text:`query AnnotationSummaryQuery(
1603
+ `}}}();Ei.hash="0a8e190e4d87acc87c161366f330e3af";const Ai={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"annotationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Ei,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"AnnotationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Ai.hash="0a8e190e4d87acc87c161366f330e3af";const Ri=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"AnnotationSummaryQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,t],kind:"Operation",name:"AnnotationSummaryQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"88dfad5d25db7e03286a789f3ba37c75",id:null,metadata:{},name:"AnnotationSummaryQuery",operationKind:"query",text:`query AnnotationSummaryQuery(
1604
1604
  $id: GlobalID!
1605
1605
  $annotationName: String!
1606
1606
  $timeRange: TimeRange!
@@ -1623,7 +1623,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
1623
1623
  }
1624
1624
  id
1625
1625
  }
1626
- `}}}();_i.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function Zu({annotationName:n}){const{projectId:a}=tn(),{timeRange:t}=Da(),l=I.useLazyLoadQuery(_i,{annotationName:n,id:a,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(Xu,{annotationName:n,project:l.project})})]})}function Xu(n){var y,k;const{project:a,annotationName:t}=n,{fetchKey:l}=Gn(),[i,r]=I.useRefetchableFragment(wi,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=Be(),d=[ol(t),o.default,o.gray600,o.gray400,o.gray200],g=(y=i==null?void 0:i.spanAnnotationSummary)==null?void 0:y.meanScore,f=(k=i==null?void 0:i.spanAnnotationSummary)==null?void 0:k.labelFractions,m=typeof g=="number",p=Array.isArray(f)&&f.length>0;return!m&&!p?e(K,{textSize:"xlarge",children:"--"}):s(we,{delay:0,placement:"bottom",children:[e(hn,{children:s(h,{direction:"row",alignItems:"center",gap:"size-50",children:[p?e(wd,{width:24,height:24,children:e(_d,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((S,C)=>e(Ed,{fill:d[C%d.length]},`cell-${C}`))})}):null,e(K,{textSize:"xlarge",children:m?Ze(g):"--"})]})}),e(ia,{children:e(F,{width:"size-2400",children:s(h,{direction:"column",gap:"size-50",children:[p&&e("ul",{children:f.map((S,C)=>e("li",{children:e(pe,{color:d[C%d.length],name:S.label,shape:"square",value:dl(S.fraction*100)})},S.label))}),p&&m?e(Ka,{}):null,m?s(h,{direction:"row",justifyContent:"space-between",children:[e(K,{children:"mean"}),e(K,{children:Ze(g)})]}):null]})})})]})}const Ei=function(){var n={defaultValue:null,kind:"LocalArgument",name:"evaluationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"60d7798d88e1408e6b6b0bebdc1716f5",id:null,metadata:{},name:"DocumentEvaluationSummaryValueQuery",operationKind:"query",text:`query DocumentEvaluationSummaryValueQuery(
1626
+ `}}}();Ri.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function tm({annotationName:n}){const{projectId:a}=ln(),{timeRange:t}=xa(),l=I.useLazyLoadQuery(Ri,{annotationName:n,id:a,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(lm,{annotationName:n,project:l.project})})]})}function lm(n){var y,k;const{project:a,annotationName:t}=n,{fetchKey:l}=Gn(),[i,r]=I.useRefetchableFragment(Ai,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=He(),d=[ul(t),o.default,o.gray600,o.gray400,o.gray200],g=(y=i==null?void 0:i.spanAnnotationSummary)==null?void 0:y.meanScore,f=(k=i==null?void 0:i.spanAnnotationSummary)==null?void 0:k.labelFractions,m=typeof g=="number",p=Array.isArray(f)&&f.length>0;return!m&&!p?e(K,{textSize:"xlarge",children:"--"}):s(De,{delay:0,placement:"bottom",children:[e(Sn,{children:s(h,{direction:"row",alignItems:"center",gap:"size-50",children:[p?e(Nd,{width:24,height:24,children:e(Vd,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((b,S)=>e(zd,{fill:d[S%d.length]},`cell-${S}`))})}):null,e(K,{textSize:"xlarge",children:m?Xe(g):"--"})]})}),e(ia,{children:e(F,{width:"size-2400",children:s(h,{direction:"column",gap:"size-50",children:[p&&e("ul",{children:f.map((b,S)=>e("li",{children:e(ye,{color:d[S%d.length],name:b.label,shape:"square",value:ml(b.fraction*100)})},b.label))}),p&&m?e(Fa,{}):null,m?s(h,{direction:"row",justifyContent:"space-between",children:[e(K,{children:"mean"}),e(K,{children:Xe(g)})]}):null]})})})]})}const Mi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"evaluationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"60d7798d88e1408e6b6b0bebdc1716f5",id:null,metadata:{},name:"DocumentEvaluationSummaryValueQuery",operationKind:"query",text:`query DocumentEvaluationSummaryValueQuery(
1627
1627
  $evaluationName: String!
1628
1628
  $timeRange: TimeRange!
1629
1629
  $id: GlobalID!
@@ -1645,7 +1645,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
1645
1645
  }
1646
1646
  id
1647
1647
  }
1648
- `}}}();Ei.hash="15d0652aa260c80f62acec943f615d93";const Ai={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Ei,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DocumentEvaluationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Ai.hash="15d0652aa260c80f62acec943f615d93";const Ri=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"3ebd1cf66ef8f31c995ec6aae6505e94",id:null,metadata:{},name:"DocumentEvaluationSummaryQuery",operationKind:"query",text:`query DocumentEvaluationSummaryQuery(
1648
+ `}}}();Mi.hash="15d0652aa260c80f62acec943f615d93";const Ni={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Mi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DocumentEvaluationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Ni.hash="15d0652aa260c80f62acec943f615d93";const Vi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"3ebd1cf66ef8f31c995ec6aae6505e94",id:null,metadata:{},name:"DocumentEvaluationSummaryQuery",operationKind:"query",text:`query DocumentEvaluationSummaryQuery(
1649
1649
  $evaluationName: String!
1650
1650
  $id: GlobalID!
1651
1651
  $timeRange: TimeRange!
@@ -1667,7 +1667,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
1667
1667
  }
1668
1668
  id
1669
1669
  }
1670
- `}}}();Ri.hash="4d50474ffa9b9e4a68d07f6e0777c144";function Yu({evaluationName:n}){const{projectId:a}=tn(),{timeRange:t}=Da(),l=I.useLazyLoadQuery(Ri,{id:a,evaluationName:n,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(em,{evaluationName:n,project:l==null?void 0:l.project})})]})}function em(n){var g,f,m,p;const{project:a}=n,{fetchKey:t}=Gn(),[l,i]=I.useRefetchableFragment(Ai,a);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=(g=l==null?void 0:l.documentEvaluationSummary)==null?void 0:g.averageNdcg,o=(f=l==null?void 0:l.documentEvaluationSummary)==null?void 0:f.averagePrecision,c=(m=l==null?void 0:l.documentEvaluationSummary)==null?void 0:m.hitRate,d=(p=l==null?void 0:l.documentEvaluationSummary)==null?void 0:p.meanReciprocalRank;return s(we,{delay:0,placement:"bottom",children:[e(hn,{children:e(h,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(H,{children:[e(Ie,{metric:"ndcg",score:r},"ndcg"),e(Ie,{metric:"precision",score:o},"precision"),e(Ie,{metric:"hit rate",score:c},"hit")]})})}),e(ia,{children:e(F,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(K,{children:"average ndcg"}),e(K,{children:typeof r=="number"?Ze(r):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"average precision"}),e(K,{children:typeof o=="number"?Ze(o):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"mean reciprocal rank"}),e(K,{children:typeof d=="number"?Ze(d):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"hit rate"}),e(K,{children:typeof c=="number"?Ze(c):"--"})]})]})})})]})}function nm(n){const{extra:a}=n,{fetchKey:t}=Gn(),[l,i]=I.useRefetchableFragment(Ii,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,o=l==null?void 0:l.latencyMsP99,c=l==null?void 0:l.tokenCountTotal,d=l==null?void 0:l.spanAnnotationNames,g=l==null?void 0:l.documentEvaluationNames;return e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:v`
1670
+ `}}}();Vi.hash="4d50474ffa9b9e4a68d07f6e0777c144";function im({evaluationName:n}){const{projectId:a}=ln(),{timeRange:t}=xa(),l=I.useLazyLoadQuery(Vi,{id:a,evaluationName:n,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(rm,{evaluationName:n,project:l==null?void 0:l.project})})]})}function rm(n){var g,f,m,p;const{project:a}=n,{fetchKey:t}=Gn(),[l,i]=I.useRefetchableFragment(Ni,a);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=(g=l==null?void 0:l.documentEvaluationSummary)==null?void 0:g.averageNdcg,o=(f=l==null?void 0:l.documentEvaluationSummary)==null?void 0:f.averagePrecision,c=(m=l==null?void 0:l.documentEvaluationSummary)==null?void 0:m.hitRate,d=(p=l==null?void 0:l.documentEvaluationSummary)==null?void 0:p.meanReciprocalRank;return s(De,{delay:0,placement:"bottom",children:[e(Sn,{children:e(h,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(B,{children:[e(Pe,{metric:"ndcg",score:r},"ndcg"),e(Pe,{metric:"precision",score:o},"precision"),e(Pe,{metric:"hit rate",score:c},"hit")]})})}),e(ia,{children:e(F,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(K,{children:"average ndcg"}),e(K,{children:typeof r=="number"?Xe(r):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"average precision"}),e(K,{children:typeof o=="number"?Xe(o):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"mean reciprocal rank"}),e(K,{children:typeof d=="number"?Xe(d):"--"})]}),s(h,{justifyContent:"space-between",children:[e(K,{children:"hit rate"}),e(K,{children:typeof c=="number"?Xe(c):"--"})]})]})})})]})}function sm(n){const{extra:a}=n,{fetchKey:t}=Gn(),[l,i]=I.useRefetchableFragment(wi,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,o=l==null?void 0:l.latencyMsP99,c=l==null?void 0:l.tokenCountTotal,d=l==null?void 0:l.spanAnnotationNames,g=l==null?void 0:l.documentEvaluationNames;return e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:C`
1671
1671
  overflow-x: auto;
1672
1672
  overflow-y: hidden;
1673
1673
  flex: 1 1 auto;
@@ -1703,7 +1703,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
1703
1703
  left center,
1704
1704
  right center;
1705
1705
  background-attachment: local, local, scroll, scroll;
1706
- `,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:kn(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:kn(c)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(Ee,{latencyMs:r,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),o!=null?e(Ee,{latencyMs:o,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),d.map(f=>e(Zu,{annotationName:f},f)),g.map(f=>e(Yu,{evaluationName:f},`document-${f}`))]})}),e(F,{flex:"none",paddingStart:"size-100",children:a})]})})}const Mi=u.createContext(null);function Ni(){const n=u.useContext(Mi);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function At(n){const[a,t]=u.useState(""),l=u.useCallback(r=>{u.startTransition(()=>{t(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(Mi.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const zi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,g,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],S=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,g,f],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[p,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:S,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:S,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:k,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"21dc6f490cf749c02bc20bcdb43c199c",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
1706
+ `,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:vn(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:vn(c)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(Ee,{latencyMs:r,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),o!=null?e(Ee,{latencyMs:o,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),d.map(f=>e(tm,{annotationName:f},f)),g.map(f=>e(im,{evaluationName:f},`document-${f}`))]})}),e(F,{flex:"none",paddingStart:"size-100",children:a})]})})}const zi=u.createContext(null);function $i(){const n=u.useContext(zi);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function Rt(n){const[a,t]=u.useState(""),l=u.useCallback(r=>{u.startTransition(()=>{t(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(zi.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const Oi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,g,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,g,f],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[p,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:b,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:b,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:k,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"21dc6f490cf749c02bc20bcdb43c199c",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
1707
1707
  $after: String = null
1708
1708
  $filterCondition: String = null
1709
1709
  $first: Int = 50
@@ -1774,14 +1774,14 @@ fragment SpansTable_spans_1XEuU on Project {
1774
1774
  }
1775
1775
  id
1776
1776
  }
1777
- `}}}();zi.hash="4827989f55b1c0bd269253b6bc977439";const Vi=function(){var n=["spans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:zi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpansTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"spans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__SpansTable_spans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();Vi.hash="4827989f55b1c0bd269253b6bc977439";const $i=u.createContext(null);function am({children:n,...a}){const[t]=u.useState(()=>Xo(a));return e($i.Provider,{value:t,children:n})}function an(n,a){const t=Ke.useContext($i);if(!t)throw new Error("Missing TracingContext.Provider in the tree");return ba(t,n,a)}function Oi(n){const{appendFilterCondition:a}=Ni(),{annotation:t}=n,{name:l,label:i,score:r}=t,o=u.useMemo(()=>{const c=[];return i!=null&&(c.push({filterName:"Match label",filterCondition:`annotations['${l}'].label == "${i}"`}),c.push({filterName:"Exclude label",filterCondition:`annotations['${l}'].label != "${i}"`})),typeof r=="number"&&(c.push({filterName:"Greater than score",filterCondition:`annotations['${l}'].score > ${r}`}),c.push({filterName:"Less than score",filterCondition:`annotations['${l}'].score < ${r}`}),c.push({filterName:"Equals score",filterCondition:`annotations['${l}'].score == ${r}`})),c},[l,i,r]);return s(F,{borderStartWidth:"thin",borderColor:"dark",paddingStart:"size-200",paddingEnd:"size-100",marginStart:"size-200",width:300,children:[e(K,{textSize:"large",weight:"heavy",children:"Filters"}),e("ul",{css:v`
1777
+ `}}}();Oi.hash="4827989f55b1c0bd269253b6bc977439";const Qi=function(){var n=["spans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Oi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpansTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"spans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__SpansTable_spans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();Qi.hash="4827989f55b1c0bd269253b6bc977439";const ji=u.createContext(null);function om({children:n,...a}){const[t]=u.useState(()=>rd(a));return e(ji.Provider,{value:t,children:n})}function tn(n,a){const t=Ke.useContext(ji);if(!t)throw new Error("Missing TracingContext.Provider in the tree");return ha(t,n,a)}function qi(n){const{appendFilterCondition:a}=$i(),{annotation:t}=n,{name:l,label:i,score:r}=t,o=u.useMemo(()=>{const c=[];return i!=null&&(c.push({filterName:"Match label",filterCondition:`annotations['${l}'].label == "${i}"`}),c.push({filterName:"Exclude label",filterCondition:`annotations['${l}'].label != "${i}"`})),typeof r=="number"&&(c.push({filterName:"Greater than score",filterCondition:`annotations['${l}'].score > ${r}`}),c.push({filterName:"Less than score",filterCondition:`annotations['${l}'].score < ${r}`}),c.push({filterName:"Equals score",filterCondition:`annotations['${l}'].score == ${r}`})),c},[l,i,r]);return s(F,{borderStartWidth:"thin",borderColor:"dark",paddingStart:"size-200",paddingEnd:"size-100",marginStart:"size-200",width:300,children:[e(K,{textSize:"large",weight:"heavy",children:"Filters"}),e("ul",{css:C`
1778
1778
  display: flex;
1779
1779
  flex-direction: row;
1780
1780
  gap: var(--ac-global-dimension-size-100);
1781
1781
  color: var(--ac-global-color-primary);
1782
1782
  padding: var(--ac-global-dimension-size-100) 0;
1783
1783
  flex-wrap: wrap;
1784
- `,children:o.map(c=>e("li",{children:e(tm,{onClick:()=>{a(c.filterCondition)},children:c.filterName})},c.filterName))})]})}function tm({onClick:n,children:a}){return e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),n()},className:"button--reset",css:v`
1784
+ `,children:o.map(c=>e("li",{children:e(dm,{onClick:()=>{a(c.filterCondition)},children:c.filterName})},c.filterName))})]})}function dm({onClick:n,children:a}){return e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),n()},className:"button--reset",css:C`
1785
1785
  color: var(--ac-global-text-color-900);
1786
1786
  border: 1px solid var(--ac-global-color-gray-200);
1787
1787
  border-radius: 4px;
@@ -1792,10 +1792,10 @@ fragment SpansTable_spans_1XEuU on Project {
1792
1792
  &:hover {
1793
1793
  background-color: var(--ac-global-color-gray-300);
1794
1794
  }
1795
- `,children:a})}function lm({projectName:n}){const[a,t]=u.useState("Python");return e(B,{title:"Send Traces to this Project",size:"L",children:s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-100",children:e(cl,{language:a,onChange:t})}),a==="Python"?e(ul,{projectName:n}):e(ml,{projectName:n})]})})}function Qi({projectName:n}){const[a,t]=u.useState(null),l=()=>{t(e(lm,{projectName:n}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:i=>v`
1795
+ `,children:a})}function cm({projectName:n}){const[a,t]=u.useState("Python");return e(H,{title:"Send Traces to this Project",size:"L",children:s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-100",children:e(gl,{language:a,onChange:t})}),a==="Python"?e(pl,{projectName:n}):e(yl,{projectName:n})]})})}function Ui({projectName:n}){const[a,t]=u.useState(null),l=()=>{t(e(cm,{projectName:n}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:i=>C`
1796
1796
  text-align: center;
1797
1797
  padding: ${i.spacing.margin24}px ${i.spacing.margin24}px !important;
1798
- `,children:s(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(N,{variant:"default",icon:e(w,{svg:e(L.PlayCircleOutline,{})}),onClick:l,children:"Get Started"})]})})}),e(W,{onDismiss:()=>t(null),isDismissable:!0,type:"slideOver",children:a})]})}const ji={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};ji.hash="ad01e6897ad1ea779eb346d85783b8b4";const im=["spanKind","name"];function qi(n){return e(nt,{menu:e(rm,{...n}),triggerProps:{placement:"bottom end"},children:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(w,{svg:e(L.Column,{})}),"Columns"]})})}const ha=v`
1798
+ `,children:s(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(N,{variant:"default",icon:e(E,{svg:e(P.PlayCircleOutline,{})}),onClick:l,children:"Get Started"})]})})}),e(G,{onDismiss:()=>t(null),isDismissable:!0,type:"slideOver",children:a})]})}const Bi={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};Bi.hash="ad01e6897ad1ea779eb346d85783b8b4";const um=["spanKind","name"];function Hi(n){return e(lt,{menu:e(mm,{...n}),triggerProps:{placement:"bottom end"},children:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(E,{svg:e(P.Column,{})}),"Columns"]})})}const fa=C`
1799
1799
  padding: var(--ac-global-dimension-static-size-50)
1800
1800
  var(--ac-global-dimension-static-size-100);
1801
1801
  label {
@@ -1803,10 +1803,10 @@ fragment SpansTable_spans_1XEuU on Project {
1803
1803
  align-items: center;
1804
1804
  gap: var(--ac-global-dimension-static-size-100);
1805
1805
  }
1806
- `;function rm(n){const{columns:a}=n,t=an(d=>d.columnVisibility),l=an(d=>d.setColumnVisibility),i=u.useMemo(()=>a.filter(d=>!im.includes(d.id)),[a]),r=u.useMemo(()=>i.every(d=>{const g=t[d.id];return g??!0}),[i,t]),o=u.useCallback(d=>{const{name:g,checked:f}=d.target;l({...t,[g]:f})},[t,l]),c=u.useCallback(d=>{const{checked:g}=d.target,f=i.reduce((m,p)=>({...m,[p.id]:g}),{});l(f)},[i,l]);return e("div",{css:v`
1806
+ `;function mm(n){const{columns:a}=n,t=tn(d=>d.columnVisibility),l=tn(d=>d.setColumnVisibility),i=u.useMemo(()=>a.filter(d=>!um.includes(d.id)),[a]),r=u.useMemo(()=>i.every(d=>{const g=t[d.id];return g??!0}),[i,t]),o=u.useCallback(d=>{const{name:g,checked:f}=d.target;l({...t,[g]:f})},[t,l]),c=u.useCallback(d=>{const{checked:g}=d.target,f=i.reduce((m,p)=>({...m,[p.id]:g}),{});l(f)},[i,l]);return e("div",{css:C`
1807
1807
  overflow-y: auto;
1808
1808
  max-height: calc(100vh - 200px);
1809
- `,children:s(F,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:ha,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const g=t[d.id],f=g??!0,m=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:ha,children:s("label",{children:[e("input",{type:"checkbox",name:d.id,checked:f,onChange:o}),m]})},d.id)})}),e(sm,{...n})]})})}function sm({query:n}){const a=I.useFragment(ji,n),t=an(o=>o.annotationColumnVisibility),l=an(o=>o.setAnnotationColumnVisibility),i=u.useMemo(()=>a.spanAnnotationNames.every(o=>t[o]||!1),[a.spanAnnotationNames,t]),r=u.useCallback(()=>{const o=a.spanAnnotationNames.reduce((c,d)=>({...c,[d]:!i}),{});l(o)},[a.spanAnnotationNames,l,i]);return s("section",{children:[e(F,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:ha,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(o=>{const c=t[o]??!1;return e("li",{css:ha,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:c,onChange:()=>{l({...t,[o]:!c})}}),o]})},o)})})]})}const Ui=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateSpanFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"29583e7ec666cef832dc7effb9e75678",id:null,metadata:{},name:"SpanFilterConditionFieldValidationQuery",operationKind:"query",text:`query SpanFilterConditionFieldValidationQuery(
1809
+ `,children:s(F,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:fa,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const g=t[d.id],f=g??!0,m=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:fa,children:s("label",{children:[e("input",{type:"checkbox",name:d.id,checked:f,onChange:o}),m]})},d.id)})}),e(gm,{...n})]})})}function gm({query:n}){const a=I.useFragment(Bi,n),t=tn(o=>o.annotationColumnVisibility),l=tn(o=>o.setAnnotationColumnVisibility),i=u.useMemo(()=>a.spanAnnotationNames.every(o=>t[o]||!1),[a.spanAnnotationNames,t]),r=u.useCallback(()=>{const o=a.spanAnnotationNames.reduce((c,d)=>({...c,[d]:!i}),{});l(o)},[a.spanAnnotationNames,l,i]);return s("section",{children:[e(F,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:fa,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(o=>{const c=t[o]??!1;return e("li",{css:fa,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:c,onChange:()=>{l({...t,[o]:!c})}}),o]})},o)})})]})}const Gi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateSpanFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"29583e7ec666cef832dc7effb9e75678",id:null,metadata:{},name:"SpanFilterConditionFieldValidationQuery",operationKind:"query",text:`query SpanFilterConditionFieldValidationQuery(
1810
1810
  $condition: String!
1811
1811
  $id: GlobalID!
1812
1812
  ) {
@@ -1822,7 +1822,7 @@ fragment SpansTable_spans_1XEuU on Project {
1822
1822
  id
1823
1823
  }
1824
1824
  }
1825
- `}}}();Ui.hash="22836f192038b0c40201d3b25aad65b4";const Bi=v`
1825
+ `}}}();Gi.hash="22836f192038b0c40201d3b25aad65b4";const Wi=C`
1826
1826
  flex: 1 1 auto;
1827
1827
  .cm-content {
1828
1828
  padding: var(--ac-global-dimension-static-size-100) 0;
@@ -1836,7 +1836,7 @@ fragment SpansTable_spans_1XEuU on Project {
1836
1836
  .cm-selectionLayer .cm-selectionBackground {
1837
1837
  background: var(--ac-global-color-cyan-400) !important;
1838
1838
  }
1839
- `,Hi=v`
1839
+ `,Ji=C`
1840
1840
  border-width: var(--ac-global-border-size-thin);
1841
1841
  border-style: solid;
1842
1842
  border-color: var(--ac-global-input-field-border-color);
@@ -1853,19 +1853,19 @@ fragment SpansTable_spans_1XEuU on Project {
1853
1853
  border-color: var(--ac-global-color-danger);
1854
1854
  }
1855
1855
  box-sizing: border-box;
1856
- `;function om(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function dm(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await Qs.fetchQuery(xe,Ui,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const cm=[Rd.of([{key:"Enter",run:n=>!0}]),pt(),Md({override:[om]})];function Gi(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=u.useState(!1),[r,o]=u.useState(""),{filterCondition:c,setFilterCondition:d,appendFilterCondition:g}=Ni(),f=u.useDeferredValue(c),{theme:m}=Qn(),p=m==="dark"?da:void 0,{projectId:y}=tn();u.useEffect(()=>{dm(f,y).then(C=>{C!=null&&C.isValid?(o(""),u.startTransition(()=>{a(f)})):o((C==null?void 0:C.errorMessage)??"Invalid filter condition")})},[a,f,y]);const k=r!=="",S=c!=="";return s("div",{"data-is-focused":l,"data-is-invalid":k,className:"span-filter-condition-field",css:Hi,children:[s(h,{direction:"row",children:[e(uo,{children:e(w,{svg:e(L.Search,{})})}),e(oa,{css:Bi,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:c,onChange:d,height:"36px",width:"100%",theme:p,placeholder:t,extensions:cm}),e("button",{css:v`
1856
+ `;function pm(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function ym(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await Ws.fetchQuery(Te,Gi,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const fm=[Od.of([{key:"Enter",run:n=>!0}]),ft(),Qd({override:[pm]})];function Zi(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=u.useState(!1),[r,o]=u.useState(""),{filterCondition:c,setFilterCondition:d,appendFilterCondition:g}=$i(),f=u.useDeferredValue(c),{theme:m}=Qn(),p=m==="dark"?da:void 0,{projectId:y}=ln();u.useEffect(()=>{ym(f,y).then(S=>{S!=null&&S.isValid?(o(""),u.startTransition(()=>{a(f)})):o((S==null?void 0:S.errorMessage)??"Invalid filter condition")})},[a,f,y]);const k=r!=="",b=c!=="";return s("div",{"data-is-focused":l,"data-is-invalid":k,className:"span-filter-condition-field",css:Ji,children:[s(h,{direction:"row",children:[e(ko,{children:e(E,{svg:e(P.Search,{})})}),e(oa,{css:Wi,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:c,onChange:d,height:"36px",width:"100%",theme:p,placeholder:t,extensions:fm}),e("button",{css:C`
1857
1857
  margin-right: var(--ac-global-dimension-static-size-100);
1858
1858
  color: var(--ac-global-text-color-700);
1859
- visibility: ${S?"visible":"hidden"};
1860
- `,onClick:()=>d(""),className:"button--reset",children:e(w,{svg:e(L.CloseCircleOutline,{})})}),s(Cn,{placement:"bottom right",children:[e(hn,{children:e("button",{css:v`
1859
+ visibility: ${b?"visible":"hidden"};
1860
+ `,onClick:()=>d(""),className:"button--reset",children:e(E,{svg:e(P.CloseCircleOutline,{})})}),s(Tn,{placement:"bottom right",children:[e(Sn,{children:e("button",{css:C`
1861
1861
  color: var(--ac-global-text-color-700);
1862
1862
  background-color: var(--ac-global-color-grey-400);
1863
1863
  padding-left: var(--ac-global-dimension-static-size-100);
1864
1864
  padding-right: var(--ac-global-dimension-static-size-100);
1865
1865
  height: 100%;
1866
- `,className:"button--reset",children:e(w,{svg:e(L.PlusCircleOutline,{})})})}),e(um,{onAddFilterConditionSnippet:g})]})]}),s(we,{isOpen:k&&l,placement:"bottom",children:[e(hn,{children:e("div",{})}),e(ia,{children:r!=""?e(K,{color:"danger",children:r}):e(K,{color:"success",children:"Valid Expression"})})]})]})}function um(n){const{onAddFilterConditionSnippet:a}=n;return e(F,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(fe,{children:[e(gn,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(gn,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(gn,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(gn,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(gn,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(gn,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(gn,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function gn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=Qn(),o=r==="light"?void 0:da;return e(On,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:v(Hi,v`
1866
+ `,className:"button--reset",children:e(E,{svg:e(P.PlusCircleOutline,{})})})}),e(hm,{onAddFilterConditionSnippet:g})]})]}),s(De,{isOpen:k&&l,placement:"bottom",children:[e(Sn,{children:e("div",{})}),e(ia,{children:r!=""?e(K,{color:"danger",children:r}):e(K,{color:"success",children:"Valid Expression"})})]})]})}function hm(n){const{onAddFilterConditionSnippet:a}=n;return e(F,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(fe,{children:[e(yn,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(yn,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(yn,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(yn,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(yn,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(yn,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(yn,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function yn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=Qn(),o=r==="light"?void 0:da;return e(On,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:C(Ji,C`
1867
1867
  flex: 1 1 auto;
1868
- `),children:e(oa,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[pt()],editable:!0,onChange:i,theme:o,css:Bi})}),e(N,{title:"Add to filter condition",variant:"default",onClick:()=>t(l),icon:e(w,{svg:e(L.PlusCircleOutline,{})})})]})})}const Wi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addSpansToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a},params:{cacheID:"1c694540190478b8fba8ef3c0cacf30c",id:null,metadata:{},name:"SpanSelectionToolbarAddSpansToDatasetMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarAddSpansToDatasetMutation(
1868
+ `),children:e(oa,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[ft()],editable:!0,onChange:i,theme:o,css:Wi})}),e(N,{title:"Add to filter condition",variant:"default",onClick:()=>t(l),icon:e(E,{svg:e(P.PlusCircleOutline,{})})})]})})}const Xi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addSpansToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a},params:{cacheID:"1c694540190478b8fba8ef3c0cacf30c",id:null,metadata:{},name:"SpanSelectionToolbarAddSpansToDatasetMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarAddSpansToDatasetMutation(
1869
1869
  $input: AddSpansToDatasetInput!
1870
1870
  ) {
1871
1871
  addSpansToDataset(input: $input) {
@@ -1874,7 +1874,7 @@ fragment SpansTable_spans_1XEuU on Project {
1874
1874
  }
1875
1875
  }
1876
1876
  }
1877
- `}}}();Wi.hash="5e3aef907285081a06c0e0360045e865";const Ji={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"6d459b61a36b99979f025742892941f9",id:null,metadata:{},name:"DatasetSelectorPopoverContentDatasetsQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentDatasetsQuery {
1877
+ `}}}();Xi.hash="5e3aef907285081a06c0e0360045e865";const Yi={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"6d459b61a36b99979f025742892941f9",id:null,metadata:{},name:"DatasetSelectorPopoverContentDatasetsQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentDatasetsQuery {
1878
1878
  ...DatasetSelectorPopoverContent_datasets
1879
1879
  }
1880
1880
 
@@ -1888,7 +1888,7 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
1888
1888
  }
1889
1889
  }
1890
1890
  }
1891
- `}};Ji.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const Zi={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Ji}},name:"DatasetSelectorPopoverContent_datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Zi.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const Xi={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"5fb28a402f330dd235295da21efea58b",id:null,metadata:{},name:"DatasetSelectorPopoverContentQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentQuery {
1891
+ `}};Yi.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const er={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Yi}},name:"DatasetSelectorPopoverContent_datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};er.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const nr={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"5fb28a402f330dd235295da21efea58b",id:null,metadata:{},name:"DatasetSelectorPopoverContentQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentQuery {
1892
1892
  ...DatasetSelectorPopoverContent_datasets
1893
1893
  }
1894
1894
 
@@ -1902,15 +1902,15 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
1902
1902
  }
1903
1903
  }
1904
1904
  }
1905
- `}};Xi.hash="7cd8a13144d97d2b5294f2a09c9e1351";function mm(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=u.useState(""),r=I.useLazyLoadQuery(Xi,{},{fetchPolicy:"network-only"});return s($,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(N,{variant:"default",size:"compact",onClick:a,children:"New Dataset"}),children:[e(F,{padding:"size-100",children:e(G,{type:"search",placeholder:"Search datasets",addonBefore:e(w,{svg:e(L.Search,{})}),onChange:o=>{i(o)}})}),e(F,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:v`
1905
+ `}};nr.hash="7cd8a13144d97d2b5294f2a09c9e1351";function km(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=u.useState(""),r=I.useLazyLoadQuery(nr,{},{fetchPolicy:"network-only"});return s($,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(N,{variant:"default",size:"compact",onClick:a,children:"New Dataset"}),children:[e(F,{padding:"size-100",children:e(Z,{type:"search",placeholder:"Search datasets",addonBefore:e(E,{svg:e(P.Search,{})}),onChange:o=>{i(o)}})}),e(F,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:C`
1906
1906
  height: 400px;
1907
1907
  overflow-y: auto;
1908
- `,children:e(gm,{query:r,search:l,onDatasetSelected:t})})})]})}function gm(n){const{search:a,onDatasetSelected:t}=n,[l]=I.useRefetchableFragment(Zi,n.query),i=u.useMemo(()=>{let o=l.datasets.edges.map(c=>c.dataset);return a&&(o=o.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(F,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(K,{children:"No datasets found"})})}):e(va,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);t(c[0])}},children:i.map(o=>e(U,{children:o.name},o.id))})}function Yi(n){const a=Y(),[t,l]=u.useState(null),i=oe(),r=ce(),[o,c]=u.useState(!1),{selectedSpans:d,onClearSelection:g}=n,[f,m]=I.useMutation(Wi),p=d.length!==1,y=u.useCallback(k=>{f({variables:{input:{datasetId:k,spanIds:d.map(S=>S.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${d.length} example${p?"s":""} have been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${k}/examples`)}}}),g()},onError:S=>{r({title:"An error occurred",message:`Failed to add spans to dataset: ${S.message}`})}})},[f,d,i,p,g,a,r]);return s("div",{css:v`
1908
+ `,children:e(bm,{query:r,search:l,onDatasetSelected:t})})})]})}function bm(n){const{search:a,onDatasetSelected:t}=n,[l]=I.useRefetchableFragment(er,n.query),i=u.useMemo(()=>{let o=l.datasets.edges.map(c=>c.dataset);return a&&(o=o.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(F,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(K,{children:"No datasets found"})})}):e(Sa,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);t(c[0])}},children:i.map(o=>e(U,{children:o.name},o.id))})}function ar(n){const a=Y(),[t,l]=u.useState(null),i=de(),r=ue(),[o,c]=u.useState(!1),{selectedSpans:d,onClearSelection:g}=n,[f,m]=I.useMutation(Xi),p=d.length!==1,y=u.useCallback(k=>{f({variables:{input:{datasetId:k,spanIds:d.map(b=>b.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${d.length} example${p?"s":""} have been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${k}/examples`)}}}),g()},onError:b=>{r({title:"An error occurred",message:`Failed to add spans to dataset: ${b.message}`})}})},[f,d,i,p,g,a,r]);return s("div",{css:C`
1909
1909
  position: absolute;
1910
1910
  bottom: var(--ac-global-dimension-size-400);
1911
1911
  left: 50%;
1912
1912
  transform: translateX(-50%);
1913
- `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(K,{children:`${d.length} span${p?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:g,children:"Cancel"}),s(Cn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:k=>{c(k)},children:[e(N,{variant:"primary",size:"compact",icon:e(w,{svg:e(L.DatabaseOutline,{})}),loading:m,disabled:m,children:m?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(mm,{onDatasetSelected:k=>{y(k),c(!1)},onCreateNewDataset:()=>{c(!1),l(e(B,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(st,{onDatasetCreateError:()=>{r({title:"Dataset creation failed",message:"Failed to create dataset."})},onDatasetCreated:k=>{l(null),i({title:"Dataset created",message:`${k.name} has been successfully created.`}),c(!0)}})}))}})})]})]})]})}),e(W,{onDismiss:()=>{l(null)},children:t})]})}const er=v`
1913
+ `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(K,{children:`${d.length} span${p?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:g,children:"Cancel"}),s(Tn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:k=>{c(k)},children:[e(N,{variant:"primary",size:"compact",icon:e(E,{svg:e(P.DatabaseOutline,{})}),loading:m,disabled:m,children:m?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(km,{onDatasetSelected:k=>{y(k),c(!1)},onCreateNewDataset:()=>{c(!1),l(e(H,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(ct,{onDatasetCreateError:()=>{r({title:"Dataset creation failed",message:"Failed to create dataset."})},onDatasetCreated:k=>{l(null),i({title:"Dataset created",message:`${k.name} has been successfully created.`}),c(!0)}})}))}})})]})]})]})}),e(G,{onDismiss:()=>{l(null)},children:t})]})}const tr=C`
1914
1914
  display: flex;
1915
1915
  flex-direction: column;
1916
1916
  flex: 1 1 auto;
@@ -1923,10 +1923,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
1923
1923
  .ac-dropdown-button {
1924
1924
  min-width: var(--ac-global-dimension-static-size-300);
1925
1925
  }
1926
- `,ta="annotations",$e=":",nr={col:"startTime",dir:"desc"};function ar(n){let a=null,t=null;if(n.id&&n.id.startsWith(ta)){const[,l,i]=n.id.split($e);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const Rt=50;function pm(n){const{fetchKey:a}=Gn(),t=u.useRef(null),[l,i]=u.useState({}),[r,o]=u.useState([]),[c,d]=u.useState(""),g=an(z=>z.columnVisibility),f=Y(),{data:m,loadNext:p,hasNext:y,isLoadingNext:k,refetch:S}=I.usePaginationFragment(Vi,n.project),C=an(z=>z.annotationColumnVisibility),b=u.useMemo(()=>Object.keys(C).filter(z=>C[z]),[C]),T=u.useMemo(()=>m.spans.edges.map(({span:V})=>V),[m]),P=b.map(z=>({header:z,columns:[{header:"label",accessorKey:`${ta}${$e}label${$e}${z}`,cell:({row:V})=>{const E=V.original.spanAnnotations.find(O=>O.name===z);return E?E.label:null}},{header:"score",accessorKey:`${ta}${$e}score${$e}${z}`,cell:({row:V})=>{const E=V.original.spanAnnotations.find(O=>O.name===z);return E?E.score:null}}]})),_=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s($n,{children:[e(se,{level:3,weight:"heavy",children:"Feedback"}),e(Fn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:z})=>s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[z.original.spanAnnotations.map(V=>e(ra,{annotation:V,layout:"horizontal",width:"500px",extra:e(Oi,{annotation:V}),children:e(xn,{annotation:V,annotationDisplayPreference:"label"})},V.name)),z.original.documentRetrievalMetrics.map(V=>s(H,{children:[e(Ie,{name:V.evaluationName,metric:"ndcg",score:V.ndcg},"ndcg"),e(Ie,{name:V.evaluationName,metric:"precision",score:V.precision},"precision"),e(Ie,{name:V.evaluationName,metric:"hit",score:V.hit},"hit")]}))]})},...P],x=[{id:"select",maxSize:10,header:({table:z})=>e(en,{checked:z.getIsAllRowsSelected(),indeterminate:z.getIsSomeRowsSelected(),onChange:z.getToggleAllRowsSelectedHandler()}),cell:({row:z})=>e(en,{checked:z.getIsSelected(),disabled:!z.getCanSelect(),indeterminate:z.getIsSomeSelected(),onChange:z.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:z})=>e(ot,{spanKind:z()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:z,row:V})=>{const E=V.original,{traceId:O}=E.context;return e(We,{to:`traces/${O}?selectedSpanNodeId=${E.id}`,children:z()})}},{header:"input",accessorKey:"input.value",cell:me,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:me,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:me,enableSorting:!1},..._,{header:"start time",accessorKey:"startTime",cell:Fe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:z})=>{const V=z();return V===null||typeof V!="number"?null:e(Ee,{latencyMs:V})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:z,getValue:V})=>{const E=V();return E===null?"--":e(Ta,{tokenCountTotal:E,tokenCountPrompt:z.original.tokenCountPrompt||0,tokenCountCompletion:z.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:z})=>e(xa,{statusCode:z()})}];u.useEffect(()=>{const z=r[0];u.startTransition(()=>{S({sort:z?ar(z):nr,after:null,first:Rt,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,S,c,a]);const D=u.useCallback(z=>{if(z){const{scrollHeight:V,scrollTop:E,clientHeight:O}=z;V-E-O<300&&!k&&y&&p(Rt)}},[y,k,p]),A=ke({columns:x,data:T,state:{sorting:r,columnVisibility:g,rowSelection:l},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:o,getCoreRowModel:be(),getSortedRowModel:Nn()}),R=A.getRowModel().rows,j=A.getSelectedRowModel().rows,ne=j.map(z=>z.original),re=u.useCallback(()=>{i({})},[i]),Se=R.length===0,ve=A.getAllColumns().filter(z=>z.columns.length===0);return s("div",{css:er,children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Gi,{onValidCondition:d}),e(qi,{columns:ve,query:m})]})}),e("div",{css:v`
1926
+ `,ta="annotations",Oe=":",lr={col:"startTime",dir:"desc"};function ir(n){let a=null,t=null;if(n.id&&n.id.startsWith(ta)){const[,l,i]=n.id.split(Oe);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const Mt=50;function Sm(n){const{fetchKey:a}=Gn(),t=u.useRef(null),[l,i]=u.useState({}),[r,o]=u.useState([]),[c,d]=u.useState(""),g=tn(V=>V.columnVisibility),f=Y(),{data:m,loadNext:p,hasNext:y,isLoadingNext:k,refetch:b}=I.usePaginationFragment(Qi,n.project),S=tn(V=>V.annotationColumnVisibility),v=u.useMemo(()=>Object.keys(S).filter(V=>S[V]),[S]),L=u.useMemo(()=>m.spans.edges.map(({span:z})=>z),[m]),x=v.map(V=>({header:V,columns:[{header:"label",accessorKey:`${ta}${Oe}label${Oe}${V}`,cell:({row:z})=>{const A=z.original.spanAnnotations.find(O=>O.name===V);return A?A.label:null}},{header:"score",accessorKey:`${ta}${Oe}score${Oe}${V}`,cell:({row:z})=>{const A=z.original.spanAnnotations.find(O=>O.name===V);return A?A.score:null}}]})),w=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s($n,{children:[e(oe,{level:3,weight:"heavy",children:"Feedback"}),e(xn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:V})=>s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[V.original.spanAnnotations.map(z=>e(ra,{annotation:z,layout:"horizontal",width:"500px",extra:e(qi,{annotation:z}),children:e(In,{annotation:z,annotationDisplayPreference:"label"})},z.name)),V.original.documentRetrievalMetrics.map(z=>s(B,{children:[e(Pe,{name:z.evaluationName,metric:"ndcg",score:z.ndcg},"ndcg"),e(Pe,{name:z.evaluationName,metric:"precision",score:z.precision},"precision"),e(Pe,{name:z.evaluationName,metric:"hit",score:z.hit},"hit")]}))]})},...x],T=[{id:"select",maxSize:10,header:({table:V})=>e(nn,{checked:V.getIsAllRowsSelected(),indeterminate:V.getIsSomeRowsSelected(),onChange:V.getToggleAllRowsSelectedHandler()}),cell:({row:V})=>e(nn,{checked:V.getIsSelected(),disabled:!V.getCanSelect(),indeterminate:V.getIsSomeSelected(),onChange:V.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:V})=>e(ut,{spanKind:V()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:V,row:z})=>{const A=z.original,{traceId:O}=A.context;return e(Je,{to:`traces/${O}?selectedSpanNodeId=${A.id}`,children:V()})}},{header:"input",accessorKey:"input.value",cell:ge,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:ge,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:ge,enableSorting:!1},...w,{header:"start time",accessorKey:"startTime",cell:Fe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:V})=>{const z=V();return z===null||typeof z!="number"?null:e(Ee,{latencyMs:z})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:V,getValue:z})=>{const A=z();return A===null?"--":e(Ta,{tokenCountTotal:A,tokenCountPrompt:V.original.tokenCountPrompt||0,tokenCountCompletion:V.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:V})=>e(Ka,{statusCode:V()})}];u.useEffect(()=>{const V=r[0];u.startTransition(()=>{b({sort:V?ir(V):lr,after:null,first:Mt,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,b,c,a]);const D=u.useCallback(V=>{if(V){const{scrollHeight:z,scrollTop:A,clientHeight:O}=V;z-A-O<300&&!k&&y&&p(Mt)}},[y,k,p]),R=ke({columns:T,data:L,state:{sorting:r,columnVisibility:g,rowSelection:l},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:o,getCoreRowModel:be(),getSortedRowModel:Vn()}),M=R.getRowModel().rows,q=R.getSelectedRowModel().rows,ne=q.map(V=>V.original),se=u.useCallback(()=>{i({})},[i]),Se=M.length===0,ve=R.getAllColumns().filter(V=>V.columns.length===0);return s("div",{css:tr,children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Zi,{onValidCondition:d}),e(Hi,{columns:ve,query:m})]})}),e("div",{css:C`
1927
1927
  flex: 1 1 auto;
1928
1928
  overflow: auto;
1929
- `,onScroll:z=>D(z.target),ref:t,children:s("table",{css:Hn,children:[e("thead",{children:A.getHeaderGroups().map(z=>e("tr",{children:z.headers.map(V=>e("th",{colSpan:V.colSpan,children:V.isPlaceholder?null:s("div",{className:V.column.getCanSort()?"cursor-pointer":"",onClick:V.column.getToggleSortingHandler(),style:{left:V.getStart(),width:V.getSize()},children:[X(V.column.columnDef.header,V.getContext()),V.column.getIsSorted()?e(w,{className:"sort-icon",svg:V.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},V.id))},z.id))}),Se?e(Qi,{projectName:m.name}):e("tbody",{children:R.map(z=>e("tr",{onClick:()=>f(`traces/${z.original.context.traceId}?selectedSpanNodeId=${z.original.id}`),children:z.getVisibleCells().map(V=>e("td",{children:X(V.column.columnDef.cell,V.getContext())},V.id))},z.id))})]})}),j.length?e(Yi,{selectedSpans:ne,onClearSelection:re}):null]})}const tr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"4e136f41c0942f253822336dc0c5b291",id:null,metadata:{},name:"StreamToggleRefetchQuery",operationKind:"query",text:`query StreamToggleRefetchQuery(
1929
+ `,onScroll:V=>D(V.target),ref:t,children:s("table",{css:Hn,children:[e("thead",{children:R.getHeaderGroups().map(V=>e("tr",{children:V.headers.map(z=>e("th",{colSpan:z.colSpan,children:z.isPlaceholder?null:s("div",{className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[X(z.column.columnDef.header,z.getContext()),z.column.getIsSorted()?e(E,{className:"sort-icon",svg:z.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},z.id))},V.id))}),Se?e(Ui,{projectName:m.name}):e("tbody",{children:M.map(V=>e("tr",{onClick:()=>f(`traces/${V.original.context.traceId}?selectedSpanNodeId=${V.original.id}`),children:V.getVisibleCells().map(z=>e("td",{children:X(z.column.columnDef.cell,z.getContext())},z.id))},V.id))})]})}),q.length?e(ar,{selectedSpans:ne,onClearSelection:se}):null]})}const rr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"4e136f41c0942f253822336dc0c5b291",id:null,metadata:{},name:"StreamToggleRefetchQuery",operationKind:"query",text:`query StreamToggleRefetchQuery(
1930
1930
  $id: GlobalID!
1931
1931
  ) {
1932
1932
  node(id: $id) {
@@ -1941,7 +1941,7 @@ fragment StreamToggle_data on Project {
1941
1941
  streamingLastUpdatedAt
1942
1942
  id
1943
1943
  }
1944
- `}}}();tr.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const lr={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:tr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};lr.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function ir(n,a){const t=u.useRef(null);u.useEffect(()=>{t.current=n},[n]),u.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const ym=2e3;function fm(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Gn(),[i,r]=I.useRefetchableFragment(lr,n.project),o=u.useRef(i.streamingLastUpdatedAt),c=u.useCallback(()=>{a&&u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),d=i.streamingLastUpdatedAt;return u.useEffect(()=>{d!=null&&(o.current==null||o.current<d)&&(o.current=d,l(`fetch-traces-${d}`))},[l,d]),ir(c,ym),e(zn,{labelPlacement:"start",isSelected:a,onChange:()=>{t(!a)},children:"Stream"})}const rr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,g,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],S={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},C={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},P={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},_=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],x={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},D={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},A={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},R=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,g,f],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[p,S,y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},C,b,T,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},P,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:_,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:_,storageKey:null},x,D,A,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[p,S,y,C,b,T,P,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:R,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:R,storageKey:null},x,D,A],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:k,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"4e6571e93159d5ab4244d5cc4058a65a",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
1944
+ `}}}();rr.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const sr={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:rr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};sr.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function or(n,a){const t=u.useRef(null);u.useEffect(()=>{t.current=n},[n]),u.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const vm=2e3;function Cm(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Gn(),[i,r]=I.useRefetchableFragment(sr,n.project),o=u.useRef(i.streamingLastUpdatedAt),c=u.useCallback(()=>{a&&u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),d=i.streamingLastUpdatedAt;return u.useEffect(()=>{d!=null&&(o.current==null||o.current<d)&&(o.current=d,l(`fetch-traces-${d}`))},[l,d]),or(c,vm),e(Kn,{labelPlacement:"start",isSelected:a,onChange:()=>{t(!a)},children:"Stream"})}const dr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,g,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},v={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},w=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],T={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:w,storageKey:null},D={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:w,storageKey:null},R={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},M={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},q={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,g,f],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[p,b,y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},S,v,L,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},x,T,D,R,M,q,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[p,b,y,S,v,L,x,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},T,D,R,M,q],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:k,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"572f8769fc0e90b681883b56222bdc65",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
1945
1945
  $after: String = null
1946
1946
  $filterCondition: String = null
1947
1947
  $first: Int = 50
@@ -2012,10 +2012,10 @@ fragment TracesTable_spans_1XEuU on Project {
2012
2012
  cumulativeTokenCountPrompt: tokenCountPrompt
2013
2013
  cumulativeTokenCountCompletion: tokenCountCompletion
2014
2014
  input {
2015
- value
2015
+ value: truncatedValue
2016
2016
  }
2017
2017
  output {
2018
- value
2018
+ value: truncatedValue
2019
2019
  }
2020
2020
  context {
2021
2021
  spanId
@@ -2047,16 +2047,16 @@ fragment TracesTable_spans_1XEuU on Project {
2047
2047
  }
2048
2048
  id
2049
2049
  }
2050
- `}}}();rr.hash="69e77ceeea7371be4ec13fc702225150";const sr=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],g={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},f={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},m={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},p=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:rr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"rootSpans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__TracesTable_rootSpans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},i,r,o,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},c,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},g,f,m,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,l,a,i,r,o,c,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:p,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:p,storageKey:null},g,f,m],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();sr.hash="69e77ceeea7371be4ec13fc702225150";const Mt=50;function or(n){const a=[];for(const t of n){const l={...t.span,children:or(t.children)};a.push(l)}return a}function hm(n){const a=u.useRef(null),[t,l]=u.useState({}),[i,r]=u.useState([]),[o,c]=u.useState(""),d=Y(),{fetchKey:g}=Gn(),{data:f,loadNext:m,hasNext:p,isLoadingNext:y,refetch:k}=I.usePaginationFragment(sr,n.project),S=an(E=>E.annotationColumnVisibility),C=u.useMemo(()=>Object.keys(S).filter(E=>S[E]),[S]),b=u.useMemo(()=>f.rootSpans.edges.map(({rootSpan:O})=>{const ee=Yo([O,...O.descendants]),[un]=or(ee);return un}),[f]),T=C.map(E=>({header:E,columns:[{header:"label",accessorKey:`${ta}${$e}label${$e}${E}`,cell:({row:O})=>{const ee=O.original.spanAnnotations.find(un=>un.name===E);return ee?ee.label:null}},{header:"score",accessorKey:`${ta}${$e}score${$e}${E}`,cell:({row:O})=>{const ee=O.original.spanAnnotations.find(un=>un.name===E);return ee?ee.score:null}}]})),P=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s($n,{children:[e(se,{level:3,weight:"heavy",children:"Feedback"}),e(Fn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:E})=>{const O=E.original.spanAnnotations.length===0&&E.original.documentRetrievalMetrics.length===0;return s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[E.original.spanAnnotations.map(ee=>e(ra,{annotation:ee,layout:"horizontal",width:"500px",extra:e(Oi,{annotation:ee}),children:e(xn,{annotation:ee,annotationDisplayPreference:"label"})},ee.name)),E.original.documentRetrievalMetrics.map(ee=>s(u.Fragment,{children:[e(Ie,{name:ee.evaluationName,metric:"ndcg",score:ee.ndcg},"ndcg"),e(Ie,{name:ee.evaluationName,metric:"precision",score:ee.precision},"precision"),e(Ie,{name:ee.evaluationName,metric:"hit",score:ee.hit},"hit")]},"doc-evals")),O?"--":null]})}},...T],_=[{id:"select",maxSize:10,header:({table:E})=>e(en,{checked:E.getIsAllRowsSelected(),indeterminate:E.getIsSomeRowsSelected(),onChange:E.getToggleAllRowsSelectedHandler()}),cell:({row:E})=>e(en,{checked:E.getIsSelected(),disabled:!E.getCanSelect(),indeterminate:E.getIsSomeSelected(),onChange:E.getToggleSelectedHandler()})},{header:()=>s(h,{gap:"size-50",direction:"row",alignItems:"center",children:[e(xt,{isExpanded:j.getIsAllRowsExpanded(),onClick:j.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:E=>e("div",{css:v`
2050
+ `}}}();dr.hash="53b160969c87d5e35e08a1f4ca26aadb";const cr=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],g={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},f={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},m={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},p={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:dr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"rootSpans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__TracesTable_rootSpans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},i,r,o,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},c,g,f,m,p,y,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,l,a,i,r,o,c,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},g,f,m,p,y],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();cr.hash="53b160969c87d5e35e08a1f4ca26aadb";const Nt=50;function ur(n){const a=[];for(const t of n){const l={...t.span,children:ur(t.children)};a.push(l)}return a}function Fm(n){const a=u.useRef(null),[t,l]=u.useState({}),[i,r]=u.useState([]),[o,c]=u.useState(""),d=Y(),{fetchKey:g}=Gn(),{data:f,loadNext:m,hasNext:p,isLoadingNext:y,refetch:k}=I.usePaginationFragment(cr,n.project),b=tn(A=>A.annotationColumnVisibility),S=u.useMemo(()=>Object.keys(b).filter(A=>b[A]),[b]),v=u.useMemo(()=>f.rootSpans.edges.map(({rootSpan:O})=>{const ee=sd([O,...O.descendants]),[gn]=ur(ee);return gn}),[f]),L=S.map(A=>({header:A,columns:[{header:"label",accessorKey:`${ta}${Oe}label${Oe}${A}`,cell:({row:O})=>{const ee=O.original.spanAnnotations.find(gn=>gn.name===A);return ee?ee.label:null}},{header:"score",accessorKey:`${ta}${Oe}score${Oe}${A}`,cell:({row:O})=>{const ee=O.original.spanAnnotations.find(gn=>gn.name===A);return ee?ee.score:null}}]})),x=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s($n,{children:[e(oe,{level:3,weight:"heavy",children:"Feedback"}),e(xn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:A})=>{const O=A.original.spanAnnotations.length===0&&A.original.documentRetrievalMetrics.length===0;return s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[A.original.spanAnnotations.map(ee=>e(ra,{annotation:ee,layout:"horizontal",width:"500px",extra:e(qi,{annotation:ee}),children:e(In,{annotation:ee,annotationDisplayPreference:"label"})},ee.name)),A.original.documentRetrievalMetrics.map(ee=>s(u.Fragment,{children:[e(Pe,{name:ee.evaluationName,metric:"ndcg",score:ee.ndcg},"ndcg"),e(Pe,{name:ee.evaluationName,metric:"precision",score:ee.precision},"precision"),e(Pe,{name:ee.evaluationName,metric:"hit",score:ee.hit},"hit")]},"doc-evals")),O?"--":null]})}},...L],w=[{id:"select",maxSize:10,header:({table:A})=>e(nn,{checked:A.getIsAllRowsSelected(),indeterminate:A.getIsSomeRowsSelected(),onChange:A.getToggleAllRowsSelectedHandler()}),cell:({row:A})=>e(nn,{checked:A.getIsSelected(),disabled:!A.getCanSelect(),indeterminate:A.getIsSomeSelected(),onChange:A.getToggleSelectedHandler()})},{header:()=>s(h,{gap:"size-50",direction:"row",alignItems:"center",children:[e(xt,{isExpanded:q.getIsAllRowsExpanded(),onClick:q.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:A=>e("div",{css:C`
2051
2051
  // Since rows are flattened by default,
2052
2052
  // we can use the row.depth property
2053
2053
  // and paddingLeft to visually indicate the depth
2054
2054
  // of the row
2055
- padding-left: ${E.row.depth*2}rem;
2056
- `,children:s(h,{gap:"size-50",children:[E.row.getCanExpand()?e(xt,{isExpanded:E.row.getIsExpanded(),onClick:E.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(ot,{spanKind:E.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:E,row:O})=>{const{traceId:ee}=O.original.context;return e(We,{to:`traces/${ee}?selectedSpanNodeId=${O.original.id}`,children:E()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:me},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:me},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:me},...P,{header:"start time",accessorKey:"startTime",cell:Fe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:E})=>{const O=E();return O===null||typeof O!="number"?null:e(Ee,{latencyMs:O})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:E,getValue:O})=>{const ee=O();return ee===null?"--":e(Ta,{tokenCountTotal:ee,tokenCountPrompt:E.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:E.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:E})=>e(xa,{statusCode:E()})}];u.useEffect(()=>{const E=i[0];u.startTransition(()=>{k({sort:E?ar(E):nr,after:null,first:Mt,filterCondition:o},{fetchPolicy:"store-and-network"})})},[i,k,o,g]);const x=Ke.useCallback(E=>{if(E){const{scrollHeight:O,scrollTop:ee,clientHeight:un}=E;O-ee-un<300&&!y&&p&&m(Mt)}},[p,y,m]),[D,A]=u.useState({}),R=an(E=>E.columnVisibility),j=ke({columns:_,data:b,onExpandedChange:A,manualSorting:!0,getSubRows:E=>E.children,state:{sorting:i,expanded:D,columnVisibility:R,rowSelection:t},onRowSelectionChange:l,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:be(),getSortedRowModel:Nn(),getExpandedRowModel:js(),getRowId:E=>E.id}),ne=j.getRowModel().rows,re=j.getSelectedRowModel().flatRows,Se=re.map(E=>E.original),ve=u.useCallback(()=>{l({})},[l]),z=ne.length===0,V=j.getAllColumns().filter(E=>E.columns.length===0);return s("div",{css:er,children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Gi,{onValidCondition:c}),e(qi,{columns:V,query:f})]})}),e("div",{css:v`
2055
+ padding-left: ${A.row.depth*2}rem;
2056
+ `,children:s(h,{gap:"size-50",children:[A.row.getCanExpand()?e(xt,{isExpanded:A.row.getIsExpanded(),onClick:A.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(ut,{spanKind:A.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:O})=>{const{traceId:ee}=O.original.context;return e(Je,{to:`traces/${ee}?selectedSpanNodeId=${O.original.id}`,children:A()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:ge},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:ge},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:ge},...x,{header:"start time",accessorKey:"startTime",cell:Fe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A})=>{const O=A();return O===null||typeof O!="number"?null:e(Ee,{latencyMs:O})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:A,getValue:O})=>{const ee=O();return ee===null?"--":e(Ta,{tokenCountTotal:ee,tokenCountPrompt:A.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:A.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:A})=>e(Ka,{statusCode:A()})}];u.useEffect(()=>{const A=i[0];u.startTransition(()=>{k({sort:A?ir(A):lr,after:null,first:Nt,filterCondition:o},{fetchPolicy:"store-and-network"})})},[i,k,o,g]);const T=Ke.useCallback(A=>{if(A){const{scrollHeight:O,scrollTop:ee,clientHeight:gn}=A;O-ee-gn<300&&!y&&p&&m(Nt)}},[p,y,m]),[D,R]=u.useState({}),M=tn(A=>A.columnVisibility),q=ke({columns:w,data:v,onExpandedChange:R,manualSorting:!0,getSubRows:A=>A.children,state:{sorting:i,expanded:D,columnVisibility:M,rowSelection:t},onRowSelectionChange:l,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:be(),getSortedRowModel:Vn(),getExpandedRowModel:Js(),getRowId:A=>A.id}),ne=q.getRowModel().rows,se=q.getSelectedRowModel().flatRows,Se=se.map(A=>A.original),ve=u.useCallback(()=>{l({})},[l]),V=ne.length===0,z=q.getAllColumns().filter(A=>A.columns.length===0);return s("div",{css:tr,children:[e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Zi,{onValidCondition:c}),e(Hi,{columns:z,query:f})]})}),e("div",{css:C`
2057
2057
  flex: 1 1 auto;
2058
2058
  overflow: auto;
2059
- `,onScroll:E=>x(E.target),ref:a,children:s("table",{css:Hn,children:[e("thead",{children:j.getHeaderGroups().map(E=>e("tr",{children:E.headers.map(O=>e("th",{colSpan:O.colSpan,children:O.isPlaceholder?null:s("div",{"data-sortable":O.column.getCanSort(),className:O.column.getCanSort()?"cursor-pointer":"",onClick:O.column.getToggleSortingHandler(),style:{left:O.getStart(),width:O.getSize()},children:[X(O.column.columnDef.header,O.getContext()),O.column.getIsSorted()?e(w,{className:"sort-icon",svg:O.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},O.id))},E.id))}),z?e(Qi,{projectName:f.name}):e("tbody",{children:ne.map(E=>e("tr",{onClick:()=>d(`traces/${E.original.context.traceId}`),children:E.getVisibleCells().map(O=>e("td",{children:X(O.column.columnDef.cell,O.getContext())},O.id))},E.id))})]})}),re.length?e(Yi,{selectedSpans:Se,onClearSelection:ve}):null]})}const km=v`
2059
+ `,onScroll:A=>T(A.target),ref:a,children:s("table",{css:Hn,children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(O=>e("th",{colSpan:O.colSpan,children:O.isPlaceholder?null:s("div",{"data-sortable":O.column.getCanSort(),className:O.column.getCanSort()?"cursor-pointer":"",onClick:O.column.getToggleSortingHandler(),style:{left:O.getStart(),width:O.getSize()},children:[X(O.column.columnDef.header,O.getContext()),O.column.getIsSorted()?e(E,{className:"sort-icon",svg:O.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},O.id))},A.id))}),V?e(Ui,{projectName:f.name}):e("tbody",{children:ne.map(A=>e("tr",{onClick:()=>d(`traces/${A.original.context.traceId}`),children:A.getVisibleCells().map(O=>e("td",{children:X(O.column.columnDef.cell,O.getContext())},O.id))},A.id))})]})}),se.length?e(ar,{selectedSpans:Se,onClearSelection:ve}):null]})}const Km=C`
2060
2060
  flex: 1 1 auto;
2061
2061
  display: flex;
2062
2062
  flex-direction: column;
@@ -2082,7 +2082,7 @@ fragment TracesTable_spans_1XEuU on Project {
2082
2082
  }
2083
2083
  }
2084
2084
  }
2085
- `;function af(){const{projectId:n}=tn(),{timeRange:a}=Da();return e(u.Suspense,{fallback:e(he,{}),children:e(bm,{projectId:n,timeRange:a})})}const dr=Ti;function bm({projectId:n,timeRange:a}){const t=u.useMemo(()=>({start:a.start.toISOString(),end:a.end.toISOString()}),[a]),l=I.useLazyLoadQuery(xi,{id:n,timeRange:t},{fetchPolicy:"store-and-network"}),[i,r,o]=I.useQueryLoader(dr),c=u.useCallback(d=>{d===1?r({id:n,timeRange:t}):o()},[o,r,n,t]);return s("main",{css:km,children:[e(nm,{project:l.project,extra:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(fm,{project:l.project}),e(gl,{})]})}),s(Pe,{onChange:c,children:[e(J,{name:"Traces",children:({isSelected:d})=>d&&e(At,{children:e(u.Suspense,{children:e(hm,{project:l.project})})})}),e(J,{name:"Spans",title:"Spans",children:({isSelected:d})=>d&&i&&e(At,{children:e(u.Suspense,{fallback:e(he,{}),children:e(Sm,{queryReference:i})})})})]}),e(u.Suspense,{children:e(_e,{})})]})}function Sm({queryReference:n}){const a=I.usePreloadedQuery(dr,n);return e(pm,{project:a.project})}const cr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"04c84b5bc2a01477851d347af75dcc11",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
2085
+ `;function Rf(){const{projectId:n}=ln(),{timeRange:a}=xa();return e(u.Suspense,{fallback:e(he,{}),children:e(Tm,{projectId:n,timeRange:a})})}const mr=Pi;function Tm({projectId:n,timeRange:a}){const t=u.useMemo(()=>({start:a.start.toISOString(),end:a.end.toISOString()}),[a]),l=I.useLazyLoadQuery(Ii,{id:n,timeRange:t},{fetchPolicy:"store-and-network"}),[i,r,o]=I.useQueryLoader(mr),c=u.useCallback(d=>{d===1?r({id:n,timeRange:t}):o()},[o,r,n,t]);return s("main",{css:Km,children:[e(sm,{project:l.project,extra:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Cm,{project:l.project}),e(fl,{})]})}),s(Le,{onChange:c,children:[e(W,{name:"Traces",children:({isSelected:d})=>d&&e(Rt,{children:e(u.Suspense,{children:e(Fm,{project:l.project})})})}),e(W,{name:"Spans",title:"Spans",children:({isSelected:d})=>d&&i&&e(Rt,{children:e(u.Suspense,{fallback:e(he,{}),children:e(xm,{queryReference:i})})})})]}),e(u.Suspense,{children:e(_e,{})})]})}function xm({queryReference:n}){const a=I.usePreloadedQuery(mr,n);return e(Sm,{project:a.project})}const gr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"04c84b5bc2a01477851d347af75dcc11",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
2086
2086
  $id: GlobalID!
2087
2087
  ) {
2088
2088
  project: node(id: $id) {
@@ -2093,42 +2093,42 @@ fragment TracesTable_spans_1XEuU on Project {
2093
2093
  }
2094
2094
  }
2095
2095
  }
2096
- `}}}();cr.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function tf(n){const{projectId:a}=n.params;return await I.fetchQuery(xe,cr,{id:a}).toPromise()}function lf(){const n=qs(),a=u.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(vm,{}):e(Cm,{error:n}),[n]);return e("main",{css:v`
2096
+ `}}}();gr.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function Mf(n){const{projectId:a}=n.params;return await I.fetchQuery(Te,gr,{id:a}).toPromise()}function Nf(){const n=Zs(),a=u.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(Dm,{}):e(Im,{error:n}),[n]);return e("main",{css:C`
2097
2097
  width: 100%;
2098
2098
  height: 100%;
2099
2099
  display: flex;
2100
2100
  flex-direction: column;
2101
2101
  align-items: center;
2102
2102
  justify-content: center;
2103
- `,children:e("section",{css:v`
2103
+ `,children:e("section",{css:C`
2104
2104
  width: 500px;
2105
2105
  /* Add spacing on the bottom so it gets pushed down */
2106
2106
  margin-top: 200px;
2107
2107
  display: flex;
2108
2108
  flex-direction: column;
2109
- `,children:a})})}function vm(){return s(H,{children:[s(h,{direction:"column",width:"100%",alignItems:"center",children:[e(Ca,{graphicKey:"not found"}),e("h1",{children:"Server disconnected"})]}),e("p",{children:"We are unable to reach the Phoenix server. Please ensure that Phoenix is running and try again."})]})}function Cm({error:n}){return s(H,{children:[s(h,{direction:"column",width:"100%",alignItems:"center",children:[e(Ca,{graphicKey:"error"}),e("h1",{children:"Something went wrong"})]}),e("p",{children:"We strive to do our very best but 🐛 bugs happen. It would mean a lot to us if you could file a an issue. If you feel comfortable, please include the error details below in your issue. We will get back to you as soon as we can."}),e("p",{css:v`
2109
+ `,children:a})})}function Dm(){return s(B,{children:[s(h,{direction:"column",width:"100%",alignItems:"center",children:[e(va,{graphicKey:"not found"}),e("h1",{children:"Server disconnected"})]}),e("p",{children:"We are unable to reach the Phoenix server. Please ensure that Phoenix is running and try again."})]})}function Im({error:n}){return s(B,{children:[s(h,{direction:"column",width:"100%",alignItems:"center",children:[e(va,{graphicKey:"error"}),e("h1",{children:"Something went wrong"})]}),e("p",{children:"We strive to do our very best but 🐛 bugs happen. It would mean a lot to us if you could file a an issue. If you feel comfortable, please include the error details below in your issue. We will get back to you as soon as we can."}),e("p",{css:C`
2110
2110
  display: flex;
2111
2111
  flex-direction: row;
2112
2112
  justify-content: flex-end;
2113
2113
  gap: var(--px-spacing-med);
2114
- `,children:s("span",{css:v`
2114
+ `,children:s("span",{css:C`
2115
2115
  display: inline-flex;
2116
2116
  flex-direction: row;
2117
2117
  align-items: baseline;
2118
2118
  gap: 0.2em;
2119
- `,children:["💙 the",e(je,{href:"mailto:phoenix-devs@arize.com",children:"phoenix team"})]})}),s("div",{css:v`
2119
+ `,children:["💙 the",e(qe,{href:"mailto:phoenix-devs@arize.com",children:"phoenix team"})]})}),s("div",{css:C`
2120
2120
  display: flex;
2121
2121
  flex-direction: row;
2122
2122
  justify-content: flex-end;
2123
2123
  align-items: center;
2124
2124
  gap: var(--px-spacing-med);
2125
- `,children:[e(je,{href:"https://github.com/Arize-ai/phoenix/issues/new?assignees=&labels=bug&template=bug_report.md&title=%5BBUG%5D",children:"file an issue with us"}),e(N,{variant:"primary",size:"compact",onClick:()=>{window.location.href="/"},children:"Return Home"})]}),s("details",{open:!0,children:[e("summary",{children:"error details"}),e("pre",{css:v`
2125
+ `,children:[e(qe,{href:"https://github.com/Arize-ai/phoenix/issues/new?assignees=&labels=bug&template=bug_report.md&title=%5BBUG%5D",children:"file an issue with us"}),e(N,{variant:"primary",size:"compact",onClick:()=>{window.location.href="/"},children:"Return Home"})]}),s("details",{open:!0,children:[e("summary",{children:"error details"}),e("pre",{css:C`
2126
2126
  white-space: pre-wrap;
2127
2127
  overflow-wrap: break-word;
2128
2128
  overflow: hidden;
2129
2129
  overflow-y: auto;
2130
2130
  max-height: 500px;
2131
- `,children:n instanceof Error?n.message:null})]})]})}const ur=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],a=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:n,storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelRootQuery",selections:a,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ModelRootQuery",selections:a},params:{cacheID:"c3baccc5527002697b40a06eef432a4d",id:null,metadata:{},name:"ModelRootQuery",operationKind:"query",text:`query ModelRootQuery {
2131
+ `,children:n instanceof Error?n.message:null})]})]})}const pr=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],a=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:n,storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelRootQuery",selections:a,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ModelRootQuery",selections:a},params:{cacheID:"c3baccc5527002697b40a06eef432a4d",id:null,metadata:{},name:"ModelRootQuery",operationKind:"query",text:`query ModelRootQuery {
2132
2132
  model {
2133
2133
  primaryInferences {
2134
2134
  name
@@ -2147,7 +2147,7 @@ fragment TracesTable_spans_1XEuU on Project {
2147
2147
  }
2148
2148
  }
2149
2149
  }
2150
- `}}}();ur.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const Fm=ur;function rf(){const n=I.useLazyLoadQuery(Fm,{}),{model:{primaryInferences:a,referenceInferences:t,corpusInferences:l}}=n;return e(nd,{primaryInferences:a,referenceInferences:t??null,corpusInferences:l??null,children:e(ed,{timeRangeBounds:{start:new Date(a.startTime),end:new Date(a.endTime)},children:e(_e,{})})})}function sf(){return e(am,{children:e(Ju,{children:e(_e,{})})})}function of(){return e(ad,{children:e(_e,{})})}const mr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageProjectsQuery",selections:[{args:a,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageProjectsQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"ead527a5c3ddda0f6c906c99183edf06",id:null,metadata:{},name:"ProjectsPageProjectsQuery",operationKind:"query",text:`query ProjectsPageProjectsQuery(
2150
+ `}}}();pr.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const Pm=pr;function Vf(){const n=I.useLazyLoadQuery(Pm,{}),{model:{primaryInferences:a,referenceInferences:t,corpusInferences:l}}=n;return e(dd,{primaryInferences:a,referenceInferences:t??null,corpusInferences:l??null,children:e(od,{timeRangeBounds:{start:new Date(a.startTime),end:new Date(a.endTime)},children:e(_e,{})})})}function zf(){return e(om,{children:e(am,{children:e(_e,{})})})}function $f(){return e(cd,{children:e(_e,{})})}const yr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageProjectsQuery",selections:[{args:a,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageProjectsQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"ead527a5c3ddda0f6c906c99183edf06",id:null,metadata:{},name:"ProjectsPageProjectsQuery",operationKind:"query",text:`query ProjectsPageProjectsQuery(
2151
2151
  $after: String = null
2152
2152
  $first: Int = 50
2153
2153
  $timeRange: TimeRange
@@ -2179,7 +2179,7 @@ fragment ProjectsPageProjectsFragment_2HEEH6 on Query {
2179
2179
  }
2180
2180
  }
2181
2181
  }
2182
- `}}}();mr.hash="56c501357948255461a24411fb6b5847";const gr=function(){var n=["projects"],a={kind:"Variable",name:"timeRange",variableName:"timeRange"},t=[a];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:50,kind:"LocalArgument",name:"first"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:mr}},name:"ProjectsPageProjectsFragment",selections:[{alias:"projects",args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"__ProjectsPage_projects_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},a],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();gr.hash="56c501357948255461a24411fb6b5847";const pr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Literal",name:"first",value:50}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"projects(first:50)"},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"35a420462b10b0f0158d042fd39bfabb",id:null,metadata:{},name:"ProjectsPageQuery",operationKind:"query",text:`query ProjectsPageQuery(
2182
+ `}}}();yr.hash="56c501357948255461a24411fb6b5847";const fr=function(){var n=["projects"],a={kind:"Variable",name:"timeRange",variableName:"timeRange"},t=[a];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:50,kind:"LocalArgument",name:"first"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:yr}},name:"ProjectsPageProjectsFragment",selections:[{alias:"projects",args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"__ProjectsPage_projects_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},a],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();fr.hash="56c501357948255461a24411fb6b5847";const hr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Literal",name:"first",value:50}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"projects(first:50)"},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"35a420462b10b0f0158d042fd39bfabb",id:null,metadata:{},name:"ProjectsPageQuery",operationKind:"query",text:`query ProjectsPageQuery(
2183
2183
  $timeRange: TimeRange!
2184
2184
  ) {
2185
2185
  ...ProjectsPageProjectsFragment
@@ -2209,40 +2209,40 @@ fragment ProjectsPageProjectsFragment on Query {
2209
2209
  }
2210
2210
  }
2211
2211
  }
2212
- `}}}();pr.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const Km="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function xm(){const[n,a]=u.useState(null);return s("div",{children:[e(N,{variant:"default",icon:e(w,{svg:e(L.GridOutline,{})}),onClick:()=>{a(e(Tm,{}))},children:"New Project"}),e(W,{isDismissable:!0,type:"slideOver",onDismiss:()=>a(null),children:n})]})}function Tm(){const[n,a]=u.useState("Python");return e(B,{title:"Create a New Project",size:"L",children:s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-200",children:e(cl,{language:n,onChange:a})}),e(F,{paddingBottom:"size-100",children:s(K,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(je,{href:Km,children:"documentation"})," ","for a complete guide."]})}),n==="Python"?e(ul,{}):e(ml,{})]})})}const yr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
2212
+ `}}}();hr.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const Lm="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function wm(){const[n,a]=u.useState(null);return s("div",{children:[e(N,{variant:"default",icon:e(E,{svg:e(P.GridOutline,{})}),onClick:()=>{a(e(_m,{}))},children:"New Project"}),e(G,{isDismissable:!0,type:"slideOver",onDismiss:()=>a(null),children:n})]})}function _m(){const[n,a]=u.useState("Python");return e(H,{title:"Create a New Project",size:"L",children:s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-200",children:e(gl,{language:n,onChange:a})}),e(F,{paddingBottom:"size-100",children:s(K,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(qe,{href:Lm,children:"documentation"})," ","for a complete guide."]})}),n==="Python"?e(pl,{}):e(yl,{})]})})}const kr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
2213
2213
  $input: ClearProjectInput!
2214
2214
  ) {
2215
2215
  clearProject(input: $input) {
2216
2216
  __typename
2217
2217
  }
2218
2218
  }
2219
- `}}}();yr.hash="c43eec4d6b882468c611dd9ebf3b095e";const fr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"projectId"}],a=[{alias:null,args:[{kind:"Variable",name:"id",variableName:"projectId"}],concreteType:"Query",kind:"LinkedField",name:"deleteProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuDeleteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuDeleteMutation",selections:a},params:{cacheID:"8b00ab3aaef4c5fb3de24f7295d38499",id:null,metadata:{},name:"ProjectActionMenuDeleteMutation",operationKind:"mutation",text:`mutation ProjectActionMenuDeleteMutation(
2219
+ `}}}();kr.hash="c43eec4d6b882468c611dd9ebf3b095e";const br=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"projectId"}],a=[{alias:null,args:[{kind:"Variable",name:"id",variableName:"projectId"}],concreteType:"Query",kind:"LinkedField",name:"deleteProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuDeleteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuDeleteMutation",selections:a},params:{cacheID:"8b00ab3aaef4c5fb3de24f7295d38499",id:null,metadata:{},name:"ProjectActionMenuDeleteMutation",operationKind:"mutation",text:`mutation ProjectActionMenuDeleteMutation(
2220
2220
  $projectId: GlobalID!
2221
2221
  ) {
2222
2222
  deleteProject(id: $projectId) {
2223
2223
  __typename
2224
2224
  }
2225
2225
  }
2226
- `}}}();fr.hash="3bf82e90b3f2d3485b4efb954e30b2cf";const hr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RemoveProjectDataFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RemoveProjectDataFormMutation",selections:a},params:{cacheID:"1b27a3f7535c3f3943b0f2248d1505a6",id:null,metadata:{},name:"RemoveProjectDataFormMutation",operationKind:"mutation",text:`mutation RemoveProjectDataFormMutation(
2226
+ `}}}();br.hash="3bf82e90b3f2d3485b4efb954e30b2cf";const Sr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RemoveProjectDataFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RemoveProjectDataFormMutation",selections:a},params:{cacheID:"1b27a3f7535c3f3943b0f2248d1505a6",id:null,metadata:{},name:"RemoveProjectDataFormMutation",operationKind:"mutation",text:`mutation RemoveProjectDataFormMutation(
2227
2227
  $input: ClearProjectInput!
2228
2228
  ) {
2229
2229
  clearProject(input: $input) {
2230
2230
  __typename
2231
2231
  }
2232
2232
  }
2233
- `}}}();hr.hash="212501fe2d6367ec1503bd7a00c1730f";function Dm(n){const{projectId:a}=n,t=u.useRef(null),[l,i]=I.useMutation(hr),{control:r,handleSubmit:o,setError:c,formState:{isValid:d}}=Ae({defaultValues:{endDate:new Date(Date.now()-td).toISOString().slice(0,16)}}),g=u.useCallback(f=>{const m=Us(f.endDate);if(!Bs(m))return c("endDate",{message:"Date is not in a valid format"});l({variables:{input:{id:a,endTime:new Date(m).toISOString()}},onCompleted:()=>{n.onComplete()},onError:p=>{alert("Failed to clear project traces: "+p)}})},[l,a,n,c]);return s("form",{onSubmit:o(g),ref:t,children:[s(F,{padding:"size-200",children:[e(K,{color:"danger",children:"You are about to remove all data before the following date. This cannot be undone."}),e(Z,{name:"endDate",control:r,rules:{required:"field is required"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"End Date",type:"datetime-local",name:f,description:"The date up to which you want to remove data",errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})})]}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{type:"submit",variant:"danger",isDisabled:!d,size:"compact",loading:i,onClick:()=>{var f;(f=t.current)==null||f.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function Im({projectId:n,projectName:a,onProjectDelete:t,onProjectClear:l,onProjectRemoveData:i}){const[r,o]=u.useState(null),c=a!=="default",[d]=I.useMutation(fr),[g]=I.useMutation(yr),f=u.useCallback(()=>{u.startTransition(()=>{d({variables:{projectId:n}}),t()})},[d,n,t]),m=u.useCallback(()=>{u.startTransition(()=>{g({variables:{input:{id:n}},onCompleted:()=>{l()},onError:S=>{alert("Failed to clear project: "+S)}})})},[g,n,l]),p=u.useCallback(()=>{o(s(B,{size:"S",title:"Delete Project",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{f(),o(null)},children:"Delete Project"})})})]}))},[f,a]),y=u.useCallback(()=>{o(s(B,{size:"S",title:"Clear Project",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{m(),o(null)},children:"Clear"})})})]}))},[m,a]),k=u.useCallback(()=>{o(e(B,{size:"M",title:"Remove Data",children:e(Dm,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[s(ln,{buttonVariant:"quiet",align:"end",onAction:S=>{switch(S){case"deleteProject":return p();case"clearProject":return y();case"removeProjectData":return k()}},disabledKeys:c?[]:["deleteProject"],children:[e(U,{textValue:"Clear Traces",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.Refresh,{})}),e(K,{children:"Clear Data"})]})},"clearProject"),e(U,{textValue:"Remove Data",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.CloseCircleOutline,{})}),e(K,{children:"Remove Data"})]})},"removeProjectData"),c?e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteProject"):null]}),e(W,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}function Pm(){const n=bn(t=>t.projectsAutoRefreshEnabled),a=bn(t=>t.setProjectAutoRefreshEnabled);return e(zn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Auto-Refresh"})}const Lm=1e4,wm=50;function df(){const{timeRange:n}=Da();return e(u.Suspense,{fallback:e(he,{}),children:e(_m,{timeRange:n})})}function _m({timeRange:n}){const a=bn(b=>b.projectsAutoRefreshEnabled),[t,l]=mo(),i=u.useMemo(()=>({start:n.start.toISOString(),end:n.end.toISOString()}),[n]),r=I.useLazyLoadQuery(pr,{timeRange:i}),{data:o,loadNext:c,hasNext:d,isLoadingNext:g,refetch:f}=I.usePaginationFragment(gr,r),m=o.projects.edges.map(b=>b.project),p=u.useRef(null),y=u.useCallback(b=>{if(b){const{scrollHeight:T,scrollTop:P,clientHeight:_}=b;T-P-_<300&&!g&&d&&c(wm)}},[d,g,c]);ir(()=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"})})},a?Lm:null);const k=u.useCallback(b=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Deleted",message:`Project ${b} has been deleted.`})})},[t,f]),S=u.useCallback(b=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Cleared",message:`Project ${b} has been cleared of traces.`})})},[t,f]),C=u.useCallback(b=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Data Removed",message:`Old data from project ${b} have been removed.`})})},[t,f]);return s("div",{css:v`
2233
+ `}}}();Sr.hash="212501fe2d6367ec1503bd7a00c1730f";function Em(n){const{projectId:a}=n,t=u.useRef(null),[l,i]=I.useMutation(Sr),{control:r,handleSubmit:o,setError:c,formState:{isValid:d}}=Re({defaultValues:{endDate:new Date(Date.now()-ud).toISOString().slice(0,16)}}),g=u.useCallback(f=>{const m=Xs(f.endDate);if(!Ys(m))return c("endDate",{message:"Date is not in a valid format"});l({variables:{input:{id:a,endTime:new Date(m).toISOString()}},onCompleted:()=>{n.onComplete()},onError:p=>{alert("Failed to clear project traces: "+p)}})},[l,a,n,c]);return s("form",{onSubmit:o(g),ref:t,children:[s(F,{padding:"size-200",children:[e(K,{color:"danger",children:"You are about to remove all data before the following date. This cannot be undone."}),e(J,{name:"endDate",control:r,rules:{required:"field is required"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"End Date",type:"datetime-local",name:f,description:"The date up to which you want to remove data",errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})})]}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{type:"submit",variant:"danger",isDisabled:!d,size:"compact",loading:i,onClick:()=>{var f;(f=t.current)==null||f.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function Am({projectId:n,projectName:a,onProjectDelete:t,onProjectClear:l,onProjectRemoveData:i}){const[r,o]=u.useState(null),c=a!=="default",[d]=I.useMutation(br),[g]=I.useMutation(kr),f=u.useCallback(()=>{u.startTransition(()=>{d({variables:{projectId:n}}),t()})},[d,n,t]),m=u.useCallback(()=>{u.startTransition(()=>{g({variables:{input:{id:n}},onCompleted:()=>{l()},onError:b=>{alert("Failed to clear project: "+b)}})})},[g,n,l]),p=u.useCallback(()=>{o(s(H,{size:"S",title:"Delete Project",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{f(),o(null)},children:"Delete Project"})})})]}))},[f,a]),y=u.useCallback(()=>{o(s(H,{size:"S",title:"Clear Project",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{m(),o(null)},children:"Clear"})})})]}))},[m,a]),k=u.useCallback(()=>{o(e(H,{size:"M",title:"Remove Data",children:e(Em,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:b=>{b.preventDefault(),b.stopPropagation()},children:[s(rn,{buttonVariant:"quiet",align:"end",onAction:b=>{switch(b){case"deleteProject":return p();case"clearProject":return y();case"removeProjectData":return k()}},disabledKeys:c?[]:["deleteProject"],children:[e(U,{textValue:"Clear Traces",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.Refresh,{})}),e(K,{children:"Clear Data"})]})},"clearProject"),e(U,{textValue:"Remove Data",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.CloseCircleOutline,{})}),e(K,{children:"Remove Data"})]})},"removeProjectData"),c?e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteProject"):null]}),e(G,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}function Rm(){const n=Ae(t=>t.projectsAutoRefreshEnabled),a=Ae(t=>t.setProjectAutoRefreshEnabled);return e(Kn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Auto-Refresh"})}const Mm=1e4,Nm=50;function Of(){const{timeRange:n}=xa();return e(u.Suspense,{fallback:e(he,{}),children:e(Vm,{timeRange:n})})}function Vm({timeRange:n}){const a=Ae(v=>v.projectsAutoRefreshEnabled),[t,l]=bo(),i=u.useMemo(()=>({start:n.start.toISOString(),end:n.end.toISOString()}),[n]),r=I.useLazyLoadQuery(hr,{timeRange:i}),{data:o,loadNext:c,hasNext:d,isLoadingNext:g,refetch:f}=I.usePaginationFragment(fr,r),m=o.projects.edges.map(v=>v.project),p=u.useRef(null),y=u.useCallback(v=>{if(v){const{scrollHeight:L,scrollTop:x,clientHeight:w}=v;L-x-w<300&&!g&&d&&c(Nm)}},[d,g,c]);or(()=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"})})},a?Mm:null);const k=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Deleted",message:`Project ${v} has been deleted.`})})},[t,f]),b=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Cleared",message:`Project ${v} has been cleared of traces.`})})},[t,f]),S=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Data Removed",message:`Old data from project ${v} have been removed.`})})},[t,f]);return s("div",{css:C`
2234
2234
  flex: 1 1 auto;
2235
2235
  overflow-y: auto;
2236
2236
  overflow-x: hidden;
2237
2237
  padding-bottom: var(--ac-global-dimension-size-750);
2238
- `,onScroll:b=>y(b.target),ref:p,children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(Pm,{}),e(xm,{}),e(gl,{})]})}),e(F,{padding:"size-200",width:"100%",children:e("ul",{css:v`
2238
+ `,onScroll:v=>y(v.target),ref:p,children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(Rm,{}),e(wm,{}),e(fl,{})]})}),e(F,{padding:"size-200",width:"100%",children:e("ul",{css:C`
2239
2239
  display: flex;
2240
2240
  flex-direction: row;
2241
2241
  gap: var(--ac-global-dimension-size-200);
2242
2242
  flex-wrap: wrap;
2243
- `,children:m.map(b=>e("li",{children:e(We,{to:`/projects/${b.id}`,css:v`
2243
+ `,children:m.map(v=>e("li",{children:e(Je,{to:`/projects/${v.id}`,css:C`
2244
2244
  text-decoration: none;
2245
- `,children:e(Am,{project:b,onProjectDelete:()=>k(b.name),onProjectClear:()=>S(b.name),onProjectRemoveData:()=>C(b.name)})})},b.id))})}),l]})}function Em({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:v`
2245
+ `,children:e($m,{project:v,onProjectDelete:()=>k(v.name),onProjectClear:()=>b(v.name),onProjectRemoveData:()=>S(v.name)})})},v.id))})}),l]})}function zm({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:C`
2246
2246
  border-radius: 50%;
2247
2247
  width: 32px;
2248
2248
  height: 32px;
@@ -2252,7 +2252,7 @@ fragment ProjectsPageProjectsFragment on Query {
2252
2252
  ${a} 84.38%
2253
2253
  );
2254
2254
  flex-shrink: 0;
2255
- `})}function Am({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:c,gradientStartColor:d,gradientEndColor:g}=n,f=u.useMemo(()=>i?`Last updated ${Hs(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return s("div",{css:v`
2255
+ `})}function $m({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:c,gradientStartColor:d,gradientEndColor:g}=n,f=u.useMemo(()=>i?`Last updated ${eo(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return s("div",{css:C`
2256
2256
  padding: var(--ac-global-dimension-size-200);
2257
2257
  border: 1px solid var(--ac-global-color-grey-400);
2258
2258
  background-color: var(--ac-global-color-grey-100);
@@ -2266,11 +2266,11 @@ fragment ProjectsPageProjectsFragment on Query {
2266
2266
  display: flex;
2267
2267
  flex-direction: column;
2268
2268
  justify-content: space-between;
2269
- `,children:[s(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(Em,{gradientStartColor:d,gradientEndColor:g}),s(h,{direction:"column",minWidth:0,children:[e(se,{level:2,css:v`
2269
+ `,children:[s(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(zm,{gradientStartColor:d,gradientEndColor:g}),s(h,{direction:"column",minWidth:0,children:[e(oe,{level:2,css:C`
2270
2270
  overflow: hidden;
2271
2271
  white-space: nowrap;
2272
2272
  text-overflow: ellipsis;
2273
- `,children:n.name}),e(K,{color:"text-700",textSize:"small",fontStyle:"italic",children:f})]})]}),e(Im,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),s(h,{direction:"row",justifyContent:"space-between",children:[s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:kn(r)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:kn(o)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),c!=null?e(Ee,{latencyMs:c,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]})]})]})}const kr=function(){var n=[{kind:"Literal",name:"first",value:100},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetsPageQuery",selections:[{alias:null,args:n,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:'datasets(first:100,sort:{"col":"createdAt","dir":"desc"})'},{alias:null,args:n,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"695b221e981c4795492d79faa7d007e4",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
2273
+ `,children:n.name}),e(K,{color:"text-700",textSize:"small",fontStyle:"italic",children:f})]})]}),e(Am,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),s(h,{direction:"row",justifyContent:"space-between",children:[s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:vn(r)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:vn(o)})]}),s(h,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),c!=null?e(Ee,{latencyMs:c,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]})]})]})}const vr=function(){var n=[{kind:"Literal",name:"first",value:100},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetsPageQuery",selections:[{alias:null,args:n,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:'datasets(first:100,sort:{"col":"createdAt","dir":"desc"})'},{alias:null,args:n,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"695b221e981c4795492d79faa7d007e4",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
2274
2274
  ...DatasetsTable_datasets
2275
2275
  }
2276
2276
 
@@ -2295,13 +2295,13 @@ fragment DatasetsTable_datasets on Query {
2295
2295
  }
2296
2296
  }
2297
2297
  }
2298
- `}}}();kr.hash="985853a7939f44c0cefdd1a91472c67e";function Rm(n){const a=n.split(`
2299
- `);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Mm(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:g}}=Ae({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=u.useCallback(m=>{const p=new FormData;return p.append("file",m.file[0]),p.append("name",m.name),p.append("description",m.description),p.append("metadata",JSON.stringify(m.metadata)),m.input_keys.forEach(y=>{p.append("input_keys[]",y)}),m.output_keys.forEach(y=>{p.append("output_keys[]",y)}),m.metadata_keys.forEach(y=>{p.append("metadata_keys[]",y)}),fetch("/v1/datasets/upload?sync=true",{method:"POST",body:p}).then(y=>{if(!y.ok)throw t(new Error(y.statusText||"Failed to create dataset"));return y.json()}).then(y=>{a({name:m.name,id:y.data.dataset_id})})},[t,a]);return s(fe,{onSubmit:o(f),children:[s("div",{css:v`
2298
+ `}}}();vr.hash="985853a7939f44c0cefdd1a91472c67e";function Om(n){const a=n.split(`
2299
+ `);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Qm(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:g}}=Re({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=u.useCallback(m=>{const p=new FormData;return p.append("file",m.file[0]),p.append("name",m.name),p.append("description",m.description),p.append("metadata",JSON.stringify(m.metadata)),m.input_keys.forEach(y=>{p.append("input_keys[]",y)}),m.output_keys.forEach(y=>{p.append("output_keys[]",y)}),m.metadata_keys.forEach(y=>{p.append("metadata_keys[]",y)}),fetch("/v1/datasets/upload?sync=true",{method:"POST",body:p}).then(y=>{if(!y.ok)throw t(new Error(y.statusText||"Failed to create dataset"));return y.json()}).then(y=>{a({name:m.name,id:y.data.dataset_id})})},[t,a]);return s(fe,{onSubmit:o(f),children:[s("div",{css:C`
2300
2300
  padding: var(--ac-global-dimension-size-200);
2301
2301
  .ac-dropdown-button {
2302
2302
  width: 100%;
2303
2303
  }
2304
- `,children:[e(Z,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"Dataset Name",description:"The name of the dataset",errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(Z,{name:"description",control:r,render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(at,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(Z,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:m,onChange:p,...y},fieldState:{invalid:k,error:S}})=>e(On,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:S==null?void 0:S.message,children:e("input",{...y,onChange:C=>{var T;p(C.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const b=(T=C.target.files)==null?void 0:T[0];if(b){const P=new FileReader;P.onload=function(_){if(!_.target)return;const x=_.target.result,D=Rm(x);i(D)},P.readAsText(b)}},type:"file",id:"file",accept:".csv"})})}),e(Z,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(za,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})}),e(Z,{name:"output_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(za,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})}),e(Z,{name:"metadata_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(za,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})})]}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{type:"submit",isDisabled:!g,variant:d?"primary":"default",size:"compact",loading:!1,children:"Create Dataset"})})})]})}function za(n){const{columns:a,selectedColumns:t,onChange:l,label:i,validationState:r,description:o,errorMessage:c,...d}=n,g=a.length===0,f=u.useMemo(()=>g?"No columns to select":t.length>0?`${t.join(", ")}`:"No columns selected",[t,g]);return e(On,{label:i,isDisabled:g,validationState:r,description:o,errorMessage:c,children:e(nt,{isDisabled:g,...d,menu:e(va,{selectionMode:"multiple",onSelectionChange:m=>{l(Array.from(m))},selectedKeys:new Set(t),children:a.map(m=>e(U,{children:m},m))}),triggerProps:{placement:"bottom end"},children:f})})}const br=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"},{kind:"Variable",name:"sort",variableName:"sort"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetsTableDatasetsQuery",selections:[{args:a,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetsTableDatasetsQuery",selections:[{alias:null,args:a,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"5ac1688f54e51f9bb3247c83e23d98fb",id:null,metadata:{},name:"DatasetsTableDatasetsQuery",operationKind:"query",text:`query DatasetsTableDatasetsQuery(
2304
+ `,children:[e(J,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"Dataset Name",description:"The name of the dataset",errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(J,{name:"description",control:r,render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(it,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(J,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:m,onChange:p,...y},fieldState:{invalid:k,error:b}})=>e(On,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:b==null?void 0:b.message,children:e("input",{...y,onChange:S=>{var L;p(S.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const v=(L=S.target.files)==null?void 0:L[0];if(v){const x=new FileReader;x.onload=function(w){if(!w.target)return;const T=w.target.result,D=Om(T);i(D)},x.readAsText(v)}},type:"file",id:"file",accept:".csv"})})}),e(J,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(Oa,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})}),e(J,{name:"output_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(Oa,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})}),e(J,{name:"metadata_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:k}})=>e(Oa,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:l,selectedColumns:m,onChange:p,errorMessage:k==null?void 0:k.message})})]}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{type:"submit",isDisabled:!g,variant:d?"primary":"default",size:"compact",loading:!1,children:"Create Dataset"})})})]})}function Oa(n){const{columns:a,selectedColumns:t,onChange:l,label:i,validationState:r,description:o,errorMessage:c,...d}=n,g=a.length===0,f=u.useMemo(()=>g?"No columns to select":t.length>0?`${t.join(", ")}`:"No columns selected",[t,g]);return e(On,{label:i,isDisabled:g,validationState:r,description:o,errorMessage:c,children:e(lt,{isDisabled:g,...d,menu:e(Sa,{selectionMode:"multiple",onSelectionChange:m=>{l(Array.from(m))},selectedKeys:new Set(t),children:a.map(m=>e(U,{children:m},m))}),triggerProps:{placement:"bottom end"},children:f})})}const Cr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"},{kind:"Variable",name:"sort",variableName:"sort"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetsTableDatasetsQuery",selections:[{args:a,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetsTableDatasetsQuery",selections:[{alias:null,args:a,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"5ac1688f54e51f9bb3247c83e23d98fb",id:null,metadata:{},name:"DatasetsTableDatasetsQuery",operationKind:"query",text:`query DatasetsTableDatasetsQuery(
2305
2305
  $after: String = null
2306
2306
  $first: Int = 100
2307
2307
  $sort: DatasetSort = {col: createdAt, dir: desc}
@@ -2330,17 +2330,17 @@ fragment DatasetsTable_datasets_dWkdd on Query {
2330
2330
  }
2331
2331
  }
2332
2332
  }
2333
- `}}}();br.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const Sr=function(){var n=["datasets"];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:br}},name:"DatasetsTable_datasets",selections:[{alias:"datasets",args:[{kind:"Variable",name:"sort",variableName:"sort"}],concreteType:"DatasetConnection",kind:"LinkedField",name:"__DatasetsTable_datasets_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();Sr.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const vr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{alias:null,args:[{fields:[{kind:"Variable",name:"datasetId",variableName:"datasetId"}],kind:"ObjectValue",name:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DeleteDatasetDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DeleteDatasetDialogMutation",selections:a},params:{cacheID:"3d32b97acd630dd7dbc9c85a632a1d49",id:null,metadata:{},name:"DeleteDatasetDialogMutation",operationKind:"mutation",text:`mutation DeleteDatasetDialogMutation(
2333
+ `}}}();Cr.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const Fr=function(){var n=["datasets"];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:Cr}},name:"DatasetsTable_datasets",selections:[{alias:"datasets",args:[{kind:"Variable",name:"sort",variableName:"sort"}],concreteType:"DatasetConnection",kind:"LinkedField",name:"__DatasetsTable_datasets_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();Fr.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const Kr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{alias:null,args:[{fields:[{kind:"Variable",name:"datasetId",variableName:"datasetId"}],kind:"ObjectValue",name:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DeleteDatasetDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DeleteDatasetDialogMutation",selections:a},params:{cacheID:"3d32b97acd630dd7dbc9c85a632a1d49",id:null,metadata:{},name:"DeleteDatasetDialogMutation",operationKind:"mutation",text:`mutation DeleteDatasetDialogMutation(
2334
2334
  $datasetId: GlobalID!
2335
2335
  ) {
2336
2336
  deleteDataset(input: {datasetId: $datasetId}) {
2337
2337
  __typename
2338
2338
  }
2339
2339
  }
2340
- `}}}();vr.hash="7066cca7015a7e344b77862b0bdab21c";function Nm({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=I.useMutation(vr),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:c=>{l(c)}})})},[i,n,t,l]);return s(B,{size:"S",title:"Delete Dataset",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{o()},disabled:r,loading:r,children:"Delete Dataset"})})})]})}function zm({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(B,{title:"Edit Dataset",size:"M",children:e(ld,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Vm(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:c,onDatasetEditError:d}=n,[g,f]=u.useState(null),m=u.useCallback(()=>{f(e(Nm,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),p=u.useCallback(()=>{f(e(zm,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{c(),f(null)},onDatasetEditError:d}))},[l,a,i,t,c,d]);return s("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[s(ln,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":m();break;case"editDataset":p();break}},children:[e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteDataset"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.Edit2Outline,{})}),e(K,{children:"Edit"})]})},"editDataset")]}),e(W,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:g})]})}const Nt=100;function $m(n){const a=n.id;if(a!=="createdAt"&&a!=="name")throw new Error("Invalid sort column");return{col:a,dir:n.desc?"desc":"asc"}}function Om(n){const[a,t]=u.useState([]),l=u.useRef(null),i=Y(),r=oe(),o=ce(),{data:c,loadNext:d,hasNext:g,isLoadingNext:f,refetch:m}=I.usePaginationFragment(Sr,n.query),p=u.useMemo(()=>c.datasets.edges.map(b=>b.node),[c]),y=Ke.useCallback(b=>{if(b){const{scrollHeight:T,scrollTop:P,clientHeight:_}=b;T-P-_<300&&!f&&g&&d(Nt)}},[g,f,d]),k=ke({columns:[{header:"name",accessorKey:"name",cell:({row:b})=>{const P=b.original.experimentCount>0?`${b.original.id}/experiments`:`${b.original.id}/examples`;return e(We,{to:P,children:b.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Fe},{header:"example count",accessorKey:"exampleCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"experiment count",accessorKey:"experimentCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:An},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:b})=>e(Vm,{datasetId:b.original.id,datasetName:b.original.name,datasetDescription:b.original.description,datasetMetadata:b.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${b.original.name} has been successfully updated.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetEditError:T=>{o({title:"Dataset update failed",message:T.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${b.original.name} has been successfully deleted.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:T=>{o({title:"Dataset deletion failed",message:T.message})}})}],data:p,state:{sorting:a},getCoreRowModel:be(),getSortedRowModel:Nn(),onSortingChange:t,manualSorting:!0});u.useEffect(()=>{const b=a[0];u.startTransition(()=>{m({sort:b?$m(b):{col:"createdAt",dir:"desc"},after:null,first:Nt},{fetchPolicy:"store-and-network"})})},[a,m]);const S=k.getRowModel().rows,C=S.length===0;return e("div",{css:v`
2340
+ `}}}();Kr.hash="7066cca7015a7e344b77862b0bdab21c";function jm({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=I.useMutation(Kr),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:c=>{l(c)}})})},[i,n,t,l]);return s(H,{size:"S",title:"Delete Dataset",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{o()},disabled:r,loading:r,children:"Delete Dataset"})})})]})}function qm({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(H,{title:"Edit Dataset",size:"M",children:e(md,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Um(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:c,onDatasetEditError:d}=n,[g,f]=u.useState(null),m=u.useCallback(()=>{f(e(jm,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),p=u.useCallback(()=>{f(e(qm,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{c(),f(null)},onDatasetEditError:d}))},[l,a,i,t,c,d]);return s("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[s(rn,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":m();break;case"editDataset":p();break}},children:[e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteDataset"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.Edit2Outline,{})}),e(K,{children:"Edit"})]})},"editDataset")]}),e(G,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:g})]})}const Vt=100;function Bm(n){const a=n.id;if(a!=="createdAt"&&a!=="name")throw new Error("Invalid sort column");return{col:a,dir:n.desc?"desc":"asc"}}function Hm(n){const[a,t]=u.useState([]),l=u.useRef(null),i=Y(),r=de(),o=ue(),{data:c,loadNext:d,hasNext:g,isLoadingNext:f,refetch:m}=I.usePaginationFragment(Fr,n.query),p=u.useMemo(()=>c.datasets.edges.map(v=>v.node),[c]),y=Ke.useCallback(v=>{if(v){const{scrollHeight:L,scrollTop:x,clientHeight:w}=v;L-x-w<300&&!f&&g&&d(Vt)}},[g,f,d]),k=ke({columns:[{header:"name",accessorKey:"name",cell:({row:v})=>{const x=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;return e(Je,{to:x,children:v.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Fe},{header:"example count",accessorKey:"exampleCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"experiment count",accessorKey:"experimentCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Rn},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:v})=>e(Um,{datasetId:v.original.id,datasetName:v.original.name,datasetDescription:v.original.description,datasetMetadata:v.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${v.original.name} has been successfully updated.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetEditError:L=>{o({title:"Dataset update failed",message:L.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${v.original.name} has been successfully deleted.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:L=>{o({title:"Dataset deletion failed",message:L.message})}})}],data:p,state:{sorting:a},getCoreRowModel:be(),getSortedRowModel:Vn(),onSortingChange:t,manualSorting:!0});u.useEffect(()=>{const v=a[0];u.startTransition(()=>{m({sort:v?Bm(v):{col:"createdAt",dir:"desc"},after:null,first:Vt},{fetchPolicy:"store-and-network"})})},[a,m]);const b=k.getRowModel().rows,S=b.length===0;return e("div",{css:C`
2341
2341
  flex: 1 1 auto;
2342
2342
  overflow: auto;
2343
- `,onScroll:b=>y(b.target),ref:l,children:s("table",{css:Hn,children:[e("thead",{children:k.getHeaderGroups().map(b=>e("tr",{children:b.headers.map(T=>{var P;return e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:s("div",{className:T.column.getCanSort()?"cursor-pointer":"",onClick:T.column.getToggleSortingHandler(),style:{textAlign:(P=T.column.columnDef.meta)==null?void 0:P.textAlign},children:[X(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(w,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},T.id)})},b.id))}),C?e(Ge,{}):e("tbody",{children:S.map(b=>e("tr",{onClick:()=>{const P=b.original.experimentCount>0?`${b.original.id}/experiments`:`${b.original.id}/examples`;i(P)},children:b.getVisibleCells().map(T=>{var P;return e("td",{align:(P=T.column.columnDef.meta)==null?void 0:P.textAlign,children:X(T.column.columnDef.cell,T.getContext())},T.id)})},b.id))})]})})}function cf(){return e(u.Suspense,{fallback:e(he,{}),children:e(Qm,{})})}function Qm(){const[n,a]=u.useState(0),t=I.useLazyLoadQuery(kr,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return s(h,{direction:"column",height:"100%",children:[e(F,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(se,{level:1,children:"Datasets"}),e(jm,{onDatasetCreated:l})]})}),e(Om,{query:t})]})}function jm({onDatasetCreated:n}){const a=Y(),t=oe(),l=ce(),[i,r]=u.useState(null),o=()=>{r(e(B,{size:"S",title:"New Dataset",children:e(st,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))},c=()=>{r(e(B,{size:"M",title:"New Dataset from CSV",children:e(Mm,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))};return s(H,{children:[s(ln,{buttonText:"Create Dataset",align:"end",icon:e(w,{svg:e(L.DatabaseOutline,{})}),onAction:d=>{switch(d){case"newDataset":o();break;case"datasetFromCSV":c();break}},children:[e(U,{children:"New Dataset"},"newDataset"),e(U,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(W,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Cr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"d7075240e4dae8871997e57616c05302",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
2343
+ `,onScroll:v=>y(v.target),ref:l,children:s("table",{css:Hn,children:[e("thead",{children:k.getHeaderGroups().map(v=>e("tr",{children:v.headers.map(L=>{var x;return e("th",{colSpan:L.colSpan,children:L.isPlaceholder?null:s("div",{className:L.column.getCanSort()?"cursor-pointer":"",onClick:L.column.getToggleSortingHandler(),style:{textAlign:(x=L.column.columnDef.meta)==null?void 0:x.textAlign},children:[X(L.column.columnDef.header,L.getContext()),L.column.getIsSorted()?e(E,{className:"sort-icon",svg:L.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},L.id)})},v.id))}),S?e(We,{}):e("tbody",{children:b.map(v=>e("tr",{onClick:()=>{const x=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;i(x)},children:v.getVisibleCells().map(L=>{var x;return e("td",{align:(x=L.column.columnDef.meta)==null?void 0:x.textAlign,children:X(L.column.columnDef.cell,L.getContext())},L.id)})},v.id))})]})})}function Qf(){return e(u.Suspense,{fallback:e(he,{}),children:e(Gm,{})})}function Gm(){const[n,a]=u.useState(0),t=I.useLazyLoadQuery(vr,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return s(h,{direction:"column",height:"100%",children:[e(F,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(oe,{level:1,children:"Datasets"}),e(Wm,{onDatasetCreated:l})]})}),e(Hm,{query:t})]})}function Wm({onDatasetCreated:n}){const a=Y(),t=de(),l=ue(),[i,r]=u.useState(null),o=()=>{r(e(H,{size:"S",title:"New Dataset",children:e(ct,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))},c=()=>{r(e(H,{size:"M",title:"New Dataset from CSV",children:e(Qm,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))};return s(B,{children:[s(rn,{buttonText:"Create Dataset",align:"end",icon:e(E,{svg:e(P.DatabaseOutline,{})}),onAction:d=>{switch(d){case"newDataset":o();break;case"datasetFromCSV":c();break}},children:[e(U,{children:"New Dataset"},"newDataset"),e(U,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(G,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Tr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"d7075240e4dae8871997e57616c05302",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
2344
2344
  $datasetId: GlobalID!
2345
2345
  ) {
2346
2346
  dataset: node(id: $datasetId) {
@@ -2359,32 +2359,32 @@ fragment DatasetsTable_datasets_dWkdd on Query {
2359
2359
  }
2360
2360
  }
2361
2361
  }
2362
- `}}}();Cr.hash="a1349b92d8b0c745f5e8039c55b048c7";const qm=n=>{const a=(t,l)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=l();t({isRefreshingLatestVersion:!0});const r=await Um({datasetId:i.datasetId});t({latestVersion:r,isRefreshingLatestVersion:!1})}});return Gs()(Ws(a))};async function Um({datasetId:n}){var i;const a=await I.fetchQuery(xe,Cr,{datasetId:n}).toPromise(),t=(i=a==null?void 0:a.dataset.latestVersions)==null?void 0:i.edges;return t&&t.length&&t[0].version||null}const Fr=u.createContext(null);function Bm({children:n,...a}){const[t]=u.useState(()=>qm(a));return e(Fr.Provider,{value:t,children:n})}function Sn(n,a){const t=u.useContext(Fr);if(!t)throw new Error("Missing DatasetContext.Provider in the tree");return ba(t,n,a)}const Kr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"AddDatasetExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"AddDatasetExampleDialogMutation",selections:a},params:{cacheID:"718cf02ccb39b279132822bf503e51e6",id:null,metadata:{},name:"AddDatasetExampleDialogMutation",operationKind:"mutation",text:`mutation AddDatasetExampleDialogMutation(
2362
+ `}}}();Tr.hash="a1349b92d8b0c745f5e8039c55b048c7";const Jm=n=>{const a=(t,l)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=l();t({isRefreshingLatestVersion:!0});const r=await Zm({datasetId:i.datasetId});t({latestVersion:r,isRefreshingLatestVersion:!1})}});return no()(ao(a))};async function Zm({datasetId:n}){var i;const a=await I.fetchQuery(Te,Tr,{datasetId:n}).toPromise(),t=(i=a==null?void 0:a.dataset.latestVersions)==null?void 0:i.edges;return t&&t.length&&t[0].version||null}const xr=u.createContext(null);function Xm({children:n,...a}){const[t]=u.useState(()=>Jm(a));return e(xr.Provider,{value:t,children:n})}function Cn(n,a){const t=u.useContext(xr);if(!t)throw new Error("Missing DatasetContext.Provider in the tree");return ha(t,n,a)}const Dr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"AddDatasetExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"AddDatasetExampleDialogMutation",selections:a},params:{cacheID:"718cf02ccb39b279132822bf503e51e6",id:null,metadata:{},name:"AddDatasetExampleDialogMutation",operationKind:"mutation",text:`mutation AddDatasetExampleDialogMutation(
2363
2363
  $input: AddExamplesToDatasetInput!
2364
2364
  ) {
2365
2365
  addExamplesToDataset(input: $input) {
2366
2366
  __typename
2367
2367
  }
2368
2368
  }
2369
- `}}}();Kr.hash="8d99470f590cd5d28701fa6e3c0330e6";const Va={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Hm(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(Kr),{control:c,setError:d,handleSubmit:g,formState:{isValid:f}}=Ae({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),m=u.useCallback(p=>{if(i(null),!Oe(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Oe(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Oe(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],datasetVersionDescription:p.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,d,t]);return s(B,{size:"L",title:"Add Example",children:[e("div",{css:v`
2369
+ `}}}();Dr.hash="8d99470f590cd5d28701fa6e3c0330e6";const Qa={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Ym(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(Dr),{control:c,setError:d,handleSubmit:g,formState:{isValid:f}}=Re({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),m=u.useCallback(p=>{if(i(null),!Qe(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Qe(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Qe(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],datasetVersionDescription:p.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,d,t]);return s(H,{size:"L",title:"Add Example",children:[e("div",{css:C`
2370
2370
  overflow-y: auto;
2371
2371
  padding: var(--ac-global-dimension-size-400);
2372
- `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(te,{variant:"danger",children:l}):null,e(Z,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Va,children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Va,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Va,children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>e(at,{label:"Version Description",value:k,onChange:p,onBlur:y,errorMessage:C==null?void 0:C.message,validationState:S?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(F,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(N,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:g(m),children:"Add Example"})})})]})}function Gm(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=u.useState(null),r=u.useCallback(()=>{i(e(Hm,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return s(H,{children:[e(N,{icon:e(w,{svg:e(L.PlusCircleOutline,{})}),size:"compact",variant:"default",onClick:r,children:"Add Example"}),e(W,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function Wm(){const n=Sn(i=>i.datasetId),a=Sn(i=>i.latestVersion);let t=`${Ha}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=u.useMemo(()=>`import phoenix as px
2372
+ `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(le,{variant:"danger",children:l}):null,e(J,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Qa,children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Qa,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Qa,children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>e(it,{label:"Version Description",value:k,onChange:p,onBlur:y,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(F,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(N,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:g(m),children:"Add Example"})})})]})}function eg(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=u.useState(null),r=u.useCallback(()=>{i(e(Ym,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return s(B,{children:[e(N,{icon:e(E,{svg:e(P.PlusCircleOutline,{})}),size:"compact",variant:"default",onClick:r,children:"Add Example"}),e(G,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function ng(){const n=Cn(i=>i.datasetId),a=Cn(i=>i.latestVersion);let t=`${Ga}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=u.useMemo(()=>`import phoenix as px
2373
2373
  client = px.Client()
2374
2374
  # Get the current dataset version
2375
- dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:v`
2375
+ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:C`
2376
2376
  button.ac-dropdown-button {
2377
2377
  min-width: 80px;
2378
2378
  .ac-dropdown-button__text {
2379
2379
  padding-right: 10px;
2380
2380
  }
2381
2381
  }
2382
- `,children:s(Cn,{placement:"bottom right",children:[e(et,{addonBefore:e(w,{svg:e(L.Code,{})}),children:"Code"}),e(Sa,{children:s("section",{css:v`
2382
+ `,children:s(Tn,{placement:"bottom right",children:[e(tt,{addonBefore:e(E,{svg:e(P.Code,{})}),children:"Code"}),e(ba,{children:s("section",{css:C`
2383
2383
  width: 500px;
2384
2384
  .ac-field {
2385
2385
  flex: 1 1 auto;
2386
2386
  }
2387
- `,children:[e(F,{padding:"size-200",children:s(fe,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[e(G,{label:"Dataset ID",isReadOnly:!0,value:n}),e(ae,{text:n,size:"default"})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"Version ID",isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",validationState:a?"valid":"invalid"}),e(ae,{text:(a==null?void 0:a.id)||"No Versions",disabled:!a,size:"default"})]})]})}),s(Pe,{children:[e(J,{name:"Python",children:e(F,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(pn,{value:l})})}),e(J,{name:"REST",children:e(F,{padding:"size-200",children:e(fe,{children:s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"URL",isReadOnly:!0,value:t}),e(ae,{text:t,size:"default"})]})})})})]})]})})]})})}const xr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"df94b4e72c0187fd0fd1c8416af19354",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
2387
+ `,children:[e(F,{padding:"size-200",children:s(fe,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[e(Z,{label:"Dataset ID",isReadOnly:!0,value:n}),e(te,{text:n,size:"default"})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"Version ID",isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",validationState:a?"valid":"invalid"}),e(te,{text:(a==null?void 0:a.id)||"No Versions",disabled:!a,size:"default"})]})]})}),s(Le,{children:[e(W,{name:"Python",children:e(F,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(fn,{value:l})})}),e(W,{name:"REST",children:e(F,{padding:"size-200",children:e(fe,{children:s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"URL",isReadOnly:!0,value:t}),e(te,{text:t,size:"default"})]})})})})]})]})})]})})}const Ir=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"df94b4e72c0187fd0fd1c8416af19354",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
2388
2388
  $datasetId: GlobalID!
2389
2389
  ) {
2390
2390
  dataset: node(id: $datasetId) {
@@ -2416,7 +2416,7 @@ fragment DatasetHistoryTable_versions on Dataset {
2416
2416
  }
2417
2417
  id
2418
2418
  }
2419
- `}}}();xr.hash="7215c18bda690418c5ecbcb3131a288e";const Tr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"e8e3a05b4e86c8eaeea98172405fdc7e",id:null,metadata:{},name:"DatasetHistoryTableVersionsQuery",operationKind:"query",text:`query DatasetHistoryTableVersionsQuery(
2419
+ `}}}();Ir.hash="7215c18bda690418c5ecbcb3131a288e";const Pr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"e8e3a05b4e86c8eaeea98172405fdc7e",id:null,metadata:{},name:"DatasetHistoryTableVersionsQuery",operationKind:"query",text:`query DatasetHistoryTableVersionsQuery(
2420
2420
  $after: String = null
2421
2421
  $first: Int = 100
2422
2422
  $id: GlobalID!
@@ -2447,33 +2447,33 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
2447
2447
  }
2448
2448
  id
2449
2449
  }
2450
- `}}}();Tr.hash="37e453bc58759a1e89bc5862c460de6b";const Dr=function(){var n=["versions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Tr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DatasetHistoryTable_versions",selections:[{alias:"versions",args:null,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"__DatasetHistoryTable_versions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Dr.hash="37e453bc58759a1e89bc5862c460de6b";const Jm=100;function Zm(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=I.usePaginationFragment(Dr,n.dataset),o=u.useMemo(()=>t.versions.edges.map(m=>m.node),[t]),c=Ke.useCallback(m=>{if(m){const{scrollHeight:p,scrollTop:y,clientHeight:k}=m;p-y-k<300&&!r&&i&&l(Jm)}},[i,r,l]),d=ke({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Fe}],data:o,getCoreRowModel:be(),getSortedRowModel:Nn()}),g=d.getRowModel().rows,f=g.length===0;return e("div",{css:v`
2450
+ `}}}();Pr.hash="37e453bc58759a1e89bc5862c460de6b";const Lr=function(){var n=["versions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Pr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DatasetHistoryTable_versions",selections:[{alias:"versions",args:null,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"__DatasetHistoryTable_versions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Lr.hash="37e453bc58759a1e89bc5862c460de6b";const ag=100;function tg(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=I.usePaginationFragment(Lr,n.dataset),o=u.useMemo(()=>t.versions.edges.map(m=>m.node),[t]),c=Ke.useCallback(m=>{if(m){const{scrollHeight:p,scrollTop:y,clientHeight:k}=m;p-y-k<300&&!r&&i&&l(ag)}},[i,r,l]),d=ke({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Fe}],data:o,getCoreRowModel:be(),getSortedRowModel:Vn()}),g=d.getRowModel().rows,f=g.length===0;return e("div",{css:C`
2451
2451
  flex: 1 1 auto;
2452
2452
  overflow: auto;
2453
- `,onScroll:m=>c(m.target),ref:a,children:s("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(w,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(Ge,{}):e("tbody",{children:g.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})})}function Xm(n){const{datasetId:a}=n,t=I.useLazyLoadQuery(xr,{datasetId:a});return e(B,{size:"L",title:"Dataset History",children:e("div",{css:v`
2453
+ `,onScroll:m=>c(m.target),ref:a,children:s("table",{css:Ge,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(E,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(We,{}):e("tbody",{children:g.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})})}function lg(n){const{datasetId:a}=n,t=I.useLazyLoadQuery(Ir,{datasetId:a});return e(H,{size:"L",title:"Dataset History",children:e("div",{css:C`
2454
2454
  height: 500px;
2455
- `,children:e(Zm,{dataset:t.dataset})})})}function Ym(n){const{datasetId:a}=n,[t,l]=u.useState(null);return s(H,{children:[s(we,{children:[e(N,{variant:"default",icon:e(w,{svg:e(L.ClockOutline,{})}),"aria-label":"Version History",onClick:()=>{l(e(Xm,{datasetId:a}))}}),e(En,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(W,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const eg=`pip install arize-phoenix>=${window.Config.platformVersion}`;function ng({isAuthEnabled:n}){let a=`import os
2455
+ `,children:e(tg,{dataset:t.dataset})})})}function ig(n){const{datasetId:a}=n,[t,l]=u.useState(null);return s(B,{children:[s(De,{children:[e(N,{variant:"default",icon:e(E,{svg:e(P.ClockOutline,{})}),"aria-label":"Version History",onClick:()=>{l(e(lg,{datasetId:a}))}}),e(hn,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(G,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const rg=`pip install arize-phoenix>=${window.Config.platformVersion}`;function sg({isAuthEnabled:n}){let a=`import os
2456
2456
  # Set the phoenix collector endpoint. Commonly http://localhost:6060
2457
2457
  os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
2458
2458
  # Configure access
2459
- os.environ["PHOENIX_API_KEY"] = "<your-api-key>"`),a}const ag=`from phoenix.experiments.types import Example
2459
+ os.environ["PHOENIX_API_KEY"] = "<your-api-key>"`),a}const og=`from phoenix.experiments.types import Example
2460
2460
  # Define your task
2461
2461
  # Typically should be an LLM call or a call to your application
2462
2462
  def my_task(example: Example) -> str:
2463
2463
  # This is just an example of how to return a JSON serializable value
2464
- return f"Hello {example.input["person"]}"`,tg=`# Define an evaluator. This just an example.
2464
+ return f"Hello {example.input["person"]}"`,dg=`# Define an evaluator. This just an example.
2465
2465
  def exact_match(input, output) -> float:
2466
2466
  return 1.0 if output is f"Hello {input}" else 0.0
2467
2467
 
2468
2468
  # Store the evaluators for later use
2469
- evaluators = [exact_match]`,lg=`# Run an experiment
2469
+ evaluators = [exact_match]`,cg=`# Run an experiment
2470
2470
  from phoenix.experiments import run_experiment
2471
2471
 
2472
- experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function Ir(){const[n,a]=u.useState(null),t=u.useCallback(()=>{a(e(B,{title:"Run Experiment",size:"XL",children:e(ig,{})}))},[]);return s(H,{children:[e(N,{size:"compact",variant:"default",icon:e(w,{svg:e(L.ExperimentOutline,{})}),onClick:t,children:"Run Experiment"}),e(W,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function ig(){const n=Sn(i=>i.datasetName),a=Sn(i=>i.latestVersion),t=window.Config.authenticationEnabled,l=u.useMemo(()=>`import phoenix as px
2472
+ experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function wr(){const[n,a]=u.useState(null),t=u.useCallback(()=>{a(e(H,{title:"Run Experiment",size:"XL",children:e(ug,{})}))},[]);return s(B,{children:[e(N,{size:"compact",variant:"default",icon:e(E,{svg:e(P.ExperimentOutline,{})}),onClick:t,children:"Run Experiment"}),e(G,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function ug(){const n=Cn(i=>i.datasetName),a=Cn(i=>i.latestVersion),t=window.Config.authenticationEnabled,l=u.useMemo(()=>`import phoenix as px
2473
2473
  # Initialize a phoenix client
2474
2474
  client = px.Client()
2475
2475
  # Get the current dataset version. You can omit the version for the latest.
2476
- dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-100",children:e(K,{children:"Install Phoenix"})}),e(Je,{children:e(pn,{value:eg})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Point to a running instance of Phoenix"})}),e(Je,{children:e(pn,{value:ng({isAuthEnabled:t})})}),e(id,{children:e(F,{paddingBottom:"size-100",paddingTop:"size-100",children:e(pl,{fallback:s(K,{children:["Your personal API keys can be created and managed on your"," ",e(je,{href:"/profile",children:"Profile"})]}),children:s(K,{children:["System API keys can be created and managed in"," ",e(je,{href:"/settings",children:"Settings"})]})})})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Pull down this dataset"})}),e(Je,{children:e(pn,{value:l})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define your task"})}),e(Je,{children:e(pn,{value:ag})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define evaluators"})}),e(Je,{children:e(pn,{value:tg})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Run an experiment"})}),e(Je,{children:e(pn,{value:lg})})]})}function uf(){const n=vn(),a=u.useMemo(()=>{const t=n.dataset.latestVersions;return t!=null&&t.edges&&t.edges.length?t.edges[0].version:null},[n]);return e(Bm,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(u.Suspense,{fallback:e(he,{}),children:e(sg,{dataset:n.dataset})})})}const rg=v`
2476
+ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(F,{padding:"size-400",overflow:"auto",children:[e(F,{paddingBottom:"size-100",children:e(K,{children:"Install Phoenix"})}),e(Ze,{children:e(fn,{value:rg})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Point to a running instance of Phoenix"})}),e(Ze,{children:e(fn,{value:sg({isAuthEnabled:t})})}),e(gd,{children:e(F,{paddingBottom:"size-100",paddingTop:"size-100",children:e(hl,{fallback:s(K,{children:["Your personal API keys can be created and managed on your"," ",e(qe,{href:"/profile",children:"Profile"})]}),children:s(K,{children:["System API keys can be created and managed in"," ",e(qe,{href:"/settings",children:"Settings"})]})})})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Pull down this dataset"})}),e(Ze,{children:e(fn,{value:l})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define your task"})}),e(Ze,{children:e(fn,{value:og})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define evaluators"})}),e(Ze,{children:e(fn,{value:dg})}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Run an experiment"})}),e(Ze,{children:e(fn,{value:cg})})]})}function jf(){const n=Fn(),a=u.useMemo(()=>{const t=n.dataset.latestVersions;return t!=null&&t.edges&&t.edges.length?t.edges[0].version:null},[n]);return e(Xm,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(u.Suspense,{fallback:e(he,{}),children:e(gg,{dataset:n.dataset})})})}const mg=C`
2477
2477
  flex: 1 1 auto;
2478
2478
  display: flex;
2479
2479
  flex-direction: column;
@@ -2499,7 +2499,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
2499
2499
  }
2500
2500
  }
2501
2501
  }
2502
- `;function sg({dataset:n}){const a=n.id,t=Sn(d=>d.refreshLatestVersion),l=oe(),i=Y(),r=u.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=Js().pathname.includes("examples")?1:0;return s("main",{css:rg,children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(h,{direction:"column",justifyContent:"space-between",children:e(h,{direction:"row",gap:"size-200",alignItems:"center",children:s(h,{direction:"column",children:[e(K,{elementType:"h1",textSize:"xlarge",weight:"heavy",children:n.name}),e(K,{color:"text-700",children:n.description||"--"})]})})}),s(h,{direction:"row",gap:"size-100",children:[s(ln,{align:"end",icon:e(w,{svg:e(L.DownloadOutline,{})}),onAction:d=>{switch(d){case"csv":window.open(`/v1/datasets/${n.id}/csv`,"_blank");break;case"openai-ft":window.open(`/v1/datasets/${n.id}/jsonl/openai_ft`,"_blank");break;case"openai-evals":window.open(`/v1/datasets/${n.id}/jsonl/openai_evals`,"_blank");break}},children:[e(U,{children:"Download CSV"},"csv"),e(U,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(U,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(Ym,{datasetId:n.id}),e(Wm,{}),e(Ir,{}),e(Gm,{datasetId:n.id,onAddExampleCompleted:()=>{l({title:"Example added",message:"The example has been added successfully and the version has been updated."}),t()}})]})]})}),s(Pe,{onChange:r,defaultIndex:c,children:[e(J,{name:"Experiments",extra:e(Me,{children:n.experimentCount}),children:e(u.Suspense,{children:e(_e,{})})}),e(J,{name:"Examples",extra:e(Me,{children:n.exampleCount}),children:e(u.Suspense,{children:e(_e,{})})})]})]})}const Pr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,i],storageKey:null}]},params:{cacheID:"5b221627cf7e63f41fbec41027cc0951",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
2502
+ `;function gg({dataset:n}){const a=n.id,t=Cn(d=>d.refreshLatestVersion),l=de(),i=Y(),r=u.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=to().pathname.includes("examples")?1:0;return s("main",{css:mg,children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(h,{direction:"column",justifyContent:"space-between",children:e(h,{direction:"row",gap:"size-200",alignItems:"center",children:s(h,{direction:"column",children:[e(K,{elementType:"h1",textSize:"xlarge",weight:"heavy",children:n.name}),e(K,{color:"text-700",children:n.description||"--"})]})})}),s(h,{direction:"row",gap:"size-100",children:[s(rn,{align:"end",icon:e(E,{svg:e(P.DownloadOutline,{})}),onAction:d=>{switch(d){case"csv":window.open(`/v1/datasets/${n.id}/csv`,"_blank");break;case"openai-ft":window.open(`/v1/datasets/${n.id}/jsonl/openai_ft`,"_blank");break;case"openai-evals":window.open(`/v1/datasets/${n.id}/jsonl/openai_evals`,"_blank");break}},children:[e(U,{children:"Download CSV"},"csv"),e(U,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(U,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(ig,{datasetId:n.id}),e(ng,{}),e(wr,{}),e(eg,{datasetId:n.id,onAddExampleCompleted:()=>{l({title:"Example added",message:"The example has been added successfully and the version has been updated."}),t()}})]})]})}),s(Le,{onChange:r,defaultIndex:c,children:[e(W,{name:"Experiments",extra:e(Ne,{children:n.experimentCount}),children:e(u.Suspense,{children:e(_e,{})})}),e(W,{name:"Examples",extra:e(Ne,{children:n.exampleCount}),children:e(u.Suspense,{children:e(_e,{})})})]})]})}const _r=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,i],storageKey:null}]},params:{cacheID:"5b221627cf7e63f41fbec41027cc0951",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
2503
2503
  $id: GlobalID!
2504
2504
  ) {
2505
2505
  dataset: node(id: $id) {
@@ -2523,7 +2523,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
2523
2523
  }
2524
2524
  }
2525
2525
  }
2526
- `}}}();Pr.hash="469da2debdebd608c88a6ef83c2540aa";async function mf(n){const{datasetId:a}=n.params;return await I.fetchQuery(xe,Pr,{id:a}).toPromise()}const Lr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},o={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[t,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[r],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null}],storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},d=[{kind:"Literal",name:"first",value:100}],g={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,i,o],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[i,o,{alias:null,args:d,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},l,g,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},g],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[c],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experimentRuns(first:100)"},{alias:null,args:d,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"6fa23dc80c23ecdf48e57d139d76a721",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
2526
+ `}}}();_r.hash="469da2debdebd608c88a6ef83c2540aa";async function qf(n){const{datasetId:a}=n.params;return await I.fetchQuery(Te,_r,{id:a}).toPromise()}const Er=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},o={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[t,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[r],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null}],storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},d=[{kind:"Literal",name:"first",value:100}],g={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,i,o],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[i,o,{alias:null,args:d,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},l,g,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},g],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[c],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experimentRuns(first:100)"},{alias:null,args:d,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"6fa23dc80c23ecdf48e57d139d76a721",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
2527
2527
  $exampleId: GlobalID!
2528
2528
  ) {
2529
2529
  example: node(id: $exampleId) {
@@ -2593,14 +2593,14 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
2593
2593
  }
2594
2594
  id
2595
2595
  }
2596
- `}}}();Lr.hash="65b1c049bacc1ef8739c61af32a9414c";const wr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"patchDatasetExamples",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditExampleDialogMutation",selections:a},params:{cacheID:"7217082d3d3796ecb60481d17133c351",id:null,metadata:{},name:"EditExampleDialogMutation",operationKind:"mutation",text:`mutation EditExampleDialogMutation(
2596
+ `}}}();Er.hash="65b1c049bacc1ef8739c61af32a9414c";const Ar=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"patchDatasetExamples",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditExampleDialogMutation",selections:a},params:{cacheID:"7217082d3d3796ecb60481d17133c351",id:null,metadata:{},name:"EditExampleDialogMutation",operationKind:"mutation",text:`mutation EditExampleDialogMutation(
2597
2597
  $input: PatchDatasetExamplesInput!
2598
2598
  ) {
2599
2599
  patchDatasetExamples(input: $input) {
2600
2600
  __typename
2601
2601
  }
2602
2602
  }
2603
- `}}}();wr.hash="a5e0e601ed24ffaa37a99ba358f960d3";const $a={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function og(n){const{exampleId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(wr),{control:c,setError:d,handleSubmit:g,formState:{isValid:f}}=Ae({defaultValues:n.currentRevision}),m=u.useCallback(p=>{if(i(null),!Oe(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Oe(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Oe(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],versionDescription:p.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,d,t]);return e(B,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(N,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:g(m),children:"Save Changes"}),children:e("div",{css:v`
2603
+ `}}}();Ar.hash="a5e0e601ed24ffaa37a99ba358f960d3";const ja={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function pg(n){const{exampleId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(Ar),{control:c,setError:d,handleSubmit:g,formState:{isValid:f}}=Re({defaultValues:n.currentRevision}),m=u.useCallback(p=>{if(i(null),!Qe(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Qe(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Qe(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],versionDescription:p.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,d,t]);return e(H,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(N,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:g(m),children:"Save Changes"}),children:e("div",{css:C`
2604
2604
  overflow-y: auto;
2605
2605
  padding: var(--ac-global-dimension-size-400);
2606
2606
  /* Make widths configurable */
@@ -2611,7 +2611,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
2611
2611
  width: 100%;
2612
2612
  }
2613
2613
  }
2614
- `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(te,{variant:"danger",children:l}):null,e(Z,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...$a,children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...$a,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...$a,children:[S?e(te,{variant:"danger",banner:!0,children:C==null?void 0:C.message}):null,e(De,{value:k,onChange:p,onBlur:y})]})}),e(Z,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:S,error:C}})=>e(at,{label:"Revision Description",value:k,onChange:p,onBlur:y,errorMessage:C==null?void 0:C.message,validationState:S?"invalid":"valid",placeholder:"A description of the changes made in this revision. Will be displayed in the version history.",height:100})})]})})})})})}function dg(n){const{onCompleted:a,...t}=n,[l,i]=u.useState(null);return s(H,{children:[e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(L.EditOutline,{})}),onClick:()=>i(e(og,{...t,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const _r=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ec7ead16e6df0877bc47db0ed7c7553",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
2614
+ `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(le,{variant:"danger",children:l}):null,e(J,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ja,children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ja,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s($,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ja,children:[b?e(le,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ie,{value:k,onChange:p,onBlur:y})]})}),e(J,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>e(it,{label:"Revision Description",value:k,onChange:p,onBlur:y,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made in this revision. Will be displayed in the version history.",height:100})})]})})})})})}function yg(n){const{onCompleted:a,...t}=n,[l,i]=u.useState(null);return s(B,{children:[e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(P.EditOutline,{})}),onClick:()=>i(e(pg,{...t,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const Rr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ec7ead16e6df0877bc47db0ed7c7553",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
2615
2615
  $after: String = null
2616
2616
  $first: Int = 100
2617
2617
  $id: GlobalID!
@@ -2666,22 +2666,22 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
2666
2666
  }
2667
2667
  id
2668
2668
  }
2669
- `}}}();_r.hash="6ca0f938b309407e8c184a1c13d1c52d";const Er=function(){var n=["experimentRuns"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:_r,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExampleExperimentRunsTableFragment",selections:[{alias:"experimentRuns",args:null,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"__ExampleExperimentRunsTable_experimentRuns_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},t,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},t],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"DatasetExample",abstractKey:null}}();Er.hash="6ca0f938b309407e8c184a1c13d1c52d";const cg=100;function ug(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>v`
2669
+ `}}}();Rr.hash="6ca0f938b309407e8c184a1c13d1c52d";const Mr=function(){var n=["experimentRuns"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Rr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExampleExperimentRunsTableFragment",selections:[{alias:"experimentRuns",args:null,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"__ExampleExperimentRunsTable_experimentRuns_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},t,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},t],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"DatasetExample",abstractKey:null}}();Mr.hash="6ca0f938b309407e8c184a1c13d1c52d";const fg=100;function hg(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>C`
2670
2670
  text-align: center;
2671
2671
  padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
2672
- `,children:"No experiments have been run for this example."})})})}const mg=v`
2672
+ `,children:"No experiments have been run for this example."})})})}const kg=C`
2673
2673
  display: flex;
2674
2674
  flex-direction: row;
2675
2675
  align-items: center;
2676
2676
  color: var(--ac-global-color-primary);
2677
2677
  gap: var(--ac-global-dimension-size-50);
2678
- `;function gg({example:n}){const a=u.useRef(null),t=Y(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=I.usePaginationFragment(Er,n),c=u.useMemo(()=>l.experimentRuns.edges.map(y=>{let k=null;return y.run.startTime&&y.run.endTime&&(k=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:k}}),[l]),g=ke({columns:[{header:"start time",accessorKey:"startTime",cell:Fe},{header:"output",accessorKey:"output",cell:y=>{var S;const k=(S=y.row.original)==null?void 0:S.error;return k!==null?e(K,{color:"danger",children:k}):e(me,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const k=y();return k===null||typeof k!="number"?"--":e(Ee,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(h,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((k,S)=>{const C=k.annotation;return e(ra,{annotation:C,extra:C.trace&&e(F,{paddingTop:"size-100",children:s("div",{css:mg,children:[e(w,{svg:e(L.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(xn,{annotation:C,onClick:()=>{C.trace&&t(`/projects/${C.trace.projectId}/traces/${C.trace.traceId}`)}},S)},S)})})},{id:"actions",cell:({row:y})=>{const k=y.original.trace;if(k)return e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(L.Trace,{})}),onClick:()=>{t(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=f.length===0,p=u.useCallback(y=>{if(y){const{scrollHeight:k,scrollTop:S,clientHeight:C}=y;k-S-C<300&&!o&&r&&i(cg)}},[r,o,i]);return e("div",{css:v`
2678
+ `;function bg({example:n}){const a=u.useRef(null),t=Y(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=I.usePaginationFragment(Mr,n),c=u.useMemo(()=>l.experimentRuns.edges.map(y=>{let k=null;return y.run.startTime&&y.run.endTime&&(k=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:k}}),[l]),g=ke({columns:[{header:"start time",accessorKey:"startTime",cell:Fe},{header:"output",accessorKey:"output",cell:y=>{var b;const k=(b=y.row.original)==null?void 0:b.error;return k!==null?e(K,{color:"danger",children:k}):e(ge,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const k=y();return k===null||typeof k!="number"?"--":e(Ee,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(h,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((k,b)=>{const S=k.annotation;return e(ra,{annotation:S,extra:S.trace&&e(F,{paddingTop:"size-100",children:s("div",{css:kg,children:[e(E,{svg:e(P.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(In,{annotation:S,onClick:()=>{S.trace&&t(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},b)},b)})})},{id:"actions",cell:({row:y})=>{const k=y.original.trace;if(k)return e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(P.Trace,{})}),onClick:()=>{t(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=f.length===0,p=u.useCallback(y=>{if(y){const{scrollHeight:k,scrollTop:b,clientHeight:S}=y;k-b-S<300&&!o&&r&&i(fg)}},[r,o,i]);return e("div",{css:C`
2679
2679
  flex: 1 1 auto;
2680
2680
  overflow: auto;
2681
- `,ref:a,onScroll:y=>p(y.target),children:s("table",{css:Hn,children:[e("thead",{children:g.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(k=>e("th",{children:e("div",{children:X(k.column.columnDef.header,k.getContext())})},k.id))},y.id))}),m?e(ug,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(k=>e("td",{children:X(k.column.columnDef.cell,k.getContext())},k.id))},y.id))})]})})}function Ar({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=I.useLazyLoadQuery(Lr,{exampleId:n},{fetchKey:t,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{const p=i.example.latestRevision;return{input:JSON.stringify(p==null?void 0:p.input,null,2),output:JSON.stringify(p==null?void 0:p.output,null,2),metadata:JSON.stringify(p==null?void 0:p.metadata,null,2)}},[i]),o=u.useMemo(()=>{const p=i.example.span;return p?{id:p.id,traceId:p.context.traceId,projectId:p.project.id}:null},[i]),{input:c,output:d,metadata:g}=r,f=Y(),m=oe();return e(W,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(B,{size:"XL",title:`Example: ${n}`,extra:s(h,{direction:"row",gap:"size-100",children:[o?e(N,{variant:"default",size:"compact",onClick:()=>{f(`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`)},children:"View Source Span"}):null,e(dg,{exampleId:n,currentRevision:r,onCompleted:()=>{m({title:"Example updated",message:`Example ${n} has been updated.`}),l(p=>p+1)}})]}),children:s(Xe,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(ue,{defaultSize:200,children:e("div",{css:v`
2681
+ `,ref:a,onScroll:y=>p(y.target),children:s("table",{css:Hn,children:[e("thead",{children:g.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(k=>e("th",{children:e("div",{children:X(k.column.columnDef.header,k.getContext())})},k.id))},y.id))}),m?e(hg,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(k=>e("td",{children:X(k.column.columnDef.cell,k.getContext())},k.id))},y.id))})]})})}function Nr({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=I.useLazyLoadQuery(Er,{exampleId:n},{fetchKey:t,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{const p=i.example.latestRevision;return{input:JSON.stringify(p==null?void 0:p.input,null,2),output:JSON.stringify(p==null?void 0:p.output,null,2),metadata:JSON.stringify(p==null?void 0:p.metadata,null,2)}},[i]),o=u.useMemo(()=>{const p=i.example.span;return p?{id:p.id,traceId:p.context.traceId,projectId:p.project.id}:null},[i]),{input:c,output:d,metadata:g}=r,f=Y(),m=de();return e(G,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(H,{size:"XL",title:`Example: ${n}`,extra:s(h,{direction:"row",gap:"size-100",children:[o?e(N,{variant:"default",size:"compact",onClick:()=>{f(`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`)},children:"View Source Span"}):null,e(yg,{exampleId:n,currentRevision:r,onCompleted:()=>{m({title:"Example updated",message:`Example ${n} has been updated.`}),l(p=>p+1)}})]}),children:s(Ye,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(me,{defaultSize:200,children:e("div",{css:C`
2682
2682
  overflow-y: auto;
2683
2683
  height: 100%;
2684
- `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e($,{title:"Input",...Oa,extra:e(ae,{text:c}),children:e(yn,{value:c})}),e($,{title:"Output",...Oa,extra:e(ae,{text:d}),children:e(yn,{value:d})}),e($,{title:"Metadata",...Oa,extra:e(ae,{text:g}),children:e(yn,{value:g})})]})})})})}),e(Ye,{css:Kn}),e(ue,{defaultSize:100,children:s(h,{direction:"column",height:"100%",children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:3,children:"Experiment Runs"})}),e(gg,{example:i.example})]})})]})})})}const Oa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function gf(){const{exampleId:n,datasetId:a}=tn(),t=Y();return e(Ar,{exampleId:n,onDismiss:()=>{t(`/datasets/${a}/examples`)}})}const Rr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e303fa9a3c09ccd6a3dc1f3dbb2afb3",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
2684
+ `,children:e(h,{direction:"row",justifyContent:"center",children:e(F,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e($,{title:"Input",...qa,extra:e(te,{text:c}),children:e(kn,{value:c})}),e($,{title:"Output",...qa,extra:e(te,{text:d}),children:e(kn,{value:d})}),e($,{title:"Metadata",...qa,extra:e(te,{text:g}),children:e(kn,{value:g})})]})})})})}),e(en,{css:Dn}),e(me,{defaultSize:100,children:s(h,{direction:"column",height:"100%",children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:3,children:"Experiment Runs"})}),e(bg,{example:i.example})]})})]})})})}const qa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function Uf(){const{exampleId:n,datasetId:a}=ln(),t=Y();return e(Nr,{exampleId:n,onDismiss:()=>{t(`/datasets/${a}/examples`)}})}const Vr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e303fa9a3c09ccd6a3dc1f3dbb2afb3",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
2685
2685
  $id: GlobalID!
2686
2686
  ) {
2687
2687
  dataset: node(id: $id) {
@@ -2714,7 +2714,7 @@ fragment ExamplesTableFragment on Dataset {
2714
2714
  }
2715
2715
  id
2716
2716
  }
2717
- `}}}();Rr.hash="6406bbf43a2e850b384ba9573d8e69de";async function pf(n){const{datasetId:a}=n.params;return await I.fetchQuery(xe,Rr,{id:a}).toPromise()}const Mr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"ca59c018695d41ca01b5f9d453386886",id:null,metadata:{},name:"ExamplesTableQuery",operationKind:"query",text:`query ExamplesTableQuery(
2717
+ `}}}();Vr.hash="6406bbf43a2e850b384ba9573d8e69de";async function Bf(n){const{datasetId:a}=n.params;return await I.fetchQuery(Te,Vr,{id:a}).toPromise()}const zr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"ca59c018695d41ca01b5f9d453386886",id:null,metadata:{},name:"ExamplesTableQuery",operationKind:"query",text:`query ExamplesTableQuery(
2718
2718
  $after: String = null
2719
2719
  $datasetVersionId: GlobalID
2720
2720
  $first: Int = 100
@@ -2751,7 +2751,7 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
2751
2751
  }
2752
2752
  id
2753
2753
  }
2754
- `}}}();Mr.hash="e04e697cdb44ab2dd115f4562211f6a4";const Nr=function(){var n=["examples"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Mr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExamplesTableFragment",selections:[{alias:"examples",args:[{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"}],concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"__ExamplesTable_examples_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Nr.hash="e04e697cdb44ab2dd115f4562211f6a4";const zr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDatasetExamples",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a},params:{cacheID:"b63159f3c325b9af3dc469692f9329e5",id:null,metadata:{},name:"ExampleSelectionToolbarDeleteExamplesMutation",operationKind:"mutation",text:`mutation ExampleSelectionToolbarDeleteExamplesMutation(
2754
+ `}}}();zr.hash="e04e697cdb44ab2dd115f4562211f6a4";const $r=function(){var n=["examples"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:zr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExamplesTableFragment",selections:[{alias:"examples",args:[{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"}],concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"__ExamplesTable_examples_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();$r.hash="e04e697cdb44ab2dd115f4562211f6a4";const Or=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDatasetExamples",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a},params:{cacheID:"b63159f3c325b9af3dc469692f9329e5",id:null,metadata:{},name:"ExampleSelectionToolbarDeleteExamplesMutation",operationKind:"mutation",text:`mutation ExampleSelectionToolbarDeleteExamplesMutation(
2755
2755
  $input: DeleteDatasetExamplesInput!
2756
2756
  ) {
2757
2757
  deleteDatasetExamples(input: $input) {
@@ -2760,15 +2760,15 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
2760
2760
  }
2761
2761
  }
2762
2762
  }
2763
- `}}}();zr.hash="455bf9e5dc4b9cc655095dc829ef7e12";function pg(n){const a=Sn(y=>y.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=u.useState(null),c=oe(),d=ce(),[g,f]=I.useMutation(zr),m=t.length!==1,p=u.useCallback(()=>{g({variables:{input:{exampleIds:t.map(y=>y.id)}},onCompleted:()=>{c({title:"Examples Deleted",message:`${t.length} example${m?"s":""} have been deleted.`}),l(),i(),a()},onError:y=>{d({title:"An error occurred",message:`Failed to delete examples: ${y.message}`})}})},[g,t,c,m,l,i,a,d]);return s("div",{css:v`
2763
+ `}}}();Or.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Sg(n){const a=Cn(y=>y.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=u.useState(null),c=de(),d=ue(),[g,f]=I.useMutation(Or),m=t.length!==1,p=u.useCallback(()=>{g({variables:{input:{exampleIds:t.map(y=>y.id)}},onCompleted:()=>{c({title:"Examples Deleted",message:`${t.length} example${m?"s":""} have been deleted.`}),l(),i(),a()},onError:y=>{d({title:"An error occurred",message:`Failed to delete examples: ${y.message}`})}})},[g,t,c,m,l,i,a,d]);return s("div",{css:C`
2764
2764
  position: absolute;
2765
2765
  bottom: var(--ac-global-dimension-size-400);
2766
2766
  left: 50%;
2767
2767
  transform: translateX(-50%);
2768
- `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(K,{children:`${t.length} example${m?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(N,{variant:"danger",size:"compact",icon:e(w,{svg:e(L.TrashOutline,{})}),loading:f,disabled:f,onClick:p,children:f?"Deleting...":"Delete Example"+(m?"s":"")})]})]})}),e(W,{onDismiss:()=>{o(null)},children:r})]})}const yg=100;function fg({dataset:n}){const a=Sn(_=>_.latestVersion),t=u.useRef(null),[l,i]=Ke.useState({}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:g}=I.usePaginationFragment(Nr,n);u.useEffect(()=>{u.startTransition(()=>{g({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,g]);const f=u.useMemo(()=>r.examples.edges.map(_=>{const x=_.example,D=x.revision;return{id:x.id,input:D.input,output:D.output,metadata:D.metadata}}),[r]),p=ke({columns:[{id:"select",header:({table:_})=>e(en,{checked:_.getIsAllRowsSelected(),indeterminate:_.getIsSomeRowsSelected(),onChange:_.getToggleAllRowsSelectedHandler()}),cell:({row:_})=>e(en,{checked:_.getIsSelected(),disabled:!_.getCanSelect(),indeterminate:_.getIsSomeSelected(),onChange:_.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:_,row:x})=>{const D=x.original.id;return e(We,{to:`${D}`,children:_()})}},{header:"input",accessorKey:"input",cell:An},{header:"output",accessorKey:"output",cell:An},{header:"metadata",accessorKey:"metadata",cell:An}],data:f,state:{rowSelection:l},onRowSelectionChange:i,getCoreRowModel:be()}),y=p.getRowModel().rows,k=y.length===0,S=p.getSelectedRowModel().rows,C=S.map(_=>_.original),b=u.useCallback(()=>{i({})},[i]),T=u.useCallback(_=>{if(_){const{scrollHeight:x,scrollTop:D,clientHeight:A}=_;x-D-A<300&&!d&&c&&o(yg)}},[c,d,o]),P=Y();return s("div",{css:v`
2768
+ `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(K,{children:`${t.length} example${m?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(N,{variant:"danger",size:"compact",icon:e(E,{svg:e(P.TrashOutline,{})}),loading:f,disabled:f,onClick:p,children:f?"Deleting...":"Delete Example"+(m?"s":"")})]})]})}),e(G,{onDismiss:()=>{o(null)},children:r})]})}const vg=100;function Cg({dataset:n}){const a=Cn(w=>w.latestVersion),t=u.useRef(null),[l,i]=Ke.useState({}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:g}=I.usePaginationFragment($r,n);u.useEffect(()=>{u.startTransition(()=>{g({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,g]);const f=u.useMemo(()=>r.examples.edges.map(w=>{const T=w.example,D=T.revision;return{id:T.id,input:D.input,output:D.output,metadata:D.metadata}}),[r]),p=ke({columns:[{id:"select",header:({table:w})=>e(nn,{checked:w.getIsAllRowsSelected(),indeterminate:w.getIsSomeRowsSelected(),onChange:w.getToggleAllRowsSelectedHandler()}),cell:({row:w})=>e(nn,{checked:w.getIsSelected(),disabled:!w.getCanSelect(),indeterminate:w.getIsSomeSelected(),onChange:w.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:w,row:T})=>{const D=T.original.id;return e(Je,{to:`${D}`,children:w()})}},{header:"input",accessorKey:"input",cell:Rn},{header:"output",accessorKey:"output",cell:Rn},{header:"metadata",accessorKey:"metadata",cell:Rn}],data:f,state:{rowSelection:l},onRowSelectionChange:i,getCoreRowModel:be()}),y=p.getRowModel().rows,k=y.length===0,b=p.getSelectedRowModel().rows,S=b.map(w=>w.original),v=u.useCallback(()=>{i({})},[i]),L=u.useCallback(w=>{if(w){const{scrollHeight:T,scrollTop:D,clientHeight:R}=w;T-D-R<300&&!d&&c&&o(vg)}},[c,d,o]),x=Y();return s("div",{css:C`
2769
2769
  flex: 1 1 auto;
2770
2770
  overflow: auto;
2771
- `,ref:t,onScroll:_=>T(_.target),children:[s("table",{css:Hn,children:[e("thead",{children:p.getHeaderGroups().map(_=>e("tr",{children:_.headers.map(x=>e("th",{children:e("div",{children:X(x.column.columnDef.header,x.getContext())})},x.id))},_.id))}),k?e(Ge,{}):e("tbody",{children:y.map(_=>e("tr",{onClick:()=>{P(`${_.original.id}`)},children:_.getVisibleCells().map(x=>e("td",{children:X(x.column.columnDef.cell,x.getContext())},x.id))},_.id))})]}),S.length?e(pg,{selectedExamples:C,onClearSelection:b,onExamplesDeleted:()=>{g({},{fetchPolicy:"store-and-network"})}}):null]})}function yf(){const n=vn();return s(H,{children:[e(fg,{dataset:n.dataset})," ",e(u.Suspense,{children:e(_e,{})})]})}const Vr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"91f92395f5df4858554b124deed3f47a",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
2771
+ `,ref:t,onScroll:w=>L(w.target),children:[s("table",{css:Hn,children:[e("thead",{children:p.getHeaderGroups().map(w=>e("tr",{children:w.headers.map(T=>e("th",{children:e("div",{children:X(T.column.columnDef.header,T.getContext())})},T.id))},w.id))}),k?e(We,{}):e("tbody",{children:y.map(w=>e("tr",{onClick:()=>{x(`${w.original.id}`)},children:w.getVisibleCells().map(T=>e("td",{children:X(T.column.columnDef.cell,T.getContext())},T.id))},w.id))})]}),b.length?e(Sg,{selectedExamples:S,onClearSelection:v,onExamplesDeleted:()=>{g({},{fetchPolicy:"store-and-network"})}}):null]})}function Hf(){const n=Fn();return s(B,{children:[e(Cg,{dataset:n.dataset})," ",e(u.Suspense,{children:e(_e,{})})]})}const Qr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"91f92395f5df4858554b124deed3f47a",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
2772
2772
  $id: GlobalID!
2773
2773
  ) {
2774
2774
  dataset: node(id: $id) {
@@ -2818,7 +2818,7 @@ fragment ExperimentsTableFragment on Dataset {
2818
2818
  }
2819
2819
  id
2820
2820
  }
2821
- `}}}();Vr.hash="1461484d9e1232cbb99e1251edabbec3";async function ff(n){const{datasetId:a}=n.params;return await I.fetchQuery(xe,Vr,{id:a}).toPromise()}const $r=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:t,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[i],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"1db5ce5523fa9a472c91d093b0e6160e",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
2821
+ `}}}();Qr.hash="1461484d9e1232cbb99e1251edabbec3";async function Gf(n){const{datasetId:a}=n.params;return await I.fetchQuery(Te,Qr,{id:a}).toPromise()}const jr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:t,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[i],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"1db5ce5523fa9a472c91d093b0e6160e",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
2822
2822
  $after: String = null
2823
2823
  $first: Int = 100
2824
2824
  $id: GlobalID!
@@ -2869,19 +2869,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2869
2869
  }
2870
2870
  id
2871
2871
  }
2872
- `}}}();$r.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Or=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:$r,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();Or.hash="c7c7580fe40888ceb86a1701fe4eedf4";function hg({getValue:n}){const a=n(),t=a!==null?a*100:null,l=u.useMemo(()=>{if(t!==null)return t>=80?"red-1100":t>0?"orange-1100":"green-1100"},[t]);return e(K,{color:l,children:Ba(t)})}const Qr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
2872
+ `}}}();jr.hash="c7c7580fe40888ceb86a1701fe4eedf4";const qr=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:jr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();qr.hash="c7c7580fe40888ceb86a1701fe4eedf4";function Fg({getValue:n}){const a=n(),t=a!==null?a*100:null,l=u.useMemo(()=>{if(t!==null)return t>=80?"red-1100":t>0?"orange-1100":"green-1100"},[t]);return e(K,{color:l,children:Ha(t)})}const Ur=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
2873
2873
  $input: DeleteExperimentsInput!
2874
2874
  ) {
2875
2875
  deleteExperiments(input: $input) {
2876
2876
  __typename
2877
2877
  }
2878
2878
  }
2879
- `}}}();Qr.hash="4ab310746eb51c6a3fcb799d2c972762";function kg(n){const a=Y(),[t,l]=u.useState(null),[i,r]=I.useMutation(Qr),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:g}=n,f=c.length!==1,m=oe(),p=ce(),y=u.useCallback(()=>{i({variables:{input:{experimentIds:c.map(S=>S.id)}},onCompleted:()=>{m({title:"Examples Deleted",message:`${c.length} experiment${f?"s":""} have been deleted.`}),g(),d()},onError:S=>{p({title:"An error occurred",message:`Failed to delete examples: ${S.message}`})}})},[i,f,p,m,d,g,c]),k=u.useCallback(()=>{l(s(B,{size:"S",title:"Delete Experiments",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{y(),l(null)},children:"Delete Experiments"})})})]}))},[y]);return s("div",{css:v`
2879
+ `}}}();Ur.hash="4ab310746eb51c6a3fcb799d2c972762";function Kg(n){const a=Y(),[t,l]=u.useState(null),[i,r]=I.useMutation(Ur),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:g}=n,f=c.length!==1,m=de(),p=ue(),y=u.useCallback(()=>{i({variables:{input:{experimentIds:c.map(b=>b.id)}},onCompleted:()=>{m({title:"Examples Deleted",message:`${c.length} experiment${f?"s":""} have been deleted.`}),g(),d()},onError:b=>{p({title:"An error occurred",message:`Failed to delete examples: ${b.message}`})}})},[i,f,p,m,d,g,c]),k=u.useCallback(()=>{l(s(H,{size:"S",title:"Delete Experiments",children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onClick:()=>{y(),l(null)},children:"Delete Experiments"})})})]}))},[y]);return s("div",{css:C`
2880
2880
  position: absolute;
2881
2881
  bottom: var(--ac-global-dimension-size-400);
2882
2882
  left: 50%;
2883
2883
  transform: translateX(-50%);
2884
- `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(K,{children:`${c.length} experiment${f?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(N,{variant:"danger",size:"compact",icon:e(w,{svg:e(L.TrashOutline,{})}),loading:r,disabled:r,onClick:k,children:r?"Deleting...":"Delete"}),e(N,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${o}/compare?${c.map(S=>`experimentId=${S.id}`).join("&")}`)},icon:e(w,{svg:e(L.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(W,{onDismiss:()=>{l(null)},children:t})]})}const bg=100;function Sg(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:v`
2884
+ `,children:[e(F,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(K,{children:`${c.length} experiment${f?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(N,{variant:"danger",size:"compact",icon:e(E,{svg:e(P.TrashOutline,{})}),loading:r,disabled:r,onClick:k,children:r?"Deleting...":"Delete"}),e(N,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${o}/compare?${c.map(b=>`experimentId=${b.id}`).join("&")}`)},icon:e(E,{svg:e(P.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(G,{onDismiss:()=>{l(null)},children:t})]})}const Tg=100;function xg(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:C`
2885
2885
  text-align: center;
2886
2886
  padding: var(--ac-global-dimension-size-400) !important;
2887
2887
  .ac-button {
@@ -2889,20 +2889,20 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2889
2889
  margin-left: auto;
2890
2890
  margin-right: auto;
2891
2891
  }
2892
- `,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Ir,{})]})})})}function vg({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=I.usePaginationFragment(Or,n),g=u.useMemo(()=>i.experiments.edges.map(x=>{const D=x.experiment.annotationSummaries.reduce((A,R)=>(A[R.annotationName]=R,A),{});return{...x.experiment,annotationSummaryMap:D}}),[i.experiments.edges]),f=[{id:"select",header:({table:x})=>e(en,{checked:x.getIsAllRowsSelected(),indeterminate:x.getIsSomeRowsSelected(),onChange:x.getToggleAllRowsSelectedHandler()}),cell:({row:x})=>e(en,{checked:x.getIsSelected(),disabled:!x.getCanSelect(),indeterminate:x.getIsSomeSelected(),onChange:x.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:x,row:D})=>{const A=D.original.id,R=D.original.sequenceNumber;return s(h,{direction:"row",gap:"size-100",children:[e(Ia,{sequenceNumber:R}),e(We,{to:`/datasets/${n.id}/compare?experimentId=${A}`,children:x()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:me},{header:"created at",accessorKey:"createdAt",cell:Fe}],m=i.experimentAnnotationSummaries.map(x=>{const{annotationName:D,minScore:A,maxScore:R}=x;return{header:()=>s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(K,{children:D}),e(rd,{annotationName:D})]}),id:`annotation-${D}`,meta:{textAlign:"right"},cell:({row:j})=>{const ne=j.original.annotationSummaryMap[D];return!ne||ne.meanScore==null?e("span",{css:v`
2892
+ `,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(wr,{})]})})})}function Dg({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=I.usePaginationFragment(qr,n),g=u.useMemo(()=>i.experiments.edges.map(T=>{const D=T.experiment.annotationSummaries.reduce((R,M)=>(R[M.annotationName]=M,R),{});return{...T.experiment,annotationSummaryMap:D}}),[i.experiments.edges]),f=[{id:"select",header:({table:T})=>e(nn,{checked:T.getIsAllRowsSelected(),indeterminate:T.getIsSomeRowsSelected(),onChange:T.getToggleAllRowsSelectedHandler()}),cell:({row:T})=>e(nn,{checked:T.getIsSelected(),disabled:!T.getCanSelect(),indeterminate:T.getIsSomeSelected(),onChange:T.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:T,row:D})=>{const R=D.original.id,M=D.original.sequenceNumber;return s(h,{direction:"row",gap:"size-100",children:[e(Da,{sequenceNumber:M}),e(Je,{to:`/datasets/${n.id}/compare?experimentId=${R}`,children:T()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:ge},{header:"created at",accessorKey:"createdAt",cell:Fe}],m=i.experimentAnnotationSummaries.map(T=>{const{annotationName:D,minScore:R,maxScore:M}=T;return{header:()=>s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(K,{children:D}),e(pd,{annotationName:D})]}),id:`annotation-${D}`,meta:{textAlign:"right"},cell:({row:q})=>{const ne=q.original.annotationSummaryMap[D];return!ne||ne.meanScore==null?e("span",{css:C`
2893
2893
  float: right;
2894
- `,children:"--"}):e(Cg,{annotationName:D,value:ne.meanScore,min:A,max:R})}}}),p=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:sd},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:x})=>{const D=x();return D===null||typeof D!="number"?"--":e(Ee,{latencyMs:D})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:hg},{header:"metadata",accessorKey:"metadata",minSize:200,cell:An},{id:"actions",cell:({row:x})=>{const D=x.original.project,A=x.original.metadata;return e(Fg,{projectId:(D==null?void 0:D.id)||null,experimentId:x.original.id,metadata:A})}}],y=ke({columns:[...f,...m,...p],data:g,getCoreRowModel:be(),state:{rowSelection:t},onRowSelectionChange:l}),k=y.getRowModel().rows,S=y.getSelectedRowModel().rows,C=S.map(x=>x.original),b=u.useCallback(()=>{l({})},[l]),T=k.length===0,P=u.useCallback(x=>{if(x){const{scrollHeight:D,scrollTop:A,clientHeight:R}=x;D-A-R<300&&!c&&o&&r(bg)}},[o,c,r]),_=Y();return s("div",{css:v`
2894
+ `,children:"--"}):e(Ig,{annotationName:D,value:ne.meanScore,min:R,max:M})}}}),p=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:yd},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:T})=>{const D=T();return D===null||typeof D!="number"?"--":e(Ee,{latencyMs:D})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Fg},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Rn},{id:"actions",cell:({row:T})=>{const D=T.original.project,R=T.original.metadata;return e(Pg,{projectId:(D==null?void 0:D.id)||null,experimentId:T.original.id,metadata:R})}}],y=ke({columns:[...f,...m,...p],data:g,getCoreRowModel:be(),state:{rowSelection:t},onRowSelectionChange:l}),k=y.getRowModel().rows,b=y.getSelectedRowModel().rows,S=b.map(T=>T.original),v=u.useCallback(()=>{l({})},[l]),L=k.length===0,x=u.useCallback(T=>{if(T){const{scrollHeight:D,scrollTop:R,clientHeight:M}=T;D-R-M<300&&!c&&o&&r(Tg)}},[o,c,r]),w=Y();return s("div",{css:C`
2895
2895
  flex: 1 1 auto;
2896
2896
  overflow: auto;
2897
2897
  width: table.getTotalSize();
2898
- `,ref:a,onScroll:x=>P(x.target),children:[s("table",{css:Hn,children:[e("thead",{children:y.getHeaderGroups().map(x=>e("tr",{children:x.headers.map(D=>{var A,R;return e("th",{align:(R=(A=D.column.columnDef)==null?void 0:A.meta)==null?void 0:R.textAlign,children:e("div",{children:X(D.column.columnDef.header,D.getContext())})},D.id)})},x.id))}),T?e(Sg,{}):e("tbody",{children:k.map(x=>e("tr",{onClick:()=>{_(`/datasets/${n.id}/compare?experimentId=${x.original.id}`)},children:x.getVisibleCells().map(D=>e("td",{children:X(D.column.columnDef.cell,D.getContext())},D.id))},x.id))})]}),S.length?e(kg,{datasetId:n.id,selectedExperiments:C,onClearSelection:b,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function Cg({annotationName:n,value:a,min:t,max:l}){const i=ol(n),r=u.useMemo(()=>{const o=typeof t=="number"?t:0,c=typeof l=="number"?l:1;if(o===c&&c===a)return 100;const d=c-o||1;return(a-o)/d*100},[a,t,l]);return s(we,{children:[e(hn,{children:s("div",{css:v`
2898
+ `,ref:a,onScroll:T=>x(T.target),children:[s("table",{css:Hn,children:[e("thead",{children:y.getHeaderGroups().map(T=>e("tr",{children:T.headers.map(D=>{var R,M;return e("th",{align:(M=(R=D.column.columnDef)==null?void 0:R.meta)==null?void 0:M.textAlign,children:e("div",{children:X(D.column.columnDef.header,D.getContext())})},D.id)})},T.id))}),L?e(xg,{}):e("tbody",{children:k.map(T=>e("tr",{onClick:()=>{w(`/datasets/${n.id}/compare?experimentId=${T.original.id}`)},children:T.getVisibleCells().map(D=>e("td",{children:X(D.column.columnDef.cell,D.getContext())},D.id))},T.id))})]}),b.length?e(Kg,{datasetId:n.id,selectedExperiments:S,onClearSelection:v,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function Ig({annotationName:n,value:a,min:t,max:l}){const i=ul(n),r=u.useMemo(()=>{const o=typeof t=="number"?t:0,c=typeof l=="number"?l:1;if(o===c&&c===a)return 100;const d=c-o||1;return(a-o)/d*100},[a,t,l]);return s(De,{children:[e(Sn,{children:s("div",{css:C`
2899
2899
  float: right;
2900
2900
  --mod-barloader-fill-color: ${i};
2901
2901
  display: flex;
2902
2902
  flex-direction: row;
2903
2903
  align-items: center;
2904
2904
  gap: var(--ac-global-dimension-size-100);
2905
- `,children:[_n(a),e(go,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(ia,{children:s(F,{width:"size-2400",children:[e(se,{level:3,weight:"heavy",children:n}),s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(K,{textSize:"small",children:_n(a)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(K,{textSize:"small",children:_n(t)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(K,{textSize:"small",children:_n(l)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(K,{textSize:"small",children:dl(r)})]})]})]})})]})}function Fg(n){const{projectId:a}=n,t=Y(),[l,i]=u.useState(null),r=oe();return s("div",{onClick:o=>{o.preventDefault(),o.stopPropagation()},children:[s(ln,{buttonSize:"compact",align:"end",disabledKeys:a?[]:["GO_TO_EXPERIMENT_RUN_TRACES"],onAction:o=>{switch(o){case"GO_TO_EXPERIMENT_RUN_TRACES":return t(`/projects/${a}`);case"VIEW_METADATA":{i(e(B,{title:"Metadata",onDismiss:()=>i(null),children:e(yn,{value:JSON.stringify(n.metadata,null,2)})}));break}case"COPY_EXPERIMENT_ID":{Zs(n.experimentId),r({title:"Copied",message:"The experiment ID has been copied to your clipboard"});break}default:ye()}},children:[e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.Trace,{})}),e(K,{children:"View run traces"})]})},"GO_TO_EXPERIMENT_RUN_TRACES"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.InfoOutline,{})}),e(K,{children:"View metadata"})]})},"VIEW_METADATA"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.ClipboardCopy,{})}),e(K,{children:"Copy experiment ID"})]})},"COPY_EXPERIMENT_ID")]}),e(W,{type:"modal",isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function hf(){const n=vn();return s(H,{children:[e(vg,{dataset:n.dataset}),e(u.Suspense,{children:e(_e,{})})]})}const jr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:"referenceOutput",args:null,kind:"ScalarField",name:"output",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},l,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},o=[{kind:"Variable",name:"id",variableName:"datasetId"}],c={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,c],storageKey:null}]},params:{cacheID:"97e80c617426f75b81affa68e276b3d8",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
2905
+ `,children:[An(a),e(So,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(ia,{children:s(F,{width:"size-2400",children:[e(oe,{level:3,weight:"heavy",children:n}),s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(K,{textSize:"small",children:An(a)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(K,{textSize:"small",children:An(t)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(K,{textSize:"small",children:An(l)})]}),s(h,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(K,{textSize:"small",children:ml(r)})]})]})]})})]})}function Pg(n){const{projectId:a}=n,t=Y(),[l,i]=u.useState(null),r=de();return s("div",{onClick:o=>{o.preventDefault(),o.stopPropagation()},children:[s(rn,{buttonSize:"compact",align:"end",disabledKeys:a?[]:["GO_TO_EXPERIMENT_RUN_TRACES"],onAction:o=>{switch(o){case"GO_TO_EXPERIMENT_RUN_TRACES":return t(`/projects/${a}`);case"VIEW_METADATA":{i(e(H,{title:"Metadata",onDismiss:()=>i(null),children:e(kn,{value:JSON.stringify(n.metadata,null,2)})}));break}case"COPY_EXPERIMENT_ID":{lo(n.experimentId),r({title:"Copied",message:"The experiment ID has been copied to your clipboard"});break}default:ae()}},children:[e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.Trace,{})}),e(K,{children:"View run traces"})]})},"GO_TO_EXPERIMENT_RUN_TRACES"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.InfoOutline,{})}),e(K,{children:"View metadata"})]})},"VIEW_METADATA"),e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.ClipboardCopy,{})}),e(K,{children:"Copy experiment ID"})]})},"COPY_EXPERIMENT_ID")]}),e(G,{type:"modal",isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function Wf(){const n=Fn();return s(B,{children:[e(Dg,{dataset:n.dataset}),e(u.Suspense,{children:e(_e,{})})]})}const Br=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:"referenceOutput",args:null,kind:"ScalarField",name:"output",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},l,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},o=[{kind:"Variable",name:"id",variableName:"datasetId"}],c={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,c],storageKey:null}]},params:{cacheID:"97e80c617426f75b81affa68e276b3d8",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
2906
2906
  $experimentIds: [GlobalID!]!
2907
2907
  $datasetId: GlobalID!
2908
2908
  ) {
@@ -2960,7 +2960,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2960
2960
  }
2961
2961
  }
2962
2962
  }
2963
- `}}}();jr.hash="e6132b301f6d80be7f5c5b0653e25178";const Qa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Kg=v`
2963
+ `}}}();Br.hash="e6132b301f6d80be7f5c5b0653e25178";const Ua={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Lg=C`
2964
2964
  flex: 1 1 auto;
2965
2965
  overflow: auto;
2966
2966
  // Make sure the table fills up the remaining space
@@ -2970,7 +2970,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2970
2970
  vertical-align: top;
2971
2971
  }
2972
2972
  }
2973
- `,qr=v`
2973
+ `,Hr=C`
2974
2974
  position: relative;
2975
2975
  min-height: 75px;
2976
2976
  .controls {
@@ -2987,40 +2987,40 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2987
2987
  border-color: var(--ac-global-color-primary);
2988
2988
  }
2989
2989
  }
2990
- `,Ur=v`
2990
+ `,Gr=C`
2991
2991
  position: absolute;
2992
2992
  top: -23px;
2993
2993
  right: 0px;
2994
2994
  display: flex;
2995
2995
  flex-direction: row;
2996
2996
  gap: var(--ac-global-dimension-static-size-100);
2997
- `,xg=v`
2997
+ `,wg=C`
2998
2998
  display: flex;
2999
2999
  flex-direction: row;
3000
3000
  align-items: center;
3001
3001
  color: var(--ac-global-color-primary);
3002
3002
  gap: var(--ac-global-dimension-size-50);
3003
- `;function Tg(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,i=I.useLazyLoadQuery(jr,{experimentIds:t,datasetId:a}),r=u.useMemo(()=>{var C,b;return((b=(C=i.dataset)==null?void 0:C.experiments)==null?void 0:b.edges.reduce((T,P)=>(T[P.experiment.id]={...P.experiment},T),{}))||{}},[i]),o=u.useMemo(()=>i.comparisons.map(C=>{const b=C.runComparisonItems.reduce((T,P)=>(T[P.experimentId]=P,T),{});return{...C,id:C.example.id,input:C.example.revision.input,referenceOutput:C.example.revision.referenceOutput,runComparisonMap:b}}),[i]),[c,d]=u.useState(null),g=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:C})=>s("div",{css:qr,children:[e(ht,{children:e(ct,{json:C.original.input,disableTitle:!0,space:l?2:0})}),e("div",{className:"controls",css:Ur,children:s(we,{children:[e(N,{variant:"default",size:"compact","aria-label":"View example details",icon:e(w,{svg:e(L.ExpandOutline,{})}),onClick:()=>{u.startTransition(()=>{d(e(u.Suspense,{children:e(Ar,{exampleId:C.original.example.id,onDismiss:()=>{d(null)}})}))})}}),e(En,{children:"View Example"})]})})]})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:l?wg:An}],[l]),f=u.useMemo(()=>t.map(C=>({header:()=>{var P,_;const b=(P=r[C])==null?void 0:P.name,T=((_=r[C])==null?void 0:_.sequenceNumber)||0;return s(h,{direction:"row",gap:"size-100",wrap:!0,children:[e(Ia,{sequenceNumber:T}),e(K,{children:b})]})},accessorKey:C,minSize:500,cell:({row:b})=>{var j,ne;const T=b.original.runComparisonMap[C],P=(T==null?void 0:T.runs.length)||0;if(P===0)return e(zt,{});if(P>1)return e(K,{color:"warning",children:`${P} runs`});const _=T==null?void 0:T.runs[0];let x=null;const D=(j=_==null?void 0:_.trace)==null?void 0:j.traceId,A=(ne=_==null?void 0:_.trace)==null?void 0:ne.projectId;D&&A&&(x=s(we,{children:[e(N,{variant:"default",className:"trace-button",size:"compact","aria-label":"View run trace",icon:e(w,{svg:e(L.Trace,{})}),onClick:re=>{re.preventDefault(),re.stopPropagation(),u.startTransition(()=>{d(e(Wr,{traceId:D,projectId:A,title:"Experiment Run Trace"}))})}}),e(En,{children:"View Trace"})]}));const R=s(H,{children:[s(we,{children:[e(N,{variant:"default",className:"expand-button",size:"compact","aria-label":"View example run details",icon:e(w,{svg:e(L.ExpandOutline,{})}),onClick:re=>{re.preventDefault(),re.stopPropagation(),u.startTransition(()=>{d(e(_g,{selectedExample:b.original,datasetId:a,experimentInfoById:r}))})}}),e(En,{children:"View run details"})]}),x]});return _?e(Lg,{controls:R,children:e(Pg,{..._,displayFullText:l,setDialog:d})}):e(zt,{})}})),[t,r,a,l]),m=u.useMemo(()=>[...g,...f,{id:"tail",minSize:500}],[g,f]),p=ke({columns:m,data:o,getCoreRowModel:be(),columnResizeMode:"onChange"}),y=Ke.useMemo(()=>{const C=p.getFlatHeaders(),b={};for(let T=0;T<C.length;T++){const P=C[T];b[`--header-${P.id}-size`]=P.getSize(),b[`--col-${P.column.id}-size`]=P.column.getSize()}return b},[p.getState().columnSizingInfo,p.getState().columnSizing]),S=p.getRowModel().rows.length===0;return s("div",{css:Kg,children:[s("table",{css:C=>v(He(C),od),style:{...y,width:p.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:p.getHeaderGroups().map(C=>e("tr",{children:C.headers.map(b=>s("th",{style:{width:`calc(var(--header-${b==null?void 0:b.id}-size) * 1px)`},children:[e("div",{children:X(b.column.columnDef.header,b.getContext())}),e("div",{onMouseDown:b.getResizeHandler(),onTouchStart:b.getResizeHandler(),className:`resizer ${b.column.getIsResizing()?"isResizing":""}`})]},b.id))},C.id))}),S?e(Ge,{}):p.getState().columnSizingInfo.isResizingColumn?e(Dg,{table:p}):e(Br,{table:p})]}),e(W,{isDismissable:!0,type:"slideOver",onDismiss:()=>{d(null)},children:c})]})}function Br({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`},children:X(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const Dg=Ke.memo(Br,(n,a)=>n.table.options.data===a.table.options.data);function Ig(n){const{datasetId:a,exampleId:t}=n,l=Y();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(ln,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:ye()}},children:e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.ExternalLinkOutline,{})}),e(K,{children:"Go to example"})]})},"gotoExample")})})}function Pg(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:o,setDialog:c}=n;if(t)return e(Hr,{error:t});const d=r!=null&&r.edges.length?r.edges.map(g=>g.annotation):[];return s(h,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(ht,{children:e(ct,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:v`
3003
+ `;function _g(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,i=I.useLazyLoadQuery(Br,{experimentIds:t,datasetId:a}),r=u.useMemo(()=>{var S,v;return((v=(S=i.dataset)==null?void 0:S.experiments)==null?void 0:v.edges.reduce((L,x)=>(L[x.experiment.id]={...x.experiment},L),{}))||{}},[i]),o=u.useMemo(()=>i.comparisons.map(S=>{const v=S.runComparisonItems.reduce((L,x)=>(L[x.experimentId]=x,L),{});return{...S,id:S.example.id,input:S.example.revision.input,referenceOutput:S.example.revision.referenceOutput,runComparisonMap:v}}),[i]),[c,d]=u.useState(null),g=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:S})=>s("div",{css:Hr,children:[e(bt,{children:e(gt,{json:S.original.input,disableTitle:!0,space:l?2:0})}),e("div",{className:"controls",css:Gr,children:s(De,{children:[e(N,{variant:"default",size:"compact","aria-label":"View example details",icon:e(E,{svg:e(P.ExpandOutline,{})}),onClick:()=>{u.startTransition(()=>{d(e(u.Suspense,{children:e(Nr,{exampleId:S.original.example.id,onDismiss:()=>{d(null)}})}))})}}),e(hn,{children:"View Example"})]})})]})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:l?Ng:Rn}],[l]),f=u.useMemo(()=>t.map(S=>({header:()=>{var x,w;const v=(x=r[S])==null?void 0:x.name,L=((w=r[S])==null?void 0:w.sequenceNumber)||0;return s(h,{direction:"row",gap:"size-100",wrap:!0,children:[e(Da,{sequenceNumber:L}),e(K,{children:v})]})},accessorKey:S,minSize:500,cell:({row:v})=>{var q,ne;const L=v.original.runComparisonMap[S],x=(L==null?void 0:L.runs.length)||0;if(x===0)return e(zt,{});if(x>1)return e(K,{color:"warning",children:`${x} runs`});const w=L==null?void 0:L.runs[0];let T=null;const D=(q=w==null?void 0:w.trace)==null?void 0:q.traceId,R=(ne=w==null?void 0:w.trace)==null?void 0:ne.projectId;D&&R&&(T=s(De,{children:[e(N,{variant:"default",className:"trace-button",size:"compact","aria-label":"View run trace",icon:e(E,{svg:e(P.Trace,{})}),onClick:se=>{se.preventDefault(),se.stopPropagation(),u.startTransition(()=>{d(e(Xr,{traceId:D,projectId:R,title:"Experiment Run Trace"}))})}}),e(hn,{children:"View Trace"})]}));const M=s(B,{children:[s(De,{children:[e(N,{variant:"default",className:"expand-button",size:"compact","aria-label":"View example run details",icon:e(E,{svg:e(P.ExpandOutline,{})}),onClick:se=>{se.preventDefault(),se.stopPropagation(),u.startTransition(()=>{d(e(Vg,{selectedExample:v.original,datasetId:a,experimentInfoById:r}))})}}),e(hn,{children:"View run details"})]}),T]});return w?e(Mg,{controls:M,children:e(Rg,{...w,displayFullText:l,setDialog:d})}):e(zt,{})}})),[t,r,a,l]),m=u.useMemo(()=>[...g,...f,{id:"tail",minSize:500}],[g,f]),p=ke({columns:m,data:o,getCoreRowModel:be(),columnResizeMode:"onChange"}),y=Ke.useMemo(()=>{const S=p.getFlatHeaders(),v={};for(let L=0;L<S.length;L++){const x=S[L];v[`--header-${x.id}-size`]=x.getSize(),v[`--col-${x.column.id}-size`]=x.column.getSize()}return v},[p.getState().columnSizingInfo,p.getState().columnSizing]),b=p.getRowModel().rows.length===0;return s("div",{css:Lg,children:[s("table",{css:S=>C(Ge(S),fd),style:{...y,width:p.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:p.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(v=>s("th",{style:{width:`calc(var(--header-${v==null?void 0:v.id}-size) * 1px)`},children:[e("div",{children:X(v.column.columnDef.header,v.getContext())}),e("div",{onMouseDown:v.getResizeHandler(),onTouchStart:v.getResizeHandler(),className:`resizer ${v.column.getIsResizing()?"isResizing":""}`})]},v.id))},S.id))}),b?e(We,{}):p.getState().columnSizingInfo.isResizingColumn?e(Eg,{table:p}):e(Wr,{table:p})]}),e(G,{isDismissable:!0,type:"slideOver",onDismiss:()=>{d(null)},children:c})]})}function Wr({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`},children:X(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const Eg=Ke.memo(Wr,(n,a)=>n.table.options.data===a.table.options.data);function Ag(n){const{datasetId:a,exampleId:t}=n,l=Y();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(rn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:ae()}},children:e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.ExternalLinkOutline,{})}),e(K,{children:"Go to example"})]})},"gotoExample")})})}function Rg(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:o,setDialog:c}=n;if(t)return e(Jr,{error:t});const d=r!=null&&r.edges.length?r.edges.map(g=>g.annotation):[];return s(h,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(bt,{children:e(gt,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:C`
3004
3004
  display: flex;
3005
3005
  flex-direction: row;
3006
3006
  gap: var(--ac-global-dimension-static-size-100);
3007
3007
  align-items: center;
3008
3008
  flex-wrap: wrap;
3009
- `,children:[e("li",{children:e(Gr,{startTime:l,endTime:i})},"run-latency"),d.map(g=>e("li",{children:e(ra,{annotation:g,extra:g.trace&&e(F,{paddingTop:"size-100",children:s("div",{css:xg,children:[e(w,{svg:e(L.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(xn,{annotation:g,onClick:()=>{const f=g.trace;f&&u.startTransition(()=>{c(e(Wr,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${g.name}`}))})}})})},g.id))]})]})}function Lg(n){return s("div",{css:qr,children:[n.children,e("div",{css:Ur,className:"controls",children:n.controls})]})}function Hr({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(L.AlertCircleOutline,{}),color:"danger"}),e(K,{color:"danger",children:n})]})}function Gr({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ee,{latencyMs:t})}function zt(){return s(h,{direction:"row",gap:"size-50",children:[e(w,{svg:e(L.MinusCircleOutline,{}),color:"grey-800"}),e(K,{color:"text-700",children:"not run"})]})}function wg({getValue:n}){const a=n();return e(ht,{children:e(ct,{json:a,space:2})})}function ht({children:n}){return e("div",{css:v`
3009
+ `,children:[e("li",{children:e(Zr,{startTime:l,endTime:i})},"run-latency"),d.map(g=>e("li",{children:e(ra,{annotation:g,extra:g.trace&&e(F,{paddingTop:"size-100",children:s("div",{css:wg,children:[e(E,{svg:e(P.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(In,{annotation:g,onClick:()=>{const f=g.trace;f&&u.startTransition(()=>{c(e(Xr,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${g.name}`}))})}})})},g.id))]})]})}function Mg(n){return s("div",{css:Hr,children:[n.children,e("div",{css:Gr,className:"controls",children:n.controls})]})}function Jr({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(E,{svg:e(P.AlertCircleOutline,{}),color:"danger"}),e(K,{color:"danger",children:n})]})}function Zr({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ee,{latencyMs:t})}function zt(){return s(h,{direction:"row",gap:"size-50",children:[e(E,{svg:e(P.MinusCircleOutline,{}),color:"grey-800"}),e(K,{color:"text-700",children:"not run"})]})}function Ng({getValue:n}){const a=n();return e(bt,{children:e(gt,{json:a,space:2})})}function bt({children:n}){return e("div",{css:C`
3010
3010
  max-height: 300px;
3011
3011
  overflow-y: auto;
3012
- `,children:n})}function _g({selectedExample:n,datasetId:a,experimentInfoById:t}){return e(B,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(Ig,{datasetId:a,exampleId:n.id}),children:s(Xe,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(ue,{defaultSize:100,children:e("div",{css:v`
3012
+ `,children:n})}function Vg({selectedExample:n,datasetId:a,experimentInfoById:t}){return e(H,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(Ag,{datasetId:a,exampleId:n.id}),children:s(Ye,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(me,{defaultSize:100,children:e("div",{css:C`
3013
3013
  overflow-y: auto;
3014
3014
  height: 100%;
3015
- `,children:e(F,{overflow:"hidden",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(F,{width:"50%",children:e($,{title:"Input",...Qa,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(ae,{text:JSON.stringify(n.input)}),children:e(yn,{value:JSON.stringify(n.input,null,2)})})}),e(F,{width:"50%",children:e($,{title:"Reference Output",...Qa,extra:e(ae,{text:JSON.stringify(n.input)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(yn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(Ye,{css:Kn}),e(ue,{defaultSize:200,children:s(h,{direction:"column",height:"100%",children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:2,children:"Experiments"})}),e("div",{css:v`
3015
+ `,children:e(F,{overflow:"hidden",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(F,{width:"50%",children:e($,{title:"Input",...Ua,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(te,{text:JSON.stringify(n.input)}),children:e(kn,{value:JSON.stringify(n.input,null,2)})})}),e(F,{width:"50%",children:e($,{title:"Reference Output",...Ua,extra:e(te,{text:JSON.stringify(n.input)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(kn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(en,{css:Dn}),e(me,{defaultSize:200,children:s(h,{direction:"column",height:"100%",children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:2,children:"Experiments"})}),e("div",{css:C`
3016
3016
  overflow-y: auto;
3017
3017
  height: 100%;
3018
3018
  padding: var(--ac-global-dimension-static-size-200);
3019
- `,children:e("ul",{css:v`
3019
+ `,children:e("ul",{css:C`
3020
3020
  display: flex;
3021
3021
  flex-direction: column;
3022
3022
  gap: var(--ac-global-dimension-static-size-200);
3023
- `,children:n.runComparisonItems.map(l=>{const i=t[l.experimentId];return e("li",{children:e($,{...Qa,title:i==null?void 0:i.name,titleExtra:e(Ia,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:l.runs.map((r,o)=>{var c;return e("li",{children:s(h,{direction:"row",children:[e(F,{flex:!0,children:r.error?e(F,{padding:"size-200",children:e(Hr,{error:r.error})}):e(yn,{value:JSON.stringify(r.output,null,2)})}),s(Pn,{width:"size-3000",children:[e(Gr,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:v`
3023
+ `,children:n.runComparisonItems.map(l=>{const i=t[l.experimentId];return e("li",{children:e($,{...Ua,title:i==null?void 0:i.name,titleExtra:e(Da,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:l.runs.map((r,o)=>{var c;return e("li",{children:s(h,{direction:"row",children:[e(F,{flex:!0,children:r.error?e(F,{padding:"size-200",children:e(Jr,{error:r.error})}):e(kn,{value:JSON.stringify(r.output,null,2)})}),s(wn,{width:"size-3000",children:[e(Zr,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:C`
3024
3024
  margin-top: var(
3025
3025
  --ac-global-dimension-static-size-100
3026
3026
  );
@@ -3031,12 +3031,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
3031
3031
  gap: var(
3032
3032
  --ac-global-dimension-static-size-100
3033
3033
  );
3034
- `,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(xn,{annotation:d.annotation})},d.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function Wr({traceId:n,projectId:a,title:t}){const l=Y();return e(B,{title:t,size:"fullscreen",extra:e(N,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ft,{traceId:n,projectId:a})})}const Jr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__experiments",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};Jr.hash="1aa376b1e9425f49268ac231dc2c0412";function Eg(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:o,errorMessage:c,...d}=n,g=I.useFragment(Jr,a),f=u.useMemo(()=>g.experiments.edges.map(y=>y.experiment),[g]),m=f.length===0,p=u.useMemo(()=>{if(m)return"No experiments";const y=t.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[t,m]);return e(On,{label:i,isDisabled:m,validationState:r,description:o,errorMessage:c,children:e(nt,{isDisabled:m,...d,menu:e(va,{selectionMode:"multiple",onSelectionChange:y=>{l(Array.from(y))},selectedKeys:new Set(t),children:f.map(y=>e(U,{textValue:y.name,children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(Ia,{sequenceNumber:y.sequenceNumber}),e(K,{children:y.name})]}),e(K,{textSize:"small",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:p})})}function kf(){const n=vn(),[a,t]=u.useState(!1),[l,i]=la(),r=l.getAll("experimentId"),o=r.length>0;return s("main",{css:v`
3034
+ `,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(In,{annotation:d.annotation})},d.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function Xr({traceId:n,projectId:a,title:t}){const l=Y();return e(H,{title:t,size:"fullscreen",extra:e(N,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(kt,{traceId:n,projectId:a})})}const Yr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__experiments",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};Yr.hash="1aa376b1e9425f49268ac231dc2c0412";function zg(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:o,errorMessage:c,...d}=n,g=I.useFragment(Yr,a),f=u.useMemo(()=>g.experiments.edges.map(y=>y.experiment),[g]),m=f.length===0,p=u.useMemo(()=>{if(m)return"No experiments";const y=t.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[t,m]);return e(On,{label:i,isDisabled:m,validationState:r,description:o,errorMessage:c,children:e(lt,{isDisabled:m,...d,menu:e(Sa,{selectionMode:"multiple",onSelectionChange:y=>{l(Array.from(y))},selectedKeys:new Set(t),children:f.map(y=>e(U,{textValue:y.name,children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(Da,{sequenceNumber:y.sequenceNumber}),e(K,{children:y.name})]}),e(K,{textSize:"small",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:p})})}function Jf(){const n=Fn(),[a,t]=u.useState(!1),[l,i]=la(),r=l.getAll("experimentId"),o=r.length>0;return s("main",{css:C`
3035
3035
  height: 100%;
3036
3036
  display: flex;
3037
3037
  flex-direction: column;
3038
3038
  overflow: hidden;
3039
- `,children:[e(F,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(se,{level:1,children:"Compare Experiments"}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(Eg,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:c=>{u.startTransition(()=>{l.delete("experimentId"),c.forEach(d=>{l.append("experimentId",d)}),i(l)})}}),e(zn,{onChange:c=>{t(c)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(u.Suspense,{fallback:e(he,{}),children:e(Tg,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})}):e(F,{padding:"size-200",children:e(te,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const Zr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"ExperimentMultiSelector__experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"InlineFragment",selections:[l,{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e89f99f940098a21985137aae870de7",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
3039
+ `,children:[e(F,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(oe,{level:1,children:"Compare Experiments"}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(zg,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:c=>{u.startTransition(()=>{l.delete("experimentId"),c.forEach(d=>{l.append("experimentId",d)}),i(l)})}}),e(Kn,{onChange:c=>{t(c)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(u.Suspense,{fallback:e(he,{}),children:e(_g,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})}):e(F,{padding:"size-200",children:e(le,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const es=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"ExperimentMultiSelector__experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"InlineFragment",selections:[l,{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e89f99f940098a21985137aae870de7",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
3040
3040
  $id: GlobalID!
3041
3041
  ) {
3042
3042
  dataset: node(id: $id) {
@@ -3062,7 +3062,7 @@ fragment ExperimentMultiSelector__experiments on Dataset {
3062
3062
  }
3063
3063
  }
3064
3064
  }
3065
- `}}}();Zr.hash="fa02088830fd16688f0f2fba9a0009eb";async function bf(n){const{datasetId:a}=n.params;return await I.fetchQuery(xe,Zr,{id:a}).toPromise()}const Xr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},t={defaultValue:null,kind:"LocalArgument",name:"name"},l=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},o],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,n,a],kind:"Operation",name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],storageKey:null},o],storageKey:null}]},params:{cacheID:"799e8f0a627c6ae06e2a87c051d299d0",id:null,metadata:{},name:"APIKeysCardCreateSystemAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysCardCreateSystemAPIKeyMutation(
3065
+ `}}}();es.hash="fa02088830fd16688f0f2fba9a0009eb";async function Zf(n){const{datasetId:a}=n.params;return await I.fetchQuery(Te,es,{id:a}).toPromise()}const ns=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},t={defaultValue:null,kind:"LocalArgument",name:"name"},l=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},o],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,n,a],kind:"Operation",name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],storageKey:null},o],storageKey:null}]},params:{cacheID:"799e8f0a627c6ae06e2a87c051d299d0",id:null,metadata:{},name:"APIKeysCardCreateSystemAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysCardCreateSystemAPIKeyMutation(
3066
3066
  $name: String!
3067
3067
  $description: String = null
3068
3068
  $expiresAt: DateTime = null
@@ -3087,7 +3087,7 @@ fragment SystemAPIKeysTableFragment on Query {
3087
3087
  expiresAt
3088
3088
  }
3089
3089
  }
3090
- `}}}();Xr.hash="a6f84fa9e14f363d2e7317d3d6507590";const Yr=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"APIKeysCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"},{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"APIKeysCardQuery",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[n,a,t,l,i],storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[n,a,t,l,i,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"a8cfba9eaaac34bc497efaacbff45c05",id:null,metadata:{},name:"APIKeysCardQuery",operationKind:"query",text:`query APIKeysCardQuery {
3090
+ `}}}();ns.hash="a6f84fa9e14f363d2e7317d3d6507590";const as=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"APIKeysCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"},{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"APIKeysCardQuery",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[n,a,t,l,i],storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[n,a,t,l,i,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"a8cfba9eaaac34bc497efaacbff45c05",id:null,metadata:{},name:"APIKeysCardQuery",operationKind:"query",text:`query APIKeysCardQuery {
3091
3091
  ...SystemAPIKeysTableFragment
3092
3092
  ...UserAPIKeysTableFragment
3093
3093
  }
@@ -3114,7 +3114,7 @@ fragment UserAPIKeysTableFragment on Query {
3114
3114
  }
3115
3115
  }
3116
3116
  }
3117
- `}}}();Yr.hash="ad967afd45af0d5976982c70eaadb330";const es=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteSystemApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SystemAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SystemAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"a8c45c42b5becca8efa65334285a2f97",id:null,metadata:{},name:"SystemAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation SystemAPIKeysTableDeleteAPIKeyMutation(
3117
+ `}}}();as.hash="ad967afd45af0d5976982c70eaadb330";const ts=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteSystemApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SystemAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SystemAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"a8c45c42b5becca8efa65334285a2f97",id:null,metadata:{},name:"SystemAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation SystemAPIKeysTableDeleteAPIKeyMutation(
3118
3118
  $input: DeleteApiKeyInput!
3119
3119
  ) {
3120
3120
  deleteSystemApiKey(input: $input) {
@@ -3122,7 +3122,7 @@ fragment UserAPIKeysTableFragment on Query {
3122
3122
  apiKeyId
3123
3123
  }
3124
3124
  }
3125
- `}}}();es.hash="55ab8200b5bfda0aa73594ad5cfce96f";const ns={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SystemAPIKeysTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"SystemAPIKeysTableQuery",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}]},params:{cacheID:"94e06b8cd5879701a5d73bee083ad614",id:null,metadata:{},name:"SystemAPIKeysTableQuery",operationKind:"query",text:`query SystemAPIKeysTableQuery {
3125
+ `}}}();ts.hash="55ab8200b5bfda0aa73594ad5cfce96f";const ls={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SystemAPIKeysTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"SystemAPIKeysTableQuery",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}]},params:{cacheID:"94e06b8cd5879701a5d73bee083ad614",id:null,metadata:{},name:"SystemAPIKeysTableQuery",operationKind:"query",text:`query SystemAPIKeysTableQuery {
3126
3126
  ...SystemAPIKeysTableFragment
3127
3127
  }
3128
3128
 
@@ -3135,7 +3135,7 @@ fragment SystemAPIKeysTableFragment on Query {
3135
3135
  expiresAt
3136
3136
  }
3137
3137
  }
3138
- `}};ns.hash="de0fc04de739f0adfcbdeaff28b16265";const as={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ns}},name:"SystemAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};as.hash="de0fc04de739f0adfcbdeaff28b16265";function Ag({query:n}){const[a,t]=I.useRefetchableFragment(as,n),l=ce(),i=oe(),[r]=I.useMutation(es),o=u.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{l({title:"Error deleting system key",message:y.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.systemApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:me},{header:"Created At",accessorKey:"createdAt",cell:Fe},{header:"Expires At",accessorKey:"expiresAt",cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(ut,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),g=ke({columns:d,data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=g.getRowModel().rows.length===0;return s("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[X(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(w,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},y.id))},p.id))}),m?e(Ge,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:X(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}const ts=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"d137498515ff43864f5525b3c1847376",id:null,metadata:{},name:"UserAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation UserAPIKeysTableDeleteAPIKeyMutation(
3138
+ `}};ls.hash="de0fc04de739f0adfcbdeaff28b16265";const is={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ls}},name:"SystemAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};is.hash="de0fc04de739f0adfcbdeaff28b16265";function $g({query:n}){const[a,t]=I.useRefetchableFragment(is,n),l=ue(),i=de(),[r]=I.useMutation(ts),o=u.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{l({title:"Error deleting system key",message:y.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.systemApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:ge},{header:"Created At",accessorKey:"createdAt",cell:Fe},{header:"Expires At",accessorKey:"expiresAt",cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(pt,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),g=ke({columns:d,data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=g.getRowModel().rows.length===0;return s("table",{css:Ge,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[X(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(E,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},y.id))},p.id))}),m?e(We,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:X(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}const rs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"d137498515ff43864f5525b3c1847376",id:null,metadata:{},name:"UserAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation UserAPIKeysTableDeleteAPIKeyMutation(
3139
3139
  $input: DeleteApiKeyInput!
3140
3140
  ) {
3141
3141
  deleteUserApiKey(input: $input) {
@@ -3143,7 +3143,7 @@ fragment SystemAPIKeysTableFragment on Query {
3143
3143
  apiKeyId
3144
3144
  }
3145
3145
  }
3146
- `}}}();ts.hash="9b1d898d1d9858016bed85000ce3906e";const ls={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UserAPIKeysTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UserAPIKeysTableQuery",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"e70d413b072841dff8565a332590a549",id:null,metadata:{},name:"UserAPIKeysTableQuery",operationKind:"query",text:`query UserAPIKeysTableQuery {
3146
+ `}}}();rs.hash="9b1d898d1d9858016bed85000ce3906e";const ss={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UserAPIKeysTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UserAPIKeysTableQuery",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"e70d413b072841dff8565a332590a549",id:null,metadata:{},name:"UserAPIKeysTableQuery",operationKind:"query",text:`query UserAPIKeysTableQuery {
3147
3147
  ...UserAPIKeysTableFragment
3148
3148
  }
3149
3149
 
@@ -3159,7 +3159,7 @@ fragment UserAPIKeysTableFragment on Query {
3159
3159
  }
3160
3160
  }
3161
3161
  }
3162
- `}};ls.hash="c2b3a579bcb0ba915523ecb35cae3b44";const is={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ls}},name:"UserAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};is.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Vt=70;function Rg({query:n}){const[a,t]=I.useRefetchableFragment(is,n),l=ce(),i=oe(),[r]=I.useMutation(ts),o=u.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{l({title:"Error deleting user key",message:y.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.userApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:me},{header:"Description",accessorKey:"description",cell:me},{header:"Created At",accessorKey:"createdAt",size:Vt,cell:Fe},{header:"Expires At",accessorKey:"expiresAt",size:Vt,cell:Fe},{header:"User",size:120,accessorKey:"user.email",cell:me},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(ut,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),g=ke({columns:d,data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=g.getRowModel().rows.length===0;return s("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[X(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(w,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},y.id))},p.id))}),m?e(Ge,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:X(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}function Mg(){const n=I.useLazyLoadQuery(Yr,{},{fetchPolicy:"network-only"});return s(Pe,{children:[e(J,{title:"System Keys",name:"System Keys",children:e(Ag,{query:n})}),e(J,{title:"User Keys",name:"User Keys",children:e(Rg,{query:n})})]})}function Ng(){const[n,a]=u.useState(null),t=ce(),l=d=>{a(e(yl,{jwt:d}))},[i,r]=I.useMutation(Xr),o=u.useCallback(d=>{i({variables:{...d,expiresAt:d.expiresAt||null},onCompleted:g=>{l(g.createSystemApiKey.jwt)},onError:g=>{t({title:"Error creating system key",message:g.message})}})},[i,t]),c=()=>{a(e(fl,{onSubmit:o,isCommitting:r,defaultName:"System"}))};return s("div",{children:[e(Ya,{title:"API Keys",variant:"compact",extra:e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(L.PlusCircleOutline,{})}),onClick:c,children:"System Key"}),children:e(u.Suspense,{fallback:e(F,{padding:"size-100",children:e(he,{})}),children:e(Mg,{})})}),e(W,{onDismiss:()=>{a(null)},children:n})]})}const rs={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersCardQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"926faf98cad4bc437a919677347e277c",id:null,metadata:{},name:"UsersCardQuery",operationKind:"query",text:`query UsersCardQuery {
3162
+ `}};ss.hash="c2b3a579bcb0ba915523ecb35cae3b44";const os={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ss}},name:"UserAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};os.hash="c2b3a579bcb0ba915523ecb35cae3b44";const $t=70;function Og({query:n}){const[a,t]=I.useRefetchableFragment(os,n),l=ue(),i=de(),[r]=I.useMutation(rs),o=u.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{l({title:"Error deleting user key",message:y.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.userApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:ge},{header:"Description",accessorKey:"description",cell:ge},{header:"Created At",accessorKey:"createdAt",size:$t,cell:Fe},{header:"Expires At",accessorKey:"expiresAt",size:$t,cell:Fe},{header:"User",size:120,accessorKey:"user.email",cell:ge},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(pt,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),g=ke({columns:d,data:c,getCoreRowModel:be()}),f=g.getRowModel().rows,m=g.getRowModel().rows.length===0;return s("table",{css:Ge,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[X(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(E,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},y.id))},p.id))}),m?e(We,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:X(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}function Qg(){const n=I.useLazyLoadQuery(as,{},{fetchPolicy:"network-only"});return s(Le,{children:[e(W,{title:"System Keys",name:"System Keys",children:e($g,{query:n})}),e(W,{title:"User Keys",name:"User Keys",children:e(Og,{query:n})})]})}function jg(){const[n,a]=u.useState(null),t=ue(),l=d=>{a(e(kl,{jwt:d}))},[i,r]=I.useMutation(ns),o=u.useCallback(d=>{i({variables:{...d,expiresAt:d.expiresAt||null},onCompleted:g=>{l(g.createSystemApiKey.jwt)},onError:g=>{t({title:"Error creating system key",message:g.message})}})},[i,t]),c=()=>{a(e(bl,{onSubmit:o,isCommitting:r,defaultName:"System"}))};return s("div",{children:[e(at,{title:"API Keys",variant:"compact",extra:e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(P.PlusCircleOutline,{})}),onClick:c,children:"System Key"}),children:e(u.Suspense,{fallback:e(F,{padding:"size-100",children:e(he,{})}),children:e(Qg,{})})}),e(G,{onDismiss:()=>{a(null)},children:n})]})}const ds={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersCardQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"926faf98cad4bc437a919677347e277c",id:null,metadata:{},name:"UsersCardQuery",operationKind:"query",text:`query UsersCardQuery {
3163
3163
  ...UsersTable_users
3164
3164
  }
3165
3165
 
@@ -3180,7 +3180,7 @@ fragment UsersTable_users on Query {
3180
3180
  }
3181
3181
  }
3182
3182
  }
3183
- `}};rs.hash="2b3e260c950dd1a6a1a6883ff6fb78c4";const ss=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"createUser",plural:!1,selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"NewUserDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"NewUserDialogMutation",selections:a},params:{cacheID:"a9bf3794a5355d9d0e0a3acebe7f3809",id:null,metadata:{},name:"NewUserDialogMutation",operationKind:"mutation",text:`mutation NewUserDialogMutation(
3183
+ `}};ds.hash="2b3e260c950dd1a6a1a6883ff6fb78c4";const cs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"createUser",plural:!1,selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"NewUserDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"NewUserDialogMutation",selections:a},params:{cacheID:"a9bf3794a5355d9d0e0a3acebe7f3809",id:null,metadata:{},name:"NewUserDialogMutation",operationKind:"mutation",text:`mutation NewUserDialogMutation(
3184
3184
  $input: CreateUserInput!
3185
3185
  ) {
3186
3186
  createUser(input: $input) {
@@ -3190,7 +3190,7 @@ fragment UsersTable_users on Query {
3190
3190
  }
3191
3191
  }
3192
3192
  }
3193
- `}}}();ss.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function zg({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:t}){const[l,i]=I.useMutation(ss),r=u.useCallback(o=>{l({variables:{input:{email:o.email,username:o.username,password:o.password,role:o.role}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[l,n,a]);return e(W,{onDismiss:t,isDismissable:!0,type:"modal",isKeyboardDismissDisabled:!0,children:e(B,{title:"Add user",children:e(dd,{onSubmit:r,isSubmitting:i})})})}const os={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"d3f85064b63f026a47a8ef139638b933",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
3193
+ `}}}();cs.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function qg({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:t}){const[l,i]=I.useMutation(cs),r=u.useCallback(o=>{l({variables:{input:{email:o.email,username:o.username,password:o.password,role:o.role}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[l,n,a]);return e(G,{onDismiss:t,isDismissable:!0,type:"modal",isKeyboardDismissDisabled:!0,children:e(H,{title:"Add user",children:e(hd,{onSubmit:r,isSubmitting:i})})})}const us={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"d3f85064b63f026a47a8ef139638b933",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
3194
3194
  ...UsersTable_users
3195
3195
  }
3196
3196
 
@@ -3211,37 +3211,37 @@ fragment UsersTable_users on Query {
3211
3211
  }
3212
3212
  }
3213
3213
  }
3214
- `}};os.hash="acd5e44c43deb927fea733697593c97d";const ds={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:os}},name:"UsersTable_users",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};ds.hash="acd5e44c43deb927fea733697593c97d";const cs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],kind:"ScalarField",name:"deleteUsers",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DeleteUserDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DeleteUserDialogMutation",selections:a},params:{cacheID:"00d3d0f3855e92e529bc446d0f426123",id:null,metadata:{},name:"DeleteUserDialogMutation",operationKind:"mutation",text:`mutation DeleteUserDialogMutation(
3214
+ `}};us.hash="acd5e44c43deb927fea733697593c97d";const ms={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:us}},name:"UsersTable_users",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};ms.hash="acd5e44c43deb927fea733697593c97d";const gs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],kind:"ScalarField",name:"deleteUsers",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DeleteUserDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DeleteUserDialogMutation",selections:a},params:{cacheID:"00d3d0f3855e92e529bc446d0f426123",id:null,metadata:{},name:"DeleteUserDialogMutation",operationKind:"mutation",text:`mutation DeleteUserDialogMutation(
3215
3215
  $input: DeleteUsersInput!
3216
3216
  ) {
3217
3217
  deleteUsers(input: $input)
3218
3218
  }
3219
- `}}}();cs.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Vg({userId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(cs),r=oe(),o=ce(),c=u.useCallback(()=>{l({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),t()},onError:d=>{o({title:"Failed to delete user",message:d.message})}})},[l,o,r,t,a,n]);return s(B,{title:"Delete User",isDismissable:!0,onDismiss:t,children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default",onClick:t,children:"Cancel"}),e(N,{variant:"danger",onClick:()=>{c()},disabled:i,children:"Delete user"})]})})]})}const us=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordDialogMutation",selections:a},params:{cacheID:"6ccff8dd53d97eeb41f656bcd2758da1",id:null,metadata:{},name:"ResetPasswordDialogMutation",operationKind:"mutation",text:`mutation ResetPasswordDialogMutation(
3219
+ `}}}();gs.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Ug({userId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(gs),r=de(),o=ue(),c=u.useCallback(()=>{l({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),t()},onError:d=>{o({title:"Failed to delete user",message:d.message})}})},[l,o,r,t,a,n]);return s(H,{title:"Delete User",isDismissable:!0,onDismiss:t,children:[e(F,{padding:"size-200",children:e(K,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default",onClick:t,children:"Cancel"}),e(N,{variant:"danger",onClick:()=>{c()},disabled:i,children:"Delete user"})]})})]})}const ps=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordDialogMutation",selections:a},params:{cacheID:"6ccff8dd53d97eeb41f656bcd2758da1",id:null,metadata:{},name:"ResetPasswordDialogMutation",operationKind:"mutation",text:`mutation ResetPasswordDialogMutation(
3220
3220
  $input: PatchUserInput!
3221
3221
  ) {
3222
3222
  patchUser(input: $input) {
3223
3223
  __typename
3224
3224
  }
3225
3225
  }
3226
- `}}}();us.hash="85b22da61ec094c28e97db2759622b69";const Yn=4;function $g({userId:n,onClose:a}){const t=ce(),l=oe(),[i,r]=I.useMutation(us),{control:o,handleSubmit:c,formState:{isDirty:d}}=Ae({defaultValues:{newPassword:"",confirmPassword:""}}),g=u.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{l({title:"Password reset",message:"Users password has been reset."}),a()},onError:m=>{t({title:"Failed to reset password",message:m.message})}})},[i,t,l,a,n]);return e(B,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(fe,{children:s(F,{padding:"size-200",children:[e(Z,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Yn,message:`Password must be at least ${Yn} characters`}},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${Yn} characters`,name:f,errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(Z,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Yn,message:`Password must be at least ${Yn} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(F,{paddingTop:"size-200",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:d?"primary":"default",type:"submit",disabled:r,onClick:c(g),children:r?"Resetting...":"Reset Password"})})})]})})})}function Og(n){return n==="LOCAL"}function Qg(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=u.useState(null),o=u.useCallback(()=>{r(e(Vg,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),c=u.useCallback(()=>{r(e($g,{userId:a,onClose:()=>r(null)}))},[a]),d=u.useMemo(()=>{const g=e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteUser"),f=e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(L.Refresh,{})}),e(K,{children:"Reset Password"})]})},"resetPassword"),m=[g];return Og(l)&&m.push(f),m},[l]);return s("div",{onClick:g=>{g.preventDefault(),g.stopPropagation()},children:[e(ln,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:g=>{switch(g){case"deleteUser":o();break;case"resetPassword":c();break}},children:d}),e(W,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const ms=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserRoleChangeDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserRoleChangeDialogMutation",selections:a},params:{cacheID:"44e970c967f83a0b7a6bd1cbafc3a936",id:null,metadata:{},name:"UserRoleChangeDialogMutation",operationKind:"mutation",text:`mutation UserRoleChangeDialogMutation(
3226
+ `}}}();ps.hash="85b22da61ec094c28e97db2759622b69";const Yn=4;function Bg({userId:n,onClose:a}){const t=ue(),l=de(),[i,r]=I.useMutation(ps),{control:o,handleSubmit:c,formState:{isDirty:d}}=Re({defaultValues:{newPassword:"",confirmPassword:""}}),g=u.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{l({title:"Password reset",message:"Users password has been reset."}),a()},onError:m=>{t({title:"Failed to reset password",message:m.message})}})},[i,t,l,a,n]);return e(H,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(fe,{children:s(F,{padding:"size-200",children:[e(J,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Yn,message:`Password must be at least ${Yn} characters`}},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${Yn} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(J,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Yn,message:`Password must be at least ${Yn} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(F,{paddingTop:"size-200",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:d?"primary":"default",type:"submit",disabled:r,onClick:c(g),children:r?"Resetting...":"Reset Password"})})})]})})})}function Hg(n){return n==="LOCAL"}function Gg(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=u.useState(null),o=u.useCallback(()=>{r(e(Ug,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),c=u.useCallback(()=>{r(e(Bg,{userId:a,onClose:()=>r(null)}))},[a]),d=u.useMemo(()=>{const g=e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteUser"),f=e(U,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(E,{svg:e(P.Refresh,{})}),e(K,{children:"Reset Password"})]})},"resetPassword"),m=[g];return Hg(l)&&m.push(f),m},[l]);return s("div",{onClick:g=>{g.preventDefault(),g.stopPropagation()},children:[e(rn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:g=>{switch(g){case"deleteUser":o();break;case"resetPassword":c();break}},children:d}),e(G,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const ys=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserRoleChangeDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserRoleChangeDialogMutation",selections:a},params:{cacheID:"44e970c967f83a0b7a6bd1cbafc3a936",id:null,metadata:{},name:"UserRoleChangeDialogMutation",operationKind:"mutation",text:`mutation UserRoleChangeDialogMutation(
3227
3227
  $input: PatchUserInput!
3228
3228
  ) {
3229
3229
  patchUser(input: $input) {
3230
3230
  __typename
3231
3231
  }
3232
3232
  }
3233
- `}}}();ms.hash="468eff05b42e39b55f9aa5b9a7d2c483";function jg({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,c]=I.useMutation(ms),d=oe(),g=ce(),f=u.useCallback(()=>{o({variables:{input:{userId:n,newRole:l}},onCompleted:()=>{d({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:m=>{g({title:"Failed to delete user",message:m.message})}})},[o,l,g,d,r,i,n]);return s(B,{title:"Confirm role change",children:[e(F,{padding:"size-200",children:s(K,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:Ga(t)})," to"," ",e("b",{children:Ga(l)}),"?"]})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default",onClick:r,children:"Cancel"}),e(N,{variant:"primary",onClick:()=>{f()},disabled:c,children:"Change role"})]})})]})}const qg=55,Ug=v`
3233
+ `}}}();ys.hash="468eff05b42e39b55f9aa5b9a7d2c483";function Wg({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,c]=I.useMutation(ys),d=de(),g=ue(),f=u.useCallback(()=>{o({variables:{input:{userId:n,newRole:l}},onCompleted:()=>{d({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:m=>{g({title:"Failed to delete user",message:m.message})}})},[o,l,g,d,r,i,n]);return s(H,{title:"Confirm role change",children:[e(F,{padding:"size-200",children:s(K,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:Wa(t)})," to"," ",e("b",{children:Wa(l)}),"?"]})}),e(F,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default",onClick:r,children:"Cancel"}),e(N,{variant:"primary",onClick:()=>{f()},disabled:c,children:"Change role"})]})})]})}const Jg=55,Zg=C`
3234
3234
  text-decoration: none;
3235
3235
  color: var(--ac-global-color-grey-600);
3236
3236
  font-size: 12px;
3237
3237
  &:hover {
3238
3238
  text-decoration: underline;
3239
3239
  }
3240
- `,Bg=v`
3241
- height: ${qg}px;
3242
- `,$t=n=>n.email==="admin@localhost"||n.username==="admin";function Hg({query:n}){const[a,t]=u.useState(null),[l,i]=I.useRefetchableFragment(ds,n),r=u.useMemo(()=>l.users.edges.map(({user:m})=>({id:m.id,email:m.email,username:m.username,profilePictureUrl:m.profilePictureUrl,createdAt:m.createdAt,role:m.role.name,authMethod:m.authMethod})),[l]),o=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:m})=>s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(hl,{name:m.original.username,profilePictureUrl:m.original.profilePictureUrl,size:20}),e("span",{children:m.original.username}),e("a",{href:`mailto:${m.original.email}`,css:Ug,children:m.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:m})=>m.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:m})=>$t(m.original)?Ga(m.original.role):e(ud,{includeLabel:!1,onChange:p=>{p!==m.original.role&&t(e(jg,{onClose:()=>t(null),onRoleChanged:o,currentRole:m.original.role,newRole:p,email:m.original.email,userId:m.original.id}))},role:cd(m.original.role)?m.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:m})=>$t(m.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Qg,{userId:m.original.id,onUserDeleted:o,authMethod:m.original.authMethod})}),meta:{textAlign:"right"}}],[o]),d=ke({columns:c,data:r,getCoreRowModel:be(),getSortedRowModel:Nn()}),g=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(w,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(Ge,{}):e("tbody",{children:g.map(m=>e("tr",{css:Bg,children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))}),e(W,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function Gg(){const[n,a]=u.useState(0),[t,l]=u.useState(null),i=oe(),r=ce(),o=I.useLazyLoadQuery(rs,{},{fetchKey:n,fetchPolicy:"store-and-network"});return s($,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(N,{onClick:()=>{l(e(zg,{onDismiss:()=>{l(null)},onNewUserCreated:c=>{l(null),i({title:"User added",message:`User ${c} has been added.`}),a(d=>d+1)},onNewUserCreationError:c=>{r({title:"Error adding user",message:c.message})}}))},variant:"default",size:"compact",icon:e(w,{svg:e(L.PlusCircleOutline,{})}),children:"Add User"}),children:[e(u.Suspense,{fallback:e(F,{padding:"size-200",children:e(he,{})}),children:e(Hg,{query:o})}),e(W,{onDismiss:()=>{l(null)},children:t})]})}const Wg=v`
3240
+ `,Xg=C`
3241
+ height: ${Jg}px;
3242
+ `,Ot=n=>n.email==="admin@localhost"||n.username==="admin";function Yg({query:n}){const[a,t]=u.useState(null),[l,i]=I.useRefetchableFragment(ms,n),r=u.useMemo(()=>l.users.edges.map(({user:m})=>({id:m.id,email:m.email,username:m.username,profilePictureUrl:m.profilePictureUrl,createdAt:m.createdAt,role:m.role.name,authMethod:m.authMethod})),[l]),o=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:m})=>s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Sl,{name:m.original.username,profilePictureUrl:m.original.profilePictureUrl,size:20}),e("span",{children:m.original.username}),e("a",{href:`mailto:${m.original.email}`,css:Zg,children:m.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:m})=>m.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:m})=>Ot(m.original)?Wa(m.original.role):e(bd,{includeLabel:!1,onChange:p=>{p!==m.original.role&&t(e(Wg,{onClose:()=>t(null),onRoleChanged:o,currentRole:m.original.role,newRole:p,email:m.original.email,userId:m.original.id}))},role:kd(m.original.role)?m.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:m})=>Ot(m.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Gg,{userId:m.original.id,onUserDeleted:o,authMethod:m.original.authMethod})}),meta:{textAlign:"right"}}],[o]),d=ke({columns:c,data:r,getCoreRowModel:be(),getSortedRowModel:Vn()}),g=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:Ge,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(E,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(We,{}):e("tbody",{children:g.map(m=>e("tr",{css:Xg,children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))}),e(G,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function ep(){const[n,a]=u.useState(0),[t,l]=u.useState(null),i=de(),r=ue(),o=I.useLazyLoadQuery(ds,{},{fetchKey:n,fetchPolicy:"store-and-network"});return s($,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(N,{onClick:()=>{l(e(qg,{onDismiss:()=>{l(null)},onNewUserCreated:c=>{l(null),i({title:"User added",message:`User ${c} has been added.`}),a(d=>d+1)},onNewUserCreationError:c=>{r({title:"Error adding user",message:c.message})}}))},variant:"default",size:"compact",icon:e(E,{svg:e(P.PlusCircleOutline,{})}),children:"Add User"}),children:[e(u.Suspense,{fallback:e(F,{padding:"size-200",children:e(he,{})}),children:e(Yg,{query:o})}),e(G,{onDismiss:()=>{l(null)},children:t})]})}const np=C`
3243
3243
  overflow-y: auto;
3244
- `,Jg=v`
3244
+ `,ap=C`
3245
3245
  padding: var(--ac-global-dimension-size-400);
3246
3246
  max-width: 1000px;
3247
3247
  min-width: 500px;
@@ -3249,12 +3249,12 @@ fragment UsersTable_users on Query {
3249
3249
  width: 100%;
3250
3250
  margin-left: auto;
3251
3251
  margin-right: auto;
3252
- `,Zg=v`
3252
+ `,tp=C`
3253
3253
  .ac-field {
3254
3254
  // Hacky solution to make the text fields fill the remaining space
3255
3255
  width: calc(100% - var(--ac-global-dimension-size-600));
3256
3256
  }
3257
- `;function Sf(){return e("main",{css:Wg,children:e("div",{css:Jg,children:s(h,{direction:"column",gap:"size-200",width:"100%",children:[e($,{title:"Platform Settings",variant:"compact",children:s("form",{css:Zg,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"Hostname",value:Ha,isReadOnly:!0,description:"Connect to Phoenix over HTTP"}),e(ja,{text:Ha})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(G,{label:"Platform Version",isReadOnly:!0,value:ma,description:"The version of the Phoenix server"}),e(ja,{text:ma})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",justifyContent:"center",children:[e(G,{label:"Python Version",isReadOnly:!0,value:`pip install 'arize-phoenix==${ma}'`,description:"The version of the Python client library to use to connect to this Phoenix"}),e(ja,{text:ma})]})]})}),e(pl,{children:s(H,{children:[e(Ng,{}),e(Gg,{})]})})]})})})}function ja(n){return e(F,{paddingBottom:"19px",children:e(ae,{text:n.text,size:"default"})})}const Ot=window.Config.basename,Qt={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function vf(){return s("div",{css:v`
3257
+ `;function Xf(){return e("main",{css:np,children:e("div",{css:ap,children:s(h,{direction:"column",gap:"size-200",width:"100%",children:[e($,{title:"Platform Settings",variant:"compact",children:s("form",{css:tp,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"Hostname",value:Ga,isReadOnly:!0,description:"Connect to Phoenix over HTTP"}),e(Ba,{text:Ga})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Z,{label:"Platform Version",isReadOnly:!0,value:ma,description:"The version of the Phoenix server"}),e(Ba,{text:ma})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",justifyContent:"center",children:[e(Z,{label:"Python Version",isReadOnly:!0,value:`pip install 'arize-phoenix==${ma}'`,description:"The version of the Python client library to use to connect to this Phoenix"}),e(Ba,{text:ma})]})]})}),e(hl,{children:s(B,{children:[e(jg,{}),e(ep,{})]})})]})})})}function Ba(n){return e(F,{paddingBottom:"19px",children:e(te,{text:n.text,size:"default"})})}const Qt=window.Config.basename,jt={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function Yf(){return s("div",{css:C`
3258
3258
  display: flex;
3259
3259
  flex-direction: column;
3260
3260
  flex: 1 1 auto;
@@ -3267,7 +3267,7 @@ fragment UsersTable_users on Query {
3267
3267
  flex: 1 1 auto;
3268
3268
  height: 100%;
3269
3269
  }
3270
- `,children:[e(te,{variant:"info",banner:!0,icon:e(w,{svg:e(L.InfoFilled,{})}),children:"These APIs are under active development and are subject to change."}),s(Pe,{children:[e(J,{name:"REST",children:({isSelected:n})=>n&&e("iframe",{src:`${Ot}/docs`,style:Qt})}),e(J,{name:"GraphQL",children:({isSelected:n})=>n&&e("iframe",{src:`${Ot}/graphql`,style:Qt})})]})]})}function wa({children:n}){return s("main",{css:v`
3270
+ `,children:[e(le,{variant:"info",banner:!0,icon:e(E,{svg:e(P.InfoFilled,{})}),children:"These APIs are under active development and are subject to change."}),s(Le,{children:[e(W,{name:"REST",children:({isSelected:n})=>n&&e("iframe",{src:`${Qt}/docs`,style:jt})}),e(W,{name:"GraphQL",children:({isSelected:n})=>n&&e("iframe",{src:`${Qt}/graphql`,style:jt})})]})]})}function La({children:n}){return s("main",{css:C`
3271
3271
  padding-top: 200px;
3272
3272
  width: 100%;
3273
3273
  height: 100vh;
@@ -3281,7 +3281,7 @@ fragment UsersTable_users on Query {
3281
3281
  flex-direction: column;
3282
3282
  justify-content: space-between;
3283
3283
  box-sizing: border-box;
3284
- `,children:[e(F,{borderColor:"light",borderWidth:"thin",width:"size-5000",padding:"size-400",backgroundColor:"dark",marginStart:"auto",marginEnd:"auto",borderRadius:"medium",children:n}),s("footer",{css:v`
3284
+ `,children:[e(F,{borderColor:"light",borderWidth:"thin",width:"size-5000",padding:"size-400",backgroundColor:"dark",marginStart:"auto",marginEnd:"auto",borderRadius:"medium",children:n}),s("footer",{css:C`
3285
3285
  display: flex;
3286
3286
  justify-content: center;
3287
3287
  padding: var(--ac-global-dimension-size-400);
@@ -3295,7 +3295,7 @@ fragment UsersTable_users on Query {
3295
3295
  text-decoration: underline;
3296
3296
  }
3297
3297
  }
3298
- `,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function Xg(n){const a=Y(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[o,c]=u.useState(!1),d=u.useCallback(async m=>{l==null||l(),r(null),c(!0);try{const y=await fetch("/auth/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(!y.ok){const k=y.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{c(()=>!1)}const p=md();a(p)},[a,l,r]),{control:g,handleSubmit:f}=Ae({defaultValues:{email:"",password:""}});return s(H,{children:[i?s(F,{paddingBottom:"size-100",children:[e(te,{variant:"danger",children:i})," "]}):null,s(fe,{children:[e(Z,{name:"email",control:g,render:({field:{onChange:m,value:p}})=>e(G,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:m,value:p,placeholder:"your email address"})}),s("div",{css:v`
3298
+ `,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function lp(n){const a=Y(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[o,c]=u.useState(!1),d=u.useCallback(async m=>{l==null||l(),r(null),c(!0);try{const y=await fetch("/auth/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(!y.ok){const k=y.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{c(()=>!1)}const p=Sd();a(p)},[a,l,r]),{control:g,handleSubmit:f}=Re({defaultValues:{email:"",password:""}});return s(B,{children:[i?s(F,{paddingBottom:"size-100",children:[e(le,{variant:"danger",children:i})," "]}):null,s(fe,{children:[e(J,{name:"email",control:g,render:({field:{onChange:m,value:p}})=>e(Z,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:m,value:p,placeholder:"your email address"})}),s("div",{css:C`
3299
3299
  position: relative;
3300
3300
  a {
3301
3301
  position: absolute;
@@ -3304,13 +3304,13 @@ fragment UsersTable_users on Query {
3304
3304
  top: var(--ac-global-dimension-size-50);
3305
3305
  font-size: 12px;
3306
3306
  }
3307
- `,children:[e(Z,{name:"password",control:g,render:({field:{onChange:m,value:p}})=>e(G,{label:"Password",name:"password",type:"password",isRequired:!0,onChange:m,value:p,placeholder:"your password",onKeyDown:y=>{y.key==="Enter"&&f(d)()}})}),e(We,{to:"/forgot-password",children:"Forgot your password?"})]}),e("div",{css:v`
3307
+ `,children:[e(J,{name:"password",control:g,render:({field:{onChange:m,value:p}})=>e(Z,{label:"Password",name:"password",type:"password",isRequired:!0,onChange:m,value:p,placeholder:"your password",onKeyDown:y=>{y.key==="Enter"&&f(d)()}})}),e(Je,{to:"/forgot-password",children:"Forgot your password?"})]}),e("div",{css:C`
3308
3308
  margin-top: var(--ac-global-dimension-size-200);
3309
3309
  margin-bottom: var(--ac-global-dimension-size-50);
3310
3310
  button {
3311
3311
  width: 100%;
3312
3312
  }
3313
- `,children:e(N,{variant:"primary",loading:o,onClick:f(d),children:"Login"})})]})]})}const Yg=v`
3313
+ `,children:e(N,{variant:"primary",loading:o,onClick:f(d),children:"Login"})})]})]})}const ip=C`
3314
3314
  button {
3315
3315
  width: 100%;
3316
3316
  }
@@ -3330,7 +3330,7 @@ fragment UsersTable_users on Query {
3330
3330
  }
3331
3331
  }
3332
3332
  }
3333
- `;function ep({idpName:n,idpDisplayName:a,returnUrl:t}){return e("form",{action:`/oauth2/${n}/login${t?`?returnUrl=${t}`:""}`,method:"post",css:Yg,"data-provider":n,children:s(N,{variant:"default",type:"submit",icon:e(np,{idpName:n}),children:["Login with ",a]})})}function np({idpName:n}){return n==="github"||n==="google"||n==="microsoft_entra_id"||n.startsWith("aws")?e("i",{children:e("div",{css:v`
3333
+ `;function rp({idpName:n,idpDisplayName:a,returnUrl:t}){return e("form",{action:`/oauth2/${n}/login${t?`?returnUrl=${t}`:""}`,method:"post",css:ip,"data-provider":n,children:s(N,{variant:"default",type:"submit",icon:e(sp,{idpName:n}),children:["Login with ",a]})})}function sp({idpName:n}){return n==="github"||n==="google"||n==="microsoft_entra_id"||n.startsWith("aws")?e("i",{children:e("div",{css:C`
3334
3334
  display: inline-block;
3335
3335
  width: 20px;
3336
3336
  height: 20px;
@@ -3351,51 +3351,51 @@ fragment UsersTable_users on Query {
3351
3351
  &[data-provider^="aws"] {
3352
3352
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='400' height='334' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.578 94.824c-9.683.765-20.854 1.502-32.021 3.006-17.12 2.211-34.24 5.219-48.386 11.907-27.544 11.208-46.163 35.053-46.163 70.114 0 44.018 28.298 66.354 64.026 66.354 11.93 0 21.606-1.466 30.522-3.71 14.156-4.481 26.07-12.67 40.209-27.596 8.192 11.205 10.413 16.428 24.575 28.338 3.725 1.502 7.448 1.502 10.413-.742 8.932-7.458 24.561-20.873 32.773-28.33 3.71-3.012 2.955-7.463.739-11.204-8.198-10.435-16.381-19.401-16.381-39.506V96.324c0-28.359 2.214-54.453-18.614-73.822C261.147 6.815 234.34.86 213.5.86h-8.947c-37.965 2.247-78.169 18.635-87.122 65.629-1.462 5.955 3.012 8.198 5.989 8.962l41.677 5.224c4.471-.773 6.691-4.491 7.432-8.233 3.74-16.388 17.136-24.583 32.024-26.087h2.998c8.905 0 18.586 3.743 23.813 11.168 5.932 8.965 5.21 20.904 5.21 31.339v5.961h.004v.001zm0 43.278c0 17.162.723 30.571-8.195 45.461-5.208 10.437-14.141 17.154-23.827 19.4-1.481 0-3.698.766-5.947.766-16.371 0-26.077-12.673-26.077-31.334 0-23.856 14.159-35.056 32.023-40.277 9.687-2.241 20.86-2.982 32.021-2.982v8.966h.002z'/%3E%3Cpath d='M373.71 315.303c18.201-15.398 25.89-43.349 26.29-57.939v-2.44c0-3.255-.803-5.661-1.6-6.88-3.646-4.445-30.369-8.523-53.402-1.627-6.468 2.045-12.146 4.865-17.396 8.507-4.051 2.854-3.238 6.464.802 6.08 4.447-.823 10.126-1.208 16.594-2.048 14.159-1.18 30.742-1.592 34.784 3.662 5.642 6.87-6.468 36.868-11.749 49.838-1.593 4.065 2.03 5.696 5.677 2.847z' fill='%23FE9900'/%3E%3Cpath d='M2.008 257.364c52.17 47.404 120.925 75.775 197.791 75.775 47.725 0 102.727-13.381 145.199-38.899 5.676-3.27 11.316-6.912 16.565-10.952 7.286-5.25.817-13.38-6.463-10.147-3.229 1.215-6.873 2.857-10.103 4.066-46.539 18.248-95.441 26.76-140.762 26.76-72.008 0-141.56-19.87-197.786-52.684-5.259-2.822-8.907 2.428-4.441 6.081z' fill='%23FE9900'/%3E%3C/svg%3E");
3353
3353
  }
3354
- `,"data-provider":n})}):null}function kt(){return s("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),s("defs",{children:[s("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),s("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const ap=v`
3354
+ `,"data-provider":n})}):null}function St(){return s("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),s("defs",{children:[s("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),s("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const op=C`
3355
3355
  text-align: center;
3356
3356
  margin-top: var(--ac-global-dimension-size-200);
3357
3357
  margin-bottom: var(--ac-global-dimension-size-200);
3358
3358
  color: var(--ac-global-text-color-700);
3359
- `,tp=v`
3359
+ `,dp=C`
3360
3360
  display: flex;
3361
3361
  flex-direction: column;
3362
3362
  gap: var(--ac-global-dimension-size-100);
3363
3363
  flex-wrap: wrap;
3364
3364
  justify-content: center;
3365
- `;function Cf(){const n=window.Config.oAuth2Idps,a=n.length>0,[t,l]=la(),i=t.get("returnUrl"),r=t.get("message");return s(wa,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(kt,{})})}),r&&e(F,{paddingBottom:"size-100",children:e(te,{variant:"success",children:r})}),e(Xg,{initialError:t.get("error"),onSubmit:()=>{l(o=>{const c=new URLSearchParams(o);return c.delete("message"),c.delete("error"),c})}}),a&&s(H,{children:[e("div",{css:ap,children:"or"}),e("ul",{css:tp,children:n.map(o=>e("li",{children:e(ep,{idpName:o.name,idpDisplayName:o.displayName,returnUrl:i},o.name)},o.name))})]})]})}const gs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordFormMutation",selections:a},params:{cacheID:"d09af5e3a2a3d10f117373e25bef11e6",id:null,metadata:{},name:"ResetPasswordFormMutation",operationKind:"mutation",text:`mutation ResetPasswordFormMutation(
3365
+ `;function e1(){const n=window.Config.oAuth2Idps,a=n.length>0,[t,l]=la(),i=t.get("returnUrl"),r=t.get("message");return s(La,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(St,{})})}),r&&e(F,{paddingBottom:"size-100",children:e(le,{variant:"success",children:r})}),e(lp,{initialError:t.get("error"),onSubmit:()=>{l(o=>{const c=new URLSearchParams(o);return c.delete("message"),c.delete("error"),c})}}),a&&s(B,{children:[e("div",{css:op,children:"or"}),e("ul",{css:dp,children:n.map(o=>e("li",{children:e(rp,{idpName:o.name,idpDisplayName:o.displayName,returnUrl:i},o.name)},o.name))})]})]})}const fs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordFormMutation",selections:a},params:{cacheID:"d09af5e3a2a3d10f117373e25bef11e6",id:null,metadata:{},name:"ResetPasswordFormMutation",operationKind:"mutation",text:`mutation ResetPasswordFormMutation(
3366
3366
  $input: PatchViewerInput!
3367
3367
  ) {
3368
3368
  patchViewer(input: $input) {
3369
3369
  __typename
3370
3370
  }
3371
3371
  }
3372
- `}}}();gs.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const ea=4;function lp(){const n=Y(),a=ce(),[t,l]=I.useMutation(gs),{control:i,handleSubmit:r}=Ae({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),o=u.useCallback(c=>{t({variables:{input:{currentPassword:c.currentPassword,newPassword:c.newPassword}},onCompleted:()=>{const d=kl({path:"/login",searchParams:{message:"Password has been reset."}});n(d)},onError:d=>{a({title:"Failed to reset password",message:d.message})}})},[t,n,a]);return s(fe,{onSubmit:r(o),children:[e(Z,{name:"currentPassword",control:i,rules:{required:"the current is required"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(G,{label:"Old Password",type:"password",name:c,isRequired:!0,description:"The current password",errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,value:f})}),e(Z,{name:"newPassword",control:i,rules:{required:"Password is required",minLength:{value:ea,message:`Password must be at least ${ea} characters`},validate:(c,d)=>c!==d.currentPassword||"New password must be different"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(G,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${ea} characters`,name:c,errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,defaultValue:f})}),e(Z,{name:"confirmPassword",control:i,rules:{required:"Password is required",minLength:{value:ea,message:`Password must be at least ${ea} characters`},validate:(c,d)=>c===d.newPassword||"Passwords do not match"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(G,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:c,errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,defaultValue:f})}),e(F,{paddingTop:"size-200",children:s("div",{css:v`
3372
+ `}}}();fs.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const ea=4;function cp(){const n=Y(),a=ue(),[t,l]=I.useMutation(fs),{control:i,handleSubmit:r}=Re({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),o=u.useCallback(c=>{t({variables:{input:{currentPassword:c.currentPassword,newPassword:c.newPassword}},onCompleted:()=>{const d=vl({path:"/login",searchParams:{message:"Password has been reset."}});n(d)},onError:d=>{a({title:"Failed to reset password",message:d.message})}})},[t,n,a]);return s(fe,{onSubmit:r(o),children:[e(J,{name:"currentPassword",control:i,rules:{required:"the current is required"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(Z,{label:"Old Password",type:"password",name:c,isRequired:!0,description:"The current password",errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,value:f})}),e(J,{name:"newPassword",control:i,rules:{required:"Password is required",minLength:{value:ea,message:`Password must be at least ${ea} characters`},validate:(c,d)=>c!==d.currentPassword||"New password must be different"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(Z,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${ea} characters`,name:c,errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,defaultValue:f})}),e(J,{name:"confirmPassword",control:i,rules:{required:"Password is required",minLength:{value:ea,message:`Password must be at least ${ea} characters`},validate:(c,d)=>c===d.newPassword||"Passwords do not match"},render:({field:{name:c,onChange:d,onBlur:g,value:f},fieldState:{invalid:m,error:p}})=>e(Z,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:c,errorMessage:p==null?void 0:p.message,validationState:m?"invalid":"valid",onChange:d,onBlur:g,defaultValue:f})}),e(F,{paddingTop:"size-200",children:s("div",{css:C`
3373
3373
  display: flex;
3374
3374
  flex-direction: row;
3375
3375
  gap: var(--ac-global-dimension-size-200);
3376
3376
  & > * {
3377
3377
  width: 50%;
3378
3378
  }
3379
- `,children:[e(N,{variant:"default",onClick:()=>{n(-1)},children:"Cancel"}),e(N,{variant:"primary",type:"submit",disabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function Ff(){return s(wa,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(kt,{})})}),e(lp,{})]})}const na=4,ip="An error occurred. Please try resetting again.";function rp({resetToken:n}){const a=Y(),[t,l]=u.useState(null),[i,r]=u.useState(!1),o=u.useCallback(async({resetToken:f,newPassword:m})=>{l(null),r(!0);try{const p=await fetch("/auth/password-reset",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:m})});if(!p.ok){const y=await p.text();l(y);return}}catch{l(ip);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:c,handleSubmit:d,formState:{isDirty:g}}=Ae({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(H,{children:[t?e(F,{paddingBottom:"size-100",children:e(te,{variant:"danger",children:t})}):null,s(fe,{onSubmit:d(o),children:[e(Z,{name:"newPassword",control:c,rules:{required:"Password is required",minLength:{value:na,message:`Password must be at least ${na} characters`}},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${na} characters`,name:f,errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(Z,{name:"confirmPassword",control:c,rules:{required:"Password is required",minLength:{value:na,message:`Password must be at least ${na} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:S}})=>e(G,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:S==null?void 0:S.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e("div",{css:v`
3379
+ `,children:[e(N,{variant:"default",onClick:()=>{n(-1)},children:"Cancel"}),e(N,{variant:"primary",type:"submit",disabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function n1(){return s(La,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(St,{})})}),e(cp,{})]})}const na=4,up="An error occurred. Please try resetting again.";function mp({resetToken:n}){const a=Y(),[t,l]=u.useState(null),[i,r]=u.useState(!1),o=u.useCallback(async({resetToken:f,newPassword:m})=>{l(null),r(!0);try{const p=await fetch("/auth/password-reset",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:m})});if(!p.ok){const y=await p.text();l(y);return}}catch{l(up);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:c,handleSubmit:d,formState:{isDirty:g}}=Re({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(B,{children:[t?e(F,{paddingBottom:"size-100",children:e(le,{variant:"danger",children:t})}):null,s(fe,{onSubmit:d(o),children:[e(J,{name:"newPassword",control:c,rules:{required:"Password is required",minLength:{value:na,message:`Password must be at least ${na} characters`}},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${na} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e(J,{name:"confirmPassword",control:c,rules:{required:"Password is required",minLength:{value:na,message:`Password must be at least ${na} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:k,error:b}})=>e(Z,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})}),e("div",{css:C`
3380
3380
  margin-top: var(--ac-global-dimension-size-200);
3381
3381
  margin-bottom: var(--ac-global-dimension-size-50);
3382
3382
  button {
3383
3383
  width: 100%;
3384
3384
  }
3385
- `,children:e(N,{variant:g?"primary":"default",type:"submit",disabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function Kf(){const n=Y(),[a]=la(),t=a.get("token");return t?s(wa,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(kt,{})})}),e(rp,{resetToken:t}),e(F,{paddingTop:"size-200",children:e(h,{direction:"column",alignItems:"center",justifyContent:"center",children:e(We,{to:"/login",children:"Back to Login"})})})]}):(n("/login"),null)}const ps=function(){var n=[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"resetPasswordLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"resetPasswordLoaderQuery",selections:n},params:{cacheID:"c97389cd896f3e1746d0adf67c759462",id:null,metadata:{},name:"resetPasswordLoaderQuery",operationKind:"query",text:`query resetPasswordLoaderQuery {
3385
+ `,children:e(N,{variant:g?"primary":"default",type:"submit",disabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function a1(){const n=Y(),[a]=la(),t=a.get("token");return t?s(La,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(F,{paddingBottom:"size-200",children:e(St,{})})}),e(mp,{resetToken:t}),e(F,{paddingTop:"size-200",children:e(h,{direction:"column",alignItems:"center",justifyContent:"center",children:e(Je,{to:"/login",children:"Back to Login"})})})]}):(n("/login"),null)}const hs=function(){var n=[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"resetPasswordLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"resetPasswordLoaderQuery",selections:n},params:{cacheID:"c97389cd896f3e1746d0adf67c759462",id:null,metadata:{},name:"resetPasswordLoaderQuery",operationKind:"query",text:`query resetPasswordLoaderQuery {
3386
3386
  viewer {
3387
3387
  id
3388
3388
  email
3389
3389
  }
3390
3390
  }
3391
- `}}}();ps.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function xf(){const n=await I.fetchQuery(xe,ps,{}).toPromise();return n!=null&&n.viewer?n:wn("/login")}function sp({onResetSent:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=u.useCallback(async d=>{t(null),i(!0);try{const g=await fetch("/auth/password-reset-email",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!g.ok){const f=await g.text();t(f);return}n()}finally{i(()=>!1)}},[n,t]),{control:o,handleSubmit:c}=Ae({defaultValues:{email:""}});return s(H,{children:[a?e(F,{paddingBottom:"size-100",children:e(te,{variant:"danger",children:a})}):null,s(fe,{onSubmit:c(r),children:[e(Z,{name:"email",control:o,render:({field:{onChange:d,value:g}})=>e(G,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:d,value:g,placeholder:"your email address",description:"Enter the email address associated with your account."})}),e("div",{css:v`
3391
+ `}}}();hs.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function t1(){const n=await I.fetchQuery(Te,hs,{}).toPromise();return n!=null&&n.viewer?n:En("/login")}function gp({onResetSent:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=u.useCallback(async d=>{t(null),i(!0);try{const g=await fetch("/auth/password-reset-email",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!g.ok){const f=await g.text();t(f);return}n()}finally{i(()=>!1)}},[n,t]),{control:o,handleSubmit:c}=Re({defaultValues:{email:""}});return s(B,{children:[a?e(F,{paddingBottom:"size-100",children:e(le,{variant:"danger",children:a})}):null,s(fe,{onSubmit:c(r),children:[e(J,{name:"email",control:o,render:({field:{onChange:d,value:g}})=>e(Z,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:d,value:g,placeholder:"your email address",description:"Enter the email address associated with your account."})}),e("div",{css:C`
3392
3392
  margin-top: var(--ac-global-dimension-size-200);
3393
3393
  margin-bottom: var(--ac-global-dimension-size-50);
3394
3394
  button {
3395
3395
  width: 100%;
3396
3396
  }
3397
- `,children:e(N,{variant:"primary",type:"submit",loading:l,children:"Send"})})]})]})}function Tf(){const[n,a]=u.useState(!1),t=n?s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(se,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):s(H,{children:[s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(se,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
3398
- a link to reset your password.`})]}),e(sp,{onResetSent:()=>a(!0)})]});return e(wa,{children:s("div",{css:v`
3397
+ `,children:e(N,{variant:"primary",type:"submit",loading:l,children:"Send"})})]})]})}function l1(){const[n,a]=u.useState(!1),t=n?s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(oe,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):s(B,{children:[s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(oe,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
3398
+ a link to reset your password.`})]}),e(gp,{onResetSent:()=>a(!0)})]});return e(La,{children:s("div",{css:C`
3399
3399
  & a {
3400
3400
  text-align: center;
3401
3401
  width: 100%;
@@ -3403,7 +3403,7 @@ fragment UsersTable_users on Query {
3403
3403
  text-align: center;
3404
3404
  padding-top: var(--ac-global-dimension-size-200);
3405
3405
  }
3406
- `,children:[t,e(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:e(We,{to:"/login",children:"Back to Login"})})]})})}const ys=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"APIKeysTableFragment"}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},l],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"572bf0f64678128defccf833e6a5d4ce",id:null,metadata:{},name:"ViewerAPIKeysCreateUserAPIKeyMutation",operationKind:"mutation",text:`mutation ViewerAPIKeysCreateUserAPIKeyMutation(
3406
+ `,children:[t,e(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:e(Je,{to:"/login",children:"Back to Login"})})]})})}const ks=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"APIKeysTableFragment"}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},l],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"572bf0f64678128defccf833e6a5d4ce",id:null,metadata:{},name:"ViewerAPIKeysCreateUserAPIKeyMutation",operationKind:"mutation",text:`mutation ViewerAPIKeysCreateUserAPIKeyMutation(
3407
3407
  $input: CreateUserApiKeyInput!
3408
3408
  ) {
3409
3409
  createUserApiKey(input: $input) {
@@ -3427,7 +3427,7 @@ fragment APIKeysTableFragment on User {
3427
3427
  }
3428
3428
  id
3429
3429
  }
3430
- `}}}();ys.hash="28061ae008e197468be6fd5f2775ccb0";const fs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"APIKeysTableDeleteAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[t,l,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"APIKeysTableDeleteAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[t,l,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"f28a00e7a6eb2e18b1f8b31c8231c2b7",id:null,metadata:{},name:"APIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysTableDeleteAPIKeyMutation(
3430
+ `}}}();ks.hash="28061ae008e197468be6fd5f2775ccb0";const bs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"APIKeysTableDeleteAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[t,l,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"UserAPIKeysTableFragment"}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"APIKeysTableDeleteAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[t,l,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"f28a00e7a6eb2e18b1f8b31c8231c2b7",id:null,metadata:{},name:"APIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysTableDeleteAPIKeyMutation(
3431
3431
  $input: DeleteApiKeyInput!
3432
3432
  ) {
3433
3433
  deleteUserApiKey(input: $input) {
@@ -3451,7 +3451,7 @@ fragment UserAPIKeysTableFragment on Query {
3451
3451
  }
3452
3452
  }
3453
3453
  }
3454
- `}}}();fs.hash="3a505d9d13944798a57fc873ddf0992d";const hs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"APIKeysTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"APIKeysTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"APIKeysTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"User",abstractKey:null}],storageKey:null}]},params:{cacheID:"e677b5974fa137ac3a26acde353767d8",id:null,metadata:{},name:"APIKeysTableQuery",operationKind:"query",text:`query APIKeysTableQuery(
3454
+ `}}}();bs.hash="3a505d9d13944798a57fc873ddf0992d";const Ss=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"APIKeysTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"APIKeysTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"APIKeysTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"User",abstractKey:null}],storageKey:null}]},params:{cacheID:"e677b5974fa137ac3a26acde353767d8",id:null,metadata:{},name:"APIKeysTableQuery",operationKind:"query",text:`query APIKeysTableQuery(
3455
3455
  $id: GlobalID!
3456
3456
  ) {
3457
3457
  node(id: $id) {
@@ -3472,16 +3472,16 @@ fragment APIKeysTableFragment on User {
3472
3472
  }
3473
3473
  id
3474
3474
  }
3475
- `}}}();hs.hash="6c32098d55e4cba859dcec73f3ccd28c";const ks=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:hs,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"APIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],type:"User",abstractKey:null}}();ks.hash="6c32098d55e4cba859dcec73f3ccd28c";const jt=70;function op({query:n}){const[a,t]=I.useRefetchableFragment(ks,n),l=oe(),[i]=I.useMutation(fs),r=u.useCallback(m=>{i({variables:{input:{id:m}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),o=u.useMemo(()=>[...a.apiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:me},{header:"Description",accessorKey:"description",cell:me},{header:"Created At",accessorKey:"createdAt",size:jt,cell:Fe},{header:"Expires At",accessorKey:"expiresAt",size:jt,cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(ut,{handleDelete:()=>{r(p.original.id)}})}),meta:{textAlign:"right"}}],[r]),d=ke({columns:c,data:o,getCoreRowModel:be()}),g=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(w,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(L.ArrowUpFilled,{}):e(L.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(Ge,{message:"No Keys"}):e("tbody",{children:g.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})}function dp({viewer:n}){const[a,t]=u.useState(null),l=ce(),[i,r]=I.useMutation(ys),o=u.useCallback(c=>{i({variables:{input:{...c,expiresAt:c.expiresAt||null}},onCompleted:d=>{t(e(yl,{jwt:d.createUserApiKey.jwt}))},onError:d=>{l({title:"Error creating API key",message:d.message})}})},[i,l]);return s($,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(L.PlusCircleOutline,{})}),onClick:()=>t(e(fl,{onSubmit:o,isCommitting:r})),children:"New Key"}),children:[e(op,{query:n}),e(W,{onDismiss:()=>{t(null)},children:a})]})}const bs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerProfileCardMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerProfileCardMutation",selections:a},params:{cacheID:"03f161df42c71b5924a8ee665e01cdce",id:null,metadata:{},name:"ViewerProfileCardMutation",operationKind:"mutation",text:`mutation ViewerProfileCardMutation(
3475
+ `}}}();Ss.hash="6c32098d55e4cba859dcec73f3ccd28c";const vs=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Ss,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"APIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],type:"User",abstractKey:null}}();vs.hash="6c32098d55e4cba859dcec73f3ccd28c";const qt=70;function pp({query:n}){const[a,t]=I.useRefetchableFragment(vs,n),l=de(),[i]=I.useMutation(bs),r=u.useCallback(m=>{i({variables:{input:{id:m}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),o=u.useMemo(()=>[...a.apiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:ge},{header:"Description",accessorKey:"description",cell:ge},{header:"Created At",accessorKey:"createdAt",size:qt,cell:Fe},{header:"Expires At",accessorKey:"expiresAt",size:qt,cell:Fe},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(pt,{handleDelete:()=>{r(p.original.id)}})}),meta:{textAlign:"right"}}],[r]),d=ke({columns:c,data:o,getCoreRowModel:be()}),g=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:Ge,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[X(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(E,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(P.ArrowUpFilled,{}):e(P.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(We,{message:"No Keys"}):e("tbody",{children:g.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:X(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})}function yp({viewer:n}){const[a,t]=u.useState(null),l=ue(),[i,r]=I.useMutation(ks),o=u.useCallback(c=>{i({variables:{input:{...c,expiresAt:c.expiresAt||null}},onCompleted:d=>{t(e(kl,{jwt:d.createUserApiKey.jwt}))},onError:d=>{l({title:"Error creating API key",message:d.message})}})},[i,l]);return s($,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(P.PlusCircleOutline,{})}),onClick:()=>t(e(bl,{onSubmit:o,isCommitting:r})),children:"New Key"}),children:[e(pp,{query:n}),e(G,{onDismiss:()=>{t(null)},children:a})]})}const Cs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerProfileCardMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerProfileCardMutation",selections:a},params:{cacheID:"03f161df42c71b5924a8ee665e01cdce",id:null,metadata:{},name:"ViewerProfileCardMutation",operationKind:"mutation",text:`mutation ViewerProfileCardMutation(
3476
3476
  $input: PatchViewerInput!
3477
3477
  ) {
3478
3478
  patchViewer(input: $input) {
3479
3479
  __typename
3480
3480
  }
3481
3481
  }
3482
- `}}}();bs.hash="4a11ca65151d84fe95f636763c91dc68";function cp(){const{viewer:n,refetchViewer:a}=bl(),t=ce(),l=oe(),[i,r]=I.useMutation(bs),o=Y(),{control:c,handleSubmit:d,formState:{isDirty:g},reset:f}=Ae({defaultValues:{username:(n==null?void 0:n.username)||""}}),m=u.useCallback(p=>{i({variables:{input:{newUsername:p.username}},onCompleted:()=>{l({title:"Profile updated",message:"Your profile has been updated"}),f({username:p.username}),a()},onError:y=>{t({title:"Failed update profile",message:y.message})}})},[i,l,f,a,t]);return n?s($,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(N,{variant:"default",size:"compact",onClick:()=>{o("/reset-password")},children:"Reset Password"}),children:[e(F,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[e(hl,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),s(h,{direction:"column",gap:"size-50",children:[e(se,{level:2,weight:"heavy",children:n.username||n.email}),e(K,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(F,{children:s(fe,{onSubmit:d(m),children:[s(F,{padding:"size-200",children:[e(G,{label:"Email",value:n.email,isReadOnly:!0}),e(Z,{name:"username",control:c,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:p,onChange:y,onBlur:k,value:S},fieldState:{invalid:C,error:b}})=>e(G,{label:"Username",isRequired:!0,description:"A unique username",name:p,errorMessage:b==null?void 0:b.message,validationState:C?"invalid":"valid",onChange:y,onBlur:k,defaultValue:S})})]}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:g?"primary":"default",size:"compact",disabled:!g,onClick:()=>{d(m)()},children:r?"Saving...":"Save"})})})]})})]}):null}const up=v`
3482
+ `}}}();Cs.hash="4a11ca65151d84fe95f636763c91dc68";function fp(){const{viewer:n,refetchViewer:a}=Cl(),t=ue(),l=de(),[i,r]=I.useMutation(Cs),o=Y(),{control:c,handleSubmit:d,formState:{isDirty:g},reset:f}=Re({defaultValues:{username:(n==null?void 0:n.username)||""}}),m=u.useCallback(p=>{i({variables:{input:{newUsername:p.username}},onCompleted:()=>{l({title:"Profile updated",message:"Your profile has been updated"}),f({username:p.username}),a()},onError:y=>{t({title:"Failed update profile",message:y.message})}})},[i,l,f,a,t]);return n?s($,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(N,{variant:"default",size:"compact",onClick:()=>{o("/reset-password")},children:"Reset Password"}),children:[e(F,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[e(Sl,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),s(h,{direction:"column",gap:"size-50",children:[e(oe,{level:2,weight:"heavy",children:n.username||n.email}),e(K,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(F,{children:s(fe,{onSubmit:d(m),children:[s(F,{padding:"size-200",children:[e(Z,{label:"Email",value:n.email,isReadOnly:!0}),e(J,{name:"username",control:c,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:p,onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>e(Z,{label:"Username",isRequired:!0,description:"A unique username",name:p,errorMessage:v==null?void 0:v.message,validationState:S?"invalid":"valid",onChange:y,onBlur:k,defaultValue:b})})]}),e(F,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:g?"primary":"default",size:"compact",disabled:!g,onClick:()=>{d(m)()},children:r?"Saving...":"Save"})})})]})})]}):null}const hp=C`
3483
3483
  overflow-y: auto;
3484
- `,mp=v`
3484
+ `,kp=C`
3485
3485
  padding: var(--ac-global-dimension-size-400);
3486
3486
  max-width: 800px;
3487
3487
  min-width: 500px;
@@ -3489,14 +3489,14 @@ fragment APIKeysTableFragment on User {
3489
3489
  width: 100%;
3490
3490
  margin-left: auto;
3491
3491
  margin-right: auto;
3492
- `;function Df(){const{viewer:n}=bl();return n?e("main",{css:up,children:e("div",{css:mp,children:s(h,{direction:"column",gap:"size-200",children:[e(cp,{}),e(dp,{viewer:n})]})})}):null}const Ss=u.createContext(null);function gp({children:n,...a}){const[t]=u.useState(()=>gd(a));return e(Ss.Provider,{value:t,children:n})}function q(n,a){const t=Ke.useContext(Ss);if(!t)throw new Error("Missing PlaygroundContext.Provider in the tree");return ba(t,n,a)}const pp=4,yp={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},fp="Unable to parse span input messages, expected messages which include a role and content.",hp="Unable to parse span output messages, expected messages which include a role and content.",kp="Unable to parse span output expected output.value to be present.",bp="Unable to parse span attributes, attributes must be valid JSON.",Sp="Unable to parse model config, expected llm.model_name to be present.",vp="Unable to parse model config, expected llm.invocation_parameters json string to be present.",Cp="Unable to parse tools, expected tools to be an array of valid OpenAI tools.",qt={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"]},Fp={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY"};function Kp(){const n=q(l=>Array.from(new Set(l.instances.map(i=>i.model.provider)))),a=Wa(l=>l.setCredential),t=Wa(l=>l);return e("div",{css:v`
3492
+ `;function i1(){const{viewer:n}=Cl();return n?e("main",{css:hp,children:e("div",{css:kp,children:s(h,{direction:"column",gap:"size-200",children:[e(fp,{}),e(yp,{viewer:n})]})})}):null}const Fs=u.createContext(null);function bp({children:n,...a}){const[t]=u.useState(()=>vd(a));return e(Fs.Provider,{value:t,children:n})}function j(n,a){const t=Ke.useContext(Fs);if(!t)throw new Error("Missing PlaygroundContext.Provider in the tree");return ha(t,n,a)}const Sp=4,vp={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},Cp="Unable to parse span input messages, expected messages which include a role and content.",Fp="Unable to parse span output messages, expected messages which include a role and content.",Kp="Unable to parse span output expected output.value to be present.",Tp="Unable to parse span attributes, attributes must be valid JSON.",xp="Unable to parse model config, expected llm.model_name to be present.",Dp="Unable to parse model config, expected llm.invocation_parameters json string to be present.",Ip="Unable to parse tools, expected tools to be an array of valid OpenAI tools.",Ut={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"]},Pp={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY"};function Lp(){const n=j(l=>Array.from(new Set(l.instances.map(i=>i.model.provider)))),a=Xa(l=>l.setCredential),t=Xa(l=>l);return e("div",{css:C`
3493
3493
  .ac-dropdown-button {
3494
3494
  min-width: 0px;
3495
3495
  }
3496
- `,children:s(Cn,{placement:"bottom",children:[e(et,{size:"compact",children:"API Keys"}),e(Sa,{children:e(F,{padding:"size-200",children:s(fe,{onSubmit:()=>{},children:[e(se,{level:2,weight:"heavy",children:"API Keys"}),e(K,{color:"text-700",children:"API keys are stored in your browser and used to communicate with their respective API's."}),e(h,{direction:"column",gap:"size-100",children:n.map(l=>{const i=Fp[l];return e(G,{label:i,type:"password",isRequired:!0,onChange:r=>{a({provider:l,value:r})},value:t[l]},l)})})]})})})]})})}const bt=M.object({type:M.literal("function").describe("The type of the tool"),function:M.object({name:M.string().describe("The name of the function"),description:M.string().optional().describe("A description of the function"),parameters:M.object({type:M.literal("object"),properties:M.record(M.object({type:M.enum(["string","number","boolean","object","array","null","integer"]).describe("The type of the parameter"),description:M.string().optional().describe("A description of the parameter"),enum:M.array(M.string()).optional().describe("The allowed values")}).passthrough()).describe("A map of parameter names to their definitions"),required:M.array(M.string()).optional().describe("The required parameters"),additionalProperties:M.boolean().optional().describe("Whether or not additional properties are allowed in the schema"),strict:M.boolean().optional().describe("Whether or not the arguments should exactly match the function definition, only supported for OpenAI models")}).passthrough().describe("The parameters that the function accepts")}).passthrough().describe("The function definition")}).passthrough(),xp=Bt(bt,{removeAdditionalStrategy:"passthrough"}),vs=M.object({id:M.string().describe("The ID of the tool call"),function:M.object({name:M.string().describe("The name of the function"),arguments:M.union([M.record(M.unknown()).optional(),M.string()]).describe("The arguments for the function")}).describe("The function that is being called").passthrough()}),Cs=M.array(vs),Tp=Bt(Cs,{removeAdditionalStrategy:"passthrough"}),Dp=M.object({tool_call:M.object({id:M.string().optional(),function:M.object({name:M.string(),arguments:M.string()}).partial()}).partial()}).partial(),Fs=M.object({[le.message]:M.object({[Ce.role]:M.string(),[Ce.content]:M.string().optional(),[Ce.tool_calls]:M.array(Dp).optional()})}),Ip=M.object({[le.llm]:M.object({[Te.input_messages]:M.array(Fs)})}),Pp=M.object({[le.llm]:M.object({[Te.output_messages]:M.array(Fs)})}),Lp=M.object({[le.output]:M.object({value:M.string()})}),Ks=mt()(M.enum(["user","ai","system","tool"])),wp=mt()(M.object({id:M.number(),role:Ks,content:M.string().optional(),toolCallId:M.string().optional(),toolCalls:M.array(vs).optional()})),_p=M.array(wp),ka=mt()(M.object({temperature:M.coerce.number().optional(),topP:M.coerce.number().optional(),maxTokens:M.coerce.number().optional(),stop:M.array(M.string()).optional(),seed:M.coerce.number().optional(),maxCompletionTokens:M.coerce.number().optional()})),Ep=M.string().transform(n=>{const{json:a}=Tn(n);return Sl(a)?ka.passthrough().transform(t=>({...t,...Object.fromEntries(Object.entries(t).map(([l,i])=>[l.replace(/_([a-z])/g,(r,o)=>o.toUpperCase()),i]))})).parse(a):null}).transform((n,a)=>{const t=ka.safeParse(n);return t.success?t.data:(t.error.issues.forEach(l=>{a.addIssue(l)}),M.NEVER)}).default("{}"),Ap=M.object({[le.llm]:M.object({[Te.model_name]:M.string()})}),Rp=M.object({[le.llm]:M.object({[Te.invocation_parameters]:Ep})}),Mp=M.string().transform((n,a)=>{const{json:t}=Tn(n);return t==null||!Sl(t)?(a.addIssue({code:M.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),M.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=bt.safeParse(n);return l?t:(a.addIssue({code:M.ZodIssueCode.custom,message:"The tool JSON schema must be a valid OpenAI tool schema"}),M.NEVER)}),Np=M.object({[le.llm]:M.object({[Te.tools]:M.array(M.object({[le.tool]:M.object({[pa.json_schema]:Mp})}).optional()).optional()}).optional()}).optional(),qa=ka.omit({maxCompletionTokens:!0}),ga=ka.pick({maxCompletionTokens:!0}),Ua={OPENAI:{default:qa,"o1-preview":ga,"o1-preview-2024-09-12":ga,"o1-mini":ga,"o1-mini-2024-09-12":ga},AZURE_OPENAI:{default:qa},ANTHROPIC:{default:qa}};function xs(n){return Ks.safeParse(n).success}function zp(n){if(xs(n))return n;for(const[a,t]of Object.entries(yp))if(t.includes(n))return a;return fd}function Vp(n){if(n!=null)return n.map(({tool_call:a})=>{var t,l;return a==null?null:{id:a.id??"",function:{name:((t=a.function)==null?void 0:t.name)??"",arguments:((l=a.function)==null?void 0:l.arguments)??{}}}}).filter(a=>a!=null)}function Ts(n){return n.map(({message:a})=>({id:Pa(),role:zp(a.role),content:a.content,toolCalls:Vp(a.tool_calls)}))}function $p(n){const a=Ip.safeParse(n);return a.success?{messageParsingErrors:[],messages:Ts(a.data.llm.input_messages)}:{messageParsingErrors:[fp],messages:null}}function Op(n){const a=[],t=Pp.safeParse(n);if(t.success)return{output:Ts(t.data.llm.output_messages),outputParsingErrors:a};a.push(hp);const l=Lp.safeParse(n);return l.success?{output:l.data.output.value,outputParsingErrors:a}:(a.push(kp),{output:void 0,outputParsingErrors:a})}function Qp(n){for(const a of Object.keys(qt))if(qt[a].some(l=>n.includes(l)))return a;return vl}function jp(n){const{success:a,data:t}=Ap.safeParse(n);if(a){const{success:l,data:i}=Rp.safeParse(n),r=[];return l||r.push(vp),{modelConfig:{modelName:t.llm.model_name,provider:Qp(t.llm.model_name),invocationParameters:l?i.llm.invocation_parameters:{}},parsingErrors:r}}return{modelConfig:null,parsingErrors:[Sp]}}function qp(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:yd(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Up(n){var l;const{data:a,success:t}=Np.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:qp(a),parsingErrors:[]}:{tools:null,parsingErrors:[Cp]}}function Bp(n){const a=pd(),{json:t,parseError:l}=Tn(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[bp]};const{messages:i,messageParsingErrors:r}=$p(t),{output:o,outputParsingErrors:c}=Op(t),{modelConfig:d,parsingErrors:g}=jp(t),{tools:f,parsingErrors:m}=Up(t);return{playgroundInstance:{...a,model:d??a.model,template:i!=null?{__type:"chat",messages:i}:a.template,output:o,spanId:n.id,tools:f??a.tools},parsingErrors:[...r,...c,...g,...m]}}const Hp=n=>_p.safeParse(n).success,Gp=({instances:n,templateLanguage:a})=>{const t=new Set,l=hd(a);return n.forEach(i=>{switch(i.template.__type){case"chat":{i.template.messages.forEach(o=>{(o.content==null?[]:l.extractVariables(o.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{l.extractVariables(i.template.prompt).forEach(c=>{t.add(c)});break}default:ye()}}),Array.from(t)},Ds=({modelProvider:n,modelName:a})=>{if(!(n in Ua))return Ua[vl].default;const l=Ua[n];return a in l?l[a]:l.default},Wp=()=>{const{instances:n,templateLanguage:a}=q(l=>({instances:l.instances,templateLanguage:l.templateLanguage}));return u.useMemo(()=>Gp({instances:n,templateLanguage:a}),[n,a])},Is=()=>{const n=Wp(),a=q(l=>kd(l.input)?l.input.variablesValueCache:{}),t=u.useMemo(()=>n.reduce((l,i)=>(l[i]=a[i]||"",l),{}),[n,a]);return{variableKeys:n,variablesMap:t}},Jp={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1},Zp=[xl.lineWrapping],Xp=({label:n,value:a,onChange:t})=>{const{theme:l}=Qn();return e(On,{label:n,children:e(Je,{width:"100%",children:e(oa,{theme:l==="light"?Nd:da,basicSetup:Jp,value:a,extensions:Zp,onChange:t})})})};function Yp(){const{variableKeys:n,variablesMap:a}=Is(),t=q(i=>i.setVariableValue),l=q(i=>i.templateLanguage);if(n.length===0){let i="";switch(l){case"F_STRING":{i="{input name}";break}case"MUSTACHE":{i="{{input name}}";break}default:ye()}return e(F,{padding:"size-100",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",children:s(K,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(K,{color:"text-900",children:i})," within your prompt template."]})})})}return e(h,{direction:"column",gap:"size-200",width:"100%",children:n.map((i,r)=>e(Xp,{label:i,value:a[i],onChange:o=>t(i,o)},r))})}function ey(){const n=q(t=>t.inputMode),a=q(t=>t.setInputMode);return s(tt,{value:n,variant:"inline-button",size:"compact",onChange:t=>{(t==="manual"||t==="dataset")&&a(t)},children:[e(Rn,{label:"manual",value:"manual",children:"Manual"}),e(Rn,{label:"Dataset",value:"dataset",children:"Dataset"})]})}const Ps=function(){var n={defaultValue:null,kind:"LocalArgument",name:"apiKey"},a={defaultValue:null,kind:"LocalArgument",name:"invocationParameters"},t={defaultValue:null,kind:"LocalArgument",name:"messages"},l={defaultValue:null,kind:"LocalArgument",name:"model"},i={defaultValue:null,kind:"LocalArgument",name:"templateOptions"},r={defaultValue:null,kind:"LocalArgument",name:"tools"},o={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},c=[{alias:null,args:[{fields:[{kind:"Variable",name:"apiKey",variableName:"apiKey"},{kind:"Variable",name:"invocationParameters",variableName:"invocationParameters"},{kind:"Variable",name:"messages",variableName:"messages"},{kind:"Variable",name:"model",variableName:"model"},{kind:"Variable",name:"template",variableName:"templateOptions"},{kind:"Variable",name:"tools",variableName:"tools"}],kind:"ObjectValue",name:"input"}],concreteType:null,kind:"LinkedField",name:"chatCompletion",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"content",storageKey:null}],type:"TextChunk",abstractKey:null},{kind:"InlineFragment",selections:[o,{alias:null,args:null,concreteType:"FunctionCallChunk",kind:"LinkedField",name:"function",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],type:"ToolCallChunk",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[o],storageKey:null}],type:"FinishedChatCompletion",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null}],type:"ChatCompletionSubscriptionError",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"PlaygroundOutputSubscription",selections:c,type:"Subscription",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,l,a,r,i,n],kind:"Operation",name:"PlaygroundOutputSubscription",selections:c},params:{cacheID:"96dec42dd14805e9b1adc1c112321064",id:null,metadata:{},name:"PlaygroundOutputSubscription",operationKind:"subscription",text:`subscription PlaygroundOutputSubscription(
3496
+ `,children:s(Tn,{placement:"bottom",children:[e(tt,{size:"compact",children:"API Keys"}),e(ba,{children:e(F,{padding:"size-200",children:s(fe,{onSubmit:()=>{},children:[e(oe,{level:2,weight:"heavy",children:"API Keys"}),e(K,{color:"text-700",children:"API keys are stored in your browser and used to communicate with their respective API's."}),e(h,{direction:"column",gap:"size-100",children:n.map(l=>{const i=Pp[l];return e(Z,{label:i,type:"password",isRequired:!0,onChange:r=>{a({provider:l,value:r})},value:t[l]},l)})})]})})})]})})}const Ks=_.object({type:_.literal("object"),properties:_.record(_.object({type:_.enum(["string","number","boolean","object","array","null","integer"]).describe("The type of the parameter"),description:_.string().optional().describe("A description of the parameter"),enum:_.array(_.string()).optional().describe("The allowed values")}).passthrough()).describe("A map of parameter names to their definitions"),required:_.array(_.string()).optional().describe("The required parameters"),additionalProperties:_.boolean().optional().describe("Whether or not additional properties are allowed in the schema")}).passthrough(),wa=_.object({type:_.literal("function").describe("The type of the tool"),function:_.object({name:_.string().describe("The name of the function"),description:_.string().optional().describe("A description of the function"),parameters:Ks.extend({strict:_.boolean().optional().describe("Whether or not the arguments should exactly match the function definition, only supported for OpenAI models")}).describe("The parameters that the function accepts")}).passthrough().describe("The function definition")}).passthrough(),wp=ka(wa,{removeAdditionalStrategy:"passthrough"}),_a=_.object({name:_.string(),description:_.string(),input_schema:Ks}),_p=ka(_a,{removeAdditionalStrategy:"passthrough"}),Ep=_a.transform(n=>({type:"function",function:{name:n.name,description:n.description,parameters:n.input_schema}})),Ap=wa.transform(n=>({name:n.function.name,description:n.function.description??n.function.name,input_schema:n.function.parameters})),Ts=_.union([wa,_a]),xs=n=>{const{success:a,data:t}=wa.safeParse(n);if(a)return{provider:"OPENAI",validatedToolDefinition:t};const{success:l,data:i}=_a.safeParse(n);if(l)return{provider:"ANTHROPIC",validatedToolDefinition:i};throw new Error("Unknown tool call format")},Bt=n=>{const{provider:a,validatedToolDefinition:t}=xs(n);switch(a){case"AZURE_OPENAI":case"OPENAI":return t;case"ANTHROPIC":return Ep.parse(t);default:ae()}},Rp=({toolDefinition:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return Ap.parse(n);default:ae()}};function Mp(n){return{type:"function",function:{name:`new_function_${n}`,description:"",parameters:{type:"object",properties:{new_arg:{type:"string"}},required:[]}}}}function Np(n){return{name:`new_function_${n}`,description:"",input_schema:{type:"object",properties:{new_arg:{type:"string"}},required:[]}}}const Ea=_.object({id:_.string().describe("The ID of the tool call"),function:_.object({name:_.string().describe("The name of the function"),arguments:_.union([_.record(_.unknown()).optional(),_.string()]).describe("The arguments for the function")}).describe("The function that is being called").passthrough()}),Vp=_.array(Ea),zp=ka(Vp,{removeAdditionalStrategy:"passthrough"}),Aa=_.object({id:_.string().describe("The ID of the tool call"),type:_.literal("tool_use"),name:_.string().describe("The name of the tool"),input:_.record(_.unknown()).describe("The input for the tool")}).passthrough(),$p=_.array(Aa),Op=ka($p,{removeAdditionalStrategy:"passthrough"}),Qp=Aa.transform(n=>({id:n.id,function:{name:n.name,arguments:n.input}})),jp=Ea.transform(n=>({id:n.id,type:"tool_use",name:n.function.name,input:typeof n.function.arguments=="string"?{[n.function.arguments]:n.function.arguments}:n.function.arguments??{}})),Ds=_.union([Ea,Aa]),qp=_.array(Ds),Is=n=>{const{success:a,data:t}=Ea.safeParse(n);if(a)return{provider:"OPENAI",validatedToolCall:t};const{success:l,data:i}=Aa.safeParse(n);if(l)return{provider:"ANTHROPIC",validatedToolCall:i};throw new Error("Unknown tool call format")},Ht=n=>{const{provider:a,validatedToolCall:t}=Is(n);switch(a){case"AZURE_OPENAI":case"OPENAI":return t;case"ANTHROPIC":return Qp.parse(t);default:ae()}},Up=({toolCall:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return jp.parse(n);default:ae()}};function Bp(){return{id:"",function:{name:"",arguments:{}}}}function Hp(){return{id:"",type:"tool_use",name:"",input:{}}}const Gp=_.object({tool_call:_.object({id:_.string().optional(),function:_.object({name:_.string(),arguments:_.string()}).partial()}).partial()}).partial(),Ps=_.object({[ie.message]:_.object({[Ce.role]:_.string(),[Ce.content]:_.string().optional(),[Ce.tool_calls]:_.array(Gp).optional()})}),Wp=_.object({[ie.llm]:_.object({[xe.input_messages]:_.array(Ps)})}),Jp=_.object({[ie.llm]:_.object({[xe.output_messages]:_.array(Ps)})}),Zp=_.object({[ie.output]:_.object({value:_.string()})}),Ls=Fl()(_.enum(["user","ai","system","tool"])),Xp=Fl()(_.object({id:_.number(),role:Ls,content:_.string().optional(),toolCallId:_.string().optional(),toolCalls:_.array(Ds).optional()})),Yp=_.array(Xp),ey=_.record(_.union([_.boolean(),_.number(),_.string(),_.array(_.string())])),ny=_.string().transform((n,a)=>{const{json:t}=on(n);return Kl(t)?ey.parse(t):(a.addIssue({code:_.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),_.NEVER)}).default("{}"),ay=_.object({[ie.llm]:_.object({[xe.model_name]:_.string()})}),ty=_.object({[ie.llm]:_.object({[xe.invocation_parameters]:ny})}),ly=_.string().transform((n,a)=>{const{json:t}=on(n);return t==null||!Kl(t)?(a.addIssue({code:_.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),_.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=Ts.safeParse(n);return l?t:(a.addIssue({code:_.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),_.NEVER)}),iy=_.object({[ie.llm]:_.object({[xe.tools]:_.array(_.object({[ie.tool]:_.object({[ga.json_schema]:ly})}).optional()).optional()}).optional()}).optional();function ws(n){return Ls.safeParse(n).success}function ry(n){if(ws(n))return n;for(const[a,t]of Object.entries(vp))if(t.includes(n))return a;return Kd}function sy({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:c}=on(t.function.arguments);Td(c)&&(l=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((o=t.function)==null?void 0:o.name)??"",input:l};default:ae()}}).filter(t=>t!=null)}function _s({messages:n,provider:a}){return n.map(({message:t})=>({id:Ia(),role:ry(t.role),content:t.content,toolCalls:sy({provider:a,toolCalls:t.tool_calls})}))}function oy({provider:n,parsedAttributes:a}){const t=Wp.safeParse(a);return t.success?{messageParsingErrors:[],messages:_s({provider:n,messages:t.data.llm.input_messages})}:{messageParsingErrors:[Cp],messages:null}}function dy({provider:n,parsedAttributes:a}){const t=[],l=Jp.safeParse(a);if(l.success)return{output:_s({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(Fp);const i=Zp.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(Kp),{output:void 0,outputParsingErrors:t})}function cy(n){for(const a of Object.keys(Ut))if(Ut[a].some(l=>n.includes(l)))return a;return Fd}function uy(n){const{success:a,data:t}=ay.safeParse(n);return a?{modelConfig:{modelName:t.llm.model_name,provider:cy(t.llm.model_name),invocationParameters:[]},parsingErrors:[]}:{modelConfig:null,parsingErrors:[xp]}}function my(n,a=[]){const{success:t,data:l}=ty.safeParse(n),i=[];return t||i.push(Dp),{invocationParameters:by((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function gy(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:Ja(),definition:t.tool.json_schema}).filter(t=>t!=null)}function py(n){var l;const{data:a,success:t}=iy.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:gy(a),parsingErrors:[]}:{tools:null,parsingErrors:[Ip]}}function yy(n){const a=Cd(),{json:t,parseError:l}=on(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[Tp]};const i=n.invocationParameters,r=uy(t);let{modelConfig:o}=r;const{parsingErrors:c}=r,{messages:d,messageParsingErrors:g}=oy({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{output:f,outputParsingErrors:m}=dy({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{invocationParameters:p,parsingErrors:y}=my(t,i);o=o!=null?{...o,invocationParameters:p}:null;const{tools:k,parsingErrors:b}=py(t);return{playgroundInstance:{...a,model:o??a.model,template:d!=null?{__type:"chat",messages:d}:a.template,output:f,spanId:n.id,tools:k??a.tools},parsingErrors:[...g,...m,...c,...b,...y]}}const fy=n=>Yp.safeParse(n).success,hy=({instances:n,templateLanguage:a})=>{const t=new Set,l=xd(a);return n.forEach(i=>{switch(i.template.__type){case"chat":{i.template.messages.forEach(o=>{(o.content==null?[]:l.extractVariables(o.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{l.extractVariables(i.template.prompt).forEach(c=>{t.add(c)});break}default:ae()}}),Array.from(t)},ky=(n,a)=>n.filter(t=>a.some(l=>l.invocationName===t.invocationName||l.canonicalName!=null&&t.canonicalName!=null&&l.canonicalName===t.canonicalName)).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>i.canonicalName===t.canonicalName))==null?void 0:l.invocationName)??t.invocationName}}),vt=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),by=(n,a)=>Object.entries(n).map(([t,l])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===t.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===t.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[vt(i.invocationInputField)]:l}}).filter(t=>t!=null),Es=n=>{const{provider:a,validatedToolDefinition:t}=xs(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;default:ae()}},Sy=({instanceTools:n,provider:a})=>n.map(t=>{switch(a){case"OPENAI":case"AZURE_OPENAI":return{...t,definition:Bt(t.definition)};case"ANTHROPIC":return{...t,definition:Rp({toolDefinition:Bt(t.definition),targetProvider:a})};default:ae()}}),vy=({toolCalls:n,provider:a})=>{if(n!=null)return n.map(t=>{switch(a){case"OPENAI":case"AZURE_OPENAI":return Ht(t);case"ANTHROPIC":return Up({toolCall:Ht(t),targetProvider:a});default:ae()}})},Cy=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:Ja(),definition:Mp(a)};case"ANTHROPIC":return{id:Ja(),definition:Np(a)};default:ae()}},Fy=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return Bp();case"ANTHROPIC":return Hp();default:ae()}},Ky=()=>{const{instances:n,templateLanguage:a}=j(l=>({instances:l.instances,templateLanguage:l.templateLanguage}));return u.useMemo(()=>hy({instances:n,templateLanguage:a}),[n,a])},As=()=>{const n=Ky(),a=j(l=>Dd(l.input)?l.input.variablesValueCache:{}),t=u.useMemo(()=>n.reduce((l,i)=>(l[i]=a[i]||"",l),{}),[n,a]);return{variableKeys:n,variablesMap:t}},Ty={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1},xy=[Il.lineWrapping],Dy=({label:n,value:a,onChange:t})=>{const{theme:l}=Qn();return e(On,{label:n,children:e(Ze,{width:"100%",children:e(oa,{theme:l==="light"?jd:da,basicSetup:Ty,value:a,extensions:xy,onChange:t})})})};function Iy(){const{variableKeys:n,variablesMap:a}=As(),t=j(i=>i.setVariableValue),l=j(i=>i.templateLanguage);if(n.length===0){let i="";switch(l){case"F_STRING":{i="{input name}";break}case"MUSTACHE":{i="{{input name}}";break}default:ae()}return e(F,{padding:"size-100",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",children:s(K,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(K,{color:"text-900",children:i})," within your prompt template."]})})})}return e(h,{direction:"column",gap:"size-200",width:"100%",children:n.map((i,r)=>e(Dy,{label:i,value:a[i],onChange:o=>t(i,o)},r))})}function Py(){const n=j(t=>t.inputMode),a=j(t=>t.setInputMode);return s(rt,{value:n,variant:"inline-button",size:"compact",onChange:t=>{(t==="manual"||t==="dataset")&&a(t)},children:[e(Mn,{label:"manual",value:"manual",children:"Manual"}),e(Mn,{label:"Dataset",value:"dataset",children:"Dataset"})]})}const Rs=function(){var n={defaultValue:null,kind:"LocalArgument",name:"apiKey"},a={defaultValue:null,kind:"LocalArgument",name:"invocationParameters"},t={defaultValue:null,kind:"LocalArgument",name:"messages"},l={defaultValue:null,kind:"LocalArgument",name:"model"},i={defaultValue:null,kind:"LocalArgument",name:"templateOptions"},r={defaultValue:null,kind:"LocalArgument",name:"tools"},o={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},c=[{alias:null,args:[{fields:[{kind:"Variable",name:"apiKey",variableName:"apiKey"},{kind:"Variable",name:"invocationParameters",variableName:"invocationParameters"},{kind:"Variable",name:"messages",variableName:"messages"},{kind:"Variable",name:"model",variableName:"model"},{kind:"Variable",name:"template",variableName:"templateOptions"},{kind:"Variable",name:"tools",variableName:"tools"}],kind:"ObjectValue",name:"input"}],concreteType:null,kind:"LinkedField",name:"chatCompletion",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"content",storageKey:null}],type:"TextChunk",abstractKey:null},{kind:"InlineFragment",selections:[o,{alias:null,args:null,concreteType:"FunctionCallChunk",kind:"LinkedField",name:"function",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],type:"ToolCallChunk",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[o],storageKey:null}],type:"FinishedChatCompletion",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null}],type:"ChatCompletionSubscriptionError",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"PlaygroundOutputSubscription",selections:c,type:"Subscription",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,l,a,r,i,n],kind:"Operation",name:"PlaygroundOutputSubscription",selections:c},params:{cacheID:"4d2dafb66075b972f0779f5cc533c9f7",id:null,metadata:{},name:"PlaygroundOutputSubscription",operationKind:"subscription",text:`subscription PlaygroundOutputSubscription(
3497
3497
  $messages: [ChatCompletionMessageInput!]!
3498
3498
  $model: GenerativeModelInput!
3499
- $invocationParameters: InvocationParameters!
3499
+ $invocationParameters: [InvocationParameterInput!]!
3500
3500
  $tools: [JSON!]
3501
3501
  $templateOptions: TemplateOptions
3502
3502
  $apiKey: String
@@ -3523,7 +3523,10 @@ fragment APIKeysTableFragment on User {
3523
3523
  }
3524
3524
  }
3525
3525
  }
3526
- `}}}();Ps.hash="c29d5c7acf3f5090b92480ce34101fa6";const Ls=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null}],type:"Span",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"bee4b51bd781a58c87fd283a966776f6",id:null,metadata:{},name:"RunMetadataFooterQuery",operationKind:"query",text:`query RunMetadataFooterQuery(
3526
+ `}}}();Rs.hash="b7424eea67d1740b3c04e4664fa70107";function Ly({toolCall:n}){const{name:a,input:t}=u.useMemo(()=>{const{provider:l,validatedToolCall:i}=Is(n);switch(l){case"OPENAI":case"AZURE_OPENAI":return{name:i.function.name,input:typeof i.function.arguments=="string"?JSON.parse(i.function.arguments):i.function.arguments};case"ANTHROPIC":return{name:i.name,input:i.input}}},[n]);return s("pre",{css:C`
3527
+ text-wrap: wrap;
3528
+ margin: var(--ac-global-dimension-static-size-100) 0;
3529
+ `,children:[a,"(",JSON.stringify(t,null,2),")"]})}const Ms=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null}],type:"Span",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"bee4b51bd781a58c87fd283a966776f6",id:null,metadata:{},name:"RunMetadataFooterQuery",operationKind:"query",text:`query RunMetadataFooterQuery(
3527
3530
  $spanId: GlobalID!
3528
3531
  ) {
3529
3532
  span: node(id: $spanId) {
@@ -3544,10 +3547,7 @@ fragment APIKeysTableFragment on User {
3544
3547
  }
3545
3548
  }
3546
3549
  }
3547
- `}}}();Ls.hash="c89cb87e785645bbf42e3eadbacc4fc0";function ny({traceId:n,projectId:a,title:t}){const l=Y();return e(B,{title:t,size:"fullscreen",extra:e(N,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ft,{traceId:n,projectId:a})})}function ay({spanId:n}){const[a,t]=u.useState(null),l=I.useLazyLoadQuery(Ls,{spanId:n});if(!l.span||!l.span.project||!l.span.context)return null;const{project:i,context:{traceId:r}}=l.span;return s(F,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ta,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Ee,{latencyMs:l.span.latencyMs||0})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(N,{size:"compact",variant:"default",icon:e(w,{svg:e(L.EditOutline,{})}),onClick:()=>t(e(il,{spanNodeId:n,projectId:i.id})),children:"Annotate"}),e(N,{size:"compact",variant:"default",icon:e(w,{svg:e(L.Trace,{})}),onClick:()=>{u.startTransition(()=>{t(e(u.Suspense,{children:e(ny,{traceId:r,projectId:i.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function ty({index:n,title:a}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Cl,{index:n}),e("span",{children:a})]})}function Za({message:n}){const{role:a,content:t,toolCalls:l}=n,i=yt(a),{mode:r}=bd();return s($,{title:a,...i,variant:"compact",extra:e(Ne,{}),children:[t!=null&&e(h,{direction:"column",alignItems:"start",children:r==="text"?t:e(F,{overflow:"auto",maxWidth:"100%",children:e(Bn,{children:t})})}),l&&l.length>0?l.map(o=>s("pre",{css:v`
3548
- text-wrap: wrap;
3549
- margin: var(--ac-global-dimension-static-size-100) 0;
3550
- `,children:[o.function.name,"(",JSON.stringify(typeof o.function.arguments=="string"?JSON.parse(o.function.arguments):o.function.arguments,null,2),")"]},o.id)):null]})}function ly(n){const a=n.playgroundInstanceId,t=q(c=>c.instances.find(d=>d.id===a)),l=q(c=>c.instances.findIndex(d=>d.id===a));if(!t)throw new Error(`Playground instance ${a} not found`);const i=t.activeRunId,r=i!==null,o=u.useMemo(()=>r?e(oy,{playgroundInstanceId:a},i):Hp(t.output)?t.output.map((d,g)=>e(Za,{message:d},g)):typeof t.output=="string"?e(Za,{message:{id:Pa(),content:t.output,role:"ai"}}):"click run to see output",[r,t.output,a,i]);return s($,{title:e(ty,{index:l,title:"Output"}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:[e(F,{padding:"size-200",children:e(Le,{children:o})}),e(u.Suspense,{children:t.spanId?e(ay,{spanId:t.spanId}):null})]})}function iy({params:n,runId:a,onNext:t,onCompleted:l,onFailed:i}){const r=u.useMemo(()=>({subscription:Ps,variables:n,onNext:o=>{o&&t(o)},onCompleted:()=>{l()},onError:o=>{i(o)}}),[a]);return I.useSubscription(r)}function ry(n){return{content:n.content,role:sy(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function sy(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:ye()}}function oy(n){const a=q(b=>b.instances),t=Wa(b=>b),l=a.find(b=>b.id===n.playgroundInstanceId),i=q(b=>b.updateInstance),r=q(b=>b.templateLanguage),{variablesMap:o}=Is(),c=q(b=>b.markPlaygroundInstanceComplete),d=ce();if(!l)throw new Error("No instance found");if(typeof l.activeRunId!="number")throw new Error("No message found");if(l.template.__type!=="chat")throw new Error("We only support chat templates for now");const[g,f]=u.useState(void 0),[m,p]=u.useState([]),y=l.model.provider==="AZURE_OPENAI"?{endpoint:l.model.endpoint,apiVersion:l.model.apiVersion}:{},k=Ds({modelProvider:l.model.provider,modelName:l.model.modelName||"default"});let S={...l.model.invocationParameters};return k.safeParse(S).success||(S=l.model.invocationParameters),l.tools.length&&(S.toolChoice=l.toolChoice),iy({params:{messages:l.template.messages.map(ry),model:{providerKey:l.model.provider,name:l.model.modelName||"",...y},invocationParameters:S,templateOptions:{variables:o,language:r},tools:l.tools.length?l.tools.map(b=>b.definition):void 0,apiKey:t[l.model.provider]},runId:l.activeRunId,onNext:b=>{const T=b.chatCompletion;T.__typename==="TextChunk"?f(P=>(P||"")+T.content):T.__typename==="ToolCallChunk"?p(P=>{let _=!1;const x=P.map(D=>D.id===T.id?(_=!0,{...D,function:{...D.function,arguments:D.function.arguments+T.function.arguments}}):D);return _||x.push({id:T.id,function:{name:T.function.name,arguments:T.function.arguments}}),x}):T.__typename==="FinishedChatCompletion"?i({instanceId:n.playgroundInstanceId,patch:{spanId:T.span.id}}):T.__typename==="ChatCompletionSubscriptionError"&&(c(n.playgroundInstanceId),i({instanceId:n.playgroundInstanceId,patch:{isRunning:!1}}),d({title:"Chat completion failed",message:T.message}))},onCompleted:()=>{c(n.playgroundInstanceId)},onFailed:b=>{console.error(b),c(n.playgroundInstanceId),i({instanceId:n.playgroundInstanceId,patch:{activeRunId:null}}),d({title:"Failed to get output",message:"Please try again."})}}),l.isRunning?s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(w,{svg:e(L.LoadingOutline,{})}),"Running..."]}):g||m.length?e(Za,{message:{id:Pa(),content:g,role:"ai",toolCalls:m}}):""}function dy(){const n=q(t=>t.runPlaygroundInstances),a=q(t=>t.instances.some(l=>l.isRunning));return e(N,{variant:"primary",disabled:a,icon:e(w,{svg:e(L.PlayCircleOutline,{})}),loading:a,size:"compact",onClick:()=>{n()},children:a?"Running...":"Run"})}function cy(){const n=q(t=>t.streaming),a=q(t=>t.setStreaming);return e(zn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Stream"})}const ws=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"providerKey"}],a=[{kind:"Variable",name:"providerKey",variableName:"providerKey"}],t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderPickerFragment"},{args:a,kind:"FragmentSpread",name:"ModelPickerFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelConfigButtonDialogQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},t],storageKey:null},{alias:null,args:[{fields:a,kind:"ObjectValue",name:"input"}],concreteType:"GenerativeModel",kind:"LinkedField",name:"models",plural:!0,selections:[t],storageKey:null}]},params:{cacheID:"8e6ad232aae761280ca29a0571fe7c23",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery(
3550
+ `}}}();Ms.hash="c89cb87e785645bbf42e3eadbacc4fc0";function wy({traceId:n,projectId:a,title:t}){const l=Y();return e(H,{title:t,size:"fullscreen",extra:e(N,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(kt,{traceId:n,projectId:a})})}function _y({spanId:n}){const[a,t]=u.useState(null),l=I.useLazyLoadQuery(Ms,{spanId:n});if(!l.span||!l.span.project||!l.span.context)return null;const{project:i,context:{traceId:r}}=l.span;return s(F,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ta,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Ee,{latencyMs:l.span.latencyMs||0})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(N,{size:"compact",variant:"default",icon:e(E,{svg:e(P.EditOutline,{})}),onClick:()=>t(e(ol,{spanNodeId:n,projectId:i.id})),children:"Annotate"}),e(N,{size:"compact",variant:"default",icon:e(E,{svg:e(P.Trace,{})}),onClick:()=>{u.startTransition(()=>{t(e(u.Suspense,{children:e(wy,{traceId:r,projectId:i.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function Ey({index:n,title:a}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Tl,{index:n}),e("span",{children:a})]})}function et({message:n}){const{role:a,content:t,toolCalls:l}=n,i=ht(a),{mode:r}=Id();return s($,{title:a,...i,variant:"compact",extra:e(Ve,{}),children:[t!=null&&e(h,{direction:"column",alignItems:"start",children:r==="text"?t:e(F,{overflow:"auto",maxWidth:"100%",children:e(Bn,{children:t})})}),l&&l.length>0?l.map(o=>e(Ly,{toolCall:o},o.id)):null]})}function Ay(n){const a=n.playgroundInstanceId,t=j(c=>c.instances.find(d=>d.id===a)),l=j(c=>c.instances.findIndex(d=>d.id===a));if(!t)throw new Error(`Playground instance ${a} not found`);const i=t.activeRunId,r=i!==null,o=u.useMemo(()=>r?e(Vy,{playgroundInstanceId:a},i):fy(t.output)?t.output.map((d,g)=>e(et,{message:d},g)):typeof t.output=="string"?e(et,{message:{id:Ia(),content:t.output,role:"ai"}}):"click run to see output",[r,t.output,a,i]);return s($,{title:e(Ey,{index:l,title:"Output"}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:[e(F,{padding:"size-200",children:e(we,{children:o})}),e(u.Suspense,{children:t.spanId?e(_y,{spanId:t.spanId}):null})]})}function Ry({params:n,runId:a,onNext:t,onCompleted:l,onFailed:i}){const r=u.useMemo(()=>({subscription:Rs,variables:n,onNext:o=>{o&&t(o)},onCompleted:()=>{l()},onError:o=>{i(o)}}),[a]);return I.useSubscription(r)}function My(n){return{content:n.content,role:Ny(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function Ny(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:ae()}}function Vy(n){const a=j(b=>b.instances),t=Xa(b=>b),l=a.find(b=>b.id===n.playgroundInstanceId),i=j(b=>b.updateInstance),r=j(b=>b.templateLanguage),{variablesMap:o}=As(),c=j(b=>b.markPlaygroundInstanceComplete),d=ue();if(!l)throw new Error("No instance found");if(typeof l.activeRunId!="number")throw new Error("No message found");if(l.template.__type!=="chat")throw new Error("We only support chat templates for now");const[g,f]=u.useState(void 0),[m,p]=u.useState([]),y=l.model.provider==="AZURE_OPENAI"?{endpoint:l.model.endpoint,apiVersion:l.model.apiVersion}:{},k=[...l.model.invocationParameters];return Ry({params:{messages:l.template.messages.map(My),model:{providerKey:l.model.provider,name:l.model.modelName||"",...y},invocationParameters:k,templateOptions:{variables:o,language:r},tools:l.tools.length?l.tools.map(b=>b.definition):void 0,apiKey:t[l.model.provider]},runId:l.activeRunId,onNext:b=>{const S=b.chatCompletion;S.__typename==="TextChunk"?f(v=>(v||"")+S.content):S.__typename==="ToolCallChunk"?p(v=>{let L=!1;const x=v.map(w=>w.id===S.id?(L=!0,{...w,function:{...w.function,arguments:w.function.arguments+S.function.arguments}}):w);return L||x.push({id:S.id,function:{name:S.function.name,arguments:S.function.arguments}}),x}):S.__typename==="FinishedChatCompletion"?i({instanceId:n.playgroundInstanceId,patch:{spanId:S.span.id}}):S.__typename==="ChatCompletionSubscriptionError"&&(c(n.playgroundInstanceId),i({instanceId:n.playgroundInstanceId,patch:{isRunning:!1}}),d({title:"Chat completion failed",message:S.message}))},onCompleted:()=>{c(n.playgroundInstanceId)},onFailed:b=>{console.error(b),c(n.playgroundInstanceId),i({instanceId:n.playgroundInstanceId,patch:{activeRunId:null}}),d({title:"Failed to get output",message:"Please try again."})}}),l.isRunning?s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(E,{svg:e(P.LoadingOutline,{})}),"Running..."]}):g||m.length?e(et,{message:{id:Ia(),content:g,role:"ai",toolCalls:m}}):""}function zy(){const n=j(t=>t.runPlaygroundInstances),a=j(t=>t.instances.some(l=>l.isRunning));return e(N,{variant:"primary",disabled:a,icon:e(E,{svg:e(P.PlayCircleOutline,{})}),loading:a,size:"compact",onClick:()=>{n()},children:a?"Running...":"Run"})}function $y(){const n=j(t=>t.streaming),a=j(t=>t.setStreaming);return e(Kn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Stream"})}const Ns=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"providerKey"}],a=[{kind:"Variable",name:"providerKey",variableName:"providerKey"}],t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderPickerFragment"},{args:a,kind:"FragmentSpread",name:"ModelPickerFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelConfigButtonDialogQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},t],storageKey:null},{alias:null,args:[{fields:a,kind:"ObjectValue",name:"input"}],concreteType:"GenerativeModel",kind:"LinkedField",name:"models",plural:!0,selections:[t],storageKey:null}]},params:{cacheID:"8e6ad232aae761280ca29a0571fe7c23",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery(
3551
3551
  $providerKey: GenerativeProviderKey!
3552
3552
  ) {
3553
3553
  ...ModelProviderPickerFragment
@@ -3566,16 +3566,47 @@ fragment ModelProviderPickerFragment on Query {
3566
3566
  name
3567
3567
  }
3568
3568
  }
3569
- `}}}();ws.hash="c9b38e766093b2378047d22b01ef0fbf";const uy=({field:n,value:a,onChange:t})=>{switch(n){case"temperature":return typeof a!="number"&&a!==void 0?null:e(vt,{label:"Temperature",value:a,step:.1,minValue:0,maxValue:2,onChange:l=>t(l)});case"topP":return typeof a!="number"&&a!==void 0?null:e(vt,{label:"Top P",value:a,step:.1,minValue:0,maxValue:1,onChange:l=>t(l)});case"maxCompletionTokens":return e(G,{label:"Max Completion Tokens",value:(a==null?void 0:a.toString())||"",type:"number",onChange:l=>t(Number(l))});case"maxTokens":return e(G,{label:"Max Tokens",value:(a==null?void 0:a.toString())||"",type:"number",onChange:l=>t(Number(l))});case"stop":return!Array.isArray(a)&&a!==void 0?null:e(G,{label:"Stop",defaultValue:(a==null?void 0:a.join(", "))||"",onChange:l=>t(l.split(/, */g))});case"seed":return e(G,{label:"Seed",value:(a==null?void 0:a.toString())||"",type:"number",onChange:l=>t(Number(l))});default:return null}},my=({model:n,onChange:a})=>{const{invocationParameters:t,provider:l,modelName:i}=n,r=Ds({modelProvider:l,modelName:i||"default"}),o=Object.keys(r.shape).map(c=>{const d=c,g=t[d];return e(uy,{field:d,value:g===null?void 0:g,onChange:f=>a(d,f)},d)});return e(h,{direction:"column",gap:"size-200",children:o})},_s={argumentDefinitions:[{defaultValue:"OPENAI",kind:"LocalArgument",name:"providerKey"}],kind:"Fragment",metadata:null,name:"ModelPickerFragment",selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"providerKey",variableName:"providerKey"}],kind:"ObjectValue",name:"input"}],concreteType:"GenerativeModel",kind:"LinkedField",name:"models",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};_s.hash="1e660ad77ce19db1c1bbe8698a661b4f";function gy({query:n,onChange:a,...t}){const l=I.useFragment(_s,n);return e(Vn,{label:"Model","data-testid":"model-picker",selectedKey:t.modelName??void 0,"aria-label":"model picker",placeholder:"Select a model",onSelectionChange:i=>{typeof i=="string"&&a(i)},width:"100%",...t,children:l.models.map(({name:i})=>e(U,{children:i},i))})}const Es={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderPickerFragment",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Es.hash="c83e86a2772127916f7387dca27b74ce";function py(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"}function yy({onChange:n,query:a,...t}){const l=I.useFragment(Es,a);return e(Vn,{label:"Provider","data-testid":"model-provider-picker",selectedKey:t.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:i=>{const r=i;py(r)&&n(r)},width:"100%",...t,children:l.modelProviders.map(i=>e(U,{children:i.name},i.key))})}function fy({instance:n}){const a=q(l=>l.updateModel),t=u.useCallback(({configKey:l,value:i})=>{a({instanceId:n.id,model:{...n.model,[l]:i}})},[n.id,n.model,a]);return s(H,{children:[e(G,{label:"Deployment Name",value:n.model.modelName??"",onChange:l=>{t({configKey:"modelName",value:l})}}),e(G,{label:"Endpoint",value:n.model.endpoint??"",onChange:l=>{t({configKey:"endpoint",value:l})}}),e(Vn,{label:"API Version",selectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAi API Version",onSelectionChange:l=>{typeof l=="string"&&t({configKey:"apiVersion",value:l})},children:vd.map(l=>e(U,{children:l},l))})]})}function hy(n){const[a,t]=u.useState(null),l=q(i=>i.instances.find(r=>r.id===n.playgroundInstanceId));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);return s(u.Fragment,{children:[e(N,{variant:"default",size:"compact",onClick:()=>{u.startTransition(()=>{t(e(B,{title:"Model Configuration",size:"M",children:e(u.Suspense,{children:e(ky,{...n})})}))})},children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(K,{weight:"heavy",children:Sd[l.model.provider]}),e(K,{children:l.model.modelName||"--"})]})}),e(W,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function ky(n){const{playgroundInstanceId:a}=n,t=q(c=>c.updateModel),l=q(c=>c.instances.find(d=>d.id===a));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const i=I.useLazyLoadQuery(ws,{providerKey:l.model.provider}),r=u.useCallback(c=>{t({instanceId:a,model:{provider:l.model.provider,modelName:c}})},[l.model.provider,a,t]),o=u.useCallback((c,d)=>{t({instanceId:a,model:{...l.model,invocationParameters:{...l.model.invocationParameters,[c]:d}}})},[l.model,a,t]);return e(F,{padding:"size-200",overflow:"auto",children:s(fe,{children:[e(yy,{provider:l.model.provider,query:i,onChange:c=>{t({instanceId:a,model:{provider:c,modelName:null}})}}),l.model.provider==="AZURE_OPENAI"?e(fy,{instance:l}):e(gy,{modelName:l.model.modelName,provider:l.model.provider,query:i,onChange:r}),e(my,{model:l.model,onChange:o})]})})}function by({playgroundInstanceId:n,toolCalls:a,templateMessages:t,messageId:l}){const i=q(d=>d.updateInstance),[r,o]=u.useState(()=>JSON.stringify(a,null,2)),c=u.useCallback(d=>{o(d);const{json:g}=Tn(d);if(g==null)return;const{success:f}=Cs.safeParse(g);f&&i({instanceId:n,patch:{template:{__type:"chat",messages:t.map(m=>l===m.id?{...m,toolCalls:g}:m)}}})},[l,n,t,i]);return e(De,{value:r,jsonSchema:Tp,onChange:c})}function Sy(n){return n==="text"||n==="toolCalls"}function vy({messageMode:n,onChange:a}){return s(tt,{defaultValue:n,variant:"inline-button",size:"compact",onChange:t=>{if(Sy(t))a(t);else throw new Error(`Unknown message mode: ${t}`)},children:[e(Rn,{label:"text input",value:"text",children:e(w,{svg:e(L.MessageSquareOutline,{})})}),e(Rn,{label:"tool calling",value:"toolCalls",children:e(w,{svg:e(L.Code,{})})})]})}const Cy=v`
3569
+ `}}}();Ns.hash="c9b38e766093b2378047d22b01ef0fbf";const Vs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},t=[a],l=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null},a],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:t,type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:t,type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:t,type:"StringListInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:t,type:"BooleanInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"InvocationParametersFormQuery",selections:l,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"InvocationParametersFormQuery",selections:l},params:{cacheID:"74874505b29df3d985f063d70d0560c4",id:null,metadata:{},name:"InvocationParametersFormQuery",operationKind:"query",text:`query InvocationParametersFormQuery(
3570
+ $input: ModelsInput!
3571
+ ) {
3572
+ modelInvocationParameters(input: $input) {
3573
+ __typename
3574
+ ... on InvocationParameterBase {
3575
+ __isInvocationParameterBase: __typename
3576
+ invocationName
3577
+ label
3578
+ required
3579
+ canonicalName
3580
+ }
3581
+ ... on BoundedFloatInvocationParameter {
3582
+ minValue
3583
+ maxValue
3584
+ invocationInputField
3585
+ }
3586
+ ... on IntInvocationParameter {
3587
+ invocationInputField
3588
+ }
3589
+ ... on StringInvocationParameter {
3590
+ invocationInputField
3591
+ }
3592
+ ... on StringListInvocationParameter {
3593
+ invocationInputField
3594
+ }
3595
+ ... on BooleanInvocationParameter {
3596
+ invocationInputField
3597
+ }
3598
+ }
3599
+ }
3600
+ `}}}();Vs.hash="bd85203434a152b7e12c0a96b6476800";const Oy=({field:n,value:a,onChange:t})=>{const{__typename:l}=n;switch(l){case"InvocationParameterBase":return null;case"FloatInvocationParameter":case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(vo,{label:n.label,isRequired:n.required,value:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:i=>t(i)});case"IntInvocationParameter":return e(Z,{label:n.label,isRequired:n.required,value:(a==null?void 0:a.toString())||"",type:"number",onChange:i=>t(Number(i))});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(Z,{label:n.label,isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))||"",onChange:i=>t(i.split(/, */g))});case"StringInvocationParameter":return e(Z,{label:n.label,isRequired:n.required,value:(a==null?void 0:a.toString())||"",type:"text",onChange:i=>t(i)});case"BooleanInvocationParameter":return e(Kn,{onChange:t,defaultSelected:!!a,children:n.label});default:return null}},Qy=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[vt(n.invocationInputField)]},Gt=(n,a)=>{if(n.invocationName===void 0)throw new Error("Invocation name is required");if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return{invocationName:n.invocationName,canonicalName:n.canonicalName,[vt(n.invocationInputField)]:a}},jy=({instanceId:n})=>{const a=j(d=>d.instances.find(g=>g.id===n));if(!a)throw new Error("Instance not found");const{model:t}=a,l=j(d=>d.updateInstanceModelInvocationParameters),i=j(d=>d.filterInstanceModelInvocationParameters),{modelInvocationParameters:r}=I.useLazyLoadQuery(Vs,{input:{providerKey:t.provider,modelName:t.modelName}});u.useEffect(()=>{r&&i({instanceId:a.id,modelSupportedInvocationParameters:r,filter:ky})},[i,a.id,r]);const o=u.useCallback((d,g)=>{if(a.model.invocationParameters.find(m=>m.invocationName===d.invocationName)){const m=Gt(d,g);m&&l({instanceId:a.id,invocationParameters:a.model.invocationParameters.map(p=>p.invocationName===d.invocationName?m:p)})}else{const m=Gt(d,g);m&&l({instanceId:a.id,invocationParameters:[...a.model.invocationParameters,m]})}},[a,l]),c=r.map(d=>{const g=a.model.invocationParameters.find(m=>m.invocationName===d.invocationName),f=g?Qy(d,g):void 0;return e(Oy,{field:d,value:f===null?void 0:f,onChange:m=>o(d,m)},d.invocationName)});return e(h,{direction:"column",gap:"size-200",children:c})},zs={argumentDefinitions:[{defaultValue:"OPENAI",kind:"LocalArgument",name:"providerKey"}],kind:"Fragment",metadata:null,name:"ModelPickerFragment",selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"providerKey",variableName:"providerKey"}],kind:"ObjectValue",name:"input"}],concreteType:"GenerativeModel",kind:"LinkedField",name:"models",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};zs.hash="1e660ad77ce19db1c1bbe8698a661b4f";function qy({query:n,onChange:a,...t}){const l=I.useFragment(zs,n);return e(zn,{label:"Model","data-testid":"model-picker",selectedKey:t.modelName??void 0,"aria-label":"model picker",placeholder:"Select a model",onSelectionChange:i=>{typeof i=="string"&&a(i)},width:"100%",...t,children:l.models.map(({name:i})=>e(U,{children:i},i))})}const $s={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderPickerFragment",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};$s.hash="c83e86a2772127916f7387dca27b74ce";function Uy(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"}function By({onChange:n,query:a,...t}){const l=I.useFragment($s,a);return e(zn,{label:"Provider","data-testid":"model-provider-picker",selectedKey:t.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:i=>{const r=i;Uy(r)&&n(r)},width:"100%",...t,children:l.modelProviders.map(i=>e(U,{children:i.name},i.key))})}function Hy({instance:n}){const a=j(i=>i.updateModel),t=Ae(i=>i.modelConfigByProvider),l=u.useCallback(({configKey:i,value:r})=>{a({instanceId:n.id,model:{...n.model,[i]:r},modelConfigByProvider:t})},[n.id,n.model,t,a]);return s(B,{children:[e(Z,{label:"Deployment Name",value:n.model.modelName??"",onChange:i=>{l({configKey:"modelName",value:i})}}),e(Z,{label:"Endpoint",value:n.model.endpoint??"",onChange:i=>{l({configKey:"endpoint",value:i})}}),e(zn,{label:"API Version",selectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAI API Version",onSelectionChange:i=>{typeof i=="string"&&l({configKey:"apiVersion",value:i})},children:Pd.map(i=>e(U,{children:i},i))})]})}function Gy(n){const[a,t]=u.useState(null),l=j(i=>i.instances.find(r=>r.id===n.playgroundInstanceId));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);return s(u.Fragment,{children:[e(N,{variant:"default",size:"compact",onClick:()=>{u.startTransition(()=>{t(e(Wy,{...n}))})},children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(K,{weight:"heavy",children:Za[l.model.provider]}),e(K,{children:l.model.modelName||"--"})]})}),e(G,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function Wy(n){const a=j(r=>r.instances.find(o=>o.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=Ae(r=>r.setModelConfigForProvider),l=de(),i=u.useCallback(()=>{t({provider:a.model.provider,modelConfig:a.model}),l({title:"Model Configuration Saved",message:`${Za[a.model.provider]} model configuration saved`,expireMs:3e3})},[a.model,l,t]);return e(H,{title:"Model Configuration",size:"M",extra:s(De,{delay:0,offset:5,children:[e(N,{size:"compact",variant:"default",onClick:i,children:"Save Config"}),s(hn,{children:["Remember configuration for"," ",Za[a.model.provider]??"this provider","."]})]}),children:e(u.Suspense,{children:e(Jy,{...n})})})}function Jy(n){const{playgroundInstanceId:a}=n,t=j(g=>g.instances.find(f=>f.id===a));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=Ae(g=>g.modelConfigByProvider),i=j(g=>g.updateInstance),r=j(g=>g.updateModel),o=I.useLazyLoadQuery(Ns,{providerKey:t.model.provider}),c=u.useCallback(g=>{r({instanceId:a,model:{provider:t.model.provider,modelName:g},modelConfigByProvider:l})},[t.model.provider,l,a,r]),d=u.useCallback(g=>{const f={model:{...t.model,provider:g,modelName:null},tools:Sy({instanceTools:t.tools,provider:g})};t.template.__type==="chat"&&(f.template={__type:"chat",messages:t.template.messages.map(m=>({...m,toolCalls:vy({toolCalls:m.toolCalls,provider:g})}))}),i({instanceId:a,patch:f})},[t.model,t.template,t.tools,a,i]);return e(F,{padding:"size-200",overflow:"auto",children:s(fe,{children:[e(By,{provider:t.model.provider,query:o,onChange:d}),t.model.provider==="AZURE_OPENAI"?e(Hy,{instance:t}):e(qy,{modelName:t.model.modelName,provider:t.model.provider,query:o,onChange:c}),t.model.modelName?e(jy,{instanceId:a}):e(B,{})]})})}function Zy({playgroundInstanceId:n,toolCalls:a,templateMessages:t,messageId:l}){const i=j(p=>p.updateInstance),r=j(p=>p.instances.find(y=>y.id===n));if(r==null)throw new Error(`Playground instance ${n} not found`);const[o,c]=u.useState(()=>JSON.stringify(a,null,2)),[d,g]=u.useState(a);u.useEffect(()=>{JSON.stringify(a)!==JSON.stringify(d)&&(c(JSON.stringify(a,null,2)),g(a))},[d,a]);const f=u.useCallback(p=>{c(p);const{json:y}=on(p);if(y==null)return;const{success:k}=qp.safeParse(y);k&&(g(y),i({instanceId:n,patch:{template:{__type:"chat",messages:t.map(b=>l===b.id?{...b,toolCalls:y}:b)}}}))},[l,n,t,i]),m=u.useMemo(()=>{switch(r.model.provider){case"OPENAI":case"AZURE_OPENAI":return zp;case"ANTHROPIC":return Op}},[r.model.provider]);return e(Ie,{value:o,jsonSchema:m,onChange:f})}function Xy(n){return n==="text"||n==="toolCalls"}function Yy({messageMode:n,onChange:a}){return s(rt,{defaultValue:n,variant:"inline-button",size:"compact",onChange:t=>{if(Xy(t))a(t);else throw new Error(`Unknown message mode: ${t}`)},children:[e(Mn,{label:"text input",value:"text",children:e(E,{svg:e(P.MessageSquareOutline,{})})}),e(Mn,{label:"tool calling",value:"toolCalls",children:e(E,{svg:e(P.Code,{})})})]})}const ef=C`
3570
3601
  .ac-field-label {
3571
3602
  display: none;
3572
3603
  }
3573
- `;function Fy({role:n,includeLabel:a=!0,onChange:t}){return s(Vn,{selectedKey:n,css:a?void 0:Cy,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!xs(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(U,{children:"System"},"system"),e(U,{children:"User"},"user"),e(U,{children:"AI"},"ai"),e(U,{children:"Tool"},"tool")]})}const Ky=400;function xy({playgroundInstanceId:n,tool:a,instanceTools:t}){var c;const l=q(d=>d.updateInstance),[i,r]=u.useState(JSON.stringify(a.definition,null,2)),o=u.useCallback(d=>{r(d);const{json:g}=Tn(d);if(g==null)return;const{success:f}=bt.safeParse(g);f&&l({instanceId:n,patch:{tools:t.map(m=>m.id===a.id?{...m,definition:g}:m)}})},[t,n,a.id,l]);return e($,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:s(h,{direction:"row",gap:"size-100",children:[e(dt,{spanKind:"tool"}),e(K,{children:((c=a.definition.function)==null?void 0:c.name)??"Tool"})]}),bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(ae,{text:i}),e(N,{"aria-label":"Delete tool",icon:e(w,{svg:e(L.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{l({instanceId:n,patch:{tools:t.filter(d=>d.id!==a.id),toolChoice:void 0}})}})]}),children:e(Cd,{preInitializationMinHeight:Ky,children:e(De,{value:i,onChange:o,jsonSchema:xp})})})}function Ty(n){const a=n.playgroundInstanceId,t=q(o=>o.instances.find(c=>c.id===n.playgroundInstanceId)),l=q(o=>o.updateInstance);if(t==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=t;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=u.useMemo(()=>i.map(o=>{var c;return(c=o.definition.function)==null?void 0:c.name}).filter(o=>o!=null),[i]);return e(Re,{arrowPosition:"start",children:e(de,{id:"tools",title:"Tools",titleExtra:e(Me,{variant:"light",children:i.length}),children:e(F,{padding:"size-200",children:s(h,{direction:"column",children:[e(fe,{children:e(Fd,{choice:t.toolChoice,onChange:o=>{l({instanceId:a,patch:{toolChoice:o}})},toolNames:r})}),e(h,{direction:"column",gap:"size-200",children:i.map(o=>e(xy,{playgroundInstanceId:a,tool:o,instanceTools:t.tools},o.id))})]})})})})}const As=1,Dy=As+1;function Iy(n){const a=n.playgroundInstanceId,t=q(g=>g.templateLanguage),l=q(g=>g.instances),i=q(g=>g.updateInstance),r=l.find(g=>g.id===a);if(!r)throw new Error(`Playground instance ${a} not found`);const o=r.tools.length>0,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const d=Xs(St(ro),St(io,{coordinateGetter:lo}));return s(no,{sensors:d,onDragEnd:({active:g,over:f})=>{if(!f||g.id===f.id)return;const m=c.messages.findIndex(k=>k.id===g.id),p=c.messages.findIndex(k=>k.id===f.id),y=Ys(c.messages,m,p);i({instanceId:a,patch:{template:{__type:"chat",messages:y}}})},children:[e(eo,{items:c.messages,children:e("ul",{css:v`
3604
+ `;function nf({role:n,includeLabel:a=!0,onChange:t}){return s(zn,{selectedKey:n,css:a?void 0:ef,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!ws(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(U,{children:"System"},"system"),e(U,{children:"User"},"user"),e(U,{children:"AI"},"ai"),e(U,{children:"Tool"},"tool")]})}const af=400;function tf({playgroundInstanceId:n,toolId:a}){const t=j(y=>y.updateInstance),l=j(y=>y.instances.find(k=>k.id===n));if(l==null)throw new Error(`Playground instance ${n} not found`);const i=l.tools,r=i.find(y=>y.id===a);if(r==null)throw new Error(`Tool ${a} not found`);const[o,c]=u.useState(JSON.stringify(r.definition,null,2)),[d,g]=u.useState(r.definition);u.useEffect(()=>{JSON.stringify(r.definition)!==JSON.stringify(d)&&(g(r.definition),c(JSON.stringify(r.definition,null,2)))},[r.definition,d]);const f=u.useCallback(y=>{c(y);const{json:k}=on(y);if(k==null)return;const{success:b}=Ts.safeParse(k);b&&(g(k),t({instanceId:n,patch:{tools:i.map(S=>S.id===r.id?{...S,definition:k}:S)}}))},[i,n,r.id,t]),m=u.useMemo(()=>Es(r),[r]),p=u.useMemo(()=>{switch(l.model.provider){case"OPENAI":case"AZURE_OPENAI":return wp;case"ANTHROPIC":return _p}},[l.model.provider]);return e($,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:s(h,{direction:"row",gap:"size-100",children:[e(mt,{spanKind:"tool"}),e(K,{children:m??"Tool"})]}),bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(te,{text:o}),e(N,{"aria-label":"Delete tool",icon:e(E,{svg:e(P.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{t({instanceId:n,patch:{tools:i.filter(y=>y.id!==r.id),toolChoice:void 0}})}})]}),children:e(Ld,{preInitializationMinHeight:af,children:e(Ie,{value:o,onChange:f,jsonSchema:p})})})}function lf(n){const a=n.playgroundInstanceId,t=j(o=>o.instances.find(c=>c.id===n.playgroundInstanceId)),l=j(o=>o.updateInstance);if(t==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=t;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=u.useMemo(()=>i.map(o=>Es(o)).filter(o=>o!=null),[i]);return e(Me,{arrowPosition:"start",children:e(ce,{id:"tools",title:"Tools",titleExtra:e(Ne,{variant:"light",children:i.length}),children:e(F,{padding:"size-200",children:s(h,{direction:"column",children:[e(fe,{children:e(wd,{choice:t.toolChoice,onChange:o=>{l({instanceId:a,patch:{toolChoice:o}})},toolNames:r})}),e(h,{direction:"column",gap:"size-200",children:i.map(o=>e(tf,{playgroundInstanceId:a,toolId:o.id},o.id))})]})})})})}const Os=1,rf=Os+1;function sf(n){const a=n.playgroundInstanceId,t=j(g=>g.templateLanguage),l=j(g=>g.instances),i=j(g=>g.updateInstance),r=l.find(g=>g.id===a);if(!r)throw new Error(`Playground instance ${a} not found`);const o=r.tools.length>0,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const d=io(Ct(po),Ct(go,{coordinateGetter:mo}));return s(oo,{sensors:d,onDragEnd:({active:g,over:f})=>{if(!f||g.id===f.id)return;const m=c.messages.findIndex(k=>k.id===g.id),p=c.messages.findIndex(k=>k.id===f.id),y=ro(c.messages,m,p);i({instanceId:a,patch:{template:{__type:"chat",messages:y}}})},children:[e(so,{items:c.messages,children:e("ul",{css:C`
3574
3605
  display: flex;
3575
3606
  flex-direction: column;
3576
3607
  gap: var(--ac-global-dimension-size-200);
3577
3608
  padding: var(--ac-global-dimension-size-200);
3578
- `,children:c.messages.map((g,f)=>e(Ly,{playgroundInstanceId:a,templateLanguage:t,template:c,message:g,index:f},g.id))})}),e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o?"thin":void 0,children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default","aria-label":"add tool",size:"compact",icon:e(w,{svg:e(L.PlusOutline,{})}),onClick:()=>{i({instanceId:a,patch:{tools:[...r.tools,Kd(r.tools.length+1)]}})},children:"Tool"}),e(N,{variant:"default","aria-label":"add message",size:"compact",icon:e(w,{svg:e(L.PlusOutline,{})}),onClick:()=>{i({instanceId:a,patch:{template:{__type:"chat",messages:[...c.messages,{id:Pa(),role:"user",content:""}]}}})},children:"Message"})]})}),o?e(Ty,{...n}):null]})}function Py({message:n,updateMessage:a,templateLanguage:t,playgroundInstanceId:l,template:i,messageMode:r}){return r==="toolCalls"?e(F,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(On,{label:"Tool Calls",children:e(Je,{width:"100%",children:e(by,{playgroundInstanceId:l,toolCalls:n.toolCalls,templateMessages:i.messages,messageId:n.id})})})}):n.role==="tool"?s(fe,{onSubmit:o=>{o.preventDefault()},children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-200",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(G,{value:n.toolCallId,onChange:o=>a({toolCallId:o}),"aria-label":"Tool Call ID",addonBefore:"Tool Call ID"})}),e(De,{value:n.content==null||n.content===""?"{}":n.content,"aria-label":"tool message content",height:"100%",onChange:o=>a({content:o}),onBlur:()=>{if(n.content==null)return;const{json:o}=Tn(n.content);a({content:JSON.stringify(o,null,2)})}})]}):e("div",{css:v`
3609
+ `,children:c.messages.map((g,f)=>e(df,{playgroundInstanceId:a,instance:r,templateLanguage:t,template:c,message:g,index:f},g.id))})}),e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o?"thin":void 0,children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default","aria-label":"add tool",size:"compact",icon:e(E,{svg:e(P.PlusOutline,{})}),onClick:()=>{i({instanceId:a,patch:{tools:[...r.tools,Cy({provider:r.model.provider,toolNumber:r.tools.length+1})]}})},children:"Tool"}),e(N,{variant:"default","aria-label":"add message",size:"compact",icon:e(E,{svg:e(P.PlusOutline,{})}),onClick:()=>{i({instanceId:a,patch:{template:{__type:"chat",messages:[...c.messages,{id:Ia(),role:"user",content:""}]}}})},children:"Message"})]})}),o?e(lf,{...n}):null]})}function of({message:n,updateMessage:a,templateLanguage:t,playgroundInstanceId:l,template:i,messageMode:r}){return r==="toolCalls"?e(F,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(On,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(Zy,{playgroundInstanceId:l,toolCalls:n.toolCalls,templateMessages:i.messages,messageId:n.id})})})}):n.role==="tool"?s(fe,{onSubmit:o=>{o.preventDefault()},children:[e(F,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-200",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(Z,{value:n.toolCallId,onChange:o=>a({toolCallId:o}),"aria-label":"Tool Call ID",addonBefore:"Tool Call ID"})}),e(Ie,{value:n.content==null||n.content===""?"{}":n.content,"aria-label":"tool message content",height:"100%",onChange:o=>a({content:o}),onBlur:()=>{if(n.content==null)return;const{json:o}=on(n.content);a({content:JSON.stringify(o,null,2)})}})]}):e("div",{css:C`
3579
3610
  & .cm-content {
3580
3611
  padding-left: var(--ac-global-dimension-size-250);
3581
3612
  padding-right: var(--ac-global-dimension-size-250);
@@ -3584,12 +3615,12 @@ fragment ModelProviderPickerFragment on Query {
3584
3615
  padding-left: 0;
3585
3616
  padding-right: 0;
3586
3617
  }
3587
- `,children:e(Dd,{height:"100%",value:n.content,"aria-label":"Message content",templateLanguage:t,onChange:o=>a({content:o})})})}function Ly({playgroundInstanceId:n,templateLanguage:a,template:t,message:l}){const i=q(T=>T.updateInstance),{attributes:r,listeners:o,setNodeRef:c,transform:d,transition:g,setActivatorNodeRef:f,isDragging:m}=ao({id:l.id}),p=yt(l.role),y={transform:to.Translate.toString(d),transition:g,zIndex:m?Dy:As},k=l.toolCalls!=null&&l.toolCalls.length>0,[S,C]=u.useState(k?"toolCalls":"text"),b=u.useCallback(T=>{i({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(P=>P.id===l.id?{...P,...T}:P)}}})},[l.id,n,t.messages,i]);return e("li",{ref:c,style:y,children:e($,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...p,title:e(Fy,{includeLabel:!1,role:l.role,onChange:T=>{let P=l.toolCalls;T!=="ai"&&(P=void 0,C("text")),i({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(_=>_.id===l.id?{..._,role:T,toolCalls:P}:_)}}})}}),extra:s(h,{direction:"row",gap:"size-100",children:[l.role==="ai"&&e(vy,{messageMode:S,onChange:T=>{switch(C(T),T){case"text":b({content:"",toolCalls:void 0});break;case"toolCalls":b({content:"",toolCalls:[xd()]});break;default:ye()}}}),e(ae,{text:S==="toolCalls"?JSON.stringify(l.toolCalls):l.content??""}),e(N,{"aria-label":"Delete message",icon:e(w,{svg:e(L.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{i({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.filter(T=>T.id!==l.id)}}})}}),e(Td,{ref:f,listeners:o,attributes:r})]}),children:e("div",{children:e(Py,{message:l,messageMode:S,playgroundInstanceId:n,template:t,templateLanguage:a,updateMessage:b})})})})}function wy(n){const a=n.playgroundInstanceId,t=q(o=>o.instances),l=t.find(o=>o.id===a),i=t.findIndex(o=>o.id===a);if(!l)throw new Error(`Playground instance ${a} not found`);const{template:r}=l;return e($,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Cl,{index:i}),e("span",{children:"Prompt"})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(hy,{...n}),t.length>1?e(_y,{...n}):null]}),children:r.__type==="chat"?e(Iy,{...n}):"Completion Template"})}function _y(n){const a=q(t=>t.deleteInstance);return s(we,{children:[e(hn,{children:e(N,{variant:"default",size:"compact",icon:e(w,{svg:e(L.TrashOutline,{})}),onClick:()=>{a(n.playgroundInstanceId)}})}),e(En,{children:e(Fn,{children:"Delete this instance of the playground"})})]})}function Ey(){const n=q(t=>t.templateLanguage),a=q(t=>t.setTemplateLanguage);return s(tt,{value:n,variant:"inline-button","aria-label":"Template Language",size:"compact",onChange:t=>{Id(t)&&a(t)},children:[e(Rn,{label:"Mustache",value:Tt.Mustache,children:"Mustache"}),e(Rn,{label:"F-String",value:Tt.FString,children:"F-String"})]})}const Ay=v`
3618
+ `,children:e(Ed,{height:"100%",value:n.content,"aria-label":"Message content",templateLanguage:t,onChange:o=>a({content:o})})})}function df({playgroundInstanceId:n,templateLanguage:a,template:t,message:l,instance:i}){const r=j(x=>x.updateInstance),{attributes:o,listeners:c,setNodeRef:d,transform:g,transition:f,setActivatorNodeRef:m,isDragging:p}=co({id:l.id}),y=ht(l.role),k={transform:uo.Translate.toString(g),transition:f,zIndex:p?rf:Os},b=l.toolCalls!=null&&l.toolCalls.length>0,[S,v]=u.useState(b?"toolCalls":"text"),L=u.useCallback(x=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(w=>w.id===l.id?{...w,...x}:w)}}})},[l.id,n,t.messages,r]);return e("li",{ref:d,style:k,children:e($,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...y,title:e(nf,{includeLabel:!1,role:l.role,onChange:x=>{let w=l.toolCalls;x!=="ai"&&(w=void 0,v("text")),r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(T=>T.id===l.id?{...T,role:x,toolCalls:w}:T)}}})}}),extra:s(h,{direction:"row",gap:"size-100",children:[l.role==="ai"&&e(Yy,{messageMode:S,onChange:x=>{switch(v(x),x){case"text":L({content:"",toolCalls:void 0});break;case"toolCalls":L({content:"",toolCalls:[Fy(i.model.provider)]});break;default:ae()}}}),e(te,{text:S==="toolCalls"?JSON.stringify(l.toolCalls):l.content??""}),e(N,{"aria-label":"Delete message",icon:e(E,{svg:e(P.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.filter(x=>x.id!==l.id)}}})}}),e(_d,{ref:m,listeners:c,attributes:o})]}),children:e("div",{children:e(of,{message:l,messageMode:S,playgroundInstanceId:n,template:t,templateLanguage:a,updateMessage:L})})})})}function cf(n){const a=n.playgroundInstanceId,t=j(o=>o.instances),l=t.find(o=>o.id===a),i=t.findIndex(o=>o.id===a);if(!l)throw new Error(`Playground instance ${a} not found`);const{template:r}=l;return e($,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Tl,{index:i}),e("span",{children:"Prompt"})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(Gy,{...n}),t.length>1?e(uf,{...n}):null]}),children:r.__type==="chat"?e(sf,{...n}):"Completion Template"})}function uf(n){const a=j(t=>t.deleteInstance);return s(De,{children:[e(Sn,{children:e(N,{variant:"default",size:"compact",icon:e(E,{svg:e(P.TrashOutline,{})}),onClick:()=>{a(n.playgroundInstanceId)}})}),e(hn,{children:e(xn,{children:"Delete this instance of the playground"})})]})}function mf(){const n=j(t=>t.templateLanguage),a=j(t=>t.setTemplateLanguage);return s(rt,{value:n,variant:"inline-button","aria-label":"Template Language",size:"compact",onChange:t=>{Ad(t)&&a(t)},children:[e(Mn,{label:"Mustache",value:Dt.Mustache,children:"Mustache"}),e(Mn,{label:"F-String",value:Dt.FString,children:"F-String"})]})}const gf=C`
3588
3619
  display: flex;
3589
3620
  overflow: hidden;
3590
3621
  flex-direction: column;
3591
3622
  height: 100%;
3592
- `;function Rs(n){const a=La("playgroundNonStreaming"),[,t]=la();return u.useEffect(()=>{t(l=>(l.delete("selectedSpanNodeId"),l),{replace:!0})},[t]),e(gp,{...n,children:s("div",{css:Ay,children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(se,{level:1,children:"Playground"}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[a?e(cy,{}):null,e(Kp,{}),e(dy,{})]})]})}),e(zy,{})]})})}function Ry(){const n=q(t=>t.addInstance),a=q(t=>t.instances.length);return e("div",{onClick:t=>{t.stopPropagation()},children:e(N,{variant:"default",size:"compact","aria-label":"add prompt",icon:e(w,{svg:e(L.PlusCircleOutline,{})}),disabled:a>=pp,onClick:()=>{n()},children:"Prompt"})})}const My=v`
3623
+ `;function Qs(n){const a=Ae(i=>i.modelConfigByProvider),t=Pa("playgroundNonStreaming"),[,l]=la();return u.useEffect(()=>{l(i=>(i.delete("selectedSpanNodeId"),i),{replace:!0})},[l]),e(bp,{...n,modelConfigByProvider:a,children:s("div",{css:gf,children:[e(F,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(oe,{level:1,children:"Playground"}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[t?e($y,{}):null,e(Lp,{}),e(zy,{})]})]})}),e(hf,{})]})})}function pf(){const n=j(t=>t.addInstance),a=j(t=>t.instances.length);return e("div",{onClick:t=>{t.stopPropagation()},children:e(N,{variant:"default",size:"compact","aria-label":"add prompt",icon:e(E,{svg:e(P.PlusCircleOutline,{})}),disabled:a>=Sp,onClick:()=>{n()},children:"Prompt"})})}const yf=C`
3593
3624
  display: flex;
3594
3625
  flex-direction: column;
3595
3626
  height: 100%;
@@ -3619,10 +3650,10 @@ fragment ModelProviderPickerFragment on Query {
3619
3650
  }
3620
3651
  }
3621
3652
  }
3622
- `,Ny=v`
3653
+ `,ff=C`
3623
3654
  height: 100%;
3624
3655
  overflow: auto;
3625
- `;function zy(){const n=La("playgroundWithDatasets"),a=q(i=>i.instances),l=a.length===1;return s(Xe,{direction:l?"horizontal":"vertical",autoSaveId:l?"playground-horizontal":"playground-vertical",children:[e(ue,{children:e("div",{css:My,children:e(Re,{arrowPosition:"start",size:"L",children:e(de,{title:"Prompts",id:"prompts",extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ey,{}),e(Ry,{})]}),children:e(F,{height:"100%",padding:"size-200",children:e(h,{direction:"row",gap:"size-200",children:a.map(i=>e(F,{flex:"1 1 0px",children:e(wy,{playgroundInstanceId:i.id},i.id)},i.id))})})})})})}),e(Ye,{css:Kn}),e(ue,{children:e("div",{css:Ny,children:s(Re,{arrowPosition:"start",size:"L",children:[e(de,{title:"Inputs",id:"input",extra:n?e(ey,{}):null,children:e(F,{padding:"size-200",height:"100%",children:e(Yp,{})})}),e(de,{title:"Output",id:"output",children:e(F,{padding:"size-200",height:"100%",children:e(h,{direction:"row",gap:"size-200",children:a.map((i,r)=>e(F,{flex:"1 1 0px",children:e(ly,{playgroundInstanceId:i.id},r)},r))})})})]})})})]})}function If(){return e(Rs,{})}function Pf(){const n=vn(),a=u.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:t,parsingErrors:l}=u.useMemo(()=>Bp(a),[a]);return s(h,{direction:"column",height:"100%",children:[e(Vy,{span:a,parsingErrors:l}),e(Rs,{instances:[t]},a.id)]})}function Vy({span:n,parsingErrors:a}){const t=Y(),l=a&&a.length>0,[i,r]=u.useState(!0),[o,c]=u.useState(l);return s(h,{direction:"column",gap:"size-50",children:[i&&e(te,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(N,{variant:"default",icon:e(w,{svg:e(L.ArrowBack,{})}),onClick:()=>{t(`/projects/${n.project.id}/traces/${n.context.traceId}?selectedSpanNodeId=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),o&&l&&e(te,{variant:"warning",banner:!0,dismissable:!0,onDismissClick:()=>{c(!1)},title:"The following errors occurred when parsing span attributes:",children:e("ul",{children:a.map(d=>e("li",{children:d},d))})})]})}const Ms=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},r={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"d1df608d16a0a1d1451bcbac7dcfc853",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
3656
+ `;function hf(){const n=Pa("playgroundWithDatasets"),a=j(i=>i.instances),l=a.length===1;return s(Ye,{direction:l?"horizontal":"vertical",autoSaveId:l?"playground-horizontal":"playground-vertical",children:[e(me,{children:e("div",{css:yf,children:e(Me,{arrowPosition:"start",size:"L",children:e(ce,{title:"Prompts",id:"prompts",extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(mf,{}),e(pf,{})]}),children:e(F,{height:"100%",padding:"size-200",children:e(h,{direction:"row",gap:"size-200",children:a.map(i=>e(F,{flex:"1 1 0px",children:e(cf,{playgroundInstanceId:i.id},i.id)},i.id))})})})})})}),e(en,{css:Dn}),e(me,{children:e("div",{css:ff,children:s(Me,{arrowPosition:"start",size:"L",children:[e(ce,{title:"Inputs",id:"input",extra:n?e(Py,{}):null,children:e(F,{padding:"size-200",height:"100%",children:e(Iy,{})})}),e(ce,{title:"Output",id:"output",children:e(F,{padding:"size-200",height:"100%",children:e(h,{direction:"row",gap:"size-200",children:a.map((i,r)=>e(F,{flex:"1 1 0px",children:e(Ay,{playgroundInstanceId:i.id},r)},r))})})})]})})})]})}function r1(){return e(Qs,{})}function s1(){const n=Fn(),a=u.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:t,parsingErrors:l}=u.useMemo(()=>yy(a),[a]);return s(h,{direction:"column",height:"100%",children:[e(kf,{span:a,parsingErrors:l}),e(Qs,{instances:[t]},a.id)]})}function kf({span:n,parsingErrors:a}){const t=Y(),l=a&&a.length>0,[i,r]=u.useState(!0),[o,c]=u.useState(l);return s(h,{direction:"column",gap:"size-50",children:[i&&e(le,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(N,{variant:"default",icon:e(E,{svg:e(P.ArrowBack,{})}),onClick:()=>{t(`/projects/${n.project.id}/traces/${n.context.traceId}?selectedSpanNodeId=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),o&&l&&e(le,{variant:"warning",banner:!0,dismissable:!0,onDismissClick:()=>{c(!1)},title:"The following errors occurred when parsing span attributes:",children:e("ul",{children:a.map(d=>e("li",{children:d},d))})})]})}const js=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},r={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null}],d={alias:null,args:null,concreteType:null,kind:"LinkedField",name:"invocationParameters",plural:!0,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:c,type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringListInvocationParameter",abstractKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,d],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,d],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"e6a9310252c290e00bfdc12151c88b3a",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
3626
3657
  $spanId: GlobalID!
3627
3658
  ) {
3628
3659
  span: node(id: $spanId) {
@@ -3638,12 +3669,41 @@ fragment ModelProviderPickerFragment on Query {
3638
3669
  traceId
3639
3670
  }
3640
3671
  attributes
3672
+ invocationParameters {
3673
+ __typename
3674
+ ... on InvocationParameterBase {
3675
+ __isInvocationParameterBase: __typename
3676
+ invocationName
3677
+ canonicalName
3678
+ }
3679
+ ... on BooleanInvocationParameter {
3680
+ invocationInputField
3681
+ }
3682
+ ... on StringInvocationParameter {
3683
+ invocationInputField
3684
+ }
3685
+ ... on BoundedFloatInvocationParameter {
3686
+ invocationInputField
3687
+ }
3688
+ ... on FloatInvocationParameter {
3689
+ invocationInputField
3690
+ }
3691
+ ... on IntInvocationParameter {
3692
+ invocationInputField
3693
+ }
3694
+ ... on JSONInvocationParameter {
3695
+ invocationInputField
3696
+ }
3697
+ ... on StringListInvocationParameter {
3698
+ invocationInputField
3699
+ }
3700
+ }
3641
3701
  }
3642
3702
  __isNode: __typename
3643
3703
  id
3644
3704
  }
3645
3705
  }
3646
- `}}}();Ms.hash="d2fd0049ebec80d3b18827b327a91319";async function Lf(n){const{spanId:a}=n.params;if(!a||typeof a!="string")throw new Error("Invalid spanId");return await I.fetchQuery(xe,Ms,{spanId:a}).toPromise()}function wf(){const n=vn();return e(Pd,{query:n,children:e(_e,{})})}const Ns=function(){var n={alias:null,args:null,kind:"ScalarField",name:"passwordNeedsReset",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"authenticatedRootLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ViewerContext_viewer"},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[n],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"authenticatedRootLoaderQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[a,t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],storageKey:null}]},params:{cacheID:"d63c6184305079deb38a6f6235ba88e6",id:null,metadata:{},name:"authenticatedRootLoaderQuery",operationKind:"query",text:`query authenticatedRootLoaderQuery {
3706
+ `}}}();js.hash="65ef72eb48726c70f00811d17ea6d82d";async function o1(n){const{spanId:a}=n.params;if(!a||typeof a!="string")throw new Error("Invalid spanId");return await I.fetchQuery(Te,js,{spanId:a}).toPromise()}function d1(){const n=Fn();return e(Rd,{query:n,children:e(_e,{})})}const qs=function(){var n={alias:null,args:null,kind:"ScalarField",name:"passwordNeedsReset",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"authenticatedRootLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ViewerContext_viewer"},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[n],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"authenticatedRootLoaderQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[a,t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],storageKey:null}]},params:{cacheID:"d63c6184305079deb38a6f6235ba88e6",id:null,metadata:{},name:"authenticatedRootLoaderQuery",operationKind:"query",text:`query authenticatedRootLoaderQuery {
3647
3707
  ...ViewerContext_viewer
3648
3708
  viewer {
3649
3709
  passwordNeedsReset
@@ -3674,4 +3734,4 @@ fragment ViewerContext_viewer on Query {
3674
3734
  ...APIKeysTableFragment
3675
3735
  }
3676
3736
  }
3677
- `}}}();Ns.hash="d30a68846023740517243e9394be73a8";async function _f(){var a;const n=await I.fetchQuery(xe,Ns,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const t=kl({path:"/reset-password"});return wn(t)}return n}export{wf as A,Lf as B,vf as C,Yy as D,lf as E,Tf as F,Sf as G,Hy as H,By as I,Uy as J,Cf as L,rf as M,Df as P,Ff as R,Pf as S,sf as T,Kf as a,_f as b,Gy as c,Jy as d,ef as e,Zy as f,Xy as g,Wy as h,of as i,df as j,af as k,nf as l,cf as m,mf as n,uf as o,tf as p,hf as q,xf as r,ff as s,yf as t,Hd as u,pf as v,gf as w,bf as x,kf as y,If as z};
3737
+ `}}}();qs.hash="d30a68846023740517243e9394be73a8";async function c1(){var a;const n=await I.fetchQuery(Te,qs,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const t=vl({path:"/reset-password"});return En(t)}return n}export{d1 as A,o1 as B,Yf as C,_f as D,Nf as E,l1 as F,Xf as G,xf as H,Tf as I,Kf as J,e1 as L,Vf as M,i1 as P,n1 as R,s1 as S,zf as T,a1 as a,c1 as b,Df as c,Pf as d,Ef as e,Lf as f,wf as g,If as h,$f as i,Of as j,Rf as k,Af as l,Qf as m,qf as n,jf as o,Mf as p,Wf as q,t1 as r,Gf as s,Hf as t,Yd as u,Bf as v,Uf as w,Zf as x,Jf as y,r1 as z};