arize-phoenix 11.30.0__py3-none-any.whl → 11.31.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.
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/METADATA +17 -17
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/RECORD +24 -23
- phoenix/db/types/trace_retention.py +1 -1
- phoenix/server/api/dataloaders/document_evaluations.py +6 -9
- phoenix/server/api/routers/v1/annotations.py +128 -5
- phoenix/server/api/routers/v1/documents.py +47 -79
- phoenix/server/api/routers/v1/spans.py +2 -48
- phoenix/server/api/routers/v1/traces.py +19 -55
- phoenix/server/api/types/Dataset.py +8 -66
- phoenix/server/api/types/DatasetExperimentAnnotationSummary.py +10 -0
- phoenix/server/api/types/DocumentAnnotation.py +92 -0
- phoenix/server/api/types/Span.py +8 -2
- phoenix/server/api/types/TraceAnnotation.py +8 -5
- phoenix/server/cost_tracking/model_cost_manifest.json +91 -0
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-BBwXqJXQ.js → components-BjW5gAwL.js} +1 -1
- phoenix/server/static/assets/{index-C_gU3x10.js → index-3OI8VV_W.js} +1 -1
- phoenix/server/static/assets/{pages-YmQb55Uo.js → pages-CQfUODtD.js} +57 -56
- phoenix/trace/projects.py +6 -0
- phoenix/version.py +1 -1
- phoenix/server/api/types/Evaluation.py +0 -40
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/WHEEL +0 -0
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-11.30.0.dist-info → arize_phoenix-11.31.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{K as te,D as Se,bG as Ne,I as fn,B as cr,bH as vn,J as qt,P as ur,bI as Cn,M as Al,E as Ts,H as Ks,bJ as nt,bK as at,bL as Rt,N as Qa,O as ct,r as y,j as e,u as ut,o as P,l as o,ar as Z,b5 as Me,b6 as Kn,b8 as Ve,b9 as Y,az as Pn,a6 as W,bM as an,q as Ge,au as sn,bN as Gi,ay as G,a7 as oe,a8 as Pe,b4 as Ra,U as T,a4 as ae,$ as ke,bO as mt,bP as Cf,bQ as Ff,bR as Tf,bF as on,av as Rl,bS as yo,aA as Ps,aw as xs,ax as Is,bT as Kf,bU as mr,bV as Ut,bW as Pf,bX as we,aZ as Yt,bY as ln,bZ as xf,Q as If,ba as Gn,b_ as Lf,bc as Df,b$ as _f,Z as fo,bl as Te,bp as Ml,c0 as Wn,bk as Xe,bj as ra,c1 as un,R as Fa,m as Ls,W as wf,a5 as gl,V as ho,bh as Ds,aY as pl,X as Ef,c2 as Af,c3 as Di,c4 as _i,c5 as Ul,aR as Ht,t as gt,c6 as Rf,ah as Gt,c7 as Mf,c8 as ko,c9 as Vf,ca as zf,cb as Nf,cc as $f,cd as jf,ce as Of,cf as Qf,cg as Bf,ch as qf,ci as Wa,T as Uf,cj as Hf,g as _s,ck as Gf,b2 as ei,cl as ws,cm as Es,cn as Wf,co as Jf,cp as Zf,cq as Xf,cr as Yf,n as eh,cs as nh,aS as ah}from"./vendor-RdRDaQiR.js";import{k as nl,T as gr,l as lh,g as As,P as Rs,h as kl,i as pt,a as Vl,_ as bl,j as ni,m as th,n as pr,D as ih,A as rh,o as Ms,u as oh,p as sh,q as bo}from"./vendor-arizeai-DsYDNOqt.js";import{s as dh,l as ch,j as yr,a as hn,i as fr,b as uh,c as mh,d as va,e as Ta,f as Vs,D as zs,g as Ua,h as xl,C as Mt,k as gh,m as Be,T as qn,n as ph,o as hr,p as So,q as yh,r as vo,t as fh,u as hh,v as kh,P as yt,w as bh,G as Ja,_ as b,x as v,y as kr,z,I as _,E as al,A as le,B as ee,F as pn,H,J as ue,K as me,L as ye,M as fe,N as C,O as ge,Q as X,R as Ns,S as $s,U as Le,V as De,W as Fe,X as ce,Y as Co,Z as Fo,$ as Da,a0 as yn,a1 as la,a2 as kn,a3 as bn,a4 as Vn,a5 as Ka,a6 as ft,a7 as cn,a8 as An,a9 as Ea,aa as Qe,ab as He,ac as je,ad as re,ae as he,af as Xn,ag as ht,ah as js,ai as dn,aj as Os,ak as mn,al as $e,am as br,an as Ma,ao as Qs,ap as Bs,aq as Ln,ar as de,as as Ce,at as Dn,au as lt,av as be,aw as We,ax as Sh,ay as vh,az as qs,aA as Wi,aB as Sr,aC as ai,aD as Ch,aE as Fh,aF as Ji,aG as xt,aH as Us,aI as Ie,aJ as Ue,aK as yl,aL as fa,aM as sl,aN as Th,aO as Kh,aP as Hs,aQ as xe,aR as Gs,aS as To,aT as tt,aU as Rn,aV as oa,aW as Ye,aX as Ph,aY as kt,aZ as fl,a_ as sa,a$ as aa,b0 as Tn,b1 as xn,b2 as ua,b3 as $n,b4 as jn,b5 as On,b6 as li,b7 as nn,b8 as ta,b9 as ti,ba as xh,bb as Ih,bc as Lh,bd as Dh,be as _h,bf as zl,bg as xa,bh as Va,bi as Ws,bj as Js,bk as wh,bl as Eh,bm as Ah,bn as Rh,bo as _n,bp as ia,bq as Mh,br as ya,bs as Vh,bt as Zs,bu as vr,bv as ll,bw as Cr,bx as Fr,by as zh,bz as Xs,bA as Nh,bB as $h,bC as jh,bD as Oh,bE as Qh,bF as Bh,bG as qh,bH as Uh,bI as Hh,bJ as Gh,bK as it,bL as Wh,bM as ii,bN as ri,bO as Ee,bP as Zi,bQ as Ae,bR as Re,bS as Un,bT as Jh,bU as Zh,bV as Xh,bW as Jn,bX as Yh,bY as ek,bZ as nk,b_ as oi,b$ as si,c0 as Ys,c1 as ak,c2 as lk,c3 as tk,c4 as ik,c5 as rk,c6 as bt,c7 as ok,c8 as ed,c9 as di,ca as da,cb as sk,cc as dk,cd as ck,ce as _a,cf as nd,cg as Mn,ch as gn,ci as uk,cj as Nl,ck as St,cl as Sl,cm as ad,cn as ca,co as Tr,cp as cl,cq as mk,cr as ul,cs as gk,ct as wn,cu as Kr,cv as ci,cw as ui,cx as mi,cy as Xi,cz as gi,cA as Yi,cB as pi,cC as Pr,cD as pk,cE as ld,cF as td,cG as Ko,cH as Po,cI as yk,cJ as rt,cK as er,cL as yi,cM as wl,cN as fk,cO as hk,cP as ka,cQ as kk,cR as bk,cS as ot,cT as id,cU as Sk,cV as rd,cW as $l,cX as fi,cY as Yn,cZ as vk,c_ as Ck,c$ as Zn,d0 as Pa,d1 as Za,d2 as wa,d3 as od,d4 as xr,d5 as Fk,d6 as Tk,d7 as Kk,d8 as sd,d9 as Pk,da as xk,db as Ik,dc as Lk,dd as Ll,de as Ir,df as Lr,dg as dd,dh as cd,di as El,dj as Fn,dk as ud,dl as md,dm as nr,dn as Dk,dp as _k,dq as wk,dr as Dr,ds as Ek,dt as Ak,du as Rk,dv as hi,dw as Mk,dx as gd,dy as Vk,dz as zk,dA as Nk,dB as $k,dC as jk,dD as Ok,dE as Qk,dF as Bk,dG as qk,dH as Vt,dI as ki,dJ as xo,dK as Uk,dL as pd,dM as _r,dN as yd,dO as Ia,dP as za,dQ as wr,dR as fd,dS as hd,dT as Io,dU as Lo,dV as Hk,dW as Gk,dX as pe,dY as bi,dZ as jl,d_ as kd,d$ as Ol,e0 as Ql,e1 as bd,e2 as Sd,e3 as Wk,e4 as Jk,e5 as Er,e6 as Zk,e7 as Xk,e8 as Yk,e9 as e0,ea as n0,eb as Ha,ec as vd,ed as Cd,ee as a0,ef as l0,eg as Do,eh as t0,ei as i0,ej as r0,ek as o0,el as s0,em as d0,en as Fd,eo as c0,ep as u0,eq as m0,er as g0,es as p0,et as Oe,eu as Td,ev as Il,ew as Na,ex as y0,ey as f0,ez as Ar,eA as Si,eB as ha,eC as Wt,eD as Kd,eE as h0,eF as k0,eG as b0,eH as Pd,eI as xd,eJ as S0,eK as v0,eL as C0,eM as vi,eN as ar,eO as Id,eP as Rr,eQ as Mr,eR as Ld,eS as F0,eT as _o,eU as T0,eV as ea,eW as La,eX as $a,eY as vt,eZ as K0,e_ as zt,e$ as P0,f0 as x0,f1 as I0,f2 as L0,f3 as Vr,f4 as Jt,f5 as D0,f6 as _0,f7 as wo,f8 as Dd,f9 as w0,fa as zr,fb as Nr,fc as E0,fd as Dl,fe as A0,ff as R0,fg as $r,fh as st,fi as M0,fj as V0,fk as _d,fl as Nt,fm as z0,fn as N0,fo as wd,fp as vl,fq as $0,fr as j0,fs as O0,ft as Q0,fu as B0,fv as q0,fw as U0,fx as H0,fy as G0,fz as W0,fA as $t,fB as J0,fC as wi,fD as Z0,fE as X0,fF as Eo,fG as Ao,fH as Y0,fI as eb,fJ as nb,fK as ab,fL as Ed,fM as lb,fN as tb,fO as ib,fP as Ro,fQ as Mo}from"./components-BBwXqJXQ.js";import{m as tl,n as il,j as rb,E as Ad,R as rl,k as jr,d as ob,p as Ct,q as Rd}from"./vendor-codemirror-BzJDUbEx.js";import{P as Or,C as Qr,T as Je,a as Br,R as Ze,X as tn,Y as qe,b as rn,B as ze,c as zn,d as Cl,A as dt,e as Md,L as Vd,f as na,g as Qn,h as sb}from"./vendor-recharts-BTHn5Y2R.js";const db=4,cb="Unable to parse span input messages, expected messages which include a role and content.",ub="Unable to parse span output messages, expected messages which include a role and content.",mb="Unable to parse span output expected output.value to be present.",gb="Unable to parse span attributes, attributes must be valid JSON.",pb="Unable to parse model config, expected llm.model_name to be present.",yb="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",fb="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",hb="Unable to parse tools, expected tools to be an array of valid tools.",kb="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Vo={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[],AWS:["nova","titan"]},Ga="TOOL_CHOICE",_l="tool_choice",Ca="RESPONSE_FORMAT",ba="response_format",bb=[Ga,Ca],Sb=te({tool_call:te({id:Se().optional(),function:te({name:Se(),arguments:Se()}).partial()}).partial()}).partial(),zd=te({[Ne.message]:te({[vn.role]:Se(),[vn.content]:cr([Se(),fn(qt(Se(),ur()))]).default(""),[vn.contents]:fn(te({message_content:qt(Se())})).optional(),[vn.tool_calls]:fn(Sb).optional(),[vn.tool_call_id]:Se().optional()})}),vb=te({[Ne.llm]:te({[Cn.input_messages]:fn(zd)})}),Cb=te({[Ne.llm]:te({[Cn.output_messages]:fn(zd)})}),Fb=te({[Ne.output]:te({value:Se()})}),Nd=dh()(Al(["user","ai","system","tool"])),Tb=te({id:Ts(),role:Nd,content:Se().optional(),toolCallId:Se().optional(),toolCalls:fn(ch).optional()}),Kb=fn(Tb),$d=Ks(()=>qt(yr)),Pb=$d,jd=Se().transform((n,a)=>{const{json:l}=hn(n);if(!fr(l))return a.addIssue({code:nt.custom,message:"The invocation parameters must be a valid JSON object"}),at;const{success:t,data:i}=Pb.safeParse(l);return t?i:(a.addIssue({code:nt.custom,message:"The invocation parameters must be a valid JSON object"}),at)}).default("{}"),xb=te({[Ne.llm]:te({[Cn.provider]:Se().optional(),[Cn.model_name]:Se()})}),Od=te({[Ne.llm]:te({[Cn.invocation_parameters]:jd})}),Ib=te({[Ne.llm]:te({[Cn.invocation_parameters]:jd.pipe(te({response_format:$d.optional()}))})}),Qd=te({url:te({full:Se(),path:Se().optional()})}),Lb=Se().transform((n,a)=>{const{json:l}=hn(n);return l==null||!fr(l)?(a.addIssue({code:nt.custom,message:"The tool JSON schema must be a valid JSON object"}),at):l}).transform((n,a)=>{const{data:l,success:t}=uh.safeParse(n);return t?l:(a.addIssue({code:nt.custom,message:"The tool JSON schema must be a valid tool schema"}),at)}),Db=te({[Ne.llm]:te({[Cn.tools]:fn(te({[Ne.tool]:te({[Rt.json_schema]:Lb})}).optional()).optional()}).optional()}).optional(),_b=Ks(()=>te({type:Qa("json_schema"),json_schema:te({name:Se().describe("The name of the schema"),schema:mh.describe("The schema itself in JSON schema format"),strict:Qa(!0).describe("The schema must be strict")})})),wb=ct(_b,{removeAdditionalStrategy:"passthrough"}),Eb=Se().transform((n,a)=>{const{json:l}=hn(n);return va(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=Ta(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:nt.custom,message:"The prompt template variables must be a valid JSON object"}),at)}),Ab=te({[Ne.llm]:te({[Cn.prompt_template]:te({variables:Eb}).optional()}).optional()}).optional();function Bd(n){return Nd.safeParse(n).success}function Ba(n){const a=n.toLowerCase();if(Bd(a))return a;for(const[l,t]of Object.entries(Mt))if(t.includes(a))return l;return gh}function Rb({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:l})=>{var i,r,s,d;if(l==null)return null;let t={};if(((i=l.function)==null?void 0:i.arguments)!=null){const{json:c}=hn(l.function.arguments);va(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return{id:l.id??"",type:"function",function:{name:((r=l.function)==null?void 0:r.name)??"",arguments:t}};case"ANTHROPIC":return{id:l.id??"",type:"tool_use",name:((s=l.function)==null?void 0:s.name)??"",input:t};case"GOOGLE":return{id:l.id??"",function:{name:((d=l.function)==null?void 0:d.name)??"",arguments:t}};default:Be()}}).filter(l=>l!=null)}function qd({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:Ua(),role:l.tool_call_id!=null?Ba("tool"):Ba(l.role),content:Array.isArray(l.contents)?((i=(t=l.contents.find(r=>r.message_content.type==="text"))==null?void 0:t.message_content)==null?void 0:i.text)??void 0:typeof l.content=="string"?l.content:void 0,toolCalls:Rb({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Mb({provider:n,parsedAttributes:a}){var t;const l=vb.safeParse(a);if(!l.success)return{messageParsingErrors:[cb],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Od.safeParse(a);if(i){const s=l.data.llm.input_messages,d=(t=r.llm.invocation_parameters)==null?void 0:t.system;typeof d=="string"&&d&&(!s||s[0].message.role!=="system")&&l.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:qd({provider:n,messages:l.data.llm.input_messages})}}function Vb({provider:n,parsedAttributes:a}){const l=[],t=Cb.safeParse(a);if(t.success)return{output:qd({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(ub);const i=Fb.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(mb),{output:void 0,outputParsingErrors:l})}function Ud(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"aws":return"AWS";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function zb(n){for(const a of Object.keys(Vo))if(Vo[a].some(t=>n.includes(t)))return a;return zs}function Nb(n){const{success:a,data:l}=xb.safeParse(n);if(a){const t=Ud(l.llm.provider)||zb(l.llm.model_name),{baseUrl:i}=jb(n),r=t==="AZURE_OPENAI"?$b(n):{deploymentName:null,apiVersion:null,endpoint:null},s=t==="AZURE_OPENAI"&&r.deploymentName?r.deploymentName:l.llm.model_name;return{modelConfig:{...Object.fromEntries(Object.entries({baseUrl:i,endpoint:r.endpoint,apiVersion:r.apiVersion}).filter(([d,c])=>c!==null)),modelName:s,provider:t,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[pb]}}function $b(n){var m;const{success:a,data:l}=u1.safeParse(n),t=a&&typeof((m=l==null?void 0:l.metadata)==null?void 0:m.ls_model_name)=="string"&&l.metadata.ls_model_name.trim()?l.metadata.ls_model_name.trim():null,{success:i,data:r}=Qd.safeParse(n),{endpoint:s,apiVersion:d,deploymentName:c}=i?m1(r.url.full):{endpoint:null,apiVersion:null,deploymentName:null};return{deploymentName:c??t,apiVersion:d,endpoint:s}}function jb(n){const{success:a,data:l}=Qd.safeParse(n);if(a)try{let i=new URL(l.url.full);if(l.url.path)try{i=new URL(l.url.full.split(l.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`}}catch{}return{baseUrl:null}}function Ob(n,a=[]){const{success:l,data:t}=Od.safeParse(n),i=[];return l||i.push(yb),{invocationParameters:Zb((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function Qb(n){const{success:a,data:l}=Ib.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[fb]}}function Bb(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(l=>(l==null?void 0:l.tool)==null?null:{id:xl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function qb(n){var t;const{data:a,success:l}=Db.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:Bb(a),parsingErrors:[]}:{tools:null,parsingErrors:[hb]}}function Ub(n){var t;const{success:a,data:l}=Ab.safeParse(n);return a?((t=l==null?void 0:l.llm)==null?void 0:t.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:l.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[kb]}}function Hb(n){const{instance:a,instanceMessages:l}=Vs(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=hn(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[gb]};const s=n.invocationParameters,d=Nb(i);let{modelConfig:c}=d;const{parsingErrors:m}=d,{messages:p,messageParsingErrors:g}=Mb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:u,outputParsingErrors:f}=Vb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=Ob(i,s),{variables:S,parsingErrors:F}=Ub(i),{parsingErrors:x}=Qb(i);c=c!=null?{...c,invocationParameters:x.length>0?h.filter(D=>D.invocationName!==ba&&D.canonicalName!==Ca):h}:null;const{tools:K,parsingErrors:I}=qb(i),R=p==null?void 0:p.map(D=>({...D,content:D.role==="tool"?qr(D.content):D.content}));return{playgroundInstance:{...t,model:c??t.model,template:R!=null?{__type:"chat",messages:R}:t.template,output:u,spanId:n.id,tools:K??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...g,...f,...m,...I,...k,...x,...F]}}const Gb=n=>Kb.safeParse(n).success,Hd=({instance:n,templateFormat:a})=>{if(a==qn.NONE)return[];const l=new Set,t=n.template.__type,i=ph(a);switch(t){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{l.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{l.add(s)});break}default:Be()}return Array.from(l)},Wb=({instances:n,templateFormat:a})=>a==qn.NONE?[]:Array.from(new Set(n.flatMap(l=>Hd({instance:l,templateFormat:a})))),Gd=({instances:n,templateFormat:a,input:l})=>{if(a==qn.NONE)return{variablesMap:{},variableKeys:[]};const t=Wb({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function Xa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Jb=(n,a)=>n.filter(l=>a.some(t=>Xa(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>Xa(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),Bl=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),Zb=(n,a)=>Object.entries(n).map(([l,t])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===l.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===l.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[Bl(i.invocationInputField)]:t}}).filter(l=>l!=null),Wd=n=>{const{provider:a,validatedToolDefinition:l}=kh(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"AWS":return l.toolSpec.name;case"UNKNOWN":return null;default:Be()}},Xb=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:xl(),definition:vo(a)};case"ANTHROPIC":return{id:xl(),definition:hh(a)};case"AWS":return{id:xl(),definition:fh(a)};case"GOOGLE":return{id:xl(),definition:vo(a)};default:Be()}},Yb=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return So();case"ANTHROPIC":return yh();case"GOOGLE":return So();default:Be()}};function e1(n){return{content:n.content,role:n1(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function n1(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Be()}}const Jd=n=>n.filter(a=>!(a.valueFloat!==null&&typeof a.valueFloat=="number"&&isNaN(a.valueFloat))),Zd=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(f=>f.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(f=>i[f]).filter(f=>f!=null),d=r.model.supportedInvocationParameters;let c=Jd(r.model.invocationParameters);const m=hr({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(f=>f.invocationName!==_l&&f.canonicalName!==Ga),c.push({canonicalName:Ga,invocationName:_l,valueJson:m})):c=c.filter(f=>f.invocationName!==_l&&f.canonicalName!==Ga),c=d.length?Jb(c,d):c;const p=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{},g=r.model.provider==="AWS"?{region:r.model.region}:{};return{messages:s.map(e1),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...p,...g},invocationParameters:Yd(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(f=>f.definition):void 0,credentials:a1(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},Ci=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:l,...t}=n.template;return{...n,template:{...t,messages:n.template.messageIds.map(i=>a[i])}}}return n};function a1(n,a){const l=n[a],t=yt[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const l1=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Zd({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(p=>Ci(p,d)),{variablesMap:m}=Gd({instances:c,input:s,templateFormat:r});return{...t,template:{variables:m,format:r}}},zo=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Zd({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function qr(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const t=JSON.parse(n),i=typeof t=="string"?JSON.parse(t):t;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function Xd(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>Xa(t,l)))}const t1=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function i3(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=t1(t),s=Bl(t.invocationInputField||"");if(!t.invocationName||!t.invocationInputField||!i||r==null||((c=l.get(i))==null?void 0:c[s])!=null)return;const d={canonicalName:t.canonicalName,invocationName:t.invocationName,[s]:r};l.set(i,d)}),Array.from(l.values())}const i1=te({type:Qa("enabled")}).passthrough(),r1=te({type:Al(["any","tool"])}).passthrough(),o1=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&i1.safeParse(t.valueJson).success);return n.filter(t=>{if(t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!t.valueJson)return!1;if(l){if(t.canonicalName==="TEMPERATURE"||t.canonicalName==="TOP_P")return!1;if(t.canonicalName===Ga)return!r1.safeParse(t.valueJson).success}return!0})},s1=["frequency_penalty","presence_penalty"],d1=n=>n.filter(l=>l.invocationName&&s1.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Yd=(n,a,l)=>{const t=d1(n);return a==="ANTHROPIC"?o1(t,l):t},c1=/(?:^|\/)deployments\/([^/]+)(?:\/?|$)/,u1=te({metadata:te({ls_model_name:Se().optional()}).optional()}).passthrough();function m1(n){try{const a=new URL(n),l=a.origin.trim(),t=a.searchParams.get("api-version"),i=t&&t.trim()?t.trim():null,s=(a.pathname||"").toString().match(c1),d=s&&s[1]?s[1].trim():null;return{endpoint:l,apiVersion:i,deploymentName:d}}catch{return{endpoint:null,apiVersion:null,deploymentName:null}}}const ec=y.createContext(null);function r3({children:n,...a}){const[l]=y.useState(()=>bh(a));return e(ec.Provider,{value:l,children:n})}function hl(n,a){const l=y.useContext(ec);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return ut(l,n,a)}const nc=y.createContext(null);function g1(){const n=y.useContext(nc);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function o3(n){return e(nc.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const ac={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};ac.hash="4062531cfa3f77e541172a44101f5331";function p1({query:n}){const a=hl(d=>d),l=P.useFragment(ac,n),t=y.useMemo(()=>[...l.modelProviders],[l]),i=y.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:d})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Ja,{provider:d.original.key,height:18}),d.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:d})=>{const c=yt[d.original.key],m=(c==null?void 0:c.map(p=>p.envVarName).join(", "))||d.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(v,{children:m})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:d})=>{if(!d.original.dependenciesInstalled)return e(v,{color:"warning",children:"missing dependencies"});const c=d.original.credentialRequirements;if(!kr(d.original.key))return e(v,{color:"warning",children:"unknown provider key"});const m=a[d.original.key];return c.every(({envVarName:g,isRequired:u})=>(m==null?void 0:m[g])!==void 0||!u)?e(v,{color:"success",children:"local"}):d.original.credentialsSet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"})}},{header:"",accessorKey:"id",cell:({row:d})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:o(Z,{children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(al,{})})}),e(le,{children:e(ee,{size:"M",children:e(y1,{provider:d.original})})})]})})}],[a]),r=Me({columns:i,data:t,getCoreRowModel:Ve(),getSortedRowModel:Kn()}),s=r.getRowModel().rows;return e(H,{title:"AI Providers",children:o("table",{css:pn,children:[e("thead",{children:r.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:e("div",{children:Y(c.column.columnDef.header,c.getContext())})},c.id))},d.id))}),e("tbody",{children:s.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:Y(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function y1({provider:n}){return e(X,{children:o(ge,{children:[o(ue,{children:[o(me,{children:["Configure ",n.name," Credentials"]}),e(ye,{children:e(fe,{slot:"close"})})]}),o(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:o(v,{size:"XS",children:["Set the credentials for the ",n.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),o(Pn,{children:[e(f1,{provider:n.key}),e(C,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",size:"S",slot:"close",children:"Cancel"}),e(z,{variant:"primary",size:"S",slot:"close",children:"Save Credentials"})]})})]})]})]})})}function f1({provider:n}){const a=hl(i=>i.setCredential),l=yt[n],t=hl(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o($s,{isRequired:i.isRequired,onChange:r=>{a({provider:n,envVarName:i.envVarName,value:r})},value:(t==null?void 0:t[i.envVarName])??void 0,children:[e(W,{children:i.envVarName}),e(Ns,{})]},i.envVarName))})}function s3(){const n=an();return Ge(n),e(p1,{query:n})}const lc={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}]},params:{cacheID:"1238ea27e05b70fd2c203ab4be6a1209",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
1
|
+
import{K as te,D as Se,bG as Ne,I as fn,B as cr,bH as vn,J as qt,P as ur,bI as Cn,M as Al,E as Ts,H as Ks,bJ as nt,bK as at,bL as Rt,N as Qa,O as ct,r as y,j as e,u as ut,o as P,l as o,ar as Z,b5 as Me,b6 as Kn,b8 as Ve,b9 as Y,az as Pn,a6 as W,bM as an,q as Ge,au as sn,bN as Gi,ay as G,a7 as oe,a8 as Pe,b4 as Ra,U as T,a4 as ae,$ as ke,bO as mt,bP as Cf,bQ as Ff,bR as Tf,bF as on,av as Rl,bS as yo,aA as Ps,aw as xs,ax as Is,bT as Kf,bU as mr,bV as Ut,bW as Pf,bX as we,aZ as Yt,bY as ln,bZ as xf,Q as If,ba as Gn,b_ as Lf,bc as Df,b$ as _f,Z as fo,bl as Te,bp as Ml,c0 as Wn,bk as Xe,bj as ra,c1 as un,R as Fa,m as Ls,W as wf,a5 as gl,V as ho,bh as Ds,aY as pl,X as Ef,c2 as Af,c3 as Di,c4 as _i,c5 as Ul,aR as Ht,t as gt,c6 as Rf,ah as Gt,c7 as Mf,c8 as ko,c9 as Vf,ca as zf,cb as Nf,cc as $f,cd as jf,ce as Of,cf as Qf,cg as Bf,ch as qf,ci as Wa,T as Uf,cj as Hf,g as _s,ck as Gf,b2 as ei,cl as ws,cm as Es,cn as Wf,co as Jf,cp as Zf,cq as Xf,cr as Yf,n as eh,cs as nh,aS as ah}from"./vendor-RdRDaQiR.js";import{k as nl,T as gr,l as lh,g as As,P as Rs,h as kl,i as pt,a as Vl,_ as bl,j as ni,m as th,n as pr,D as ih,A as rh,o as Ms,u as oh,p as sh,q as bo}from"./vendor-arizeai-DsYDNOqt.js";import{s as dh,l as ch,j as yr,a as hn,i as fr,b as uh,c as mh,d as va,e as Ta,f as Vs,D as zs,g as Ua,h as xl,C as Mt,k as gh,m as Be,T as qn,n as ph,o as hr,p as So,q as yh,r as vo,t as fh,u as hh,v as kh,P as yt,w as bh,G as Ja,_ as b,x as v,y as kr,z,I as _,E as al,A as le,B as ee,F as pn,H,J as ue,K as me,L as ye,M as fe,N as C,O as ge,Q as X,R as Ns,S as $s,U as Le,V as De,W as Fe,X as ce,Y as Co,Z as Fo,$ as Da,a0 as yn,a1 as la,a2 as kn,a3 as bn,a4 as Vn,a5 as Ka,a6 as ft,a7 as cn,a8 as An,a9 as Ea,aa as Qe,ab as He,ac as je,ad as re,ae as he,af as Xn,ag as ht,ah as js,ai as dn,aj as Os,ak as mn,al as $e,am as br,an as Ma,ao as Qs,ap as Bs,aq as Ln,ar as de,as as Ce,at as Dn,au as lt,av as be,aw as We,ax as Sh,ay as vh,az as qs,aA as Wi,aB as Sr,aC as ai,aD as Ch,aE as Fh,aF as Ji,aG as xt,aH as Us,aI as Ie,aJ as Ue,aK as yl,aL as fa,aM as sl,aN as Th,aO as Kh,aP as Hs,aQ as xe,aR as Gs,aS as To,aT as tt,aU as Rn,aV as oa,aW as Ye,aX as Ph,aY as kt,aZ as fl,a_ as sa,a$ as aa,b0 as Tn,b1 as xn,b2 as ua,b3 as $n,b4 as jn,b5 as On,b6 as li,b7 as nn,b8 as ta,b9 as ti,ba as xh,bb as Ih,bc as Lh,bd as Dh,be as _h,bf as zl,bg as xa,bh as Va,bi as Ws,bj as Js,bk as wh,bl as Eh,bm as Ah,bn as Rh,bo as _n,bp as ia,bq as Mh,br as ya,bs as Vh,bt as Zs,bu as vr,bv as ll,bw as Cr,bx as Fr,by as zh,bz as Xs,bA as Nh,bB as $h,bC as jh,bD as Oh,bE as Qh,bF as Bh,bG as qh,bH as Uh,bI as Hh,bJ as Gh,bK as it,bL as Wh,bM as ii,bN as ri,bO as Ee,bP as Zi,bQ as Ae,bR as Re,bS as Un,bT as Jh,bU as Zh,bV as Xh,bW as Jn,bX as Yh,bY as ek,bZ as nk,b_ as oi,b$ as si,c0 as Ys,c1 as ak,c2 as lk,c3 as tk,c4 as ik,c5 as rk,c6 as bt,c7 as ok,c8 as ed,c9 as di,ca as da,cb as sk,cc as dk,cd as ck,ce as _a,cf as nd,cg as Mn,ch as gn,ci as uk,cj as Nl,ck as St,cl as Sl,cm as ad,cn as ca,co as Tr,cp as cl,cq as mk,cr as ul,cs as gk,ct as wn,cu as Kr,cv as ci,cw as ui,cx as mi,cy as Xi,cz as gi,cA as Yi,cB as pi,cC as Pr,cD as pk,cE as ld,cF as td,cG as Ko,cH as Po,cI as yk,cJ as rt,cK as er,cL as yi,cM as wl,cN as fk,cO as hk,cP as ka,cQ as kk,cR as bk,cS as ot,cT as id,cU as Sk,cV as rd,cW as $l,cX as fi,cY as Yn,cZ as vk,c_ as Ck,c$ as Zn,d0 as Pa,d1 as Za,d2 as wa,d3 as od,d4 as xr,d5 as Fk,d6 as Tk,d7 as Kk,d8 as sd,d9 as Pk,da as xk,db as Ik,dc as Lk,dd as Ll,de as Ir,df as Lr,dg as dd,dh as cd,di as El,dj as Fn,dk as ud,dl as md,dm as nr,dn as Dk,dp as _k,dq as wk,dr as Dr,ds as Ek,dt as Ak,du as Rk,dv as hi,dw as Mk,dx as gd,dy as Vk,dz as zk,dA as Nk,dB as $k,dC as jk,dD as Ok,dE as Qk,dF as Bk,dG as qk,dH as Vt,dI as ki,dJ as xo,dK as Uk,dL as pd,dM as _r,dN as yd,dO as Ia,dP as za,dQ as wr,dR as fd,dS as hd,dT as Io,dU as Lo,dV as Hk,dW as Gk,dX as pe,dY as bi,dZ as jl,d_ as kd,d$ as Ol,e0 as Ql,e1 as bd,e2 as Sd,e3 as Wk,e4 as Jk,e5 as Er,e6 as Zk,e7 as Xk,e8 as Yk,e9 as e0,ea as n0,eb as Ha,ec as vd,ed as Cd,ee as a0,ef as l0,eg as Do,eh as t0,ei as i0,ej as r0,ek as o0,el as s0,em as d0,en as Fd,eo as c0,ep as u0,eq as m0,er as g0,es as p0,et as Oe,eu as Td,ev as Il,ew as Na,ex as y0,ey as f0,ez as Ar,eA as Si,eB as ha,eC as Wt,eD as Kd,eE as h0,eF as k0,eG as b0,eH as Pd,eI as xd,eJ as S0,eK as v0,eL as C0,eM as vi,eN as ar,eO as Id,eP as Rr,eQ as Mr,eR as Ld,eS as F0,eT as _o,eU as T0,eV as ea,eW as La,eX as $a,eY as vt,eZ as K0,e_ as zt,e$ as P0,f0 as x0,f1 as I0,f2 as L0,f3 as Vr,f4 as Jt,f5 as D0,f6 as _0,f7 as wo,f8 as Dd,f9 as w0,fa as zr,fb as Nr,fc as E0,fd as Dl,fe as A0,ff as R0,fg as $r,fh as st,fi as M0,fj as V0,fk as _d,fl as Nt,fm as z0,fn as N0,fo as wd,fp as vl,fq as $0,fr as j0,fs as O0,ft as Q0,fu as B0,fv as q0,fw as U0,fx as H0,fy as G0,fz as W0,fA as $t,fB as J0,fC as wi,fD as Z0,fE as X0,fF as Eo,fG as Ao,fH as Y0,fI as eb,fJ as nb,fK as ab,fL as Ed,fM as lb,fN as tb,fO as ib,fP as Ro,fQ as Mo}from"./components-BjW5gAwL.js";import{m as tl,n as il,j as rb,E as Ad,R as rl,k as jr,d as ob,p as Ct,q as Rd}from"./vendor-codemirror-BzJDUbEx.js";import{P as Or,C as Qr,T as Je,a as Br,R as Ze,X as tn,Y as qe,b as rn,B as ze,c as zn,d as Cl,A as dt,e as Md,L as Vd,f as na,g as Qn,h as sb}from"./vendor-recharts-BTHn5Y2R.js";const db=4,cb="Unable to parse span input messages, expected messages which include a role and content.",ub="Unable to parse span output messages, expected messages which include a role and content.",mb="Unable to parse span output expected output.value to be present.",gb="Unable to parse span attributes, attributes must be valid JSON.",pb="Unable to parse model config, expected llm.model_name to be present.",yb="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",fb="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",hb="Unable to parse tools, expected tools to be an array of valid tools.",kb="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Vo={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[],AWS:["nova","titan"]},Ga="TOOL_CHOICE",_l="tool_choice",Ca="RESPONSE_FORMAT",ba="response_format",bb=[Ga,Ca],Sb=te({tool_call:te({id:Se().optional(),function:te({name:Se(),arguments:Se()}).partial()}).partial()}).partial(),zd=te({[Ne.message]:te({[vn.role]:Se(),[vn.content]:cr([Se(),fn(qt(Se(),ur()))]).default(""),[vn.contents]:fn(te({message_content:qt(Se())})).optional(),[vn.tool_calls]:fn(Sb).optional(),[vn.tool_call_id]:Se().optional()})}),vb=te({[Ne.llm]:te({[Cn.input_messages]:fn(zd)})}),Cb=te({[Ne.llm]:te({[Cn.output_messages]:fn(zd)})}),Fb=te({[Ne.output]:te({value:Se()})}),Nd=dh()(Al(["user","ai","system","tool"])),Tb=te({id:Ts(),role:Nd,content:Se().optional(),toolCallId:Se().optional(),toolCalls:fn(ch).optional()}),Kb=fn(Tb),$d=Ks(()=>qt(yr)),Pb=$d,jd=Se().transform((n,a)=>{const{json:l}=hn(n);if(!fr(l))return a.addIssue({code:nt.custom,message:"The invocation parameters must be a valid JSON object"}),at;const{success:t,data:i}=Pb.safeParse(l);return t?i:(a.addIssue({code:nt.custom,message:"The invocation parameters must be a valid JSON object"}),at)}).default("{}"),xb=te({[Ne.llm]:te({[Cn.provider]:Se().optional(),[Cn.model_name]:Se()})}),Od=te({[Ne.llm]:te({[Cn.invocation_parameters]:jd})}),Ib=te({[Ne.llm]:te({[Cn.invocation_parameters]:jd.pipe(te({response_format:$d.optional()}))})}),Qd=te({url:te({full:Se(),path:Se().optional()})}),Lb=Se().transform((n,a)=>{const{json:l}=hn(n);return l==null||!fr(l)?(a.addIssue({code:nt.custom,message:"The tool JSON schema must be a valid JSON object"}),at):l}).transform((n,a)=>{const{data:l,success:t}=uh.safeParse(n);return t?l:(a.addIssue({code:nt.custom,message:"The tool JSON schema must be a valid tool schema"}),at)}),Db=te({[Ne.llm]:te({[Cn.tools]:fn(te({[Ne.tool]:te({[Rt.json_schema]:Lb})}).optional()).optional()}).optional()}).optional(),_b=Ks(()=>te({type:Qa("json_schema"),json_schema:te({name:Se().describe("The name of the schema"),schema:mh.describe("The schema itself in JSON schema format"),strict:Qa(!0).describe("The schema must be strict")})})),wb=ct(_b,{removeAdditionalStrategy:"passthrough"}),Eb=Se().transform((n,a)=>{const{json:l}=hn(n);return va(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=Ta(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:nt.custom,message:"The prompt template variables must be a valid JSON object"}),at)}),Ab=te({[Ne.llm]:te({[Cn.prompt_template]:te({variables:Eb}).optional()}).optional()}).optional();function Bd(n){return Nd.safeParse(n).success}function Ba(n){const a=n.toLowerCase();if(Bd(a))return a;for(const[l,t]of Object.entries(Mt))if(t.includes(a))return l;return gh}function Rb({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:l})=>{var i,r,s,d;if(l==null)return null;let t={};if(((i=l.function)==null?void 0:i.arguments)!=null){const{json:c}=hn(l.function.arguments);va(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return{id:l.id??"",type:"function",function:{name:((r=l.function)==null?void 0:r.name)??"",arguments:t}};case"ANTHROPIC":return{id:l.id??"",type:"tool_use",name:((s=l.function)==null?void 0:s.name)??"",input:t};case"GOOGLE":return{id:l.id??"",function:{name:((d=l.function)==null?void 0:d.name)??"",arguments:t}};default:Be()}}).filter(l=>l!=null)}function qd({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:Ua(),role:l.tool_call_id!=null?Ba("tool"):Ba(l.role),content:Array.isArray(l.contents)?((i=(t=l.contents.find(r=>r.message_content.type==="text"))==null?void 0:t.message_content)==null?void 0:i.text)??void 0:typeof l.content=="string"?l.content:void 0,toolCalls:Rb({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Mb({provider:n,parsedAttributes:a}){var t;const l=vb.safeParse(a);if(!l.success)return{messageParsingErrors:[cb],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Od.safeParse(a);if(i){const s=l.data.llm.input_messages,d=(t=r.llm.invocation_parameters)==null?void 0:t.system;typeof d=="string"&&d&&(!s||s[0].message.role!=="system")&&l.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:qd({provider:n,messages:l.data.llm.input_messages})}}function Vb({provider:n,parsedAttributes:a}){const l=[],t=Cb.safeParse(a);if(t.success)return{output:qd({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(ub);const i=Fb.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(mb),{output:void 0,outputParsingErrors:l})}function Ud(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"aws":return"AWS";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function zb(n){for(const a of Object.keys(Vo))if(Vo[a].some(t=>n.includes(t)))return a;return zs}function Nb(n){const{success:a,data:l}=xb.safeParse(n);if(a){const t=Ud(l.llm.provider)||zb(l.llm.model_name),{baseUrl:i}=jb(n),r=t==="AZURE_OPENAI"?$b(n):{deploymentName:null,apiVersion:null,endpoint:null},s=t==="AZURE_OPENAI"&&r.deploymentName?r.deploymentName:l.llm.model_name;return{modelConfig:{...Object.fromEntries(Object.entries({baseUrl:i,endpoint:r.endpoint,apiVersion:r.apiVersion}).filter(([d,c])=>c!==null)),modelName:s,provider:t,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[pb]}}function $b(n){var m;const{success:a,data:l}=u1.safeParse(n),t=a&&typeof((m=l==null?void 0:l.metadata)==null?void 0:m.ls_model_name)=="string"&&l.metadata.ls_model_name.trim()?l.metadata.ls_model_name.trim():null,{success:i,data:r}=Qd.safeParse(n),{endpoint:s,apiVersion:d,deploymentName:c}=i?m1(r.url.full):{endpoint:null,apiVersion:null,deploymentName:null};return{deploymentName:c??t,apiVersion:d,endpoint:s}}function jb(n){const{success:a,data:l}=Qd.safeParse(n);if(a)try{let i=new URL(l.url.full);if(l.url.path)try{i=new URL(l.url.full.split(l.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`}}catch{}return{baseUrl:null}}function Ob(n,a=[]){const{success:l,data:t}=Od.safeParse(n),i=[];return l||i.push(yb),{invocationParameters:Zb((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function Qb(n){const{success:a,data:l}=Ib.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[fb]}}function Bb(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(l=>(l==null?void 0:l.tool)==null?null:{id:xl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function qb(n){var t;const{data:a,success:l}=Db.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:Bb(a),parsingErrors:[]}:{tools:null,parsingErrors:[hb]}}function Ub(n){var t;const{success:a,data:l}=Ab.safeParse(n);return a?((t=l==null?void 0:l.llm)==null?void 0:t.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:l.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[kb]}}function Hb(n){const{instance:a,instanceMessages:l}=Vs(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=hn(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[gb]};const s=n.invocationParameters,d=Nb(i);let{modelConfig:c}=d;const{parsingErrors:m}=d,{messages:p,messageParsingErrors:g}=Mb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:u,outputParsingErrors:f}=Vb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=Ob(i,s),{variables:S,parsingErrors:F}=Ub(i),{parsingErrors:x}=Qb(i);c=c!=null?{...c,invocationParameters:x.length>0?h.filter(D=>D.invocationName!==ba&&D.canonicalName!==Ca):h}:null;const{tools:K,parsingErrors:I}=qb(i),V=p==null?void 0:p.map(D=>({...D,content:D.role==="tool"?qr(D.content):D.content}));return{playgroundInstance:{...t,model:c??t.model,template:V!=null?{__type:"chat",messages:V}:t.template,output:u,spanId:n.id,tools:K??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...g,...f,...m,...I,...k,...x,...F]}}const Gb=n=>Kb.safeParse(n).success,Hd=({instance:n,templateFormat:a})=>{if(a==qn.NONE)return[];const l=new Set,t=n.template.__type,i=ph(a);switch(t){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{l.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{l.add(s)});break}default:Be()}return Array.from(l)},Wb=({instances:n,templateFormat:a})=>a==qn.NONE?[]:Array.from(new Set(n.flatMap(l=>Hd({instance:l,templateFormat:a})))),Gd=({instances:n,templateFormat:a,input:l})=>{if(a==qn.NONE)return{variablesMap:{},variableKeys:[]};const t=Wb({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function Xa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Jb=(n,a)=>n.filter(l=>a.some(t=>Xa(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>Xa(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),Bl=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),Zb=(n,a)=>Object.entries(n).map(([l,t])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===l.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===l.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[Bl(i.invocationInputField)]:t}}).filter(l=>l!=null),Wd=n=>{const{provider:a,validatedToolDefinition:l}=kh(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"AWS":return l.toolSpec.name;case"UNKNOWN":return null;default:Be()}},Xb=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:xl(),definition:vo(a)};case"ANTHROPIC":return{id:xl(),definition:hh(a)};case"AWS":return{id:xl(),definition:fh(a)};case"GOOGLE":return{id:xl(),definition:vo(a)};default:Be()}},Yb=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return So();case"ANTHROPIC":return yh();case"GOOGLE":return So();default:Be()}};function e1(n){return{content:n.content,role:n1(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function n1(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Be()}}const Jd=n=>n.filter(a=>!(a.valueFloat!==null&&typeof a.valueFloat=="number"&&isNaN(a.valueFloat))),Zd=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(f=>f.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(f=>i[f]).filter(f=>f!=null),d=r.model.supportedInvocationParameters;let c=Jd(r.model.invocationParameters);const m=hr({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(f=>f.invocationName!==_l&&f.canonicalName!==Ga),c.push({canonicalName:Ga,invocationName:_l,valueJson:m})):c=c.filter(f=>f.invocationName!==_l&&f.canonicalName!==Ga),c=d.length?Jb(c,d):c;const p=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{},g=r.model.provider==="AWS"?{region:r.model.region}:{};return{messages:s.map(e1),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...p,...g},invocationParameters:Yd(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(f=>f.definition):void 0,credentials:a1(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},Ci=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:l,...t}=n.template;return{...n,template:{...t,messages:n.template.messageIds.map(i=>a[i])}}}return n};function a1(n,a){const l=n[a],t=yt[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const l1=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Zd({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(p=>Ci(p,d)),{variablesMap:m}=Gd({instances:c,input:s,templateFormat:r});return{...t,template:{variables:m,format:r}}},zo=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Zd({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function qr(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const t=JSON.parse(n),i=typeof t=="string"?JSON.parse(t):t;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function Xd(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>Xa(t,l)))}const t1=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function i3(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=t1(t),s=Bl(t.invocationInputField||"");if(!t.invocationName||!t.invocationInputField||!i||r==null||((c=l.get(i))==null?void 0:c[s])!=null)return;const d={canonicalName:t.canonicalName,invocationName:t.invocationName,[s]:r};l.set(i,d)}),Array.from(l.values())}const i1=te({type:Qa("enabled")}).passthrough(),r1=te({type:Al(["any","tool"])}).passthrough(),o1=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&i1.safeParse(t.valueJson).success);return n.filter(t=>{if(t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!t.valueJson)return!1;if(l){if(t.canonicalName==="TEMPERATURE"||t.canonicalName==="TOP_P")return!1;if(t.canonicalName===Ga)return!r1.safeParse(t.valueJson).success}return!0})},s1=["frequency_penalty","presence_penalty"],d1=n=>n.filter(l=>l.invocationName&&s1.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Yd=(n,a,l)=>{const t=d1(n);return a==="ANTHROPIC"?o1(t,l):t},c1=/(?:^|\/)deployments\/([^/]+)(?:\/?|$)/,u1=te({metadata:te({ls_model_name:Se().optional()}).optional()}).passthrough();function m1(n){try{const a=new URL(n),l=a.origin.trim(),t=a.searchParams.get("api-version"),i=t&&t.trim()?t.trim():null,s=(a.pathname||"").toString().match(c1),d=s&&s[1]?s[1].trim():null;return{endpoint:l,apiVersion:i,deploymentName:d}}catch{return{endpoint:null,apiVersion:null,deploymentName:null}}}const ec=y.createContext(null);function r3({children:n,...a}){const[l]=y.useState(()=>bh(a));return e(ec.Provider,{value:l,children:n})}function hl(n,a){const l=y.useContext(ec);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return ut(l,n,a)}const nc=y.createContext(null);function g1(){const n=y.useContext(nc);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function o3(n){return e(nc.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const ac={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};ac.hash="4062531cfa3f77e541172a44101f5331";function p1({query:n}){const a=hl(d=>d),l=P.useFragment(ac,n),t=y.useMemo(()=>[...l.modelProviders],[l]),i=y.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:d})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Ja,{provider:d.original.key,height:18}),d.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:d})=>{const c=yt[d.original.key],m=(c==null?void 0:c.map(p=>p.envVarName).join(", "))||d.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(v,{children:m})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:d})=>{if(!d.original.dependenciesInstalled)return e(v,{color:"warning",children:"missing dependencies"});const c=d.original.credentialRequirements;if(!kr(d.original.key))return e(v,{color:"warning",children:"unknown provider key"});const m=a[d.original.key];return c.every(({envVarName:g,isRequired:u})=>(m==null?void 0:m[g])!==void 0||!u)?e(v,{color:"success",children:"local"}):d.original.credentialsSet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"})}},{header:"",accessorKey:"id",cell:({row:d})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:o(Z,{children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(al,{})})}),e(le,{children:e(ee,{size:"M",children:e(y1,{provider:d.original})})})]})})}],[a]),r=Me({columns:i,data:t,getCoreRowModel:Ve(),getSortedRowModel:Kn()}),s=r.getRowModel().rows;return e(H,{title:"AI Providers",children:o("table",{css:pn,children:[e("thead",{children:r.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:e("div",{children:Y(c.column.columnDef.header,c.getContext())})},c.id))},d.id))}),e("tbody",{children:s.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:Y(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function y1({provider:n}){return e(X,{children:o(ge,{children:[o(ue,{children:[o(me,{children:["Configure ",n.name," Credentials"]}),e(ye,{children:e(fe,{slot:"close"})})]}),o(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:o(v,{size:"XS",children:["Set the credentials for the ",n.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),o(Pn,{children:[e(f1,{provider:n.key}),e(C,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",size:"S",slot:"close",children:"Cancel"}),e(z,{variant:"primary",size:"S",slot:"close",children:"Save Credentials"})]})})]})]})]})})}function f1({provider:n}){const a=hl(i=>i.setCredential),l=yt[n],t=hl(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o($s,{isRequired:i.isRequired,onChange:r=>{a({provider:n,envVarName:i.envVarName,value:r})},value:(t==null?void 0:t[i.envVarName])??void 0,children:[e(W,{children:i.envVarName}),e(Ns,{})]},i.envVarName))})}function s3(){const n=an();return Ge(n),e(p1,{query:n})}const lc={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}]},params:{cacheID:"1238ea27e05b70fd2c203ab4be6a1209",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
2
2
|
...GenerativeProvidersCard_data
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -876,7 +876,7 @@ fragment ModelsTable_generativeModels on Query {
|
|
|
876
876
|
& tbody td:not(:last-child) {
|
|
877
877
|
padding-right: var(--ac-global-dimension-size-100);
|
|
878
878
|
}
|
|
879
|
-
`,children:[e("thead",{children:o("tr",{children:[e("th",{children:"Token type"}),e("th",{children:"Cost / 1M"}),e("th",{})]})}),o("tbody",{children:[l.map((c,m)=>o("tr",{children:[e("td",{children:e(G,{name:`${a}.${m}.tokenType`,control:t,rules:{required:"Token type is required"},render:({fieldState:{invalid:p,error:g},field:u})=>e(J1,{options:i,...u,invalid:p,error:g==null?void 0:g.message})})}),e("td",{children:e(G,{name:`${a}.${m}.costPerMillionTokens`,control:t,rules:{required:"Cost per 1M tokens is required"},render:({fieldState:{invalid:p,error:g},field:u})=>o(Da,{...u,isInvalid:p,minValue:0,isRequired:!0,size:"S",formatOptions:{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:6},children:[e(oe,{}),(g==null?void 0:g.message)&&e(Pe,{children:g.message})]})})}),e("td",{children:e(z,{leadingVisual:e(_,{svg:e(yn,{})}),onPress:()=>{s(m)},size:"S",isDisabled:m===0})})]},c.id)),o("tr",{children:[e("td",{}),e("td",{children:e(b,{justifyContent:"end",alignItems:"start",children:e(z,{onPress:()=>{r({kind:d,tokenType:"",costPerMillionTokens:0})},size:"S",variant:"quiet",children:"Add row"})})}),e("td",{})]})]})]})]})}const Ai=[{key:"OPENAI",value:sl("OPENAI"),label:fa("OPENAI")},{key:"AZURE_OPENAI",value:sl("AZURE_OPENAI"),label:fa("AZURE_OPENAI")},{key:"ANTHROPIC",value:sl("ANTHROPIC"),label:fa("ANTHROPIC")},{key:"GOOGLE",value:sl("GOOGLE"),label:fa("GOOGLE")},{key:"AWS",value:sl("AWS"),label:fa("AWS")},{key:"DEEPSEEK",value:sl("DEEPSEEK"),label:fa("DEEPSEEK")},{key:"XAI",value:sl("XAI"),label:fa("XAI")}];function Z1({value:n,onChange:a,onBlur:l,invalid:t,description:i}){var r;return e(yl,{label:"Provider",placeholder:"Choose or enter a provider",selectedKey:((r=Ai.find(s=>s.value===n))==null?void 0:r.key)||"",inputValue:n,onSelectionChange:s=>{const d=Ai.find(c=>c.key===s);d&&a(d.value)},onInputChange:s=>{a(s==null?void 0:s.toLowerCase())},onBlur:l,isInvalid:t,size:"M",allowsCustomValue:!0,description:i,children:Ai.map(s=>e(Ue,{textValue:s.key,id:s.key,children:o(b,{alignItems:"center",gap:"size-50",children:[e(Ja,{provider:s.key,height:18}),s.label]})},s.key))})}function Hr({modelName:n,modelProvider:a,modelNamePattern:l,modelCost:t,onSubmit:i,isSubmitting:r,submitButtonText:s,formMode:d,startDate:c}){const m=y.useMemo(()=>Array.isArray(t)&&t.length>0?t:[{kind:"PROMPT",tokenType:"input",costPerMillionTokens:0},{kind:"COMPLETION",tokenType:"output",costPerMillionTokens:0}],[t]),p=y.useMemo(()=>m.filter(
|
|
879
|
+
`,children:[e("thead",{children:o("tr",{children:[e("th",{children:"Token type"}),e("th",{children:"Cost / 1M"}),e("th",{})]})}),o("tbody",{children:[l.map((c,m)=>o("tr",{children:[e("td",{children:e(G,{name:`${a}.${m}.tokenType`,control:t,rules:{required:"Token type is required"},render:({fieldState:{invalid:p,error:g},field:u})=>e(J1,{options:i,...u,invalid:p,error:g==null?void 0:g.message})})}),e("td",{children:e(G,{name:`${a}.${m}.costPerMillionTokens`,control:t,rules:{required:"Cost per 1M tokens is required"},render:({fieldState:{invalid:p,error:g},field:u})=>o(Da,{...u,isInvalid:p,minValue:0,isRequired:!0,size:"S",formatOptions:{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:6},children:[e(oe,{}),(g==null?void 0:g.message)&&e(Pe,{children:g.message})]})})}),e("td",{children:e(z,{leadingVisual:e(_,{svg:e(yn,{})}),onPress:()=>{s(m)},size:"S",isDisabled:m===0})})]},c.id)),o("tr",{children:[e("td",{}),e("td",{children:e(b,{justifyContent:"end",alignItems:"start",children:e(z,{onPress:()=>{r({kind:d,tokenType:"",costPerMillionTokens:0})},size:"S",variant:"quiet",children:"Add row"})})}),e("td",{})]})]})]})]})}const Ai=[{key:"OPENAI",value:sl("OPENAI"),label:fa("OPENAI")},{key:"AZURE_OPENAI",value:sl("AZURE_OPENAI"),label:fa("AZURE_OPENAI")},{key:"ANTHROPIC",value:sl("ANTHROPIC"),label:fa("ANTHROPIC")},{key:"GOOGLE",value:sl("GOOGLE"),label:fa("GOOGLE")},{key:"AWS",value:sl("AWS"),label:fa("AWS")},{key:"DEEPSEEK",value:sl("DEEPSEEK"),label:fa("DEEPSEEK")},{key:"XAI",value:sl("XAI"),label:fa("XAI")}];function Z1({value:n,onChange:a,onBlur:l,invalid:t,description:i}){var r;return e(yl,{label:"Provider",placeholder:"Choose or enter a provider",selectedKey:((r=Ai.find(s=>s.value===n))==null?void 0:r.key)||"",inputValue:n,onSelectionChange:s=>{const d=Ai.find(c=>c.key===s);d&&a(d.value)},onInputChange:s=>{a(s==null?void 0:s.toLowerCase())},onBlur:l,isInvalid:t,size:"M",allowsCustomValue:!0,description:i,children:Ai.map(s=>e(Ue,{textValue:s.key,id:s.key,children:o(b,{alignItems:"center",gap:"size-50",children:[e(Ja,{provider:s.key,height:18}),s.label]})},s.key))})}function Hr({modelName:n,modelProvider:a,modelNamePattern:l,modelCost:t,onSubmit:i,isSubmitting:r,submitButtonText:s,formMode:d,startDate:c}){const m=y.useMemo(()=>Array.isArray(t)&&t.length>0?t:[{kind:"PROMPT",tokenType:"input",costPerMillionTokens:0},{kind:"COMPLETION",tokenType:"output",costPerMillionTokens:0}],[t]),p=y.useMemo(()=>m.filter(R=>R.kind==="PROMPT"),[m]),g=y.useMemo(()=>m.filter(R=>R.kind==="COMPLETION"),[m]),u=y.useMemo(()=>c?Ps(new Date(c).toISOString()):"",[c]),{control:f,handleSubmit:h,formState:{isDirty:k}}=sn({defaultValues:{name:n??"",provider:a||"",namePattern:l??"",promptCosts:p,completionCosts:g,startTime:u}}),{fields:S,append:F,remove:x}=Gi({control:f,name:"promptCosts"}),{fields:K,append:I,remove:V}=Gi({control:f,name:"completionCosts"}),D=Th({initialValue:l??""});return o(Pn,{onSubmit:h(i),children:[e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(G,{name:"name",control:f,rules:{required:"Model name is required",minLength:{value:1,message:"Name must not be empty"}},render:({field:{onChange:R,onBlur:L,value:A},fieldState:{invalid:E,error:M}})=>o(ce,{isInvalid:E,onChange:R,onBlur:L,value:A,size:"S",children:[e(W,{children:"Model name*"}),e(oe,{placeholder:"e.g. gpt-4, claude-3-sonnet"}),(M==null?void 0:M.message)&&e(Pe,{children:M.message})]})}),e(G,{name:"namePattern",control:f,rules:{required:"Name pattern is required"},render:({field:{onChange:R,onBlur:L,value:A},fieldState:{invalid:E,error:M}})=>e(Kh,{...D,value:A,isInvalid:E||D.isInvalid,error:(M==null?void 0:M.message)||D.error,onChange:$=>{R($),D.onChange($)},size:"S",onBlur:L,placeholder:"e.g. ^gpt-4$, ^claude-3-sonnet$",description:"Regular expression to match model names during trace ingestion.",label:"Name pattern*"})}),e(G,{name:"provider",control:f,render:({field:{onChange:R,onBlur:L,value:A},fieldState:{invalid:E,error:M}})=>e(Z1,{value:A??"",onChange:R,onBlur:L,error:M==null?void 0:M.message,invalid:E,description:"Only models with this provider will be matched by the name pattern."})}),e(G,{name:"startTime",control:f,render:({field:{onChange:R,onBlur:L,value:A},fieldState:{invalid:E,error:M}})=>o(Hs,{value:A,onChange:R,onBlur:L,isInvalid:E,granularity:"day",hideTimeZone:!0,children:[e(W,{children:"Start date"}),e(xs,{style:{width:"100%"},children:$=>e(Is,{segment:$})}),M!=null&&M.message?e(Pe,{children:M.message}):e(v,{slot:"description",children:"Optional start date. If provided, traces ingested on or after this date will have this model's cost applied."})]})}),e(Qo,{title:"Prompt tokens",namePrefix:"promptCosts",fields:S,control:f,tokenTypeOptions:G1,onAppend:F,onRemove:x,appendKind:"PROMPT"}),e(Qo,{title:"Completion tokens",namePrefix:"completionCosts",fields:K,control:f,tokenTypeOptions:W1,onAppend:I,onRemove:V,appendKind:"COMPLETION"})]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",position:"sticky",bottom:0,backgroundColor:"dark",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{isDisabled:(d==="edit"?!k:!1)||r,variant:k?"primary":"default",size:"S",type:"submit",children:s})})})]})}const Qc=Oc;function X1({queryReference:n,onModelEdited:a,onClose:l}){const{revalidate:t}=mt(),i=P.usePreloadedQuery(Qc,n),[r,s]=P.useMutation(jc),d=Fe(),c=De(),m=i==null?void 0:i.node;return m?e(Hr,{modelName:m.name,modelProvider:m.provider,modelNamePattern:m.namePattern,modelCost:m.tokenPrices,startDate:m.startTime,onSubmit:p=>{r({variables:{input:{id:m.id,name:p.name,provider:p.provider,namePattern:p.namePattern,startTime:p.startTime?p.startTime.toDate(Rl()).toISOString():null,costs:[...p.promptCosts,...p.completionCosts].map(g=>({tokenType:g.tokenType,costPerMillionTokens:g.costPerMillionTokens,kind:g.kind}))}},onCompleted:()=>{l(),a&&a(p),d({title:"Model Updated",message:`Model "${p.name}" updated successfully`}),t()},onError:g=>{const u=je(g);c({title:"Failed to update model",message:(u==null?void 0:u[0])??"Failed to update model"})}})},isSubmitting:s,submitButtonText:"Save Changes",formMode:"edit"}):e(xe,{variant:"danger",children:"Model not found"})}function Y1({modelId:n,onModelEdited:a}){const[l,t]=y.useState(!1),[i,r,s]=P.useQueryLoader(Qc),d=()=>{r({id:n},{fetchPolicy:"network-only"}),t(!0)},c=()=>{t(!1),s()};return o(Z,{isOpen:l,onOpenChange:m=>{m||c()},children:[e(z,{variant:"default",leadingVisual:e(_,{svg:e(al,{})}),"aria-label":"Edit model",onPress:d,size:"S"}),e(le,{children:e(ee,{children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Edit Model"}),e(ye,{children:e(fe,{slot:"close"})})]}),e(y.Suspense,{fallback:e(he,{}),children:i?e(X1,{queryReference:i,onModelEdited:a,onClose:c}):e(he,{})})]})})})})]})}const Bc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],l={alias:null,args:null,kind:"ScalarField",name:"kind",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"CloneModelButtonMutation",selections:[{alias:null,args:a,concreteType:"CreateModelMutationPayload",kind:"LinkedField",name:"createModel",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ModelsTable_generativeModels"}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"CloneModelButtonMutation",selections:[{alias:null,args:a,concreteType:"CreateModelMutationPayload",kind:"LinkedField",name:"createModel",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"GenerativeModel",kind:"LinkedField",name:"generativeModels",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:"provider",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"namePattern",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"providerKey",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"updatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"lastUsedAt",storageKey:null},l,{alias:null,args:null,concreteType:"TokenPrice",kind:"LinkedField",name:"tokenPrices",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokenType",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"costPerMillionTokens",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"e601f7ce5bfd742b3284225ce0762586",id:null,metadata:{},name:"CloneModelButtonMutation",operationKind:"mutation",text:`mutation CloneModelButtonMutation(
|
|
880
880
|
$input: CreateModelMutationInput!
|
|
881
881
|
) {
|
|
882
882
|
createModel(input: $input) {
|
|
@@ -1547,7 +1547,7 @@ fragment SpansTable_spans on Project {
|
|
|
1547
1547
|
}
|
|
1548
1548
|
id
|
|
1549
1549
|
}
|
|
1550
|
-
`}}}();cu.hash="6c31b031cf07047b2f02307de192ee3c";const uu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={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:30},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],s={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},g=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],u={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:g,storageKey:null},f={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:g,storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},x={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,i,S,F,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},t],storageKey:null}],storageKey:null},K={alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},S],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},i],storageKey:null},I={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[S,F],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},
|
|
1550
|
+
`}}}();cu.hash="6c31b031cf07047b2f02307de192ee3c";const uu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={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:30},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],s={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},g=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],u={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:g,storageKey:null},f={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:g,storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},x={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,i,S,F,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},t],storageKey:null}],storageKey:null},K={alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},S],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},i],storageKey:null},I={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[S,F],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],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};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",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:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,s,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},d,c,m,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},p,u,f,h,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,k,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},x,K,I,V,{alias:null,args:[{kind:"Literal",name:"first",value:50}],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,s,i,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},d,c,m,p,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},u,f,h,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,k],storageKey:null},x,I,K,V],storageKey:null}],storageKey:null}],storageKey:"descendants(first:50)"}],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:[l,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:r,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"c2d7db78ed889ec5545108b0bdb6cc8a",id:null,metadata:{},name:"ProjectPageQueriesTracesQuery",operationKind:"query",text:`query ProjectPageQueriesTracesQuery(
|
|
1551
1551
|
$id: ID!
|
|
1552
1552
|
$timeRange: TimeRange!
|
|
1553
1553
|
) {
|
|
@@ -2764,7 +2764,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2764
2764
|
id
|
|
2765
2765
|
}
|
|
2766
2766
|
}
|
|
2767
|
-
`}}}();cm.hash="3d7d90516f3e1c3d7653361d9fd8f21e";const um=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},k=[{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:k,storageKey:null},F={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:k,storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},K={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[s,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},I={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},
|
|
2767
|
+
`}}}();cm.hash="3d7d90516f3e1c3d7653361d9fd8f21e";const um=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},k=[{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:k,storageKey:null},F={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:k,storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},K={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[s,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},I={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},V={alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},A={kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"},E={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},M={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},$={alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[D,R],storageKey:null},O={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},N={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},O],type:"ContinuousAnnotationConfig",abstractKey:null},q={kind:"InlineFragment",selections:[s],type:"FreeformAnnotationConfig",abstractKey: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:[l,{kind:"InlineFragment",selections:[t,i,r,s,d,c,m,p,g,u,f,h,S,F,x,{kind:"RequiredField",field:K,action:"THROW"},I,{alias:null,args:null,concreteType:"DocumentAnnotation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[V,s,D,R,L],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,s],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanHeader_span"},{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:[l,t,{kind:"InlineFragment",selections:[i,r,s,d,c,m,p,g,u,f,h,S,F,x,K,I,{alias:null,args:null,concreteType:"DocumentAnnotation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[V,s,D,R,L,t],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,s,D,R,L,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"identifier",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"source",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"updatedAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,A,{kind:"InlineFragment",selections:[s,E,M],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[$,t,s,O],type:"CategoricalAnnotationConfig",abstractKey:null},N,q],storageKey:null}],storageKey:null},{alias:"configs",args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"config",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,A,{kind:"InlineFragment",selections:[s,M,E],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[$],type:"CategoricalAnnotationConfig",abstractKey:null},N,q],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},D],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},s],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"d584ef7b838f7eab0b19837e4a134d93",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
|
|
2768
2768
|
$id: ID!
|
|
2769
2769
|
) {
|
|
2770
2770
|
span: node(id: $id) {
|
|
@@ -2811,6 +2811,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2811
2811
|
label
|
|
2812
2812
|
score
|
|
2813
2813
|
explanation
|
|
2814
|
+
id
|
|
2814
2815
|
}
|
|
2815
2816
|
spanAnnotations {
|
|
2816
2817
|
id
|
|
@@ -3285,7 +3286,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3285
3286
|
display: block;
|
|
3286
3287
|
height: var(--ac-global-dimension-static-size-400);
|
|
3287
3288
|
}
|
|
3288
|
-
`;function AC({children:n}){return e("div",{css:EC,"data-testid":"span-info-wrap",children:n})}function RC({span:n,buttonText:a}){const l=Fe(),t=Te();return o(Z,{children:[e(z,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(vr,{})}),children:a}),e(le,{children:e(ee,{variant:"slideover",size:"L",children:e(y.Suspense,{fallback:e(he,{}),children:e(IC,{spanId:n.id,onCompleted:i=>{l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{t(`/datasets/${i}/examples`)}}})}})})})})]})}function MC({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=LC(l),r=y.useMemo(()=>n.statusMessage?e(xe,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,e(xe,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(H,{...en,title:"Attributes",children:e(C,{padding:"size-100",children:l})})]})});let s;switch(a){case"llm":{s=e(VC,{span:n,spanAttributes:t});break}case"retriever":{s=e(zC,{span:n,spanAttributes:t});break}case"reranker":{s=e(NC,{span:n,spanAttributes:t});break}case"embedding":{s=e($C,{span:n,spanAttributes:t});break}case"tool":{s=e(jC,{span:n,spanAttributes:t});break}default:s=e(Lm,{span:n})}return e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,s,t!=null&&t.metadata?e(H,{...en,title:"Metadata",children:e(Ya,{children:JSON.stringify(t.metadata)})}):null]})})}function VC(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=y.useMemo(()=>a[Ne.llm]||null,[a]),s=r==null?void 0:r[Cn.provider],d=y.useMemo(()=>{if(r==null)return null;const L=r[Cn.model_name];return typeof L=="string"?L:null},[r]),c=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.input_messages];return Jo(L)?(L==null?void 0:L.map(A=>A[Ne.message]).filter(Boolean))||[]:[]},[r]),m=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.tools];return Array.isArray(L)?L==null?void 0:L.map(E=>E[Ne.tool]).filter(Boolean):[]},[r]),p=y.useMemo(()=>m.reduce((L,A)=>(A!=null&&A.json_schema&&L.push(A.json_schema),L),[]),[m]),g=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.output_messages];return Jo(L)?L.map(A=>A[Ne.message]).filter(Boolean)||[]:[]},[r]),u=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.prompts];return Ck(L)?L:[]},[r]),f=y.useMemo(()=>{if(r==null)return null;const L=r[Cn.prompt_template];return L??null},[r]),h=y.useMemo(()=>r==null?"{}":r[Cn.invocation_parameters]||"{}",[r]),k=y.useMemo(()=>{if(d==null)return null;let L=e(xr,{spanKind:"llm"});const A=s==null?void 0:s.toUpperCase();return typeof A=="string"&&kr(A)&&(L=e(Ja,{provider:A})),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[L,e(v,{size:"M",weight:"heavy",children:d})]})},[d,s]),S=t!=null&&t.value!=null,F=c.length>0,x=p.length>0,K=i!=null&&i.value!=null,I=g.length>0,
|
|
3289
|
+
`;function AC({children:n}){return e("div",{css:EC,"data-testid":"span-info-wrap",children:n})}function RC({span:n,buttonText:a}){const l=Fe(),t=Te();return o(Z,{children:[e(z,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(vr,{})}),children:a}),e(le,{children:e(ee,{variant:"slideover",size:"L",children:e(y.Suspense,{fallback:e(he,{}),children:e(IC,{spanId:n.id,onCompleted:i=>{l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{t(`/datasets/${i}/examples`)}}})}})})})})]})}function MC({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=LC(l),r=y.useMemo(()=>n.statusMessage?e(xe,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,e(xe,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(H,{...en,title:"Attributes",children:e(C,{padding:"size-100",children:l})})]})});let s;switch(a){case"llm":{s=e(VC,{span:n,spanAttributes:t});break}case"retriever":{s=e(zC,{span:n,spanAttributes:t});break}case"reranker":{s=e(NC,{span:n,spanAttributes:t});break}case"embedding":{s=e($C,{span:n,spanAttributes:t});break}case"tool":{s=e(jC,{span:n,spanAttributes:t});break}default:s=e(Lm,{span:n})}return e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,s,t!=null&&t.metadata?e(H,{...en,title:"Metadata",children:e(Ya,{children:JSON.stringify(t.metadata)})}):null]})})}function VC(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=y.useMemo(()=>a[Ne.llm]||null,[a]),s=r==null?void 0:r[Cn.provider],d=y.useMemo(()=>{if(r==null)return null;const L=r[Cn.model_name];return typeof L=="string"?L:null},[r]),c=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.input_messages];return Jo(L)?(L==null?void 0:L.map(A=>A[Ne.message]).filter(Boolean))||[]:[]},[r]),m=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.tools];return Array.isArray(L)?L==null?void 0:L.map(E=>E[Ne.tool]).filter(Boolean):[]},[r]),p=y.useMemo(()=>m.reduce((L,A)=>(A!=null&&A.json_schema&&L.push(A.json_schema),L),[]),[m]),g=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.output_messages];return Jo(L)?L.map(A=>A[Ne.message]).filter(Boolean)||[]:[]},[r]),u=y.useMemo(()=>{if(r==null)return[];const L=r[Cn.prompts];return Ck(L)?L:[]},[r]),f=y.useMemo(()=>{if(r==null)return null;const L=r[Cn.prompt_template];return L??null},[r]),h=y.useMemo(()=>r==null?"{}":r[Cn.invocation_parameters]||"{}",[r]),k=y.useMemo(()=>{if(d==null)return null;let L=e(xr,{spanKind:"llm"});const A=s==null?void 0:s.toUpperCase();return typeof A=="string"&&kr(A)&&(L=e(Ja,{provider:A})),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[L,e(v,{size:"M",weight:"heavy",children:d})]})},[d,s]),S=t!=null&&t.value!=null,F=c.length>0,x=p.length>0,K=i!=null&&i.value!=null,I=g.length>0,V=u.length>0,D=Object.keys(hn(h).json||{}).length>0,R=f!=null;return o(b,{direction:"column",gap:"size-200",children:[e(H,{collapsible:!0,backgroundColor:"light",borderColor:"light",titleSeparator:!1,title:k,children:o(Dn,{children:[o(Ln,{children:[F&&e(de,{id:"input-messages",children:"Input Messages"}),x&&e(de,{id:"tools",children:"Tools"}),S&&e(de,{id:"input",children:"Input"}),R&&e(de,{id:"prompt-template",children:"Prompt Template"}),V&&e(de,{id:"prompts",children:"Prompts"}),D&&e(de,{id:"invocation-params",children:"Invocation Params"})]}),F&&e(Ce,{id:"input-messages",children:e(Yo,{messages:c})}),x&&e(Ce,{id:"tools",children:e(qC,{toolSchemas:p})}),S&&e(Ce,{id:"input",children:e(C,{padding:"size-200",children:e(Zn,{children:e(H,{...en,title:"LLM Input",extra:o(b,{direction:"row",gap:"size-100",children:[e(Pa,{}),e(Ie,{text:t.value})]}),children:e(Aa,{...t})})})})}),R&&e(Ce,{id:"prompt-template",children:e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Qt,{text:f.template,children:[e(v,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Dm,{children:f.template})]})}),e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Qt,{text:JSON.stringify(f.variables),children:[e(v,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(Ya,{children:JSON.stringify(f.variables)})]})})]})})}),V&&e(Ce,{id:"prompts",children:e(UC,{prompts:u})}),D&&e(Ce,{id:"invocation-params",children:e(Qt,{text:h,padding:"size-100",children:e(Ya,{children:h})})})]})}),K||I?e(gr,{...en,children:o(Dn,{children:[o(Ln,{children:[I&&e(de,{id:"output-messages",children:"Output Messages"}),K&&e(de,{id:"output",children:"Output"})]}),I&&e(Ce,{id:"output-messages",children:e(Yo,{messages:g})}),K&&e(Ce,{id:"output",children:e(C,{padding:"size-200",children:e(Zn,{children:e(H,{...en,title:"LLM Output",extra:o(b,{direction:"row",gap:"size-100",children:[e(Pa,{}),e(Ie,{text:i.value})]}),children:e(Aa,{...i})})})})})]})}):null]})}function zC(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=y.useMemo(()=>a[Ne.retrieval]||null,[a]),r=y.useMemo(()=>{var g;return i==null?[]:((g=i[Af.documents])==null?void 0:g.map(u=>u[Ne.document]).filter(Boolean))||[]},[i]),s=y.useMemo(()=>l.documentEvaluations.reduce((u,f)=>{const h=f.documentPosition,k=u[h]||[];return{...u,[h]:[...k,f]}},{}),[l.documentEvaluations]),d=t!=null&&t.value!=null,c=d&&t.mimeType==="text",m=r.length>0,p=l.documentRetrievalMetrics.length>0;return o(b,{direction:"column",gap:"size-200",children:[d?e(Zn,{children:e(H,{title:"Input",...en,extra:e(b,{direction:"row",gap:"size-100",alignItems:"center",children:c?e(Pa,{}):e(Ie,{text:t.value})}),children:e(Aa,{...t})})}):null,m?e(Zn,{children:e(H,{title:"Documents",...en,titleExtra:p&&e(b,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(g=>o(ae,{children:[e(Hn,{name:g.evaluationName,metric:"ndcg",score:g.ndcg},"ndcg"),e(Hn,{name:g.evaluationName,metric:"precision",score:g.precision},"precision"),e(Hn,{name:g.evaluationName,metric:"hit",score:g.hit},"hit")]}))}),extra:e(Pa,{}),children:e("ul",{css:T`
|
|
3289
3290
|
display: flex;
|
|
3290
3291
|
flex-direction: column;
|
|
3291
3292
|
gap: var(--ac-global-dimension-static-size-200);
|
|
@@ -3541,13 +3542,13 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3541
3542
|
padding: var(--ac-global-dimension-static-size-200);
|
|
3542
3543
|
`,children:n})}function dF({getValue:n,collapseSingleKey:a}){const l=n();return e(Nm,{children:e(ka,{json:l,space:2,collapseSingleKey:a})})}function cF({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=y.useMemo(()=>va(l)?l:{},[l]),i=y.useMemo(()=>a.filter(r=>t[r]==null),[t,a]);return n?e(he,{}):i.length===0?null:e(to,{children:`Dataset is missing input for variable${i.length>1?"s":""}: ${i.join(", ")}.${Object.keys(t).length>0?` Possible inputs are: ${Object.keys(t).join(", ")}`:" No inputs found in dataset example."}`})}function uF({exampleData:n}){var p,g;const{span:a,content:l,toolCalls:t,errorMessage:i,experimentRunId:r}=n,s=a!=null,d=r!=null,[,c]=un(),m=y.useMemo(()=>{if(s||d)return o(ae,{children:[d&&o(Z,{children:[o(ke,{children:[e(Rn,{size:"S","aria-label":"View experiment run details",children:e(_,{svg:e(ot,{})})}),o(Qe,{children:[e(He,{}),"view experiment run"]})]}),e(le,{children:e(ee,{variant:"slideover",size:"L",children:e(eC,{runId:r})})})]}),s&&e(ae,{children:o(Z,{onOpenChange:u=>{u||c(f=>{const h=new URLSearchParams(f);return h.delete(Nn),h},{replace:!0})},children:[o(ke,{children:[e(Rn,{size:"S","aria-label":"View run trace",children:e(_,{svg:e(St,{})})}),o(Qe,{children:[e(He,{}),"view run trace"]})]}),e(le,{children:e(ee,{size:"fullscreen",variant:"slideover",children:e(Vm,{traceId:a.context.traceId,projectId:a.project.id,title:"Experiment Run Trace"})})})]})})]})},[r,d,s,a,c]);return o(b,{direction:"column",height:"100%",children:[e(Ll,{extra:m,children:a?o(b,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(gn,{latencyMs:a.latencyMs||0,size:"S"}),e(ui,{tokenCountTotal:a.tokenCountTotal||0,nodeId:a.id}),e(mi,{totalCost:((g=(p=a.costSummary)==null?void 0:p.total)==null?void 0:g.cost)||0,spanNodeId:a.id})]}):e(v,{color:"text-500",fontStyle:"italic",children:"generating..."})}),e(C,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[i!=null?e(to,{children:i},"error-message"):null,l!=null?e(v,{children:l},"content"):null,t!=null?Object.values(t).map(u=>u==null?null:e(zm,{toolCall:u},u.id)):null]},"content-wrap")})]})}const mF=y.memo(function({isRunning:a,instanceId:l,exampleId:t,instanceVariables:i,datasetExampleInput:r}){const s=Kl(d=>{var c;return(c=d.exampleResponsesMap[l])==null?void 0:c[t]});return s==null?e(cF,{isRunning:a,instanceVariables:i,datasetExampleInput:r}):e(uF,{exampleData:s})});function $m({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{padding:0,verticalAlign:"top",width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,minWidth:0,wordBreak:"break-all"},children:Y(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const gF=y.memo($m,(n,a)=>n.table.options.data===a.table.options.data);function pF({datasetId:n}){const a=P.useRelayEnvironment(),l=B(Q=>Q.instances),t=B(Q=>Q.allInstanceMessages),i=B(Q=>Q.templateFormat),r=B(Q=>Q.updateInstance),s=Kl(Q=>Q.updateExampleData),d=Kl(Q=>Q.setExampleDataForInstance),c=Kl(Q=>Q.resetExampleData),m=Kl(Q=>Q.appendExampleDataToolCallChunk),p=Kl(Q=>Q.appendExampleDataTextChunk),[,g]=un(),u=l.some(Q=>Q.activeRunId!==null),f=hl(Q=>Q),h=B(Q=>Q.markPlaygroundInstanceComplete),k=ql(),S=De(),F=y.useCallback(Q=>J=>{var Ke;if(J==null)return;const ie=J.chatCompletionOverDataset;switch(ie.__typename){case"ChatCompletionSubscriptionExperiment":r({instanceId:Q,patch:{experimentId:ie.experiment.id},dirty:null});break;case"ChatCompletionSubscriptionResult":if(ie.datasetExampleId==null)return;s({instanceId:Q,exampleId:ie.datasetExampleId,patch:{span:ie.span,experimentRunId:(Ke=ie.experimentRun)==null?void 0:Ke.id}});break;case"ChatCompletionSubscriptionError":if(ie.datasetExampleId==null)return;s({instanceId:Q,exampleId:ie.datasetExampleId,patch:{errorMessage:ie.message}});break;case"TextChunk":if(ie.datasetExampleId==null)return;p({instanceId:Q,exampleId:ie.datasetExampleId,textChunk:ie.content});break;case"ToolCallChunk":{if(ie.datasetExampleId==null)return;m({instanceId:Q,exampleId:ie.datasetExampleId,toolCallChunk:ie});break}case"%other":return;default:return Be()}},[p,m,s,r]),[x]=P.useMutation(lm),K=y.useCallback(Q=>(J,ie)=>{if(h(Q),ie){S({title:"Chat completion failed",message:ie[0].message});return}r({instanceId:Q,patch:{experimentId:J.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:Q,data:sF(J.chatCompletionOverDataset)})},[h,S,d,r]);y.useEffect(()=>{if(!u)return;const{instances:Q,streaming:J,updateInstance:ie}=k.getState();if(c(),J){const Ke=[];for(const _e of Q){const{activeRunId:Sn}=_e;if(ie({instanceId:_e.id,patch:{experimentId:null},dirty:null}),Sn===null)continue;const pa={input:zo({credentials:f,instanceId:_e.id,playgroundStore:k,datasetId:n})},w={subscription:tm,variables:pa,onNext:F(_e.id),onCompleted:()=>{h(_e.id)},onError:U=>{h(_e.id);const se=dd(U);se!=null&&se.length>0?S({title:"Failed to get output",message:se.join(`
|
|
3543
3544
|
`),expireMs:1e4}):S({title:"Failed to get output",message:U.message,expireMs:1e4})}},j=gt.requestSubscription(a,w);Ke.push(j)}return()=>{for(const _e of Ke)_e.dispose()}}else{const Ke=[];for(const _e of Q){const{activeRunId:Sn}=_e;if(Sn===null)continue;ie({instanceId:_e.id,patch:{experimentId:null},dirty:null});const pa={input:zo({credentials:f,instanceId:_e.id,playgroundStore:k,datasetId:n})},w=x({variables:pa,onCompleted:K(_e.id),onError(j){h(_e.id);const U=je(j);U!=null&&U.length>0?S({title:"Failed to get output",message:U.join(`
|
|
3544
|
-
`),expireMs:1e4}):S({title:"Failed to get output",message:j.message,expireMs:1e4})}});Ke.push(w)}return()=>{for(const _e of Ke)_e.dispose()}}},[f,n,a,x,u,h,S,K,F,k,c]);const{dataset:I}=P.useLazyLoadQuery(om,{datasetId:n}),
|
|
3545
|
+
`),expireMs:1e4}):S({title:"Failed to get output",message:j.message,expireMs:1e4})}});Ke.push(w)}return()=>{for(const _e of Ke)_e.dispose()}}},[f,n,a,x,u,h,S,K,F,k,c]);const{dataset:I}=P.useLazyLoadQuery(om,{datasetId:n}),V=y.useRef(null),{data:D,loadNext:R,hasNext:L,isLoadingNext:A}=P.usePaginationFragment(rm,I),E=y.useMemo(()=>D.examples.edges.map(Q=>{const J=Q.example,ie=J.revision;return{id:J.id,input:ie.input,output:ie.output}}),[D]),M=y.useMemo(()=>l.map((Q,J)=>{const ie=Ci(Q,t),Ke=Hd({instance:ie,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ir,{index:J}),e("span",{children:"Output"})]}),cell:({row:_e})=>e(mF,{instanceId:Q.id,exampleId:_e.original.id,isRunning:u,instanceVariables:Ke,datasetExampleInput:_e.original.input}),size:500}}),[u,l,i,t]),$=[{header:"input",accessorKey:"input",cell:({row:Q})=>o(ae,{children:[e(Ll,{extra:o(ke,{children:[e(Rn,{size:"S","aria-label":"View example details",onPress:()=>{g(J=>(J.set("exampleId",Q.original.id),J))},children:e(_,{svg:e(ot,{})})}),o(Qe,{children:[e(He,{}),"view example"]})]}),children:e(v,{color:"text-500",css:T`
|
|
3545
3546
|
white-space: nowrap;
|
|
3546
|
-
`,children:`Example ${Q.original.id}`})}),e(Nm,{children:e(ka,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})]}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>o(ae,{children:[e(Ll,{children:e(v,{color:"text-500",children:"reference output"})}),e(dF,{...Q,collapseSingleKey:!0})]}),size:200},...
|
|
3547
|
+
`,children:`Example ${Q.original.id}`})}),e(Nm,{children:e(ka,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})]}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>o(ae,{children:[e(Ll,{children:e(v,{color:"text-500",children:"reference output"})}),e(dF,{...Q,collapseSingleKey:!0})]}),size:200},...M],O=Me({columns:$,data:E,getCoreRowModel:Ve(),columnResizeMode:"onChange"}),q=O.getRowModel().rows.length===0,ne=y.useCallback(Q=>{if(Q){const{scrollHeight:J,scrollTop:ie,clientHeight:Ke}=Q;J-ie-Ke<300&&!A&&L&&R(oF)}},[L,A,R]),ve=y.useMemo(()=>{const Q=O.getFlatHeaders(),J={};for(let ie=0;ie<Q.length;ie++){const Ke=Q[ie];J[`--header-${Ke.id}-size`]=Ke.getSize(),J[`--col-${Ke.column.id}-size`]=Ke.column.getSize()}return J},[O.getState().columnSizingInfo,O.getState().columnSizing,$.length]);return e("div",{css:T`
|
|
3547
3548
|
flex: 1 1 auto;
|
|
3548
3549
|
overflow: auto;
|
|
3549
3550
|
height: 100%;
|
|
3550
|
-
`,ref:
|
|
3551
|
+
`,ref:V,onScroll:Q=>ne(Q.target),children:o("table",{css:T(pn,Lr),style:{...ve,width:O.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:O.getHeaderGroups().map(Q=>e("tr",{children:Q.headers.map(J=>o("th",{style:{width:`calc(var(--header-${J==null?void 0:J.id}-size) * 1px)`},children:[e("div",{children:Y(J.column.columnDef.header,J.getContext())}),e("div",{onMouseDown:J.getResizeHandler(),onTouchStart:J.getResizeHandler(),className:`resizer ${J.column.getIsResizing()?"isResizing":""}`})]},J.id))},Q.id))}),q?e(Vn,{}):O.getState().columnSizingInfo.isResizingColumn?e(gF,{table:O}):e($m,{table:O})]})})}function yF({datasetId:n}){const a=B(s=>s.instances),l=a.some(s=>s.activeRunId!=null),t=y.useMemo(()=>a.map(s=>s.experimentId).filter(s=>s!=null),[a]),i=Te(),r=P.useLazyLoadQuery(am,{datasetId:n});return o(b,{direction:"column",height:"100%",children:[e(C,{flex:"none",backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",height:50,children:o(b,{justifyContent:"space-between",alignItems:"center",height:"100%",children:[o(b,{gap:"size-100",children:[o(v,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?o(v,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),t.length>0&&o(z,{size:"S",isDisabled:l,leadingVisual:e(_,{svg:l?e(Xn,{}):e(cd,{})}),onPress:()=>{const s=`?${t.map(d=>`experimentId=${d}`).join("&")}`;i(`/datasets/${n}/compare${s}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(Yv,{children:e(pF,{datasetId:n})})]})}const ls=30,fF=T`
|
|
3551
3552
|
display: flex;
|
|
3552
3553
|
direction: row;
|
|
3553
3554
|
align-items: center;
|
|
@@ -3637,9 +3638,9 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3637
3638
|
}
|
|
3638
3639
|
}
|
|
3639
3640
|
}
|
|
3640
|
-
`}}}();Qm.hash="ea9edc5ec856a42e5e53663d6a570de1";function TF({spanId:n}){var r,s;const[,a]=un(),l=P.useLazyLoadQuery(Qm,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:t}=l.span,i=(s=(r=l.span.costSummary)==null?void 0:r.total)==null?void 0:s.cost;return e(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:o(b,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(gn,{size:"S",latencyMs:l.span.latencyMs||0}),e(ui,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id,size:"S"}),i!=null&&e(mi,{totalCost:i,spanNodeId:l.span.id,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(Z,{children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(al,{})}),children:"Annotate"}),e(le,{children:e(ee,{variant:"slideover",size:"S",children:e(md,{spanNodeId:n,projectId:t.project.id})})})]}),o(Z,{onOpenChange:d=>{d||a(c=>(c.delete(Nn),c))},children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(St,{})}),children:"View Trace"}),e(le,{children:e(ee,{variant:"slideover",size:"fullscreen",children:e(y.Suspense,{fallback:e(he,{}),children:e(Vm,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})})]})]})]})})}function KF({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ir,{index:n}),e("span",{children:a})]})}const ts=n=>va(n)&&"id"in n&&(typeof n.id=="string"||typeof n.id=="number")?n.id:va(n)&&"toolUse"in n&&va(n.toolUse)&&"toolUseId"in n.toolUse&&(typeof n.toolUse.toolUseId=="string"||typeof n.toolUse.toolUseId=="number")?n.toolUse.toolUseId:JSON.stringify(n);function is({message:n}){const{role:a,content:l,toolCalls:t}=n,i=Ft(a);return o(H,{title:a,...i,extra:e(Pa,{}),children:[l!=null&&!Array.isArray(l)&&e(Za,{children:l}),t&&t.length>0?t.map(r=>e(C,{paddingX:"size-200",paddingY:"size-200",borderTopWidth:"thin",borderTopColor:"blue-500",children:e(zm,{toolCall:r},ts(r))},`tool-call-${ts(r)}`)):null]})}function PF({content:n,partialToolCalls:a}){return Gb(n)?n.map((l,t)=>e(is,{message:l},t)):typeof n=="string"||a.length>0?e(is,{message:{id:Ua(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function xF(n){const a=n.playgroundInstanceId,l=B(E=>E.instances),t=B(E=>E.streaming),i=hl(E=>E),r=B(E=>E.instances.findIndex(
|
|
3641
|
+
`}}}();Qm.hash="ea9edc5ec856a42e5e53663d6a570de1";function TF({spanId:n}){var r,s;const[,a]=un(),l=P.useLazyLoadQuery(Qm,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:t}=l.span,i=(s=(r=l.span.costSummary)==null?void 0:r.total)==null?void 0:s.cost;return e(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:o(b,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(gn,{size:"S",latencyMs:l.span.latencyMs||0}),e(ui,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id,size:"S"}),i!=null&&e(mi,{totalCost:i,spanNodeId:l.span.id,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(Z,{children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(al,{})}),children:"Annotate"}),e(le,{children:e(ee,{variant:"slideover",size:"S",children:e(md,{spanNodeId:n,projectId:t.project.id})})})]}),o(Z,{onOpenChange:d=>{d||a(c=>(c.delete(Nn),c))},children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(St,{})}),children:"View Trace"}),e(le,{children:e(ee,{variant:"slideover",size:"fullscreen",children:e(y.Suspense,{fallback:e(he,{}),children:e(Vm,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})})]})]})]})})}function KF({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ir,{index:n}),e("span",{children:a})]})}const ts=n=>va(n)&&"id"in n&&(typeof n.id=="string"||typeof n.id=="number")?n.id:va(n)&&"toolUse"in n&&va(n.toolUse)&&"toolUseId"in n.toolUse&&(typeof n.toolUse.toolUseId=="string"||typeof n.toolUse.toolUseId=="number")?n.toolUse.toolUseId:JSON.stringify(n);function is({message:n}){const{role:a,content:l,toolCalls:t}=n,i=Ft(a);return o(H,{title:a,...i,extra:e(Pa,{}),children:[l!=null&&!Array.isArray(l)&&e(Za,{children:l}),t&&t.length>0?t.map(r=>e(C,{paddingX:"size-200",paddingY:"size-200",borderTopWidth:"thin",borderTopColor:"blue-500",children:e(zm,{toolCall:r},ts(r))},`tool-call-${ts(r)}`)):null]})}function PF({content:n,partialToolCalls:a}){return Gb(n)?n.map((l,t)=>e(is,{message:l},t)):typeof n=="string"||a.length>0?e(is,{message:{id:Ua(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function xF(n){const a=n.playgroundInstanceId,l=B(E=>E.instances),t=B(E=>E.streaming),i=hl(E=>E),r=B(E=>E.instances.findIndex(M=>M.id===a)),s=l.find(E=>E.id===a),d=B(E=>E.updateInstance),[c,m]=y.useState(null),p=B(E=>E.markPlaygroundInstanceComplete),g=P.useRelayEnvironment(),u=ql();if(!s)throw new Error(`No instance found for id ${a}`);if(s.template.__type!=="chat")throw new Error("We only support chat templates for now");const[f,h]=y.useState(!1),[k]=P.useMutation(jm),S=(s==null?void 0:s.activeRunId)!=null,F=De(),x=y.useCallback(({title:E,message:M,...$})=>{m({title:E,message:M}),F({title:E,message:M,...$})},[F]),[K,I]=y.useState(s.output),[V,D]=y.useState([]),R=y.useCallback(({chatCompletion:E})=>{if(h(!1),E.__typename==="TextChunk"){const M=E.content;I($=>$!=null?$+M:M);return}else if(E.__typename==="ToolCallChunk"){D(M=>{let $=!1;const O=M.map(N=>N.id===E.id?($=!0,{...N,function:{...N.function,arguments:N.function.arguments+E.function.arguments}}):N);return $||O.push({id:E.id,function:{name:E.function.name,arguments:E.function.arguments}}),O});return}if(E.__typename==="ChatCompletionSubscriptionResult"&&E.span!=null){d({instanceId:a,patch:{spanId:E.span.id},dirty:null});return}E.__typename==="ChatCompletionSubscriptionError"&&(p(n.playgroundInstanceId),E.message!=null&&x({title:"Chat completion failed",message:E.message}))},[a,p,x,n.playgroundInstanceId,d]),L=y.useCallback((E,M)=>{if(h(!1),p(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:E.chatCompletion.span.id},dirty:null}),M){x({title:"Chat completion failed",message:M[0].message});return}if(E.chatCompletion.errorMessage!=null){x({title:"Chat completion failed",message:E.chatCompletion.errorMessage});return}I(E.chatCompletion.content??void 0),D(E.chatCompletion.toolCalls)},[a,p,x,n.playgroundInstanceId,d]),A=y.useCallback(()=>{I(void 0),D([]),m(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return y.useEffect(()=>{if(!S){h(!1);return}h(!0),A();const E=l1({playgroundStore:u,instanceId:a,credentials:i});if(t){const $={subscription:Om,variables:{input:E},onNext:N=>{N&&R(N)},onCompleted:()=>{h(!1),p(n.playgroundInstanceId)},onError:N=>{h(!1),p(n.playgroundInstanceId);const q=dd(N);q!=null&&q.length>0?x({title:"Failed to get output",message:q.join(`
|
|
3641
3642
|
`)}):x({title:"Failed to get output",message:N.message})}};return gt.requestSubscription(g,$).dispose}return k({variables:{input:E},onCompleted:L,onError($){h(!1),p(n.playgroundInstanceId);const O=je($);O!=null&&O.length>0?x({title:"Failed to get output",message:O.join(`
|
|
3642
|
-
`)}):x({title:"Failed to get output",message:$.message})}}).dispose},[A,i,g,k,S,a,p,x,L,
|
|
3643
|
+
`)}):x({title:"Failed to get output",message:$.message})}}).dispose},[A,i,g,k,S,a,p,x,L,R,u,n.playgroundInstanceId,t,d]),e(H,{title:e(KF,{index:r,title:"Output"}),extra:K!=null||(V==null?void 0:V.length)>0?e(FF,{outputContent:K,toolCalls:V,instance:s,cleanupOutput:A}):null,collapsible:!0,children:f?e(C,{padding:"size-200",children:e(he,{message:"Running..."})}):c?e(C,{padding:"size-200",children:e(to,{children:c.message})}):o(ae,{children:[e(C,{padding:"size-200",children:e(Zn,{children:e(PF,{content:K,partialToolCalls:V})})}),e(y.Suspense,{children:s.spanId?e(TF,{spanId:s.spanId}):null})]})})}function IF(){return y.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function LF(){const n=IF(),a=B(r=>r.runPlaygroundInstances),l=B(r=>r.cancelPlaygroundInstances),t=B(r=>r.instances.some(s=>s.activeRunId!=null)),i=y.useCallback(()=>{t?l():a()},[t,l,a]);return pl("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(z,{variant:"primary",leadingVisual:e(_,{svg:t?e(Xn,{}):e(ll,{})}),size:"S",onPress:()=>{i()},trailingVisual:o(rd,{children:[e(nr,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(nr,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:t?"Cancel":"Run"})}function DF(){const n=B(i=>i.streaming),a=B(i=>i.setStreaming),l=_n(i=>i.setPlaygroundStreamingEnabled),t=B(i=>i.instances.some(r=>r.activeRunId!=null));return e(bl,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),l(!n)},isDisabled:t,children:"Stream"})}const Bm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Prompt",kind:"LinkedField",name:"createChatPromptVersion",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}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UpsertPromptFromTemplateDialogUpdateMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UpsertPromptFromTemplateDialogUpdateMutation",selections:a},params:{cacheID:"5560d38314208ef482b716e9817358fe",id:null,metadata:{},name:"UpsertPromptFromTemplateDialogUpdateMutation",operationKind:"mutation",text:`mutation UpsertPromptFromTemplateDialogUpdateMutation(
|
|
3643
3644
|
$input: CreateChatPromptVersionInput!
|
|
3644
3645
|
) {
|
|
3645
3646
|
createChatPromptVersion(input: $input) {
|
|
@@ -3676,7 +3677,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3676
3677
|
}
|
|
3677
3678
|
}
|
|
3678
3679
|
}
|
|
3679
|
-
`}}}();Hm.hash="42af63a75d1f1b2184518e94395121cd";function Gm({onChange:n,container:a,promptId:l,...t}){const r=P.useLazyLoadQuery(Hm,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=y.useMemo(()=>r.map(d=>d.prompt),[r]);return e(yl,{size:"M","data-testid":"prompt-picker",selectedKey:l??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:s,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===l){n(null);return}n(d)}},...t,children:d=>e(Ue,{textValue:d.name,id:d.id,children:d.name},d.id)})}const _F=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Wm={value:_F,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function wF({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t,onClose:i}){var I,
|
|
3680
|
+
`}}}();Hm.hash="42af63a75d1f1b2184518e94395121cd";function Gm({onChange:n,container:a,promptId:l,...t}){const r=P.useLazyLoadQuery(Hm,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=y.useMemo(()=>r.map(d=>d.prompt),[r]);return e(yl,{size:"M","data-testid":"prompt-picker",selectedKey:l??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:s,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===l){n(null);return}n(d)}},...t,children:d=>e(Ue,{textValue:d.name,id:d.id,children:d.name},d.id)})}const _F=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Wm={value:_F,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function wF({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t,onClose:i}){var I,V,D,R;const r=y.useRef(null),s=P.useLazyLoadQuery(Um,{},{fetchPolicy:"network-only"}),[d,c]=y.useState(t??null),m=(V=(I=s==null?void 0:s.prompts)==null?void 0:I.edges)==null?void 0:V.find(L=>{var A;return((A=L==null?void 0:L.prompt)==null?void 0:A.id)===d}),[p,g]=y.useState(((D=m==null?void 0:m.prompt)==null?void 0:D.name)??""),u=m?"update":"create",f=u==="create"?"Create Prompt":"Update Prompt",{control:h,handleSubmit:k,formState:{isDirty:S,isValid:F},trigger:x}=sn({values:{promptId:d??void 0,name:u==="update"&&m?(R=m==null?void 0:m.prompt)==null?void 0:R.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),K=y.useCallback(L=>{u==="create"?n(L,i):a(L,i)},[n,a,u,i]);return o(b,{direction:"column",gap:"size-100",ref:r,children:[e(C,{paddingX:"size-200",paddingTop:"size-200",children:e(G,{name:"name",control:h,rules:{required:{message:"Prompt is required",value:!0},pattern:Wm},render:({field:{onBlur:L,onChange:A},fieldState:E})=>{var M;return e(Gm,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:L,defaultInputValue:p,onInputChange:$=>{g($),A($),x("name")},container:r.current??void 0,errorMessage:(M=E.error)==null?void 0:M.message,allowsCustomValue:!0,onChange:$=>{A($),c($)},promptId:d})}})}),o(Pn,{onSubmit:k(K),children:[e(C,{paddingX:"size-200",paddingBottom:"size-200",children:e(G,{name:"description",control:h,render:({field:{onChange:L,onBlur:A,value:E},fieldState:{invalid:M,error:$}})=>o(ce,{isInvalid:M,onChange:L,onBlur:A,value:E,size:"S",children:[e(W,{children:u==="create"?"Prompt Description":"Change Description"}),e(Ra,{}),$?e(Pe,{children:$.message}):e(v,{slot:"description",children:u==="create"?"A description of your prompt (optional)":"A description of your changes to the prompt (optional)"})]})})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:S?"primary":"default",size:"S",isDisabled:l||!F,type:"submit",children:f})})})]})]})}const rs=(n,a)=>{const l=a.getState(),t=l.allInstanceMessages,i=l.instances.find(c=>c.id===n);if(!i)throw new Error(`Instance ${n} not found`);const r=Ci(i,t),s=Ev(r);if(!s)throw new Error(`Could not convert instance ${n} to prompt`);const d=l.templateFormat;return{promptInput:s,templateFormat:d}},EF=({instanceId:n,selectedPromptId:a})=>{const l=Te(),t=Fe(),i=De(),r=ql(),[s,d]=P.useMutation(qm),[c,m]=P.useMutation(Bm),p=y.useCallback((f,h)=>{const k=r.getState();k.instances.find(F=>F.id===n)&&k.updateInstance({instanceId:n,patch:{prompt:{id:f,name:h}},dirty:!1})},[r,n]),g=y.useCallback((f,h)=>{const{promptInput:k,templateFormat:S}=rs(n,r);s({variables:{input:{name:f.name,description:f.description,promptVersion:{...k,templateFormat:S}}},onCompleted:F=>{t({title:"Prompt successfully created",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${F.createChatPrompt.id}`)}}}),p(F.createChatPrompt.id,F.createChatPrompt.name),h()},onError:F=>{const x=je(F);i({title:"Error creating prompt",message:x==null?void 0:x[0]})}})},[s,n,l,i,t,p,r]),u=y.useCallback((f,h)=>{if(!f.promptId)throw new Error("Prompt ID is required");const{promptInput:k,templateFormat:S}=rs(n,r);c({variables:{input:{promptId:f.promptId,promptVersion:{...k,templateFormat:S,description:f.description}}},onCompleted:F=>{t({title:"Prompt successfully updated",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${F.createChatPromptVersion.id}`)}}}),p(F.createChatPromptVersion.id,F.createChatPromptVersion.name),h()},onError:F=>{const x=je(F);i({title:"Error updating prompt",message:x==null?void 0:x[0]})}})},[n,l,i,t,r,c,p]);return e(X,{children:({close:f})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Create Prompt from Template"}),e(ye,{children:e(fe,{})})]}),e(y.Suspense,{fallback:e(he,{}),children:e(wF,{onClose:f,onCreate:g,onUpdate:u,isSubmitting:d||m,defaultSelectedPromptId:a})})]})})},Jm={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderSelectFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],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},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}]},params:{cacheID:"f6e033b9adc17b674922615d30065fbc",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery {
|
|
3680
3681
|
...ModelProviderSelectFragment
|
|
3681
3682
|
}
|
|
3682
3683
|
|
|
@@ -3768,10 +3769,10 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3768
3769
|
flex-direction: column;
|
|
3769
3770
|
gap: var(--ac-global-dimension-size-200);
|
|
3770
3771
|
padding: var(--ac-global-dimension-size-200);
|
|
3771
|
-
`,children:m.map(g=>e(yT,{playgroundInstanceId:a,templateFormat:l,messageId:g},g))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:s||d?"thin":void 0,children:e(rT,{instanceId:a,hasResponseFormat:d})}),s||d?o(Jn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(uT,{...n}):null,d?e(sT,{...n}):null]}):null]})}function pT({message:n,updateMessage:a,templateFormat:l,playgroundInstanceId:t,messageMode:i}){const r=y.useCallback(s=>{a({content:s})},[a]);return i==="toolCalls"?e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Vl,{label:"Tool Calls",children:e(Fn,{width:"100%",children:e(eT,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(ni,{onSubmit:s=>{s.preventDefault()},children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(ce,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(oe,{placeholder:"Tool Call ID"})})}),e(Mn,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(oi,{children:e(si,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:l,onChange:r})})}function yT({playgroundInstanceId:n,templateFormat:a,messageId:l}){const t=B(E=>E.updateMessage),i=B(E=>E.deleteMessage),{attributes:r,listeners:s,setNodeRef:d,transform:c,transition:m,setActivatorNodeRef:p,isDragging:g}=Qf({id:l}),u=y.useMemo(()=>E=>{var
|
|
3772
|
+
`,children:m.map(g=>e(yT,{playgroundInstanceId:a,templateFormat:l,messageId:g},g))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:s||d?"thin":void 0,children:e(rT,{instanceId:a,hasResponseFormat:d})}),s||d?o(Jn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(uT,{...n}):null,d?e(sT,{...n}):null]}):null]})}function pT({message:n,updateMessage:a,templateFormat:l,playgroundInstanceId:t,messageMode:i}){const r=y.useCallback(s=>{a({content:s})},[a]);return i==="toolCalls"?e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Vl,{label:"Tool Calls",children:e(Fn,{width:"100%",children:e(eT,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(ni,{onSubmit:s=>{s.preventDefault()},children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(ce,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(oe,{placeholder:"Tool Call ID"})})}),e(Mn,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(oi,{children:e(si,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:l,onChange:r})})}function yT({playgroundInstanceId:n,templateFormat:a,messageId:l}){const t=B(E=>E.updateMessage),i=B(E=>E.deleteMessage),{attributes:r,listeners:s,setNodeRef:d,transform:c,transition:m,setActivatorNodeRef:p,isDragging:g}=Qf({id:l}),u=y.useMemo(()=>E=>{var M;return(M=E.instances.find($=>$.id===n))==null?void 0:M.model},[n]),f=B(u);if(!f)throw new Error(`Instance model not found for instance ${n}`);const h=y.useMemo(()=>or(l),[l]),k=B(h),S=Ft(k.role),F={transform:Bf.Translate.toString(c),transition:m,zIndex:g?mT:ng},x=k.toolCalls!=null&&k.toolCalls.length>0,[K,I]=y.useState(x?"toolCalls":"text"),[V,D]=y.useState(k.content),[R,L]=y.useState(k.toolCalls),A=y.useCallback(E=>{t({instanceId:n,messageId:l,patch:E})},[n,l,t]);return e("li",{ref:d,style:F,children:e(H,{collapsible:!0,...S,title:e("div",{css:T`
|
|
3772
3773
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
3773
3774
|
margin-left: var(--ac-global-dimension-size-150);
|
|
3774
|
-
`,children:e(tT,{includeLabel:!1,role:k.role,onChange:E=>{let
|
|
3775
|
+
`,children:e(tT,{includeLabel:!1,role:k.role,onChange:E=>{let M=k.content,$=k.toolCalls;E!=="ai"&&($=void 0,I("text")),E==="tool"&&(M='""'),t({instanceId:n,messageId:l,patch:{role:E,toolCalls:$,content:M}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[k.role==="ai"?e(aT,{messageMode:K,onChange:E=>{switch(I(E),E){case"text":L(k.toolCalls),t({instanceId:n,messageId:l,patch:{content:V,toolCalls:void 0}});break;case"toolCalls":D(k.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:R!=null?ud({toolCalls:R,provider:f.provider}):[Yb(f.provider)]}});break;default:Be()}}}):null,e(Ie,{text:K==="toolCalls"?Ta(k.toolCalls).json??"":k.content??""}),e(z,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(yn,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(Qk,{ref:p,listeners:s,attributes:r})]}),children:e("div",{children:e(pT,{message:k,messageMode:K,playgroundInstanceId:n,templateFormat:a,updateMessage:A})})})})}function fT(n){const a=n.playgroundInstanceId,l=B(f=>f.updateInstance),t=B(f=>f.addMessage),i=B(f=>f.setDirty),r=B(f=>f.instances),s=r.find(f=>f.id===a),d=r.findIndex(f=>f.id===a),c=s==null?void 0:s.prompt,m=c==null?void 0:c.id,p=B(f=>f.dirtyInstances[a]),g=y.useCallback(async f=>{if(!f){l({instanceId:a,patch:{prompt:null},dirty:!1});return}const h=await Ju(f);h&&(l({instanceId:a,patch:{...h.instance,template:{__type:"chat",messageIds:[]}},dirty:!1}),t({playgroundInstanceId:a,messages:h.instance.template.messages}),i(a,!1))},[a,l,t,i]);if(!s)throw new Error(`Playground instance ${a} not found`);const{template:u}=s;return e(ae,{children:e(H,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(Ir,{index:d}),e(Gm,{promptId:m,onChange:g})]}),collapsible:!0,extra:o(b,{direction:"row",gap:"size-100",children:[e(y.Suspense,{fallback:e("div",{children:e(he,{size:"S"})}),children:e(YF,{instanceId:a})}),e(ZF,{...n}),e(kT,{instanceId:a,dirty:p}),r.length>1?e(hT,{...n}):null]}),children:u.__type==="chat"?e(y.Suspense,{children:e(gT,{...n})}):"Completion Template"})})}function hT(n){const a=B(l=>l.deleteInstance);return o(ke,{children:[e(z,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(_,{svg:e(yn,{})}),onPress:()=>{a(n.playgroundInstanceId)}}),o(Qe,{children:[e(He,{}),e(kl,{children:"Delete this instance of the playground"})]})]})}function kT({instanceId:n,dirty:a}){var t;const l=B(i=>i.instances.find(r=>r.id===n));if(!l)throw new Error(`Instance ${n} not found`);return o(Z,{children:[o(ke,{delay:100,children:[e(z,{variant:a?"primary":void 0,size:"S",children:"Save"}),o(Qe,{placement:"top",children:[e(He,{}),e(kl,{children:"Save this prompt"})]})]}),e(le,{children:e(ee,{children:e(EF,{instanceId:n,selectedPromptId:(t=l.prompt)==null?void 0:t.id})})})]})}function bT({size:n}){const a=B(t=>t.templateFormat),l=B(t=>t.setTemplateFormat);return e("div",{css:T`
|
|
3775
3776
|
& * {
|
|
3776
3777
|
white-space: nowrap;
|
|
3777
3778
|
}
|
|
@@ -4758,7 +4759,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4758
4759
|
gap: var(--ac-global-dimension-static-size-50);
|
|
4759
4760
|
|
|
4760
4761
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
4761
|
-
`,children:[e(_,{svg:e(Nl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function XT(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:Be()}}function YT(n){if(n)switch(n.type){case"drift":return ml(n.metric);case"performance":return ml(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ml(n.metric);default:Be()}else return"Count"}function eK(n){switch(n.type){case"drift":return Oi(n.metric);case"performance":return Oi(n.metric);case"dataQuality":return null;case"retrieval":return Oi(n.metric);default:Be()}}function nK({embeddingDimensionId:n}){const a=pe(
|
|
4762
|
+
`,children:[e(_,{svg:e(Nl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function XT(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:Be()}}function YT(n){if(n)switch(n.type){case"drift":return ml(n.metric);case"performance":return ml(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ml(n.metric);default:Be()}else return"Count"}function eK(n){switch(n.type){case"drift":return Oi(n.metric);case"performance":return Oi(n.metric);case"dataQuality":return null;case"retrieval":return Oi(n.metric);default:Be()}}function nK({embeddingDimensionId:n}){const a=pe(V=>V.metric),l=a.type==="drift",t=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:s}=za(),{selectedTimestamp:d,setSelectedTimestamp:c}=bi(),m=jl(s),p=P.useLazyLoadQuery(Tg,{embeddingDimensionId:n,timeRange:{start:s.start.toISOString(),end:s.end.toISOString()},metricGranularity:kd(s),countGranularity:m,fetchDrift:l,fetchQueryDistance:t,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),g=Ol({samplingIntervalMinutes:m.samplingIntervalMinutes}),u=aK({data:p,metric:a}),h=lK(p).reduce((V,D)=>(V[D.timestamp]=D.value,V),{})??{},k=u.map(V=>{const D=h[V.timestamp];return{...V,traffic:D,timestamp:new Date(V.timestamp).getTime()}}),S=YT(a),F=eK(a),{color:x,barColor:K}=Kg(),I=y.useCallback(V=>{const{activeIndex:D}=V;let R;if(typeof D=="number"?R=D:typeof D=="string"&&!isNaN(Number(D))&&(R=Number(D)),typeof R=="number"&&k[R]){const L=k[R];c(new Date(L.timestamp))}},[c,k]);return o("section",{css:T`
|
|
4762
4763
|
width: 100%;
|
|
4763
4764
|
height: 100%;
|
|
4764
4765
|
display: flex;
|
|
@@ -4779,7 +4780,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4779
4780
|
width: 100%;
|
|
4780
4781
|
overflow: hidden;
|
|
4781
4782
|
}
|
|
4782
|
-
`,children:[o(re,{level:3,children:[XT(a),F!=null?o(pt,{children:[e(re,{level:4,children:S}),e(kl,{children:F})]}):null]}),e("div",{children:e(Ze,{width:"100%",height:"100%",children:o(Cl,{data:k,margin:{top:25,right:18,left:18,bottom:10},onClick:I,children:[o("defs",{children:[o("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})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:K,stopOpacity:0})]})]}),e(tn,{...Ql,tickFormatter:
|
|
4783
|
+
`,children:[o(re,{level:3,children:[XT(a),F!=null?o(pt,{children:[e(re,{level:4,children:S}),e(kl,{children:F})]}):null]}),e("div",{children:e(Ze,{width:"100%",height:"100%",children:o(Cl,{data:k,margin:{top:25,right:18,left:18,bottom:10},onClick:I,children:[o("defs",{children:[o("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})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:K,stopOpacity:0})]})]}),e(tn,{...Ql,tickFormatter:V=>g(new Date(V)),style:{fill:"var(--ac-global-text-color-700)"}}),e(qe,{stroke:"var(--ac-global-color-grey-500)",label:{value:S,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(qe,{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(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Je,{content:ZT}),e(ze,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(dt,{type:"monotone",dataKey:"value",stroke:x,fillOpacity:1,fill:"url(#colorUv)"}),d!=null?e(Md,{...bd,x:d.getTime(),label:e(Vd,{...Sd})}):null]})})})]})}function aK({data:n,metric:a}){var l,t,i,r,s,d;if(((l=n.embedding.euclideanDistanceTimeSeries)==null?void 0:l.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(c=>({metricName:ml(a.metric),...c}));if(((t=n.embedding.retrievalMetricTimeSeries)==null?void 0:t.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(c=>({metricName:ml(a.metric),...c}));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 c=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(m=>({metricName:`${c} avg`,...m}))}else{if(n.model&&((s=n.model.performanceTimeSeries)==null?void 0:s.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(c=>({metricName:ml(a.metric),...c}));if(((d=n.embedding.trafficTimeSeries)==null?void 0:d.data)!=null)return n.embedding.trafficTimeSeries.data.map(c=>({metricName:"Count",...c}))}return[]}function lK(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const Pg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},l={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},t=[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},c={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},m={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},p={alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null},g=[i,{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:[r,s],storageKey:null},d],storageKey:null},c,m,p],u=[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],f=[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],h=[i,{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:[r,s,i],storageKey:null},d],storageKey:null},c,m,p];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:[{alias:null,args:null,concreteType:"InferenceModel",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:t,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:g,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:u,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:g,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:f,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:g,storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:[{alias:null,args:null,concreteType:"InferenceModel",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:t,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:h,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:u,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:h,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:f,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:h,storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"12c88e562048659c9ca654fccf693fb2",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
|
|
4783
4784
|
$primaryEventIds: [ID!]!
|
|
4784
4785
|
$referenceEventIds: [ID!]!
|
|
4785
4786
|
$corpusEventIds: [ID!]!
|
|
@@ -4983,7 +4984,7 @@ dataframe`,uK=T`
|
|
|
4983
4984
|
min-width: var(--grid-item-min-width);
|
|
4984
4985
|
height: var(--grid-item-height);
|
|
4985
4986
|
}
|
|
4986
|
-
`,children:l.map((m,p)=>{const g=i.get(m.id),{rawData:u=null,linkToData:f=null}=(g==null?void 0:g.embeddingMetadata)??{},{predictionLabel:h=null,actualLabel:k=null}=(g==null?void 0:g.eventMetadata)??{},S=Zk(m.id),F=a(S),x=r[m.id],K=s[x];return e("li",{children:e(Xk,{rawData:u,linkToData:f,inferencesName:F,group:x,onClick:()=>{t(m.id)},onMouseOver:()=>{c(m.id)},onMouseOut:()=>{c(null)},color:K,size:d,predictionLabel:h,actualLabel:k,promptAndResponse:m.promptAndResponse,documentText:m.documentText,autoPlay:!1})},p)})})})}function fK({data:n,onPointSelected:a}){const{primaryInferences:l,referenceInferences:t}=Ia(),i=pe(p=>p.metric),[r,s]=y.useState([]),{columns:d,tableData:c}=y.useMemo(()=>{const p=n.filter(K=>K.id.includes("CORPUS")===!1);let g=!1,u=!1,f=!1,h=!1,k=!1;n.forEach(K=>{K.linkToData&&(g=!0),K.rawData&&(u=!0),(K.prompt||K.response)&&(f=!0),K.predictionLabel&&(h=!0),K.actualLabel&&(k=!0)});const S=[];t&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:K})=>e(hK,{id:K(),primaryInferencesName:l.name,referenceInferencesName:(t==null?void 0:t.name)??"reference"})}),g&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:K})=>{const I=K();if(typeof I=="string"){const
|
|
4987
|
+
`,children:l.map((m,p)=>{const g=i.get(m.id),{rawData:u=null,linkToData:f=null}=(g==null?void 0:g.embeddingMetadata)??{},{predictionLabel:h=null,actualLabel:k=null}=(g==null?void 0:g.eventMetadata)??{},S=Zk(m.id),F=a(S),x=r[m.id],K=s[x];return e("li",{children:e(Xk,{rawData:u,linkToData:f,inferencesName:F,group:x,onClick:()=>{t(m.id)},onMouseOver:()=>{c(m.id)},onMouseOut:()=>{c(null)},color:K,size:d,predictionLabel:h,actualLabel:k,promptAndResponse:m.promptAndResponse,documentText:m.documentText,autoPlay:!1})},p)})})})}function fK({data:n,onPointSelected:a}){const{primaryInferences:l,referenceInferences:t}=Ia(),i=pe(p=>p.metric),[r,s]=y.useState([]),{columns:d,tableData:c}=y.useMemo(()=>{const p=n.filter(K=>K.id.includes("CORPUS")===!1);let g=!1,u=!1,f=!1,h=!1,k=!1;n.forEach(K=>{K.linkToData&&(g=!0),K.rawData&&(u=!0),(K.prompt||K.response)&&(f=!0),K.predictionLabel&&(h=!0),K.actualLabel&&(k=!0)});const S=[];t&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:K})=>e(hK,{id:K(),primaryInferencesName:l.name,referenceInferencesName:(t==null?void 0:t.name)??"reference"})}),g&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:K})=>{const I=K();if(typeof I=="string"){const V=I.split("/").pop();return e(ca,{href:I,children:V})}return null}}),f?(S.push({header:"Prompt",accessorKey:"prompt",cell:mn,size:200}),S.push({header:"Response",accessorKey:"response",cell:mn,size:200})):u&&S.push({header:"Raw Data",accessorKey:"rawData"}),h&&S.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),k&&S.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const F=[];if(i&&i.type==="dataQuality"){const K=i.dimension.name;F.push({header:i.dimension.name,accessorKey:"metric",cell:Yk,sortingFn:"basic"}),p.forEach(I=>{var D;const V=(D=I.dimensions.find(R=>R.dimension.name===K))==null?void 0:D.value;I.metric=V!=null?Number(V):null})}return{columns:[...S,...F,{header:"",id:"view-details",size:50,cell:({row:K})=>e(z,{"aria-label":"view point details",size:"S",onPress:()=>{a(K.original.id)},children:"view details"})}],tableData:p}},[n,a,l,t,i]),m=Me({columns:d,data:c,state:{sorting:r},getCoreRowModel:Ve(),onSortingChange:s,getSortedRowModel:Kn()});return o("table",{css:pn,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(g=>o("th",{children:[g.isPlaceholder?null:o("div",{className:g.column.getCanSort()?"sort":"",onClick:g.column.getToggleSortingHandler(),children:[Y(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(bn,{}):e(kn,{})}):null]}),e("div",{onMouseDown:g.getResizeHandler(),onTouchStart:g.getResizeHandler(),className:`resizer ${g.column.getIsResizing()?"isResizing":""}`,style:{transform:g.column.getIsResizing()?`translateX(${m.getState().columnSizingInfo.deltaOffset}px)`:""}})]},g.id))},p.id))}),e("tbody",{children:m.getRowModel().rows.map(p=>e("tr",{children:p.getVisibleCells().map(g=>e("td",{style:{width:g.column.getSize()},children:Y(g.column.columnDef.cell,g.getContext())},g.id))},p.id))})]})}function hK({id:n,primaryInferencesName:a,referenceInferencesName:l}){const t=n.includes("PRIMARY"),i=BT();return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(n0,{shape:e0.circle,color:i[t?0:1]}),t?a:l]})}const kK=T`
|
|
4987
4988
|
width: 100%;
|
|
4988
4989
|
height: 100%;
|
|
4989
4990
|
position: relative;
|
|
@@ -5013,7 +5014,7 @@ dataframe`,uK=T`
|
|
|
5013
5014
|
}
|
|
5014
5015
|
}
|
|
5015
5016
|
}
|
|
5016
|
-
`;function bK({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function SK(){const n=pe(D=>D.selectedEventIds),a=pe(D=>D.setSelectedEventIds),l=pe(D=>D.setSelectedClusterId),t=pe(D=>D.selectionDisplay),[i,r]=y.useState(null),{primaryEventIds:s,referenceEventIds:d,corpusEventIds:c}=y.useMemo(()=>{const D=[],
|
|
5017
|
+
`;function bK({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function SK(){const n=pe(D=>D.selectedEventIds),a=pe(D=>D.setSelectedEventIds),l=pe(D=>D.setSelectedClusterId),t=pe(D=>D.selectionDisplay),[i,r]=y.useState(null),{primaryEventIds:s,referenceEventIds:d,corpusEventIds:c}=y.useMemo(()=>{const D=[],R=[],L=[];return n.forEach(A=>{A.includes("PRIMARY")?D.push(A):A.includes("CORPUS")?L.push(A):R.push(A)}),{primaryEventIds:D,referenceEventIds:R,corpusEventIds:L}},[n]),m=P.useLazyLoadQuery(Pg,{primaryEventIds:[...s],referenceEventIds:[...d],corpusEventIds:[...c]}),p=y.useMemo(()=>{var A,E,M,$,O,N;const D=((E=(A=m.model)==null?void 0:A.primaryInferences)==null?void 0:E.events)??[],R=(($=(M=m.model)==null?void 0:M.referenceInferences)==null?void 0:$.events)??[],L=((N=(O=m.model)==null?void 0:O.corpusInferences)==null?void 0:N.events)??[];return[...D,...R,...L]},[m]),g=()=>{a(new Set),l(null)},u=pe(D=>D.eventIdToDataMap),f=pe(D=>D.pointData),h=pe(D=>D.selectionSearchText),k=y.useMemo(()=>p.map(D=>{var A,E,M,$,O,N,q;const R=u.get(D.id),L=[];return f!=null&&(R==null?void 0:R.retrievals)!=null&&R.retrievals.forEach(({documentId:ne,relevance:ve})=>{const Q=f[ne];Q!=null&&L.push(bK({event:Q,relevance:ve}))}),{id:D.id,predictionId:((A=D.eventMetadata)==null?void 0:A.predictionId)??null,actualLabel:((E=D.eventMetadata)==null?void 0:E.actualLabel)??null,actualScore:((M=D.eventMetadata)==null?void 0:M.actualScore)??null,predictionLabel:(($=D.eventMetadata)==null?void 0:$.predictionLabel)??null,predictionScore:((O=D.eventMetadata)==null?void 0:O.predictionScore)??null,rawData:(R==null?void 0:R.embeddingMetadata.rawData)??null,linkToData:(R==null?void 0:R.embeddingMetadata.linkToData)??null,dimensions:D.dimensions,prompt:((N=D.promptAndResponse)==null?void 0:N.prompt)??null,response:((q=D.promptAndResponse)==null?void 0:q.response)??null,retrievedDocuments:L,documentText:D.documentText??null}}),[p,u,f]),S=y.useMemo(()=>{if(h){const D=h.toLowerCase();return k.filter(R=>{var L,A,E,M;return R.id.includes(D)||((L=R.documentText)==null?void 0:L.toLowerCase().includes(D))||((A=R.predictionId)==null?void 0:A.includes(D))||((E=R.prompt)==null?void 0:E.toLowerCase().includes(D))||((M=R.response)==null?void 0:M.toLowerCase().includes(D))})}return k},[k,h]),F=y.useMemo(()=>{if(h){const D=h.toLowerCase();return p.filter(R=>{var L,A,E,M,$,O,N;return R.id.includes(D)||((L=R.documentText)==null?void 0:L.toLowerCase().includes(D))||((E=(A=R.eventMetadata)==null?void 0:A.predictionId)==null?void 0:E.includes(D))||(($=(M=R.promptAndResponse)==null?void 0:M.prompt)==null?void 0:$.toLowerCase().includes(D))||((N=(O=R.promptAndResponse)==null?void 0:O.response)==null?void 0:N.toLowerCase().includes(D))})}return p},[p,h]),x=y.useMemo(()=>i?k.find(R=>R.id===i)??null:null,[k,i]),K=p.length,I=F.length,V=D=>{D||r(null)};return o("section",{css:kK,children:[o("div",{role:"toolbar",css:T`
|
|
5017
5018
|
position: absolute;
|
|
5018
5019
|
top: var(--ac-global-dimension-static-size-100);
|
|
5019
5020
|
right: var(--ac-global-dimension-static-size-200);
|
|
@@ -5023,7 +5024,7 @@ dataframe`,uK=T`
|
|
|
5023
5024
|
`,children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(El,{})}),"aria-label":"Clear selection",onPress:g}),e(gK,{})]}),o(Dn,{children:[e(Ln,{children:e(de,{id:"selection",children:"Selection"})}),o(Ha,{id:"selection",children:[e(vK,{numSelectedEvents:K,numMatchingEvents:I,searchText:h}),t===vd.list?e("div",{css:T`
|
|
5024
5025
|
flex: 1 1 auto;
|
|
5025
5026
|
overflow-y: auto;
|
|
5026
|
-
`,children:e(fK,{data:S,onPointSelected:r})}):e(yK,{events:F,onItemSelected:r})]})]}),e(Z,{isOpen:x!==null,onOpenChange:
|
|
5027
|
+
`,children:e(fK,{data:S,onPointSelected:r})}):e(yK,{events:F,onItemSelected:r})]})]}),e(Z,{isOpen:x!==null,onOpenChange:V,children:e(le,{children:e(ee,{variant:"slideover",size:"L",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Embedding Details"}),e(ye,{children:e(fe,{})})]}),x&&e(tK,{event:x})]})})})})})]})}function vK({numSelectedEvents:n,numMatchingEvents:a,searchText:l}){const t=pe(m=>m.selectionDisplay),i=pe(m=>m.setSelectionDisplay),r=pe(m=>m.selectionGridSize),s=pe(m=>m.setSelectionGridSize),d=pe(m=>m.setSelectionSearchText),c=y.useMemo(()=>l?`${a}/${n} match "${l}"`:`${n} selected`,[n,a,l]);return e(wr,{extra:o("div",{css:T`
|
|
5027
5028
|
display: flex;
|
|
5028
5029
|
flex-direction: row;
|
|
5029
5030
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -5261,7 +5262,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5261
5262
|
}
|
|
5262
5263
|
}
|
|
5263
5264
|
}
|
|
5264
|
-
`}}}();zg.hash="f42c6bfff21c628edc1e297e0a0462d4";const us=ei(".2f"),Ng=()=>{const{primary:n,reference:a}=xn();return{primaryBarColor:n,referenceBarColor:a}};function zK({active:n,payload:a,label:l}){var r,s,d,c,m,p;const{primaryBarColor:t,referenceBarColor:i}=Ng();if(n&&a&&a.length){const g=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,u=(d=a[0])==null?void 0:d.value,f=(m=(c=a[0])==null?void 0:c.payload)==null?void 0:m.referenceName,h=(p=a[1])==null?void 0:p.value;return o(We,{children:[e(v,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(be,{color:t,shape:"square",name:g,value:u!=null?`${us(u)}%`:"--"}),e(be,{color:i,shape:"square",name:f,value:h!=null?`${us(h)}%`:"--"})]})}return null}function NK(n){var u,f,h,k,S;const{primaryInferences:a,referenceInferences:l}=Ia(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=bi(),s=y.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=y.useMemo(()=>({start:_s(s,2).toISOString(),end:s.toISOString()}),[s]),c=P.useLazyLoadQuery(zg,{dimensionId:n.dimensionId,timeRange:d}),m=y.useMemo(()=>{var I,
|
|
5265
|
+
`}}}();zg.hash="f42c6bfff21c628edc1e297e0a0462d4";const us=ei(".2f"),Ng=()=>{const{primary:n,reference:a}=xn();return{primaryBarColor:n,referenceBarColor:a}};function zK({active:n,payload:a,label:l}){var r,s,d,c,m,p;const{primaryBarColor:t,referenceBarColor:i}=Ng();if(n&&a&&a.length){const g=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,u=(d=a[0])==null?void 0:d.value,f=(m=(c=a[0])==null?void 0:c.payload)==null?void 0:m.referenceName,h=(p=a[1])==null?void 0:p.value;return o(We,{children:[e(v,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(be,{color:t,shape:"square",name:g,value:u!=null?`${us(u)}%`:"--"}),e(be,{color:i,shape:"square",name:f,value:h!=null?`${us(h)}%`:"--"})]})}return null}function NK(n){var u,f,h,k,S;const{primaryInferences:a,referenceInferences:l}=Ia(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=bi(),s=y.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=y.useMemo(()=>({start:_s(s,2).toISOString(),end:s.toISOString()}),[s]),c=P.useLazyLoadQuery(zg,{dimensionId:n.dimensionId,timeRange:d}),m=y.useMemo(()=>{var I,V,D,R,L;const F=((I=c.dimension.segmentsComparison)==null?void 0:I.segments)??[],x=((D=(V=c.dimension.segmentsComparison)==null?void 0:V.totalCounts)==null?void 0:D.primaryValue)??0,K=((L=(R=c.dimension.segmentsComparison)==null?void 0:R.totalCounts)==null?void 0:L.referenceValue)??0;return F.map(A=>{var q,ne;const E=((q=A.counts)==null?void 0:q.primaryValue)??0,M=((ne=A.counts)==null?void 0:ne.referenceValue)??0,$=Td(A.bin),O=E/x*100,N=M/K*100;return{name:$,primaryName:t,referenceName:i,primaryPercent:O,referencePercent:N}})},[(u=c.dimension.segmentsComparison)==null?void 0:u.segments,(h=(f=c.dimension.segmentsComparison)==null?void 0:f.totalCounts)==null?void 0:h.primaryValue,(S=(k=c.dimension.segmentsComparison)==null?void 0:k.totalCounts)==null?void 0:S.referenceValue,t,i]),{primaryBarColor:p,referenceBarColor:g}=Ng();return o(b,{direction:"column",height:"100%",children:[e(C,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(v,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${nn(new Date(d.end))}`})}),e(C,{flex:!0,children:e(Ze,{children:o(zn,{data:m,margin:{top:15,right:18,left:18,bottom:5},children:[o("defs",{children:[o("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:p,stopOpacity:1}),e("stop",{offset:"95%",stopColor:p,stopOpacity:.5})]}),o("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:1}),e("stop",{offset:"95%",stopColor:g,stopOpacity:.5})]})]}),e(tn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(qe,{stroke:"var(--ac-global-color-grey-500)",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(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(Je,{...li,content:zK}),e(ze,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(ze,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const $g={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};$g.hash="f8a9fb08a14f63906e38bc247d50b189";const $K=o(pt,{variant:"info",placement:"top end",children:[e(re,{weight:"heavy",level:4,children:"Population Stability Index"}),e(kl,{children:e(v,{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(ca,{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 jK(n){const a=P.useFragment($g,n.dimension);return o(ae,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-25",children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),$K]}),e(v,{size:"L",children:Il(a.psi)})]})}const jg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={kind:"Variable",name:"timeRange",variableName:"timeRange"},d=[{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:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},s],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},s],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l,t],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,l,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,c],storageKey:null}]},params:{cacheID:"76a27456cd1f545ddb16fc0d9ef09fc1",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
5265
5266
|
$dimensionId: ID!
|
|
5266
5267
|
$timeRange: TimeRange!
|
|
5267
5268
|
$driftGranularity: Granularity!
|
|
@@ -5362,7 +5363,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5362
5363
|
}
|
|
5363
5364
|
}
|
|
5364
5365
|
}
|
|
5365
|
-
`}}}();Hg.hash="83342058bb8f50dad5bec299b4bc034d";const WK=ei("~s");var Gg=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Gg||{});const JK=new Intl.NumberFormat([],{maximumFractionDigits:2});function Jl(n){return typeof n=="number"?JK.format(n):"--"}const Wg=()=>{const n=xn();return{outerColor:n.grey500,innerColor:n.grey300,lineColor:n.default}};function ZK({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=Wg();if(n&&a&&a.length){const s=a[0].payload;return o(We,{children:[l&&e(v,{weight:"heavy",size:"S",children:`${nn(new Date(l))}`}),e(be,{color:t,name:"p99",value:Jl(s.p99_p01[0])}),e(be,{color:i,name:"p75",value:Jl(s.p75_p25[0])}),e(be,{color:r,name:"p50",value:Jl(s.p50)}),e(be,{color:i,name:"p25",value:Jl(s.p75_p25[1])}),e(be,{color:t,name:"p01",value:Jl(s.p99_p01[1])})]})}return null}function XK({dimensionId:n}){var K,I,
|
|
5366
|
+
`}}}();Hg.hash="83342058bb8f50dad5bec299b4bc034d";const WK=ei("~s");var Gg=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Gg||{});const JK=new Intl.NumberFormat([],{maximumFractionDigits:2});function Jl(n){return typeof n=="number"?JK.format(n):"--"}const Wg=()=>{const n=xn();return{outerColor:n.grey500,innerColor:n.grey300,lineColor:n.default}};function ZK({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=Wg();if(n&&a&&a.length){const s=a[0].payload;return o(We,{children:[l&&e(v,{weight:"heavy",size:"S",children:`${nn(new Date(l))}`}),e(be,{color:t,name:"p99",value:Jl(s.p99_p01[0])}),e(be,{color:i,name:"p75",value:Jl(s.p75_p25[0])}),e(be,{color:r,name:"p50",value:Jl(s.p50)}),e(be,{color:i,name:"p25",value:Jl(s.p75_p25[1])}),e(be,{color:t,name:"p01",value:Jl(s.p99_p01[1])})]})}return null}function XK({dimensionId:n}){var K,I,V,D,R;const{timeRange:a}=za(),l=jl(a),t=P.useLazyLoadQuery(Hg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((K=t.dimension.p99TimeSeries)==null?void 0:K.data.map(L=>L))||[],r=((I=t.dimension.p01TimeSeries)==null?void 0:I.data.map(L=>L))||[],s=((V=t.dimension.p75TimeSeries)==null?void 0:V.data.map(L=>L))||[],d=((D=t.dimension.p25TimeSeries)==null?void 0:D.data.map(L=>L))||[],c=((R=t.dimension.p50TimeSeries)==null?void 0:R.data.map(L=>L))||[],m=i.map((L,A)=>({timestamp:new Date(L.timestamp).valueOf(),p99_p01:[L.value,r[A].value],p75_p25:[s[A].value,d[A].value],p50:c[A].value})),p=Ol({samplingIntervalMinutes:l.samplingIntervalMinutes}),[g,u]=y.useState(Object.keys(Gg).reduce((L,A)=>(L[A]=!1,L),{})),f=L=>{g[L.dataKey]||u({...g})},h=()=>{u({...g})},k=L=>{u({...g,[String(L.dataKey)]:!g[L.dataKey]})},{outerColor:S,innerColor:F,lineColor:x}=Wg();return e(Ze,{width:"100%",height:"100%",children:o(Cl,{data:m,margin:Kt,syncId:"dimensionDetails",children:[o("defs",{children:[o("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})]}),o("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:F,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:F,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:F,stopOpacity:.7})]})]}),e(tn,{...Ql,tickFormatter:L=>p(new Date(L))}),e(qe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:L=>WK(L),style:{fill:"var(--ac-global-text-color-700)"}}),e(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Je,{content:ZK}),e(Qn,{onClick:k,onMouseOver:f,onMouseOut:h}),e(dt,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:g.p99_p01===!0}),e(dt,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:F,fill:"url(#p75_p25ColorUV)",hide:g.p75_p25===!0}),e(na,{type:"monotone",dataKey:"p50",stroke:x,hide:g.p50===!0})]})})}const Jg=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}}();Jg.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const YK=ei(".2f"),Zg=()=>{const{primary:n}=xn();return{color:n}};function e2({active:n,payload:a,label:l}){var i;const{color:t}=Zg();if(n&&a&&a.length&&typeof l=="string"){const r=(i=a[0])==null?void 0:i.value;return e(We,{children:e(be,{color:t,shape:"square",name:l,value:r!=null?`${YK(r)}%`:"--"})})}return null}function n2(n){const a=P.useFragment(Jg,n.dimension),l=y.useMemo(()=>{var s,d,c;const i=((s=a.segmentsComparison)==null?void 0:s.segments)??[],r=((c=(d=a.segmentsComparison)==null?void 0:d.totalCounts)==null?void 0:c.primaryValue)??0;return i.map(m=>{var f;const p=((f=m.counts)==null?void 0:f.primaryValue)??0,g=Td(m.bin),u=p/r*100;return{name:g,percent:u}})},[a]),{color:t}=Zg();return e(Ze,{children:o(zn,{data:l,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:o("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:t,stopOpacity:1}),e("stop",{offset:"95%",stopColor:t,stopOpacity:.5})]})}),e(tn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(qe,{stroke:"var(--ac-global-color-grey-500)",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(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Je,{...li,content:e2}),e(ze,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function H3(){const{dimensionId:n}=ln(),a=Te(),[l,t]=y.useState(!0),{timeRange:i}=za(),r=an();Ge(r);const{referenceInferences:s}=Ia(),d=s!==null,c=d,m=r.dimension.shape!=="continuous",p=r.dimension.dataType==="numeric",g=P.useLazyLoadQuery(_g,{dimensionId:n,timeRange:{start:i.start.toISOString(),end:i.end.toISOString()},hasReference:d});if(!n)throw new Error("Dimension ID is required to display a dimension");const u=f=>{t(f),f||a("/model")};return e(Fd,{initialTimestamp:new Date(i.end),children:e(Z,{isOpen:l,onOpenChange:u,children:e(le,{isDismissable:!0,children:e(ee,{variant:"slideover",size:"L",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:r.dimension.name}),e(ye,{children:e(fe,{})})]}),e("main",{css:T`
|
|
5366
5367
|
padding: var(--ac-global-dimension-static-size-100);
|
|
5367
5368
|
display: flex;
|
|
5368
5369
|
flex-direction: column;
|
|
@@ -5568,7 +5569,7 @@ fragment StreamToggle_data on Project {
|
|
|
5568
5569
|
}
|
|
5569
5570
|
}
|
|
5570
5571
|
}
|
|
5571
|
-
`;function J3(){const{projectId:n}=ln(),{timeRange:a}=zl();return e(y.Suspense,{fallback:e(he,{}),children:e(c2,{projectId:n,timeRange:a})})}const d2=["spans","traces","sessions","config","metrics"],ms=n=>d2.includes(n),Tl={spans:0,traces:1,sessions:2,metrics:3,config:4};function c2({projectId:n,timeRange:a}){const l=it(D=>D.treatOrphansAsRoots),t=y.useMemo(()=>{var D,
|
|
5572
|
+
`;function J3(){const{projectId:n}=ln(),{timeRange:a}=zl();return e(y.Suspense,{fallback:e(he,{}),children:e(c2,{projectId:n,timeRange:a})})}const d2=["spans","traces","sessions","config","metrics"],ms=n=>d2.includes(n),Tl={spans:0,traces:1,sessions:2,metrics:3,config:4};function c2({projectId:n,timeRange:a}){const l=it(D=>D.treatOrphansAsRoots),t=y.useMemo(()=>{var D,R;return{start:(D=a==null?void 0:a.start)==null?void 0:D.toISOString(),end:(R=a==null?void 0:a.end)==null?void 0:R.toISOString()}},[a]),i=Te(),{rootPath:r,tab:s}=Ii(),d=P.useLazyLoadQuery(Yg,{id:n,timeRange:t},{fetchPolicy:"store-and-network",fetchKey:`${n}-${t.start}-${t.end}`}),[c,m,p]=P.useQueryLoader(mu),[g,u,f]=P.useQueryLoader(gu),[h,k,S]=P.useQueryLoader(pu),[F,x,K]=P.useQueryLoader(yu),I=ms(s)?Tl[s]:0;y.useEffect(()=>(I===Tl.spans?u({id:n,timeRange:t,orphanSpanAsRootSpan:l}):I===Tl.traces?m({id:n,timeRange:t}):I===Tl.sessions?k({id:n,timeRange:t}):I===Tl.config&&x({id:n}),()=>{f(),S(),p(),K()}),[m,n,t,I,f,S,p,u,k,x,K,l]);const V=y.useCallback(D=>{y.startTransition(()=>{i(D===1?`${r}/traces`:D===2?`${r}/sessions`:D===3?`${r}/metrics`:D===4?`${r}/config`:`${r}/spans`)})},[i,r]);return e(dC,{children:o("main",{css:s2,children:[e(t2,{project:d.project,extra:o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(o2,{project:d.project}),e(ti,{})]})}),e(fu.Provider,{value:{spansQueryReference:g??null,sessionsQueryReference:h??null,tracesQueryReference:c??null,projectConfigQueryReference:F??null},children:o(Dn,{onSelectionChange:D=>{typeof D=="string"&&ms(D)&&V(Tl[D])},selectedKey:s,children:[o(Ln,{children:[e(de,{id:"spans",children:"Spans"}),e(de,{id:"traces",children:"Traces"}),e(de,{id:"sessions",children:"Sessions"}),e(de,{id:"metrics",children:"Metrics"}),e(de,{id:"config",children:"Config"})]}),e(Ce,{padded:!1,id:"spans",children:e(we,{})}),e(Ce,{padded:!1,id:"traces",children:e(we,{})}),e(Ce,{padded:!1,id:"sessions",children:e(we,{})}),e(Ce,{padded:!1,id:"metrics",children:e(we,{})}),e(Ce,{padded:!1,id:"config",children:e(we,{})})]})})]})})}const op=y.createContext(null);function sp(){const n=y.useContext(op);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function u2(n){const[a,l]=y.useState(""),t=y.useCallback(i=>{y.startTransition(()=>{l(i)})},[]);return e(op.Provider,{value:{filterIoSubstringOrSessionId:a,setFilterIoSubstringOrSessionId:t},children:n.children})}const dp=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:null,kind:"LocalArgument",name:"sessionId"},r={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},s={defaultValue:null,kind:"LocalArgument",name:"timeRange"},d=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},m={kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},p={kind:"Variable",name:"first",variableName:"first"},g={kind:"Variable",name:"sessionId",variableName:"sessionId"},u={kind:"Variable",name:"sort",variableName:"sort"},f={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},k=[c,m,p,g,u,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],S=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s],kind:"Fragment",metadata:null,name:"SessionsTableQuery",selections:[{alias:null,args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,m,p,g,u],kind:"FragmentSpread",name:"SessionsTable_sessions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,s,t],kind:"Operation",name:"SessionsTableQuery",selections:[{alias:null,args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[f,h,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:k,concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"sessions",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[h,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",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,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:S,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:S,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[f,h],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","filterIoSubstring","timeRange","sessionId"],handle:"connection",key:"SessionsTable_sessions",kind:"LinkedHandle",name:"sessions"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"2fe7b0cf89da6d717037618e7b910e49",id:null,metadata:{},name:"SessionsTableQuery",operationKind:"query",text:`query SessionsTableQuery(
|
|
5572
5573
|
$after: String = null
|
|
5573
5574
|
$filterIoSubstring: String = null
|
|
5574
5575
|
$first: Int = 30
|
|
@@ -5782,10 +5783,10 @@ await assistant({
|
|
|
5782
5783
|
.ac-dropdown-button {
|
|
5783
5784
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
5784
5785
|
}
|
|
5785
|
-
`,gs=Gr,mp=({table:n})=>{const a=Te();return e("tbody",{children:n.getRowModel().rows.map(l=>e("tr",{onClick:()=>a(`${encodeURIComponent(l.id)}`),children:l.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${t.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Y(t.column.columnDef.cell,t.getContext())},t.id))},l.id))})},T2=Fa.memo(mp,(n,a)=>n.table.options.data===a.table.options.data);function K2(n){const a=y.useRef(null),[l,t]=y.useState([]),{filterIoSubstringOrSessionId:i}=sp(),{fetchKey:r}=ol(),{data:s,loadNext:d,hasNext:c,isLoadingNext:m,refetch:p}=P.usePaginationFragment(cp,n.project),g=y.useMemo(()=>s.sessions.edges.map(({session:
|
|
5786
|
+
`,gs=Gr,mp=({table:n})=>{const a=Te();return e("tbody",{children:n.getRowModel().rows.map(l=>e("tr",{onClick:()=>a(`${encodeURIComponent(l.id)}`),children:l.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${t.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Y(t.column.columnDef.cell,t.getContext())},t.id))},l.id))})},T2=Fa.memo(mp,(n,a)=>n.table.options.data===a.table.options.data);function K2(n){const a=y.useRef(null),[l,t]=y.useState([]),{filterIoSubstringOrSessionId:i}=sp(),{fetchKey:r}=ol(),{data:s,loadNext:d,hasNext:c,isLoadingNext:m,refetch:p}=P.usePaginationFragment(cp,n.project),g=y.useMemo(()=>s.sessions.edges.map(({session:M})=>{var $,O;return{...M,tokenCountTotal:M.tokenUsage.total,costTotal:((O=($=M.costSummary)==null?void 0:$.total)==null?void 0:O.cost)??null}}),[s.sessions]),u=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:mn},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:mn},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:mn},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:$e},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:$e},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:M})=>{const $=M();return $===null||typeof $!="number"?null:e(gn,{latencyMs:$})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:M})=>{const $=M();return $===null||typeof $!="number"?null:e(gn,{latencyMs:$})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({getValue:M,row:$})=>{const O=M();if(O==null||typeof O!="number")return"--";const N=$.original;return e(yd,{tokenCountTotal:O,nodeId:N.id,size:"S"})}},{header:"total cost",accessorKey:"costSummary.total.cost",id:"costTotal",enableSorting:!0,minSize:80,cell:({row:M,getValue:$})=>{const O=$();if(O===null||typeof O!="number")return"--";const N=M.original;return e(h0,{totalCost:O,nodeId:N.id})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:Kd}];y.useEffect(()=>{const M=l[0];y.startTransition(()=>{p({sort:M?{col:M.id,dir:M.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:gs,filterIoSubstring:i,sessionId:i},{fetchPolicy:"store-and-network"})})},[l,p,i,r]);const f=Fa.useCallback(M=>{if(M){const{scrollHeight:$,scrollTop:O,clientHeight:N}=M;$-O-N<300&&!m&&c&&d(gs)}},[c,m,d]),[h,k]=y.useState({}),S=In(M=>M.columnVisibility),F=In(M=>M.columnSizing),x=In(M=>M.setColumnSizing),K=Me({columns:u,data:g,onExpandedChange:k,manualSorting:!0,state:{sorting:l,expanded:h,columnVisibility:S,columnSizing:F},columnResizeMode:"onChange",onColumnSizingChange:x,enableSubRowSelection:!1,onSortingChange:t,getCoreRowModel:Ve(),getSortedRowModel:Kn(),getExpandedRowModel:Es(),getRowId:M=>M.id}),V=K.getRowModel().rows.length===0,{columnSizingInfo:D,columnSizing:R}=K.getState(),L=K.getFlatHeaders,A=u.length,E=Fa.useMemo(()=>{const M=L(),$={};for(let O=0;O<M.length;O++){const N=M[O];$[`--header-${N.id}-size`]=N.getSize(),$[`--col-${N.column.id}-size`]=N.column.getSize()}return $},[L,D,R,A]);return o("div",{css:uo,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(y2,{})}),e("div",{css:T`
|
|
5786
5787
|
flex: 1 1 auto;
|
|
5787
5788
|
overflow: auto;
|
|
5788
|
-
`,onScroll:
|
|
5789
|
+
`,onScroll:M=>f(M.target),ref:a,children:o("table",{css:xa,style:{...E,width:K.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:K.getHeaderGroups().map(M=>e("tr",{children:M.headers.map($=>e("th",{style:{width:`calc(var(--header-${$.id}-size) * 1px)`},children:$.isPlaceholder?null:o(ae,{children:[o("div",{"data-sortable":$.column.getCanSort(),className:$.column.getCanSort()?"sort":"",onClick:$.column.getToggleSortingHandler(),style:{left:$.getStart(),width:$.getSize()},children:[Y($.column.columnDef.header,$.getContext()),$.column.getIsSorted()?e(_,{className:"sort-icon",svg:$.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:$.getResizeHandler(),onTouchStart:$.getResizeHandler(),className:`resizer ${$.column.getIsResizing()?"isResizing":""}`})]})},$.id))},M.id))}),V?e(F2,{}):D.isResizingColumn?e(T2,{table:K}):e(mp,{table:K})]})})]})}function mo({children:n}){const{projectId:a}=ln();if(!a)throw new Error("projectId is required");const{tab:l}=Ii();if(!au(l))throw new Error(`Invalid tab: ${l}`);return e(m2,{projectId:a,tableId:l||"table",children:n})}function P2({queryReference:n}){const a=P.usePreloadedQuery(pu,n);return e(u2,{children:e(K2,{project:a.project})})}const Z3=()=>{const{sessionsQueryReference:n}=Fi();return n?o(mo,{children:[e(io,{children:e(y.Suspense,{fallback:e(he,{}),children:e(P2,{queryReference:n})})}),e(y.Suspense,{children:e(we,{})})]}):null},gp=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:null,kind:"LocalArgument",name:"orphanSpanAsRootSpan"},r={defaultValue:!0,kind:"LocalArgument",name:"rootSpansOnly"},s={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},d={defaultValue:null,kind:"LocalArgument",name:"timeRange"},c=[{kind:"Variable",name:"id",variableName:"id"}],m={kind:"Variable",name:"after",variableName:"after"},p={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},u={kind:"Variable",name:"rootSpansOnly",variableName:"rootSpansOnly"},f={kind:"Variable",name:"sort",variableName:"sort"},h={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},F=[m,p,g,{kind:"Variable",name:"orphanSpanAsRootSpan",variableName:"orphanSpanAsRootSpan"},u,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],x={alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null},K=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],I={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},V={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s,d],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[m,p,g,u,f],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,s,d,t],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[h,k,{kind:"InlineFragment",selections:[S,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:F,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:[k,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S,{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},{condition:"rootSpansOnly",kind:"Condition",passingValue:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},x]},{condition:"rootSpansOnly",kind:"Condition",passingValue:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null}]},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[k,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{condition:"rootSpansOnly",kind:"Condition",passingValue:!0,selections:[x]}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:K,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:K,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[k,S,I,V,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},k],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},I],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},S],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},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[k,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[h,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[k,S,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[I,V],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[k],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],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:[h,k],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:F,filters:["sort","rootSpansOnly","filterCondition","orphanSpanAsRootSpan","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"50df80de2e7d5548f9f9e9ecf7e1f59f",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
5789
5790
|
$after: String = null
|
|
5790
5791
|
$filterCondition: String = null
|
|
5791
5792
|
$first: Int = 30
|
|
@@ -6148,10 +6149,10 @@ fragment TransferTracesButton_projects_1oCkZB on Query {
|
|
|
6148
6149
|
padding-bottom: var(--ac-global-dimension-size-100);
|
|
6149
6150
|
`,children:"Transfer Traces to Project"}),e(vi,{autoFocus:!0,"aria-label":"Search projects",placeholder:"Search projects...",onChange:c})]}),e(sa,{"aria-label":"projects",items:d,selectionMode:"single",css:T`
|
|
6150
6151
|
height: 300px;
|
|
6151
|
-
`,onSelectionChange:m=>{if(m==="all")return;const p=m.keys().next().value;typeof p=="string"&&a(p)},children:m=>e(gl,{id:m.id,isDisabled:m.id===l,children:m.name},m.id)})]})}function Ep(n){const{projectId:a}=ln(),{setFetchKey:l}=ol();Ge(a);const t=Te(),i=Fe(),r=De(),[s,d]=y.useState(!1),[c,m]=y.useState(!1),[p,g]=y.useState(!1),{selectedSpans:u,onClearSelection:f}=n,h=y.useMemo(()=>[...new Set(u.map(M=>M.traceId))],[u]),[k,S]=P.useMutation(Kp),[F,x]=P.useMutation(Tp),K=u.length!==1,I=y.useCallback(M=>{k({variables:{input:{datasetId:M,spanIds:u.map(L=>L.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${u.length} example${K?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{t(`/datasets/${M}/examples`)}}}),f()},onError:L=>{const A=je(L);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(A==null?void 0:A[0])??L.message}`})}})},[k,u,i,K,f,t,r]),R=y.useCallback(()=>{F({variables:{traceIds:h},onCompleted:()=>{i({title:"Traces deleted",message:`${h.length} trace${h.length!==1?"s have":" has"} been deleted.`}),f()},onError:M=>{const L=je(M);r({title:"An error occurred",message:`Failed to delete traces: ${(L==null?void 0:L[0])??M.message}`})}})},[F,h,i,f,r]),D=()=>{g(!0)};return e(Mr,{children:o(Rr,{children:[o(ar,{"aria-label":"Span selection",children:[e(Rn,{size:"M",onPress:f,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(C,{paddingEnd:"size-100",children:e(v,{children:`${u.length} span${K?"s":""} selected`})})]}),o(ar,{"aria-label":"Span selection actions",children:[o(Z,{isOpen:c,onOpenChange:M=>{m(M)},children:[e(z,{variant:"primary",size:"M",leadingVisual:e(_,{svg:e(la,{})}),onPress:()=>{m(!0)},isDisabled:S,children:S?"Adding...":"Add to Dataset"}),e(Tn,{placement:"top end",children:e(y.Suspense,{children:e(j2,{onDatasetSelected:M=>{I(M),m(!1)},onCreateNewDataset:()=>{m(!1),d(!0)}})})})]}),e(Q2,{traceIds:h,currentProjectId:a,onSuccess:({projectName:M})=>{i({title:"Transfer Success",message:`The traces have been moved to project: ${M}`}),f(),l(`trace-transfer-${Date.now()}`)},onError:M=>{r({title:"Transfer Failed",message:`Failed to transfer due to error: ${M.message}`})}}),e(Z,{isOpen:s,onOpenChange:d,children:e(le,{children:e(ee,{children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"New Dataset"}),e(ye,{children:e(z,{variant:"default",size:"S",onPress:()=>{d(!1)},leadingVisual:e(_,{svg:e(El,{})})})})]}),e(Id,{onDatasetCreateError:M=>{const L=je(M);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(L==null?void 0:L[0])??M.message}`})},onDatasetCreated:M=>{d(!1),i({title:"Dataset created",message:`${M.name} has been successfully created.`}),m(!0)}})]})})})})}),e(z,{size:"M","aria-label":"Delete Traces",isDisabled:x,onPress:D,variant:"danger",leadingVisual:e(_,{svg:e(yn,{})})}),e(Z,{isOpen:p,onOpenChange:g,children:e(le,{children:e(ee,{children:e(X,{children:o(ge,{children:[e(ue,{children:e(me,{children:"Delete Traces"})}),e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(z,{variant:"danger",onPress:()=>{R(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})}const Ap="annotations",sr="-",Rp={col:"startTime",dir:"desc"};function Mp(n){let a=null,l=null;if(n.id&&n.id.startsWith(Ap)){const[,t,i]=n.id.split(sr);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function Xt(n,a){return`${Ap}${sr}${a}${sr}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const wt=Gr,U2={minSize:100};function H2(n){return n==="root"||n==="all"}const Vp=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=Te(),[r]=un(),{traceId:s}=ln(),d=r.get(Nn);return o("tbody",{children:[n.getRowModel().rows.map(c=>{const m=d===c.original.id||!d&&c.original.trace.traceId===s;return e("tr",{"data-selected":m,onClick:()=>i(`${c.original.trace.traceId}?${Nn}=${c.original.id}`),children:c.getVisibleCells().map(p=>{const g=`--col-${p.column.id}-size`;return e("td",{style:{width:`calc(var(${g}) * 1px)`,maxWidth:`calc(var(${g}) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Y(p.column.columnDef.cell,p.getContext())},p.id)})},c.id)}),a?e(Ld,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},G2=Fa.memo(Vp,(n,a)=>n.table.options.data===a.table.options.data);function W2(n){const{fetchKey:a}=ol(),l=y.useRef(null),t=y.useRef(!0),[i,r]=y.useState({}),[s,d]=y.useState([]),[c,m]=y.useState(""),[p,g]=y.useState(!0),u=In(w=>w.columnVisibility),{data:f,loadNext:h,hasNext:k,isLoadingNext:S,refetch:F}=P.usePaginationFragment(pp,n.project),x=oo(),K=x==null?void 0:x.setTraceSequence;y.useEffect(()=>{if(K)return K(f.spans.edges.map(({span:w})=>({traceId:w.trace.traceId,spanId:w.id}))),()=>{K([])}},[f.spans.edges,K]);const I=In(w=>w.annotationColumnVisibility),R=y.useMemo(()=>Object.keys(I).filter(w=>I[w]),[I]),D=y.useMemo(()=>f.spans.edges.map(({span:j})=>j),[f]),M=R.map(w=>({header:w,columns:[{header:"labels",accessorKey:Xt(w,"label"),cell:({row:j})=>{const U=j.original.spanAnnotationSummaries.find(se=>se.name===w);return U?e(Fm,{name:w,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:Xt(w,"score"),cell:({row:j})=>{const U=j.original.spanAnnotationSummaries.find(se=>se.name===w);return U?e(gi,{value:U.meanScore,fallback:null}):null}}]})),L=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(pt,{children:[e(re,{level:3,weight:"heavy",children:"Annotations"}),e(kl,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:w})=>o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(yi,{span:w.original,showFilterActions:!0}),w.original.documentRetrievalMetrics.map(j=>o(ae,{children:[e(Hn,{name:j.evaluationName,metric:"ndcg",score:j.ndcg},"ndcg"),e(Hn,{name:j.evaluationName,metric:"precision",score:j.precision},"precision"),e(Hn,{name:j.evaluationName,metric:"hit",score:j.hit},"hit")]}))]})},...M],A=[{id:"select",maxSize:10,header:({table:w})=>e(Ka,{checked:w.getIsAllRowsSelected(),indeterminate:w.getIsSomeRowsSelected(),onChange:w.getToggleAllRowsSelectedHandler()}),cell:({row:w})=>e(Ka,{checked:w.getIsSelected(),disabled:!w.getCanSelect(),indeterminate:w.getIsSomeSelected(),onChange:w.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:w})=>{const j=w();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(ci,{statusCode:j})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:w})=>e(Kr,{spanKind:w()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:w,row:j})=>{const U=j.original,{traceId:se}=U.trace;return e(dn,{to:`${se}?${Nn}=${U.id}`,children:w()})}},{header:"input",accessorKey:"input.value",cell:mn,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:mn,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:w})=>e(fp,{metadata:w.original.metadata}),enableSorting:!1},...L,{header:"start time",accessorKey:"startTime",cell:$e},{header:"latency",accessorKey:"latencyMs",cell:({getValue:w})=>{const j=w();return j===null||typeof j!="number"?null:e(gn,{latencyMs:j})}},{header:p?"cumulative tokens":"total tokens",accessorKey:p?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:w,getValue:j})=>{if(j()===null)return"--";const se=w.original,ja=p?se.cumulativeTokenCountTotal:se.tokenCountTotal;return p?e(pd,{tokenCountTotal:ja||0,nodeId:se.id}):e(ui,{tokenCountTotal:ja||0,nodeId:se.id})}},{header:p?"cumulative cost":"total cost",accessorKey:p?"trace.costSummary.total.cost":"costSummary.total.cost",id:p?"cumulativeTokenCostTotal":"tokenCostTotal",cell:({row:w,getValue:j})=>{const U=j();if(U===null||typeof U!="number")return"--";const se=w.original;return p?e(_r,{totalCost:U,nodeId:se.trace.id,size:"S"}):e(mi,{totalCost:U,spanNodeId:se.id,size:"S"})}}];y.useEffect(()=>{if(t.current===!0){t.current=!1;return}y.startTransition(()=>{const w=s[0];F({sort:w?Mp(w):Rp,after:null,first:wt,filterCondition:c,rootSpansOnly:p},{fetchPolicy:"store-and-network"})})},[s,F,c,a,p]);const E=y.useCallback(w=>{if(w){const{scrollHeight:j,scrollTop:U,clientHeight:se}=w;j-U-se<300&&!S&&k&&h(wt)}},[k,S,h]),V=In(w=>w.setColumnSizing),$=In(w=>w.columnSizing),O=Me({columns:A,data:D,state:{sorting:s,columnVisibility:u,rowSelection:i,columnSizing:$},defaultColumn:U2,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:V,getCoreRowModel:Ve(),getSortedRowModel:Kn()}),N=O.getRowModel().rows,q=O.getSelectedRowModel().rows,ne=q.map(w=>({id:w.original.id,traceId:w.original.trace.id})),ve=y.useCallback(()=>{r({})},[r]),Q=N.length===0,J=O.getAllColumns().filter(w=>w.columns.length===0),{columnSizingInfo:ie,columnSizing:Ke}=O.getState(),_e=O.getFlatHeaders,Sn=J.length,[pa]=y.useMemo(()=>{const w=_e(),j={};for(let U=0;U<w.length;U++){const se=w[U];j[`--header-${se.id}-size`]=se.getSize(),j[`--col-${se.column.id}-size`]=se.column.getSize()}return[j]},[_e,ie,Ke,Sn]);return o("div",{css:uo,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Fp,{onValidCondition:m}),o(hi,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[p?"root":"all"],onSelectionChange:w=>{if(w.size===0)return;const j=w.keys().next().value;if(H2(j))g(j==="root");else throw new Error(`Unknown root span filter selection: ${j}`)},children:[e(ta,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(ta,{"aria-label":"all spans",id:"all",children:"All"})]}),e(bp,{columns:J,query:f}),e(w2,{})]})}),e("div",{css:T`
|
|
6152
|
+
`,onSelectionChange:m=>{if(m==="all")return;const p=m.keys().next().value;typeof p=="string"&&a(p)},children:m=>e(gl,{id:m.id,isDisabled:m.id===l,children:m.name},m.id)})]})}function Ep(n){const{projectId:a}=ln(),{setFetchKey:l}=ol();Ge(a);const t=Te(),i=Fe(),r=De(),[s,d]=y.useState(!1),[c,m]=y.useState(!1),[p,g]=y.useState(!1),{selectedSpans:u,onClearSelection:f}=n,h=y.useMemo(()=>[...new Set(u.map(R=>R.traceId))],[u]),[k,S]=P.useMutation(Kp),[F,x]=P.useMutation(Tp),K=u.length!==1,I=y.useCallback(R=>{k({variables:{input:{datasetId:R,spanIds:u.map(L=>L.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${u.length} example${K?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{t(`/datasets/${R}/examples`)}}}),f()},onError:L=>{const A=je(L);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(A==null?void 0:A[0])??L.message}`})}})},[k,u,i,K,f,t,r]),V=y.useCallback(()=>{F({variables:{traceIds:h},onCompleted:()=>{i({title:"Traces deleted",message:`${h.length} trace${h.length!==1?"s have":" has"} been deleted.`}),f()},onError:R=>{const L=je(R);r({title:"An error occurred",message:`Failed to delete traces: ${(L==null?void 0:L[0])??R.message}`})}})},[F,h,i,f,r]),D=()=>{g(!0)};return e(Mr,{children:o(Rr,{children:[o(ar,{"aria-label":"Span selection",children:[e(Rn,{size:"M",onPress:f,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(C,{paddingEnd:"size-100",children:e(v,{children:`${u.length} span${K?"s":""} selected`})})]}),o(ar,{"aria-label":"Span selection actions",children:[o(Z,{isOpen:c,onOpenChange:R=>{m(R)},children:[e(z,{variant:"primary",size:"M",leadingVisual:e(_,{svg:e(la,{})}),onPress:()=>{m(!0)},isDisabled:S,children:S?"Adding...":"Add to Dataset"}),e(Tn,{placement:"top end",children:e(y.Suspense,{children:e(j2,{onDatasetSelected:R=>{I(R),m(!1)},onCreateNewDataset:()=>{m(!1),d(!0)}})})})]}),e(Q2,{traceIds:h,currentProjectId:a,onSuccess:({projectName:R})=>{i({title:"Transfer Success",message:`The traces have been moved to project: ${R}`}),f(),l(`trace-transfer-${Date.now()}`)},onError:R=>{r({title:"Transfer Failed",message:`Failed to transfer due to error: ${R.message}`})}}),e(Z,{isOpen:s,onOpenChange:d,children:e(le,{children:e(ee,{children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"New Dataset"}),e(ye,{children:e(z,{variant:"default",size:"S",onPress:()=>{d(!1)},leadingVisual:e(_,{svg:e(El,{})})})})]}),e(Id,{onDatasetCreateError:R=>{const L=je(R);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(L==null?void 0:L[0])??R.message}`})},onDatasetCreated:R=>{d(!1),i({title:"Dataset created",message:`${R.name} has been successfully created.`}),m(!0)}})]})})})})}),e(z,{size:"M","aria-label":"Delete Traces",isDisabled:x,onPress:D,variant:"danger",leadingVisual:e(_,{svg:e(yn,{})})}),e(Z,{isOpen:p,onOpenChange:g,children:e(le,{children:e(ee,{children:e(X,{children:o(ge,{children:[e(ue,{children:e(me,{children:"Delete Traces"})}),e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(z,{variant:"danger",onPress:()=>{V(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})}const Ap="annotations",sr="-",Rp={col:"startTime",dir:"desc"};function Mp(n){let a=null,l=null;if(n.id&&n.id.startsWith(Ap)){const[,t,i]=n.id.split(sr);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function Xt(n,a){return`${Ap}${sr}${a}${sr}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const wt=Gr,U2={minSize:100};function H2(n){return n==="root"||n==="all"}const Vp=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=Te(),[r]=un(),{traceId:s}=ln(),d=r.get(Nn);return o("tbody",{children:[n.getRowModel().rows.map(c=>{const m=d===c.original.id||!d&&c.original.trace.traceId===s;return e("tr",{"data-selected":m,onClick:()=>i(`${c.original.trace.traceId}?${Nn}=${c.original.id}`),children:c.getVisibleCells().map(p=>{const g=`--col-${p.column.id}-size`;return e("td",{style:{width:`calc(var(${g}) * 1px)`,maxWidth:`calc(var(${g}) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Y(p.column.columnDef.cell,p.getContext())},p.id)})},c.id)}),a?e(Ld,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},G2=Fa.memo(Vp,(n,a)=>n.table.options.data===a.table.options.data);function W2(n){const{fetchKey:a}=ol(),l=y.useRef(null),t=y.useRef(!0),[i,r]=y.useState({}),[s,d]=y.useState([]),[c,m]=y.useState(""),[p,g]=y.useState(!0),u=In(w=>w.columnVisibility),{data:f,loadNext:h,hasNext:k,isLoadingNext:S,refetch:F}=P.usePaginationFragment(pp,n.project),x=oo(),K=x==null?void 0:x.setTraceSequence;y.useEffect(()=>{if(K)return K(f.spans.edges.map(({span:w})=>({traceId:w.trace.traceId,spanId:w.id}))),()=>{K([])}},[f.spans.edges,K]);const I=In(w=>w.annotationColumnVisibility),V=y.useMemo(()=>Object.keys(I).filter(w=>I[w]),[I]),D=y.useMemo(()=>f.spans.edges.map(({span:j})=>j),[f]),R=V.map(w=>({header:w,columns:[{header:"labels",accessorKey:Xt(w,"label"),cell:({row:j})=>{const U=j.original.spanAnnotationSummaries.find(se=>se.name===w);return U?e(Fm,{name:w,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:Xt(w,"score"),cell:({row:j})=>{const U=j.original.spanAnnotationSummaries.find(se=>se.name===w);return U?e(gi,{value:U.meanScore,fallback:null}):null}}]})),L=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(pt,{children:[e(re,{level:3,weight:"heavy",children:"Annotations"}),e(kl,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:w})=>o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(yi,{span:w.original,showFilterActions:!0}),w.original.documentRetrievalMetrics.map(j=>o(ae,{children:[e(Hn,{name:j.evaluationName,metric:"ndcg",score:j.ndcg},"ndcg"),e(Hn,{name:j.evaluationName,metric:"precision",score:j.precision},"precision"),e(Hn,{name:j.evaluationName,metric:"hit",score:j.hit},"hit")]}))]})},...R],A=[{id:"select",maxSize:10,header:({table:w})=>e(Ka,{checked:w.getIsAllRowsSelected(),indeterminate:w.getIsSomeRowsSelected(),onChange:w.getToggleAllRowsSelectedHandler()}),cell:({row:w})=>e(Ka,{checked:w.getIsSelected(),disabled:!w.getCanSelect(),indeterminate:w.getIsSomeSelected(),onChange:w.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:w})=>{const j=w();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(ci,{statusCode:j})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:w})=>e(Kr,{spanKind:w()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:w,row:j})=>{const U=j.original,{traceId:se}=U.trace;return e(dn,{to:`${se}?${Nn}=${U.id}`,children:w()})}},{header:"input",accessorKey:"input.value",cell:mn,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:mn,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:w})=>e(fp,{metadata:w.original.metadata}),enableSorting:!1},...L,{header:"start time",accessorKey:"startTime",cell:$e},{header:"latency",accessorKey:"latencyMs",cell:({getValue:w})=>{const j=w();return j===null||typeof j!="number"?null:e(gn,{latencyMs:j})}},{header:p?"cumulative tokens":"total tokens",accessorKey:p?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:w,getValue:j})=>{if(j()===null)return"--";const se=w.original,ja=p?se.cumulativeTokenCountTotal:se.tokenCountTotal;return p?e(pd,{tokenCountTotal:ja||0,nodeId:se.id}):e(ui,{tokenCountTotal:ja||0,nodeId:se.id})}},{header:p?"cumulative cost":"total cost",accessorKey:p?"trace.costSummary.total.cost":"costSummary.total.cost",id:p?"cumulativeTokenCostTotal":"tokenCostTotal",cell:({row:w,getValue:j})=>{const U=j();if(U===null||typeof U!="number")return"--";const se=w.original;return p?e(_r,{totalCost:U,nodeId:se.trace.id,size:"S"}):e(mi,{totalCost:U,spanNodeId:se.id,size:"S"})}}];y.useEffect(()=>{if(t.current===!0){t.current=!1;return}y.startTransition(()=>{const w=s[0];F({sort:w?Mp(w):Rp,after:null,first:wt,filterCondition:c,rootSpansOnly:p},{fetchPolicy:"store-and-network"})})},[s,F,c,a,p]);const E=y.useCallback(w=>{if(w){const{scrollHeight:j,scrollTop:U,clientHeight:se}=w;j-U-se<300&&!S&&k&&h(wt)}},[k,S,h]),M=In(w=>w.setColumnSizing),$=In(w=>w.columnSizing),O=Me({columns:A,data:D,state:{sorting:s,columnVisibility:u,rowSelection:i,columnSizing:$},defaultColumn:U2,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:M,getCoreRowModel:Ve(),getSortedRowModel:Kn()}),N=O.getRowModel().rows,q=O.getSelectedRowModel().rows,ne=q.map(w=>({id:w.original.id,traceId:w.original.trace.id})),ve=y.useCallback(()=>{r({})},[r]),Q=N.length===0,J=O.getAllColumns().filter(w=>w.columns.length===0),{columnSizingInfo:ie,columnSizing:Ke}=O.getState(),_e=O.getFlatHeaders,Sn=J.length,[pa]=y.useMemo(()=>{const w=_e(),j={};for(let U=0;U<w.length;U++){const se=w[U];j[`--header-${se.id}-size`]=se.getSize(),j[`--col-${se.column.id}-size`]=se.column.getSize()}return[j]},[_e,ie,Ke,Sn]);return o("div",{css:uo,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Fp,{onValidCondition:m}),o(hi,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[p?"root":"all"],onSelectionChange:w=>{if(w.size===0)return;const j=w.keys().next().value;if(H2(j))g(j==="root");else throw new Error(`Unknown root span filter selection: ${j}`)},children:[e(ta,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(ta,{"aria-label":"all spans",id:"all",children:"All"})]}),e(bp,{columns:J,query:f}),e(w2,{})]})}),e("div",{css:T`
|
|
6152
6153
|
flex: 1 1 auto;
|
|
6153
6154
|
overflow: auto;
|
|
6154
|
-
`,onScroll:w=>E(w.target),ref:l,children:o("table",{css:xa,style:{...pa,width:O.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:O.getHeaderGroups().map(w=>e("tr",{children:w.headers.map(j=>e("th",{colSpan:j.colSpan,style:{width:`calc(var(--header-${j.id}-size) * 1px)`},children:j.isPlaceholder?null:o(ae,{children:[o("div",{className:j.column.getCanSort()?"sort":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[e(cn,{maxWidth:"100%",children:Y(j.column.columnDef.header,j.getContext())}),j.column.getIsSorted()?e(_,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:j.getResizeHandler(),onTouchStart:j.getResizeHandler(),className:`resizer ${j.column.getIsResizing()?"isResizing":""}`})]})},j.id))},w.id))}),Q&&!k?e(hp,{projectName:f.name}):ie.isResizingColumn?e(G2,{table:O,hasNext:k,onLoadNext:()=>h(wt),isLoadingNext:S}):e(Vp,{table:O,hasNext:k,onLoadNext:()=>h(wt),isLoadingNext:S})]})}),q.length?e(Ep,{selectedSpans:ne,onClearSelection:ve}):null]})}function J2({queryReference:n}){const a=P.usePreloadedQuery(gu,n);return e(W2,{project:a.project})}const X3=()=>{const{spansQueryReference:n}=Fi();return n?e(mo,{children:o(Mm,{children:[e(io,{children:e(y.Suspense,{fallback:e(he,{}),children:e(J2,{queryReference:n})})}),e(y.Suspense,{children:e(we,{})})]})}):null},zp=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},s=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},m={kind:"Variable",name:"first",variableName:"first"},p={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},h=[d,c,m,{kind:"Literal",name:"rootSpansOnly",value:!0},p,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},K={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},I=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],
|
|
6155
|
+
`,onScroll:w=>E(w.target),ref:l,children:o("table",{css:xa,style:{...pa,width:O.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:O.getHeaderGroups().map(w=>e("tr",{children:w.headers.map(j=>e("th",{colSpan:j.colSpan,style:{width:`calc(var(--header-${j.id}-size) * 1px)`},children:j.isPlaceholder?null:o(ae,{children:[o("div",{className:j.column.getCanSort()?"sort":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[e(cn,{maxWidth:"100%",children:Y(j.column.columnDef.header,j.getContext())}),j.column.getIsSorted()?e(_,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:j.getResizeHandler(),onTouchStart:j.getResizeHandler(),className:`resizer ${j.column.getIsResizing()?"isResizing":""}`})]})},j.id))},w.id))}),Q&&!k?e(hp,{projectName:f.name}):ie.isResizingColumn?e(G2,{table:O,hasNext:k,onLoadNext:()=>h(wt),isLoadingNext:S}):e(Vp,{table:O,hasNext:k,onLoadNext:()=>h(wt),isLoadingNext:S})]})}),q.length?e(Ep,{selectedSpans:ne,onClearSelection:ve}):null]})}function J2({queryReference:n}){const a=P.usePreloadedQuery(gu,n);return e(W2,{project:a.project})}const X3=()=>{const{spansQueryReference:n}=Fi();return n?e(mo,{children:o(Mm,{children:[e(io,{children:e(y.Suspense,{fallback:e(he,{}),children:e(J2,{queryReference:n})})}),e(y.Suspense,{children:e(we,{})})]})}):null},zp=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},s=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},m={kind:"Variable",name:"first",variableName:"first"},p={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},h=[d,c,m,{kind:"Literal",name:"rootSpansOnly",value:!0},p,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},K={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},I=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],V={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:I,storageKey:null},D={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:I,storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},E={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},M={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[u,f,A,E,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},u],storageKey:null}],storageKey:null},$={alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},A],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},f],storageKey:null},O={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[u,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[u,f,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[A,E],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[u],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},N={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,l,t,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,m,p],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,t],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,u,{kind:"InlineFragment",selections:[f,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:h,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:[u,k,f,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},S,F,x,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},K,V,D,R,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[u,L,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},M,$,O,N,{alias:null,args:[{kind:"Literal",name:"first",value:50}],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[u,k,f,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},S,F,x,K,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},V,D,R,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[u,L],storageKey:null},M,O,$,N],storageKey:null}],storageKey:null}],storageKey:"descendants(first:50)"}],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:[g,u],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:h,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"d30684c52189e88dab2fb3e08b4e4ada",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
6155
6156
|
$after: String = null
|
|
6156
6157
|
$filterCondition: String = null
|
|
6157
6158
|
$first: Int = 30
|
|
@@ -6353,10 +6354,10 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
6353
6354
|
// and paddingLeft to visually indicate the depth
|
|
6354
6355
|
// of the row
|
|
6355
6356
|
padding-left: ${w.row.depth*2}rem;
|
|
6356
|
-
`,children:o(b,{gap:"size-50",children:[w.row.getCanExpand()?e(_o,{isExpanded:w.row.getIsExpanded(),onClick:w.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Kr,{spanKind:w.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:w,row:j})=>{const{traceId:U}=j.original.trace,se=j.original.isAdditionalSpansRow?null:j.original.id;return e(dn,{to:`${U}${se?`?${Nn}=${se}`:""}`,children:w()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:mn},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:mn},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Y2},...K,{header:"start time",accessorKey:"startTime",cell:w=>w.row.original.__additionalRow?null:e($e,{...w})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:w,row:j})=>{const U=w();return U===null||typeof U!="number"||j.original.__additionalRow?null:e(gn,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:w,getValue:j})=>{if(w.original.__additionalRow)return null;const U=j();return U===null?"--":e(T0,{tokenCountTotal:U,nodeId:w.original.trace.id})}},{header:"total cost",minSize:80,accessorKey:"trace.costSummary.total.cost",id:"cumulativeTokenCostTotal",cell:({row:w,getValue:j})=>{const U=j();if(U===null||typeof U!="number")return"--";const se=w.original;return e(_r,{totalCost:U,nodeId:se.trace.id,size:"S"})}}],[K]);y.useEffect(()=>{if(l.current===!0){l.current=!1;return}const w=r[0];y.startTransition(()=>{h({sort:w?Mp(w):Rp,after:null,first:ps,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,h,d,m]);const
|
|
6357
|
+
`,children:o(b,{gap:"size-50",children:[w.row.getCanExpand()?e(_o,{isExpanded:w.row.getIsExpanded(),onClick:w.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Kr,{spanKind:w.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:w,row:j})=>{const{traceId:U}=j.original.trace,se=j.original.isAdditionalSpansRow?null:j.original.id;return e(dn,{to:`${U}${se?`?${Nn}=${se}`:""}`,children:w()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:mn},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:mn},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Y2},...K,{header:"start time",accessorKey:"startTime",cell:w=>w.row.original.__additionalRow?null:e($e,{...w})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:w,row:j})=>{const U=w();return U===null||typeof U!="number"||j.original.__additionalRow?null:e(gn,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:w,getValue:j})=>{if(w.original.__additionalRow)return null;const U=j();return U===null?"--":e(T0,{tokenCountTotal:U,nodeId:w.original.trace.id})}},{header:"total cost",minSize:80,accessorKey:"trace.costSummary.total.cost",id:"cumulativeTokenCostTotal",cell:({row:w,getValue:j})=>{const U=j();if(U===null||typeof U!="number")return"--";const se=w.original;return e(_r,{totalCost:U,nodeId:se.trace.id,size:"S"})}}],[K]);y.useEffect(()=>{if(l.current===!0){l.current=!1;return}const w=r[0];y.startTransition(()=>{h({sort:w?Mp(w):Rp,after:null,first:ps,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,h,d,m]);const V=y.useCallback(w=>{if(w){const{scrollHeight:j,scrollTop:U,clientHeight:se}=w;j-U-se<300&&!f&&u&&g(ps)}},[u,f,g]),D=oo(),R=D==null?void 0:D.setTraceSequence;y.useEffect(()=>{if(R)return R(p.rootSpans.edges.map(({rootSpan:w})=>({traceId:w.trace.traceId,spanId:w.id}))),()=>{R([])}},[p.rootSpans.edges,R]);const[L,A]=y.useState({}),E=In(w=>w.columnVisibility),M=In(w=>w.setColumnSizing),$=In(w=>w.columnSizing),O=Me({columns:I,data:F,onExpandedChange:A,manualSorting:!0,getSubRows:w=>w.children,state:{sorting:r,expanded:L,columnVisibility:E,rowSelection:t,columnSizing:$},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:s,onColumnSizingChange:M,getCoreRowModel:Ve(),getSortedRowModel:Kn(),getExpandedRowModel:Es(),getRowId:w=>w.id}),N=O.getRowModel().rows,q=O.getSelectedRowModel().flatRows,ne=q.map(w=>({id:w.original.id,traceId:w.original.trace.id})),ve=y.useCallback(()=>{i({})},[i]),Q=N.length===0,J=O.getAllColumns().filter(w=>w.columns.length===0),{columnSizingInfo:ie,columnSizing:Ke}=O.getState(),_e=O.getFlatHeaders,Sn=J.length,pa=Fa.useMemo(()=>{const w=_e(),j={};for(let U=0;U<w.length;U++){const se=w[U];j[`--header-${se.id}-size`]=se.getSize(),j[`--col-${se.column.id}-size`]=se.column.getSize()}return j},[_e,ie,Ke,Sn]);return o("div",{css:uo,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Fp,{onValidCondition:c}),e(bp,{columns:J,query:p})]})}),e("div",{css:T`
|
|
6357
6358
|
flex: 1 1 auto;
|
|
6358
6359
|
overflow: auto;
|
|
6359
|
-
`,onScroll:w=>
|
|
6360
|
+
`,onScroll:w=>V(w.target),ref:a,children:o("table",{css:xa,style:{...pa,width:O.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:O.getHeaderGroups().map(w=>e("tr",{children:w.headers.map(j=>e("th",{style:{width:`calc(var(--header-${j.id}-size) * 1px)`},colSpan:j.colSpan,children:j.isPlaceholder?null:o(ae,{children:[o("div",{"data-sortable":j.column.getCanSort(),className:j.column.getCanSort()?"sort":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[e(cn,{maxWidth:"100%",children:Y(j.column.columnDef.header,j.getContext())}),j.column.getIsSorted()?e(_,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:j.getResizeHandler(),onTouchStart:j.getResizeHandler(),className:`resizer ${j.column.getIsResizing()?"isResizing":""}`})]})},j.id))},w.id))}),Q?e(hp,{projectName:p.name}):ie.isResizingColumn?e(X2,{table:O}):e($p,{table:O})]})}),q.length?e(Ep,{selectedSpans:ne,onClearSelection:ve}):null]})}const aP=({tracesQueryReference:n})=>{const a=P.usePreloadedQuery(mu,n);return e(nP,{project:a.project})},Y3=()=>{const{tracesQueryReference:n}=Fi();return n?e(mo,{children:o(Mm,{children:[e(io,{children:e(y.Suspense,{fallback:e(he,{}),children:e(aP,{tracesQueryReference:n})})}),e(y.Suspense,{children:e(we,{})})]})}):null},Op=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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:[l,t],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},l,t],storageKey:null}]},params:{cacheID:"146b6f58a3f2f95565821ff5d976155d",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
|
|
6360
6361
|
$id: ID!
|
|
6361
6362
|
) {
|
|
6362
6363
|
project: node(id: $id) {
|
|
@@ -6832,7 +6833,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
6832
6833
|
.react-aria-DateInput {
|
|
6833
6834
|
width: 100%;
|
|
6834
6835
|
}
|
|
6835
|
-
`,children:[e(W,{children:"End Date"}),e(xs,{children:F=>e(Is,{segment:F})}),S?e(Pe,{children:S.message}):e(v,{slot:"description",children:`The date up to which you want to remove data. The format is ${l}.`})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{type:"submit",variant:"danger",isDisabled:!m||r,size:"S",leadingVisual:r?e(_,{svg:e(Xn,{})}):void 0,onPress:()=>{var g;(g=t.current)==null||g.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function cy({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i,variant:r="quiet"}){const[s,d]=y.useState(!1),[c,m]=y.useState(!1),[p,g]=y.useState(!1),u=a!=="default",[f]=P.useMutation(sy),[h]=P.useMutation(oy),k=y.useCallback(()=>{y.startTransition(()=>{f({variables:{projectId:n}}),l()})},[f,n,l]),S=y.useCallback(()=>{y.startTransition(()=>{h({variables:{input:{id:n}},onCompleted:()=>{t()},onError:I=>{alert("Failed to clear project: "+I)}})})},[h,n,t]),F=y.useCallback(()=>{d(!0)},[]),x=y.useCallback(()=>{m(!0)},[]),K=y.useCallback(()=>{g(!0)},[]);return o("div",{onClick:I=>{I.preventDefault(),I.stopPropagation()},children:[o(nl,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:I=>{switch(I){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return F();case"clearProject":return x();case"removeProjectData":return K()}},disabledKeys:u?[]:["deleteProject"],children:[e(on,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Xi,{})}),e(v,{children:"Copy Name"})]})},"copyName"),e(on,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(qs,{})}),e(v,{children:"Clear All Data"})]})},"clearProject"),e(on,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Si,{})}),e(v,{children:"Remove Data"})]})},"removeProjectData"),u?e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(yn,{})}),e(v,{children:"Delete"})]})},"deleteProject"):null]}),e(Z,{isOpen:s,onOpenChange:d,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Project"}),e(ye,{children:e(fe,{slot:"close"})})]}),e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{k(),I()},children:"Delete Project"})})})]})})})})}),e(Z,{isOpen:c,onOpenChange:m,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Clear Project"}),e(ye,{children:e(fe,{slot:"close"})})]}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{S(),I()},children:"Clear"})})})]})})})})}),e(Z,{isOpen:p,onOpenChange:g,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Remove Data"}),e(ye,{children:e(fe,{slot:"close"})})]}),e($P,{projectId:n,onComplete:()=>{i(),I()}})]})})})})})]})}const dr=10,go=()=>{const{projectSortOrder:n}=_n(l=>({projectViewMode:l.projectViewMode,projectSortOrder:l.projectSortOrder}));return y.useMemo(()=>({sort:{col:n.column,dir:n.direction}}),[n])};function i4(){const{timeRange:n}=zl(),a=go(),[l]=y.useState(()=>a),t=P.useLazyLoadQuery(iy,{first:dr,filter:{value:"",col:"name"},...l});return e(y.Suspense,{fallback:e(he,{}),children:e(jP,{timeRange:n,query:t})})}function jP({timeRange:n,query:a}){const{projectViewMode:l}=_n(L=>({projectViewMode:L.projectViewMode})),t=go(),[i,r]=y.useState(""),[s,d]=oh(),c=y.useMemo(()=>{var L,A;return{start:(L=n==null?void 0:n.start)==null?void 0:L.toISOString(),end:(A=n==null?void 0:n.end)==null?void 0:A.toISOString()}},[n]),{data:m,loadNext:p,hasNext:g,isLoadingNext:u,refetch:f}=P.usePaginationFragment(ty,a),h=y.useMemo(()=>({...t,filter:{value:i,col:"name"}}),[t,i]),k=y.useCallback(({vars:L,onComplete:A})=>{y.startTransition(()=>{f({...h,...L},{fetchPolicy:"store-and-network",onComplete:()=>{A==null||A()}})})},[f,h]),S=m==null?void 0:m.projects.edges.map(L=>L.project),F=y.useRef(null),x=y.useCallback(L=>{if(L){const{scrollHeight:A,scrollTop:E,clientHeight:
|
|
6836
|
+
`,children:[e(W,{children:"End Date"}),e(xs,{children:F=>e(Is,{segment:F})}),S?e(Pe,{children:S.message}):e(v,{slot:"description",children:`The date up to which you want to remove data. The format is ${l}.`})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{type:"submit",variant:"danger",isDisabled:!m||r,size:"S",leadingVisual:r?e(_,{svg:e(Xn,{})}):void 0,onPress:()=>{var g;(g=t.current)==null||g.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function cy({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i,variant:r="quiet"}){const[s,d]=y.useState(!1),[c,m]=y.useState(!1),[p,g]=y.useState(!1),u=a!=="default",[f]=P.useMutation(sy),[h]=P.useMutation(oy),k=y.useCallback(()=>{y.startTransition(()=>{f({variables:{projectId:n}}),l()})},[f,n,l]),S=y.useCallback(()=>{y.startTransition(()=>{h({variables:{input:{id:n}},onCompleted:()=>{t()},onError:I=>{alert("Failed to clear project: "+I)}})})},[h,n,t]),F=y.useCallback(()=>{d(!0)},[]),x=y.useCallback(()=>{m(!0)},[]),K=y.useCallback(()=>{g(!0)},[]);return o("div",{onClick:I=>{I.preventDefault(),I.stopPropagation()},children:[o(nl,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:I=>{switch(I){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return F();case"clearProject":return x();case"removeProjectData":return K()}},disabledKeys:u?[]:["deleteProject"],children:[e(on,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Xi,{})}),e(v,{children:"Copy Name"})]})},"copyName"),e(on,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(qs,{})}),e(v,{children:"Clear All Data"})]})},"clearProject"),e(on,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Si,{})}),e(v,{children:"Remove Data"})]})},"removeProjectData"),u?e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(yn,{})}),e(v,{children:"Delete"})]})},"deleteProject"):null]}),e(Z,{isOpen:s,onOpenChange:d,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Project"}),e(ye,{children:e(fe,{slot:"close"})})]}),e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{k(),I()},children:"Delete Project"})})})]})})})})}),e(Z,{isOpen:c,onOpenChange:m,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Clear Project"}),e(ye,{children:e(fe,{slot:"close"})})]}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{S(),I()},children:"Clear"})})})]})})})})}),e(Z,{isOpen:p,onOpenChange:g,children:e(le,{children:e(ee,{size:"M",children:e(X,{children:({close:I})=>o(ge,{children:[o(ue,{children:[e(me,{children:"Remove Data"}),e(ye,{children:e(fe,{slot:"close"})})]}),e($P,{projectId:n,onComplete:()=>{i(),I()}})]})})})})})]})}const dr=10,go=()=>{const{projectSortOrder:n}=_n(l=>({projectViewMode:l.projectViewMode,projectSortOrder:l.projectSortOrder}));return y.useMemo(()=>({sort:{col:n.column,dir:n.direction}}),[n])};function i4(){const{timeRange:n}=zl(),a=go(),[l]=y.useState(()=>a),t=P.useLazyLoadQuery(iy,{first:dr,filter:{value:"",col:"name"},...l});return e(y.Suspense,{fallback:e(he,{}),children:e(jP,{timeRange:n,query:t})})}function jP({timeRange:n,query:a}){const{projectViewMode:l}=_n(L=>({projectViewMode:L.projectViewMode})),t=go(),[i,r]=y.useState(""),[s,d]=oh(),c=y.useMemo(()=>{var L,A;return{start:(L=n==null?void 0:n.start)==null?void 0:L.toISOString(),end:(A=n==null?void 0:n.end)==null?void 0:A.toISOString()}},[n]),{data:m,loadNext:p,hasNext:g,isLoadingNext:u,refetch:f}=P.usePaginationFragment(ty,a),h=y.useMemo(()=>({...t,filter:{value:i,col:"name"}}),[t,i]),k=y.useCallback(({vars:L,onComplete:A})=>{y.startTransition(()=>{f({...h,...L},{fetchPolicy:"store-and-network",onComplete:()=>{A==null||A()}})})},[f,h]),S=m==null?void 0:m.projects.edges.map(L=>L.project),F=y.useRef(null),x=y.useCallback(L=>{if(L){const{scrollHeight:A,scrollTop:E,clientHeight:M}=L;A-E-M<300&&!u&&g&&p(dr,{UNSTABLE_extraVariables:h})}},[g,u,p,h]),K=y.useCallback(L=>{k({vars:{sort:L}})},[k]),I=y.useCallback(L=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Deleted",message:`Project ${L} has been deleted.`})}})})},[s,k]),V=y.useCallback(L=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Cleared",message:`Project ${L} has been cleared of traces.`})}})})},[s,k]),D=y.useCallback(L=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Data Removed",message:`Old data from project ${L} have been removed.`})}})})},[s,k]),R=y.useCallback(()=>{p(dr,{UNSTABLE_extraVariables:h})},[p,h]);return o("div",{css:T`
|
|
6836
6837
|
display: flex;
|
|
6837
6838
|
flex-direction: column;
|
|
6838
6839
|
overflow: auto;
|
|
@@ -6844,11 +6845,11 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
6844
6845
|
display: flex;
|
|
6845
6846
|
flex-direction: column;
|
|
6846
6847
|
flex: 1 1 auto;
|
|
6847
|
-
`,children:e(OP,{projects:S,onDelete:I,onClear:
|
|
6848
|
+
`,children:e(OP,{projects:S,onDelete:I,onClear:V,onRemove:D,timeRangeVariable:c,hasNext:g,loadNext:R,isLoadingNext:u,onSort:K})}):e("div",{css:T`
|
|
6848
6849
|
display: flex;
|
|
6849
6850
|
flex-direction: column;
|
|
6850
6851
|
flex: 1 1 auto;
|
|
6851
|
-
`,children:e(GP,{projects:S,onDelete:I,onClear:
|
|
6852
|
+
`,children:e(GP,{projects:S,onDelete:I,onClear:V,onRemove:D,timeRangeVariable:c,hasNext:g,loadNext:R,isLoadingNext:u,onSort:K})}),d]})}function OP({projects:n,onDelete:a,onClear:l,onRemove:t,timeRangeVariable:i,hasNext:r,loadNext:s,isLoadingNext:d}){return o(C,{padding:"size-200",width:"100%",children:[e("ul",{css:T`
|
|
6852
6853
|
display: grid;
|
|
6853
6854
|
grid-template-columns: repeat(
|
|
6854
6855
|
auto-fill,
|
|
@@ -6890,7 +6891,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
6890
6891
|
-webkit-line-clamp: 1;
|
|
6891
6892
|
`,children:n.name}),e(v,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(cy,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),e(uy,{projectId:n.id,timeRange:i})]})}const BP=ay;function qP(){return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(wo,{width:60,height:20,animation:"wave"})]}),o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),e(wo,{width:60,height:20,animation:"wave"})]})]})}const uy=y.memo(function({projectId:a,timeRange:l,flexProps:t}){const i=P.useRelayEnvironment(),r=y.useRef(null),[s,d]=y.useState(null),c=y.useCallback(()=>(d(null),P.fetchQuery(i,BP,{id:a,timeRange:l}).subscribe({next:g=>{d(g)},error:()=>{d(null)}})),[a,l,i]);return y.useEffect(()=>(r.current=c(),()=>{var m;(m=r.current)==null||m.unsubscribe(),r.current=null}),[c]),s==null?e(qP,{}):e(UP,{project:s,flexProps:t})});function UP({project:n,flexProps:a}){const{project:{traceCount:l,latencyMsP50:t}}=n;return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",...a,children:[o(b,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",fontFamily:"mono",children:Oe(l)})]}),o(b,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),t!=null?e(gn,{latencyMs:t,size:"L"}):e(v,{size:"L",children:"--"})]})]})}const HP=["name","endTime"];function GP({projects:n,onDelete:a,onClear:l,onRemove:t,timeRangeVariable:i,hasNext:r,loadNext:s,isLoadingNext:d,onSort:c}){const m=Te(),p=y.useMemo(()=>[{header:"name",accessorKey:"name",maxSize:135,cell:({row:x})=>o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(Vr,{gradientStartColor:x.original.gradientStartColor,gradientEndColor:x.original.gradientEndColor}),e(dn,{to:`/projects/${x.original.id}`,children:e(cn,{maxWidth:"300px",children:x.original.name})})]})},{header:"last updated at",accessorKey:"endTime",maxSize:30,cell:$e},{header:"metrics",id:"metrics",enableSorting:!1,cell:({row:x})=>e("div",{css:T`
|
|
6892
6893
|
max-width: 100%;
|
|
6893
|
-
`,children:e(uy,{flexProps:{justifyContent:"start",gap:"size-800",rowGap:"size-100"},projectId:x.original.id,timeRange:i})})},{header:"",id:"actions",enableSorting:!1,size:10,maxSize:10,minSize:10,cell:({row:x})=>e(cy,{variant:"default",projectId:x.original.id,projectName:x.original.name,onProjectClear:()=>l(x.original.name),onProjectRemoveData:()=>t(x.original.name),onProjectDelete:()=>a(x.original.name)})}],[i,l,a,t]),g=go(),{setProjectSortOrder:u}=_n(x=>({setProjectSortOrder:x.setProjectSortOrder})),f=y.useMemo(()=>[{id:g.sort.col,desc:g.sort.dir==="desc"}],[g.sort.col,g.sort.dir]),h=y.useCallback(x=>{if(typeof x=="function"){const K=x(f),[I]=K;if(I==null)return;const
|
|
6894
|
+
`,children:e(uy,{flexProps:{justifyContent:"start",gap:"size-800",rowGap:"size-100"},projectId:x.original.id,timeRange:i})})},{header:"",id:"actions",enableSorting:!1,size:10,maxSize:10,minSize:10,cell:({row:x})=>e(cy,{variant:"default",projectId:x.original.id,projectName:x.original.name,onProjectClear:()=>l(x.original.name),onProjectRemoveData:()=>t(x.original.name),onProjectDelete:()=>a(x.original.name)})}],[i,l,a,t]),g=go(),{setProjectSortOrder:u}=_n(x=>({setProjectSortOrder:x.setProjectSortOrder})),f=y.useMemo(()=>[{id:g.sort.col,desc:g.sort.dir==="desc"}],[g.sort.col,g.sort.dir]),h=y.useCallback(x=>{if(typeof x=="function"){const K=x(f),[I]=K;if(I==null)return;const V=I.id;if(!HP.includes(V))return;c({col:V,dir:I.desc?"desc":"asc"}),u({column:V,direction:I.desc?"desc":"asc"})}},[u,f,c]),k=Me({data:n,columns:p,getCoreRowModel:Ve(),state:{sorting:f},enableSortingRemoval:!1,onSortingChange:h}),F=k.getRowModel().rows.length===0;return e(C,{flex:"none",height:"100%",width:"100%",children:o("div",{css:T`
|
|
6894
6895
|
flex: 1 1 auto;
|
|
6895
6896
|
height: 100%;
|
|
6896
6897
|
width: 100%;
|
|
@@ -6956,7 +6957,7 @@ fragment DatasetsTable_datasets_3JsJJ3 on Query {
|
|
|
6956
6957
|
__typename
|
|
6957
6958
|
}
|
|
6958
6959
|
}
|
|
6959
|
-
`}}}();yy.hash="bd97316dd472eec18504f66e16088abc";function WP({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t,isOpen:i,onOpenChange:r}){const[s,d]=P.useMutation(yy),c=y.useCallback(()=>{y.startTransition(()=>{s({variables:{datasetId:n},onCompleted:()=>{l(),r&&r(!1)},onError:m=>{t(m)}})})},[s,n,l,t,r]);return e(le,{isOpen:i,onOpenChange:r,children:e(ee,{size:"S",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Dataset"}),e(ye,{children:e(fe,{})})]}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{size:"S",onPress:()=>r==null?void 0:r(!1),children:"Cancel"}),e(z,{variant:"danger",size:"S",onPress:()=>{c()},isDisabled:d,leadingVisual:e(_,{svg:d?e(Xn,{}):e(yn,{})}),children:"Delete Dataset"})]})})]})})})})}function JP({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r,isOpen:s,onOpenChange:d}){return e(le,{isOpen:s,onOpenChange:d,children:e(ee,{size:"S",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Edit Dataset"}),e(ye,{children:e(fe,{})})]}),e(w0,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:()=>{i(),d&&d(!1)},onDatasetEditError:r})]})})})})}function ZP(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[m,p]=y.useState(!1),[g,u]=y.useState(!1);return o("div",{onClick:f=>{f.preventDefault(),f.stopPropagation()},children:[o(nl,{align:"end",buttonSize:"compact",onAction:f=>{switch(f){case"deleteDataset":p(!0);break;case"editDataset":u(!0);break}},children:[e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(di,{})}),e(v,{children:"Edit"})]})},"editDataset"),e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(yn,{})}),e(v,{children:"Delete"})]})},"deleteDataset")]}),e(WP,{datasetId:a,datasetName:l,onDatasetDelete:r,onDatasetDeleteError:s,isOpen:m,onOpenChange:p}),e(JP,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:d,onDatasetEditError:c,isOpen:g,onOpenChange:u})]})}function XP(){return e(C,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(C,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(v,{size:"XL",children:"Create datasets for testing prompts, experimentation, and fine-tuning."}),e(zr,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/datasets.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(wl,{href:"https://arize.com/docs/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(_,{svg:e(Nr,{})}),children:"Documentation"}),e(wl,{href:"https://colab.research.google.com/github/arize-ai/phoenix/blob/main/tutorials/experiments/datasets_and_experiments_quickstart.ipynb",target:"_blank",leadingVisual:e(_,{svg:e(E0,{})}),children:"Quickstart"})]})]})})})})}const hs=100;function YP(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 ex(n){const{filter:a}=n,[l,t]=y.useState([]),i=y.useRef(null),r=Te(),s=Fe(),d=De(),{data:c,loadNext:m,hasNext:p,isLoadingNext:g,refetch:u}=P.usePaginationFragment(py,n.query),f=y.useMemo(()=>c.datasets.edges.map(x=>x.node),[c]),h=y.useCallback(x=>{if(x){const{scrollHeight:K,scrollTop:I,clientHeight:
|
|
6960
|
+
`}}}();yy.hash="bd97316dd472eec18504f66e16088abc";function WP({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t,isOpen:i,onOpenChange:r}){const[s,d]=P.useMutation(yy),c=y.useCallback(()=>{y.startTransition(()=>{s({variables:{datasetId:n},onCompleted:()=>{l(),r&&r(!1)},onError:m=>{t(m)}})})},[s,n,l,t,r]);return e(le,{isOpen:i,onOpenChange:r,children:e(ee,{size:"S",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Dataset"}),e(ye,{children:e(fe,{})})]}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{size:"S",onPress:()=>r==null?void 0:r(!1),children:"Cancel"}),e(z,{variant:"danger",size:"S",onPress:()=>{c()},isDisabled:d,leadingVisual:e(_,{svg:d?e(Xn,{}):e(yn,{})}),children:"Delete Dataset"})]})})]})})})})}function JP({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r,isOpen:s,onOpenChange:d}){return e(le,{isOpen:s,onOpenChange:d,children:e(ee,{size:"S",children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Edit Dataset"}),e(ye,{children:e(fe,{})})]}),e(w0,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:()=>{i(),d&&d(!1)},onDatasetEditError:r})]})})})})}function ZP(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[m,p]=y.useState(!1),[g,u]=y.useState(!1);return o("div",{onClick:f=>{f.preventDefault(),f.stopPropagation()},children:[o(nl,{align:"end",buttonSize:"compact",onAction:f=>{switch(f){case"deleteDataset":p(!0);break;case"editDataset":u(!0);break}},children:[e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(di,{})}),e(v,{children:"Edit"})]})},"editDataset"),e(on,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(yn,{})}),e(v,{children:"Delete"})]})},"deleteDataset")]}),e(WP,{datasetId:a,datasetName:l,onDatasetDelete:r,onDatasetDeleteError:s,isOpen:m,onOpenChange:p}),e(JP,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:d,onDatasetEditError:c,isOpen:g,onOpenChange:u})]})}function XP(){return e(C,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(C,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(v,{size:"XL",children:"Create datasets for testing prompts, experimentation, and fine-tuning."}),e(zr,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/datasets.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(wl,{href:"https://arize.com/docs/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(_,{svg:e(Nr,{})}),children:"Documentation"}),e(wl,{href:"https://colab.research.google.com/github/arize-ai/phoenix/blob/main/tutorials/experiments/datasets_and_experiments_quickstart.ipynb",target:"_blank",leadingVisual:e(_,{svg:e(E0,{})}),children:"Quickstart"})]})]})})})})}const hs=100;function YP(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 ex(n){const{filter:a}=n,[l,t]=y.useState([]),i=y.useRef(null),r=Te(),s=Fe(),d=De(),{data:c,loadNext:m,hasNext:p,isLoadingNext:g,refetch:u}=P.usePaginationFragment(py,n.query),f=y.useMemo(()=>c.datasets.edges.map(x=>x.node),[c]),h=y.useCallback(x=>{if(x){const{scrollHeight:K,scrollTop:I,clientHeight:V}=x;K-I-V<300&&!g&&p&&m(hs,{UNSTABLE_extraVariables:{filter:a?{col:"name",value:a}:null}})}},[p,g,m,a]),k=Me({columns:[{header:"name",accessorKey:"name",cell:({row:x})=>{const I=x.original.experimentCount>0?`${x.original.id}/experiments`:`${x.original.id}/examples`;return e(dn,{to:I,children:x.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:$e},{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:Dl},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:x})=>e(ZP,{datasetId:x.original.id,datasetName:x.original.name,datasetDescription:x.original.description,datasetMetadata:x.original.metadata,onDatasetEdit:()=>{s({title:"Dataset updated",message:`${x.original.name} has been successfully updated.`}),u({filter:a?{col:"name",value:a}:null},{fetchPolicy:"store-and-network"})},onDatasetEditError:K=>{const I=je(K);d({title:"Dataset update failed",message:(I==null?void 0:I[0])??K.message})},onDatasetDelete:()=>{s({title:"Dataset deleted",message:`${x.original.name} has been successfully deleted.`}),u({filter:a?{col:"name",value:a}:null},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:K=>{const I=je(K);d({title:"Dataset deletion failed",message:(I==null?void 0:I[0])??K.message})}})}],data:f,state:{sorting:l},getCoreRowModel:Ve(),getSortedRowModel:Kn(),onSortingChange:t,manualSorting:!0});y.useEffect(()=>{const x=l[0];y.startTransition(()=>{u({sort:x?YP(x):{col:"createdAt",dir:"desc"},after:null,first:hs,filter:a?{col:"name",value:a}:null},{fetchPolicy:"store-and-network"})})},[l,u,a]);const S=k.getRowModel().rows,F=S.length===0;return e("div",{css:T`
|
|
6960
6961
|
flex: 1 1 auto;
|
|
6961
6962
|
overflow: auto;
|
|
6962
6963
|
`,onScroll:x=>h(x.target),ref:i,children:o("table",{css:xa,children:[e("thead",{children:k.getHeaderGroups().map(x=>e("tr",{children:x.headers.map(K=>{var I;return e("th",{colSpan:K.colSpan,children:K.isPlaceholder?null:o("div",{className:K.column.getCanSort()?"sort":"",onClick:K.column.getToggleSortingHandler(),style:{textAlign:(I=K.column.columnDef.meta)==null?void 0:I.textAlign},children:[Y(K.column.columnDef.header,K.getContext()),K.column.getIsSorted()?e(_,{className:"sort-icon",svg:K.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},K.id)})},x.id))}),F?e(A0,{children:e(XP,{})}):e("tbody",{children:S.map(x=>e("tr",{onClick:()=>{const I=x.original.experimentCount>0?`${x.original.id}/experiments`:`${x.original.id}/examples`;r(I)},children:x.getVisibleCells().map(K=>{var I;return e("td",{align:(I=K.column.columnDef.meta)==null?void 0:I.textAlign,children:Y(K.column.columnDef.cell,K.getContext())},K.id)})},x.id))})]})})}function nx(n){const a=n.split(`
|
|
@@ -6970,7 +6971,7 @@ fragment DatasetsTable_datasets_3JsJJ3 on Query {
|
|
|
6970
6971
|
flex-direction: column;
|
|
6971
6972
|
gap: var(--ac-global-dimension-size-50);
|
|
6972
6973
|
margin-bottom: var(--ac-global-dimension-size-200);
|
|
6973
|
-
`),children:[e(W,{children:"CSV file"}),e("input",{...h,onChange:k=>{var F;f(k.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const S=(F=k.target.files)==null?void 0:F[0];if(S){const x=S.name.split(".")[0],K=new FileReader;K.onload=function(I){if(!I.target)return;const
|
|
6974
|
+
`),children:[e(W,{children:"CSV file"}),e("input",{...h,onChange:k=>{var F;f(k.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const S=(F=k.target.files)==null?void 0:F[0];if(S){const x=S.name.split(".")[0],K=new FileReader;K.onload=function(I){if(!I.target)return;const V=I.target.result,D=nx(V);i(D),c("name",x)},K.readAsText(S)}},type:"file",id:"file",accept:".csv"})]})}),e(G,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(ce,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(W,{children:"Dataset Name"}),e(oe,{placeholder:"e.x. Golden Dataset"}),S!=null&&S.message?e(Pe,{children:S.message}):e(v,{slot:"description",children:"The name of the dataset"})]})}),e(G,{name:"description",control:r,render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(ce,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(W,{children:"Description"}),e(Ra,{placeholder:"e.x. A dataset for structured data extraction"}),S!=null&&S.message?e(Pe,{children:S.message}):e(v,{slot:"description",children:"The description of the dataset"})]})}),e(G,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Qi,{label:"input keys",validationState:h?"invalid":"valid",description:"the columns to use as input",columns:t,selectedColumns:u,onChange:f,errorMessage:k==null?void 0:k.message})}),e(G,{name:"output_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Qi,{label:"output keys",validationState:h?"invalid":"valid",description:"the columns to use as output",columns:t,selectedColumns:u,onChange:f,errorMessage:k==null?void 0:k.message})}),e(G,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Qi,{label:"metadata keys",validationState:h?"invalid":"valid",description:"the columns to use as metadata",columns:t,selectedColumns:u,onChange:f,errorMessage:k==null?void 0:k.message})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{type:"submit",isDisabled:!p,variant:m?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Qi(n){const{columns:a,selectedColumns:l,onChange:t,label:i,validationState:r,description:s,errorMessage:d,...c}=n,m=a.length===0,p=y.useMemo(()=>m?"No columns to select":l.length>0?`${l.join(", ")}`:"No columns selected",[l,m]);return e(Vl,{label:i,isDisabled:m,validationState:r,description:s,errorMessage:d,children:e(Ms,{isDisabled:m,...c,menu:e(pr,{selectionMode:"multiple",onSelectionChange:g=>{t(Array.from(g))},selectedKeys:new Set(l),children:a.map(g=>e(on,{children:g},g))}),triggerProps:{placement:"bottom end"},children:p})})}function lx({onDatasetCreated:n}){const a=Te(),l=Fe(),t=De(),[i,r]=y.useState(null),s=()=>{r(e(bo,{size:"S",title:"New Dataset",children:e(Id,{onDatasetCreated:c=>{l({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const m=je(c);t({title:"Dataset creation failed",message:(m==null?void 0:m[0])??c.message})}})}))},d=()=>{r(e(bo,{size:"M",title:"New Dataset from CSV",children:e(ax,{onDatasetCreated:c=>{l({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const m=je(c);t({title:"Dataset creation failed",message:(m==null?void 0:m[0])??c.message})}})}))};return o(ae,{children:[o(nl,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(vr,{})}),onAction:c=>{switch(c){case"newDataset":s();break;case"datasetFromCSV":d();break}},children:[e(on,{children:"New Dataset"},"newDataset"),e(on,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(sh,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}function r4(){return e(y.Suspense,{fallback:e(he,{}),children:e(tx,{})})}function tx(){const[n,a]=y.useState(0),l=P.useLazyLoadQuery(my,{},{fetchKey:n,fetchPolicy:"store-and-network"}),t=y.useCallback(()=>{a(s=>s+1)},[a]),[i,r]=y.useState("");return o(b,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",flex:"none",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(vi,{"aria-label":"Search datasets by name",onChange:r,placeholder:"Search datasets by name"}),e(C,{flex:"none",children:e(lx,{onDatasetCreated:t})})]})}),e(ex,{query:l,filter:i})]})}const fy=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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:[l,{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:[l,t],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},l,t],storageKey:null}]},params:{cacheID:"8d1b89f8e5b4cd2774b9862c9aff1d3e",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
|
|
6974
6975
|
$datasetId: ID!
|
|
6975
6976
|
) {
|
|
6976
6977
|
dataset: node(id: $datasetId) {
|
|
@@ -7264,10 +7265,10 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
7264
7265
|
}
|
|
7265
7266
|
}
|
|
7266
7267
|
}
|
|
7267
|
-
`}}}();xy.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Px(n){const a=el(f=>f.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=y.useState(!1),d=Fe(),c=De(),[m,p]=P.useMutation(xy),g=l.length!==1,u=y.useCallback(()=>{m({variables:{input:{exampleIds:l.map(f=>f.id)}},onCompleted:()=>{d({title:"Examples Deleted",message:`${l.length} example${g?"s":""} have been deleted.`}),t(),i(),a()},onError:f=>{const h=je(f);c({title:"An error occurred",message:`Failed to delete examples: ${(h==null?void 0:h[0])??f.message}`})}})},[m,l,d,g,t,i,a,c]);return o(Mr,{children:[o(Rr,{children:[e(C,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(ke,{children:[e(Rn,{size:"M",onPress:i,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(Qe,{children:"Clear selection"})]}),e(v,{children:`${l.length} example${g?"s":""} selected`})]})}),e(z,{variant:"danger",size:"M",leadingVisual:e(_,{svg:p?e(Xn,{}):e(yn,{})}),isDisabled:p,onPress:()=>s(!0),"aria-label":"Delete Examples",children:p?"Deleting...":"Delete"})]}),e(le,{isOpen:r,onOpenChange:f=>{f||s(!1)},isDismissable:!0,children:e(ee,{children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Examples"}),e(ye,{children:e(fe,{})})]}),e(C,{padding:"size-200",children:o(v,{color:"danger",children:["Are you sure you want to delete ",l.length," ","example",g?"s":"","?"]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{size:"S",onPress:()=>s(!1),children:"Cancel"}),e(z,{variant:"danger",size:"S",onPress:()=>{u(),s(!1)},children:"Delete"})]})})]})})})})]})}const xx=100;function Ix({dataset:n}){const a=el(I=>I.latestVersion),l=y.useRef(null),[t,i]=y.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:m}=P.usePaginationFragment(Py,n);y.useEffect(()=>{y.startTransition(()=>{m({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,m]);const p=y.useMemo(()=>r.examples.edges.map(I=>{const
|
|
7268
|
+
`}}}();xy.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Px(n){const a=el(f=>f.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=y.useState(!1),d=Fe(),c=De(),[m,p]=P.useMutation(xy),g=l.length!==1,u=y.useCallback(()=>{m({variables:{input:{exampleIds:l.map(f=>f.id)}},onCompleted:()=>{d({title:"Examples Deleted",message:`${l.length} example${g?"s":""} have been deleted.`}),t(),i(),a()},onError:f=>{const h=je(f);c({title:"An error occurred",message:`Failed to delete examples: ${(h==null?void 0:h[0])??f.message}`})}})},[m,l,d,g,t,i,a,c]);return o(Mr,{children:[o(Rr,{children:[e(C,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(ke,{children:[e(Rn,{size:"M",onPress:i,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(Qe,{children:"Clear selection"})]}),e(v,{children:`${l.length} example${g?"s":""} selected`})]})}),e(z,{variant:"danger",size:"M",leadingVisual:e(_,{svg:p?e(Xn,{}):e(yn,{})}),isDisabled:p,onPress:()=>s(!0),"aria-label":"Delete Examples",children:p?"Deleting...":"Delete"})]}),e(le,{isOpen:r,onOpenChange:f=>{f||s(!1)},isDismissable:!0,children:e(ee,{children:e(X,{children:o(ge,{children:[o(ue,{children:[e(me,{children:"Delete Examples"}),e(ye,{children:e(fe,{})})]}),e(C,{padding:"size-200",children:o(v,{color:"danger",children:["Are you sure you want to delete ",l.length," ","example",g?"s":"","?"]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{size:"S",onPress:()=>s(!1),children:"Cancel"}),e(z,{variant:"danger",size:"S",onPress:()=>{u(),s(!1)},children:"Delete"})]})})]})})})})]})}const xx=100;function Ix({dataset:n}){const a=el(I=>I.latestVersion),l=y.useRef(null),[t,i]=y.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:m}=P.usePaginationFragment(Py,n);y.useEffect(()=>{y.startTransition(()=>{m({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,m]);const p=y.useMemo(()=>r.examples.edges.map(I=>{const V=I.example,D=V.revision;return{id:V.id,input:D.input,output:D.output,metadata:D.metadata}}),[r]),u=Me({columns:[{id:"select",header:({table:I})=>e(Ka,{checked:I.getIsAllRowsSelected(),indeterminate:I.getIsSomeRowsSelected(),onChange:I.getToggleAllRowsSelectedHandler()}),cell:({row:I})=>e(Ka,{checked:I.getIsSelected(),disabled:!I.getCanSelect(),indeterminate:I.getIsSomeSelected(),onChange:I.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:I,row:V})=>{const D=V.original.id;return e(dn,{to:`${D}`,children:I()})}},{header:"input",accessorKey:"input",cell:Dl},{header:"output",accessorKey:"output",cell:Dl},{header:"metadata",accessorKey:"metadata",cell:Dl}],data:p,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:Ve()}),f=u.getRowModel().rows,h=f.length===0,k=u.getSelectedRowModel().rows,S=k.map(I=>I.original),F=y.useCallback(()=>{i({})},[i]),x=y.useCallback(I=>{if(I){const{scrollHeight:V,scrollTop:D,clientHeight:R}=I;V-D-R<300&&!c&&d&&s(xx)}},[d,c,s]),K=Te();return o("div",{css:T`
|
|
7268
7269
|
flex: 1 1 auto;
|
|
7269
7270
|
overflow: auto;
|
|
7270
|
-
`,ref:l,onScroll:I=>x(I.target),children:[o("table",{css:xa,children:[e("thead",{children:u.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(
|
|
7271
|
+
`,ref:l,onScroll:I=>x(I.target),children:[o("table",{css:xa,children:[e("thead",{children:u.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(V=>e("th",{children:e("div",{children:Y(V.column.columnDef.header,V.getContext())})},V.id))},I.id))}),h?e(Vn,{}):e("tbody",{children:f.map(I=>e("tr",{onClick:()=>{K(`${I.original.id}`)},children:I.getVisibleCells().map(V=>e("td",{children:Y(V.column.columnDef.cell,V.getContext())},V.id))},I.id))})]}),k.length?e(Px,{selectedExamples:S,onClearSelection:F,onExamplesDeleted:()=>{m({},{fetchPolicy:"store-and-network"})}}):null]})}function g4(){const n=an();return Ge(n),o(ae,{children:[e(Ix,{dataset:n.dataset})," ",e(y.Suspense,{children:e(we,{})})]})}const Iy=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},s=[{kind:"Literal",name:"first",value:100}],d=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentsPageQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[t],type:"Dataset",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentsPageQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,l,{kind:"InlineFragment",selections:[t,{alias:null,args:null,concreteType:"DatasetExperimentAnnotationSummary",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:s,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:[l,{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:[l],storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:d,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:d,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:d,storageKey:null}],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},{alias:null,args:null,kind:"ScalarField",name:"count",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorCount",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:[i,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:s,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"86af3903121ecf82222b6bccf7ea462b",id:null,metadata:{},name:"ExperimentsPageQuery",operationKind:"query",text:`query ExperimentsPageQuery(
|
|
7271
7272
|
$datasetId: ID!
|
|
7272
7273
|
) {
|
|
7273
7274
|
dataset: node(id: $datasetId) {
|
|
@@ -7359,7 +7360,7 @@ fragment ExperimentsTableFragment on Dataset {
|
|
|
7359
7360
|
id
|
|
7360
7361
|
}
|
|
7361
7362
|
}
|
|
7362
|
-
`}}}();Ly.hash="fb0556f7193f4e63c1a5b7e92028528d";const Lx={top:8,right:18,left:18,bottom:58},Dx=new Intl.NumberFormat([],{maximumFractionDigits:4}),Dy=n=>typeof n!="number"?"--":`${ei(".1f")(n/1e3)}s`;function _x({active:n,payload:a,label:l}){const{grey300:t}=xn(),{theme:i}=Yn();if(n&&a&&a.length){const r=a.filter(s=>s.dataKey!=="avgLatency"&&typeof s.value=="number");return o(We,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(v,{weight:"heavy",size:"S",children:"experiment"}),e(st,{sequenceNumber:Number(l)})]}),r.map(s=>e(be,{color:$r({word:String(s.dataKey),theme:i}),shape:"line",name:String(s.dataKey),value:typeof s.value=="number"?Dx.format(s.value):"--"},String(s.dataKey))),(()=>{const s=a.find(d=>d.dataKey==="avgLatency");return s?e(be,{color:t,shape:"square",name:"avg latency",value:Dy(s.value)},"avgLatency"):null})()]})}return null}function wx({datasetId:n}){var c,m;const{theme:a}=Yn(),l=P.useLazyLoadQuery(Ly,{id:n,count:50},{fetchPolicy:"store-or-network",networkCacheConfig:{force:!1}}),{chartData:t,scoreKeys:i}=y.useMemo(()=>{var u,f;const p=new Set;return{chartData:(((f=(u=l.dataset)==null?void 0:u.chartExperiments)==null?void 0:f.edges)??[]).map(h=>{const k=h.experiment,S={},F=k.annotationSummaries;for(const x of F)p.add(x.annotationName),S[x.annotationName]=x.meanScore??void 0;return{iteration:k.sequenceNumber,avgLatency:k.averageRunLatencyMs??void 0,...S}}).filter(h=>h!==null).sort((h,k)=>h.iteration-k.iteration),scoreKeys:Array.from(p)}},[(m=(c=l.dataset)==null?void 0:c.chartExperiments)==null?void 0:m.edges]),{grey300:r}=xn(),s=y.useMemo(()=>{const p={};for(const g of i)p[g]=$r({word:g,theme:a});return p},[i,a]),d=y.useMemo(()=>{let p=1/0,g=-1/0;for(const u of t)for(const f of i){const h=u[f];typeof h=="number"&&(h<p&&(p=h),h>g&&(g=h))}return p>=0&&g<=1?[0,1]:void 0},[t,i]);return e(Ze,{width:"100%",height:"100%",children:o(Cl,{data:t,margin:Lx,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"latencyBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:r,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:r,stopOpacity:0})]})}),e(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(tn,{dataKey:"iteration",tick:{fontSize:12,fill:"var(--ac-global-text-color-700)"}}),e(qe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Score",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"},domain:d}),e(qe,{yAxisId:"right",orientation:"right",stroke:"var(--ac-global-color-grey-500)",label:{value:"avg latency",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"},tickFormatter:Dy}),e(ze,{yAxisId:"right",dataKey:"avgLatency",fill:"url(#latencyBarColor)",spacing:3}),i.map(p=>e(na,{type:"monotone",dataKey:p,stroke:s[p],strokeWidth:2,dot:{r:3},activeDot:{r:5},yAxisId:0},p)),e(Je,{content:_x})]})})}function Ex({datasetId:n}){return e(y.Suspense,{fallback:e(he,{}),children:e(wx,{datasetId:n})})}function Ax(){return e(C,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(C,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(v,{size:"XL",children:"Run experiments to evaluate and improve your AI applications."}),e(zr,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/experiments.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(wl,{href:"https://docs.arize.com/phoenix/datasets-and-experiments/how-to-experiments/run-experiments",target:"_blank",leadingVisual:e(_,{svg:e(Nr,{})}),children:"Documentation"}),e(wl,{href:"https://docs.arize.com/phoenix/cookbook/datasets-and-experiments/summarization",target:"_blank",leadingVisual:e(_,{svg:e(M0,{})}),children:"Example"}),e(by,{variant:"primary"})]})]})})})})}const _y=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"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={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},s=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",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:l,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:[t,i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"
|
|
7363
|
+
`}}}();Ly.hash="fb0556f7193f4e63c1a5b7e92028528d";const Lx={top:8,right:18,left:18,bottom:58},Dx=new Intl.NumberFormat([],{maximumFractionDigits:4}),Dy=n=>typeof n!="number"?"--":`${ei(".1f")(n/1e3)}s`;function _x({active:n,payload:a,label:l}){const{grey300:t}=xn(),{theme:i}=Yn();if(n&&a&&a.length){const r=a.filter(s=>s.dataKey!=="avgLatency"&&typeof s.value=="number");return o(We,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(v,{weight:"heavy",size:"S",children:"experiment"}),e(st,{sequenceNumber:Number(l)})]}),r.map(s=>e(be,{color:$r({word:String(s.dataKey),theme:i}),shape:"line",name:String(s.dataKey),value:typeof s.value=="number"?Dx.format(s.value):"--"},String(s.dataKey))),(()=>{const s=a.find(d=>d.dataKey==="avgLatency");return s?e(be,{color:t,shape:"square",name:"avg latency",value:Dy(s.value)},"avgLatency"):null})()]})}return null}function wx({datasetId:n}){var c,m;const{theme:a}=Yn(),l=P.useLazyLoadQuery(Ly,{id:n,count:50},{fetchPolicy:"store-or-network",networkCacheConfig:{force:!1}}),{chartData:t,scoreKeys:i}=y.useMemo(()=>{var u,f;const p=new Set;return{chartData:(((f=(u=l.dataset)==null?void 0:u.chartExperiments)==null?void 0:f.edges)??[]).map(h=>{const k=h.experiment,S={},F=k.annotationSummaries;for(const x of F)p.add(x.annotationName),S[x.annotationName]=x.meanScore??void 0;return{iteration:k.sequenceNumber,avgLatency:k.averageRunLatencyMs??void 0,...S}}).filter(h=>h!==null).sort((h,k)=>h.iteration-k.iteration),scoreKeys:Array.from(p)}},[(m=(c=l.dataset)==null?void 0:c.chartExperiments)==null?void 0:m.edges]),{grey300:r}=xn(),s=y.useMemo(()=>{const p={};for(const g of i)p[g]=$r({word:g,theme:a});return p},[i,a]),d=y.useMemo(()=>{let p=1/0,g=-1/0;for(const u of t)for(const f of i){const h=u[f];typeof h=="number"&&(h<p&&(p=h),h>g&&(g=h))}return p>=0&&g<=1?[0,1]:void 0},[t,i]);return e(Ze,{width:"100%",height:"100%",children:o(Cl,{data:t,margin:Lx,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"latencyBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:r,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:r,stopOpacity:0})]})}),e(rn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(tn,{dataKey:"iteration",tick:{fontSize:12,fill:"var(--ac-global-text-color-700)"}}),e(qe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Score",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"},domain:d}),e(qe,{yAxisId:"right",orientation:"right",stroke:"var(--ac-global-color-grey-500)",label:{value:"avg latency",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"},tickFormatter:Dy}),e(ze,{yAxisId:"right",dataKey:"avgLatency",fill:"url(#latencyBarColor)",spacing:3}),i.map(p=>e(na,{type:"monotone",dataKey:p,stroke:s[p],strokeWidth:2,dot:{r:3},activeDot:{r:5},yAxisId:0},p)),e(Je,{content:_x})]})})}function Ex({datasetId:n}){return e(y.Suspense,{fallback:e(he,{}),children:e(wx,{datasetId:n})})}function Ax(){return e(C,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(C,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(v,{size:"XL",children:"Run experiments to evaluate and improve your AI applications."}),e(zr,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/experiments.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(wl,{href:"https://docs.arize.com/phoenix/datasets-and-experiments/how-to-experiments/run-experiments",target:"_blank",leadingVisual:e(_,{svg:e(Nr,{})}),children:"Documentation"}),e(wl,{href:"https://docs.arize.com/phoenix/cookbook/datasets-and-experiments/summarization",target:"_blank",leadingVisual:e(_,{svg:e(M0,{})}),children:"Example"}),e(by,{variant:"primary"})]})]})})})})}const _y=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"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={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},s=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",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:l,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:[t,i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"DatasetExperimentAnnotationSummary",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:l,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:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:s,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:s,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:s,storageKey:null}],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},{alias:null,args:null,kind:"ScalarField",name:"count",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorCount",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:[t,i],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:l,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"4c69749f0d70cbbe61d310d37271ddf3",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
|
|
7363
7364
|
$after: String = null
|
|
7364
7365
|
$first: Int = 100
|
|
7365
7366
|
$id: ID!
|
|
@@ -7426,19 +7427,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
7426
7427
|
}
|
|
7427
7428
|
}
|
|
7428
7429
|
}
|
|
7429
|
-
`}}}();_y.hash="357028b833d3db5992481041ea2bc922";const wy=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",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:_y,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[a,{alias:null,args:null,concreteType:"
|
|
7430
|
+
`}}}();_y.hash="357028b833d3db5992481041ea2bc922";const wy=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",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:_y,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[a,{alias:null,args:null,concreteType:"DatasetExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[l,{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:[a,{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:[a],storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:t,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"count",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorCount",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}],type:"Dataset",abstractKey:null}}();wy.hash="357028b833d3db5992481041ea2bc922";function Bt(n,a,l){const t=typeof a=="number"?a:0,i=typeof l=="number"?l:1;if(t===i&&i===n)return 100;const r=i-t||1;return(n-t)/r*100}function En(n){return n.replace(/[^a-zA-Z0-9]/g,"-")}function Rx({experimentId:n}){return e(ht,{children:o(nl,{buttonSize:"compact",align:"end",icon:e(_,{svg:e(Er,{})}),onAction:a=>{a==="csv"&&window.open(ia(`/v1/experiments/${n}/csv`),"_blank"),a==="json"&&window.open(ia(`/v1/experiments/${n}/json`),"_blank")},children:[e(on,{children:"Download CSV"},"csv"),e(on,{children:"Download JSON"},"json")]})})}function Mx({getValue:n}){const a=n(),l=a!==null?a*100:null,t=y.useMemo(()=>{if(l!==null)return l>=80?"red-1100":l>0?"orange-1100":"green-1100"},[l]);return e(v,{color:t,children:lt(l)})}const Ey=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(
|
|
7430
7431
|
$input: DeleteExperimentsInput!
|
|
7431
7432
|
) {
|
|
7432
7433
|
deleteExperiments(input: $input) {
|
|
7433
7434
|
__typename
|
|
7434
7435
|
}
|
|
7435
7436
|
}
|
|
7436
|
-
`}}}();Ey.hash="4ab310746eb51c6a3fcb799d2c972762";function Vx(n){const a=Te(),[l,t]=y.useState(null),[i,r]=P.useMutation(Ey),{datasetId:s,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:m}=n,p=d.length!==1,g=Fe(),u=De(),f=y.useCallback(()=>{i({variables:{input:{experimentIds:d.map(k=>k.id)}},onCompleted:()=>{g({title:"Experiments Deleted",message:`${d.length} experiment${p?"s":""} have been deleted.`}),m(),c()},onError:k=>{const S=je(k);u({title:"An error occurred",message:`Failed to delete experiments: ${(S==null?void 0:S[0])??k.message}`})}})},[i,p,u,g,c,m,d]),h=y.useCallback(()=>{t(e(X,{children:o(ge,{children:[e(ue,{children:e(me,{children:"Delete Experiments"})}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{f(),t(null)},children:"Delete Experiments"})})})]})}))},[f]);return o(Mr,{children:[e(Rr,{"aria-label":"Experiment selection",children:o(ar,{"aria-label":"Experiment selection",children:[e(C,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rn,{size:"S",onPress:c,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(v,{children:`${d.length} experiment${p?"s":""} selected`})]})}),e(z,{variant:"primary",size:"M",onPress:()=>{const k=d[d.length-1].id,S=d.slice(0,-1).map(K=>K.id),x=`?${[k,...S].map(K=>`experimentId=${K}`).join("&")}`;a(`/datasets/${s}/compare${x}`)},leadingVisual:e(_,{svg:e(V0,{})}),children:"Compare"}),e(z,{variant:"danger",size:"M",leadingVisual:e(_,{svg:r?e(Xn,{}):e(yn,{})}),isDisabled:r,onPress:h,"aria-label":"Delete Experiments"})]})}),l]})}const qi=100,zx={minSize:100},Ay=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t,dataset:i})=>{const r=Te();return o("tbody",{children:[n.getRowModel().rows.map(s=>e("tr",{onClick:()=>{r(`/datasets/${i.id}/compare?experimentId=${s.original.id}`)},children:s.getVisibleCells().map(d=>{const c=`--col-${En(d.column.id)}-size`;return e("td",{style:{width:`calc(var(${c}) * 1px)`,maxWidth:`calc(var(${c}) * 1px)`},children:Y(d.column.columnDef.cell,d.getContext())},d.id)})},s.id)),a?e(Ld,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},Nx=y.memo(Ay,(n,a)=>n.table.options.data===a.table.options.data);function $x({dataset:n}){const a=y.useRef(null),[l,t]=y.useState({}),[i,r]=y.useState({}),{data:s,loadNext:d,hasNext:c,isLoadingNext:m,refetch:p}=P.usePaginationFragment(wy,n),g=y.useMemo(()=>s.experiments.edges.map(L=>{const A=L.experiment.annotationSummaries.reduce((E,
|
|
7437
|
+
`}}}();Ey.hash="4ab310746eb51c6a3fcb799d2c972762";function Vx(n){const a=Te(),[l,t]=y.useState(null),[i,r]=P.useMutation(Ey),{datasetId:s,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:m}=n,p=d.length!==1,g=Fe(),u=De(),f=y.useCallback(()=>{i({variables:{input:{experimentIds:d.map(k=>k.id)}},onCompleted:()=>{g({title:"Experiments Deleted",message:`${d.length} experiment${p?"s":""} have been deleted.`}),m(),c()},onError:k=>{const S=je(k);u({title:"An error occurred",message:`Failed to delete experiments: ${(S==null?void 0:S[0])??k.message}`})}})},[i,p,u,g,c,m,d]),h=y.useCallback(()=>{t(e(X,{children:o(ge,{children:[e(ue,{children:e(me,{children:"Delete Experiments"})}),e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onPress:()=>{f(),t(null)},children:"Delete Experiments"})})})]})}))},[f]);return o(Mr,{children:[e(Rr,{"aria-label":"Experiment selection",children:o(ar,{"aria-label":"Experiment selection",children:[e(C,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rn,{size:"S",onPress:c,"aria-label":"Clear selection",children:e(_,{svg:e(El,{})})}),e(v,{children:`${d.length} experiment${p?"s":""} selected`})]})}),e(z,{variant:"primary",size:"M",onPress:()=>{const k=d[d.length-1].id,S=d.slice(0,-1).map(K=>K.id),x=`?${[k,...S].map(K=>`experimentId=${K}`).join("&")}`;a(`/datasets/${s}/compare${x}`)},leadingVisual:e(_,{svg:e(V0,{})}),children:"Compare"}),e(z,{variant:"danger",size:"M",leadingVisual:e(_,{svg:r?e(Xn,{}):e(yn,{})}),isDisabled:r,onPress:h,"aria-label":"Delete Experiments"})]})}),l]})}const qi=100,zx={minSize:100},Ay=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t,dataset:i})=>{const r=Te();return o("tbody",{children:[n.getRowModel().rows.map(s=>e("tr",{onClick:()=>{r(`/datasets/${i.id}/compare?experimentId=${s.original.id}`)},children:s.getVisibleCells().map(d=>{const c=`--col-${En(d.column.id)}-size`;return e("td",{style:{width:`calc(var(${c}) * 1px)`,maxWidth:`calc(var(${c}) * 1px)`},children:Y(d.column.columnDef.cell,d.getContext())},d.id)})},s.id)),a?e(Ld,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},Nx=y.memo(Ay,(n,a)=>n.table.options.data===a.table.options.data);function $x({dataset:n}){const a=y.useRef(null),[l,t]=y.useState({}),[i,r]=y.useState({}),{data:s,loadNext:d,hasNext:c,isLoadingNext:m,refetch:p}=P.usePaginationFragment(wy,n),g=y.useMemo(()=>s.experiments.edges.map(L=>{const A=L.experiment.annotationSummaries.reduce((E,M)=>{const $=L.experiment.runCount,O=M.count-M.errorCount;return E[M.annotationName]={...M,annotatedCount:O,totalRunCount:$},E},{});return{...L.experiment,annotationSummaryMap:A}}),[s.experiments.edges]),u=[{id:"select",maxSize:50,header:({table:L})=>e(Ka,{checked:L.getIsAllRowsSelected(),indeterminate:L.getIsSomeRowsSelected(),onChange:L.getToggleAllRowsSelectedHandler()}),cell:({row:L})=>e(Ka,{checked:L.getIsSelected(),disabled:!L.getCanSelect(),indeterminate:L.getIsSomeSelected(),onChange:L.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:L,row:A})=>{const E=A.original.id,M=A.original.sequenceNumber;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(st,{sequenceNumber:M}),e(dn,{to:`/datasets/${s.id}/compare?experimentId=${E}`,children:L()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:mn},{header:"created at",accessorKey:"createdAt",cell:$e}],f=s.experimentAnnotationSummaries.map(L=>{const{annotationName:A,minScore:E,maxScore:M}=L;return{header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"end",children:[e(v,{children:A}),e(_d,{annotationName:A})]}),id:`annotation-${A}`,meta:{textAlign:"right"},cell:({row:$})=>{const O=$.original.annotationSummaryMap[A];return!O||O.meanScore==null?e("span",{css:T`
|
|
7437
7438
|
float: right;
|
|
7438
|
-
`,children:"--"}):e(Ox,{annotationName:A,value:O.meanScore,min:E,max:
|
|
7439
|
+
`,children:"--"}):e(Ox,{annotationName:A,value:O.meanScore,min:E,max:M,annotatedCount:O.annotatedCount,totalRunCount:O.totalRunCount})}}}),h=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:Kd},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:L})=>{const A=L();return A===null||typeof A!="number"?"--":e(gn,{latencyMs:A})}},{header:"total cost",accessorKey:"costSummary.total.cost",meta:{textAlign:"right"},cell:({getValue:L,row:A})=>{const E=L(),M=A.original.id;return E==null?"--":e(z0,{totalCost:E,experimentId:M})}},{header:"total tokens",accessorKey:"costSummary.total.tokens",meta:{textAlign:"right"},cell:({getValue:L,row:A})=>{const E=L(),M=A.original.id;return e(N0,{tokenCountTotal:E,experimentId:M,size:"S"})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Mx},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Dl},{id:"actions",maxSize:120,cell:({row:L})=>{const A=L.original.project,E=L.original.metadata;return o(b,{direction:"row",gap:"size-100",children:[e(Rx,{experimentId:L.original.id}),e(wd,{projectId:(A==null?void 0:A.id)||null,experimentId:L.original.id,metadata:E,canDeleteExperiment:!0,onExperimentDeleted:()=>{p({},{fetchPolicy:"network-only"})}})]})}}],k=Me({columns:[...u,...f,...h],data:g,state:{rowSelection:l,columnSizing:i},defaultColumn:zx,columnResizeMode:"onChange",onRowSelectionChange:t,onColumnSizingChange:r,getCoreRowModel:Ve()}),S=k.getSelectedRowModel().rows,F=S.map(L=>L.original),x=y.useCallback(()=>{t({})},[t]),K=y.useCallback(L=>{if(L){const{scrollHeight:A,scrollTop:E,clientHeight:M}=L;A-E-M<300&&!m&&c&&d(qi)}},[c,m,d]),{columnSizingInfo:I,columnSizing:V}=k.getState(),D=k.getFlatHeaders,[R]=y.useMemo(()=>{const L=D(),A={};for(let E=0;E<L.length;E++){const M=L[E];A[`--header-${En(M.id)}-size`]=M.getSize(),A[`--col-${En(M.column.id)}-size`]=M.column.getSize()}return[A]},[D,I,V]);return o("div",{css:T`
|
|
7439
7440
|
height: 100%;
|
|
7440
7441
|
overflow: auto;
|
|
7441
|
-
`,ref:a,onScroll:L=>K(L.target),children:[o("table",{css:xa,style:{...
|
|
7442
|
+
`,ref:a,onScroll:L=>K(L.target),children:[o("table",{css:xa,style:{...R,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(L=>e("tr",{children:L.headers.map(A=>{var E,M;return e("th",{colSpan:A.colSpan,style:{width:`calc(var(--header-${En(A.id)}-size) * 1px)`},align:(M=(E=A.column.columnDef)==null?void 0:E.meta)==null?void 0:M.textAlign,children:A.isPlaceholder?null:o(ae,{children:[e("div",{children:e(cn,{maxWidth:"100%",children:Y(A.column.columnDef.header,A.getContext())})}),e("div",{onMouseDown:A.getResizeHandler(),onTouchStart:A.getResizeHandler(),className:`resizer ${A.column.getIsResizing()?"isResizing":""}`})]})},A.id)})},L.id))}),I.isResizingColumn?e(Nx,{table:k,hasNext:c,onLoadNext:()=>d(qi),isLoadingNext:m,dataset:s}):e(Ay,{table:k,hasNext:c,onLoadNext:()=>d(qi),isLoadingNext:m,dataset:s})]}),S.length?e(Vx,{datasetId:s.id,selectedExperiments:F,onClearSelection:x,onExperimentsDeleted:()=>{p({},{fetchPolicy:"network-only"})}}):null]})}function jx({unannotatedRatio:n}){const l=y.useMemo(()=>[{name:"hasAnnotation",value:1-n},{name:"missingAnnotation",value:n}],[n]);return e(Br,{width:16,height:16,children:e(Or,{data:l,dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",innerRadius:6,outerRadius:8,strokeWidth:0,stroke:"transparent",startAngle:90,endAngle:-270,children:l.map(t=>e(Qr,{fill:t.name==="missingAnnotation"?"var(--ac-global-color-warning)":"var(--ac-global-color-grey-300)",opacity:t.name==="missingAnnotation"?.8:.5},t.name))})})}function Ox({annotationName:n,value:a,min:l,max:t,annotatedCount:i,totalRunCount:r}){const s=Pr(n),d=y.useMemo(()=>Bt(a,l,t),[a,l,t]),c=r>0?1-i/r:0;return o("div",{css:T`
|
|
7442
7443
|
float: right;
|
|
7443
7444
|
--mod-barloader-fill-color: ${s};
|
|
7444
7445
|
display: flex;
|
|
@@ -7622,9 +7623,9 @@ fragment ExperimentCompareTable_comparisons_Gjac5 on Query {
|
|
|
7622
7623
|
vertical-align: top;
|
|
7623
7624
|
}
|
|
7624
7625
|
}
|
|
7625
|
-
`,ks=50;function Xx(n){const[a,l]=y.useState(null),[t,i]=y.useState(!1),{datasetId:r,baseExperimentId:s,compareExperimentIds:d}=n,[c,m]=y.useState(""),p=y.useRef(null),[g,u]=un(),{baseExperimentColor:f,getExperimentColor:h}=vl(),{data:k,loadNext:S,hasNext:F,isLoadingNext:x,refetch:K}=P.usePaginationFragment(zy,n.query),I=y.useMemo(()=>{var N,q;return((q=(N=k.dataset)==null?void 0:N.experiments)==null?void 0:q.edges.reduce((ne,ve)=>(ne[ve.experiment.id]={...ve.experiment},ne),{}))||{}},[k]),
|
|
7626
|
+
`,ks=50;function Xx(n){const[a,l]=y.useState(null),[t,i]=y.useState(!1),{datasetId:r,baseExperimentId:s,compareExperimentIds:d}=n,[c,m]=y.useState(""),p=y.useRef(null),[g,u]=un(),{baseExperimentColor:f,getExperimentColor:h}=vl(),{data:k,loadNext:S,hasNext:F,isLoadingNext:x,refetch:K}=P.usePaginationFragment(zy,n.query),I=y.useMemo(()=>{var N,q;return((q=(N=k.dataset)==null?void 0:N.experiments)==null?void 0:q.edges.reduce((ne,ve)=>(ne[ve.experiment.id]={...ve.experiment},ne),{}))||{}},[k]),V=y.useMemo(()=>k.compareExperiments.edges.map(N=>{const q=N.comparison,ne=q.runComparisonItems.reduce((ve,Q)=>(ve[Q.experimentId]=Q,ve),{});return{...q,id:q.example.id,input:q.example.revision.input,referenceOutput:q.example.revision.referenceOutput,runComparisonMap:ne}}),[k]),D=y.useMemo(()=>[{header:"input",accessorKey:"input",enableSorting:!1,cell:({row:N})=>o(b,{direction:"column",height:"100%",css:T`
|
|
7626
7627
|
overflow: hidden;
|
|
7627
|
-
`,children:[e(Ll,{extra:o(ke,{children:[e(Rn,{size:"S",onPress:()=>{l(e(lo,{exampleId:N.original.example.id}))},children:e(_,{svg:e(ot,{})})}),o(Qe,{children:[e(He,{}),"view example"]})]}),children:e(v,{size:"S",color:"text-500",children:`example ${N.original.example.id}`})}),e(Et,{children:e(po,{children:e(ka,{json:N.original.input,disableTitle:!0,space:t?2:0})})})]})},{header:"reference output",accessorKey:"referenceOutput",enableSorting:!1,cell:N=>o(ae,{children:[e(Ll,{children:e(v,{size:"S",color:"text-500",children:"reference"})}),e(Et,{children:t?tI(N):Dl(N)})]})}],[t,l]),
|
|
7628
|
+
`,children:[e(Ll,{extra:o(ke,{children:[e(Rn,{size:"S",onPress:()=>{l(e(lo,{exampleId:N.original.example.id}))},children:e(_,{svg:e(ot,{})})}),o(Qe,{children:[e(He,{}),"view example"]})]}),children:e(v,{size:"S",color:"text-500",children:`example ${N.original.example.id}`})}),e(Et,{children:e(po,{children:e(ka,{json:N.original.input,disableTitle:!0,space:t?2:0})})})]})},{header:"reference output",accessorKey:"referenceOutput",enableSorting:!1,cell:N=>o(ae,{children:[e(Ll,{children:e(v,{size:"S",color:"text-500",children:"reference"})}),e(Et,{children:t?tI(N):Dl(N)})]})}],[t,l]),R=y.useMemo(()=>[s,...d].map((N,q)=>({header:()=>{var Ke;const ne=I[N],ve=(ne==null?void 0:ne.name)||"unknown-experiment",Q=ne==null?void 0:ne.metadata,J=(Ke=ne==null?void 0:ne.project)==null?void 0:Ke.id,ie=q===0?f:h(q-1);return o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[o(b,{direction:"column",gap:"size-50",children:[e(My,{name:ve,color:ie}),e("div",{children:ne&&e(nI,{experiment:ne})})]}),e(b,{direction:"row",wrap:!0,justifyContent:"end",alignItems:"center",children:e(wd,{experimentId:N,metadata:Q,isQuiet:!0,projectId:J,canDeleteExperiment:!1})})]})},accessorKey:N,minSize:500,enableSorting:!1,cell:({row:ne})=>{var pa,w;const ve=ne.original.runComparisonMap[N],Q=(ve==null?void 0:ve.runs.length)||0;if(Q===0)return e(Et,{children:e(bs,{})});if(Q>1)return e(v,{color:"warning",children:`${Q} runs`});const J=ve==null?void 0:ve.runs[0];let ie=null;const Ke=(pa=J==null?void 0:J.trace)==null?void 0:pa.traceId,_e=(w=J==null?void 0:J.trace)==null?void 0:w.projectId;return Ke&&_e&&(ie=o(ke,{children:[e(Rn,{className:"trace-button",size:"S","aria-label":"View run trace",onPress:()=>{l(e(Hy,{traceId:Ke,projectId:_e,title:"Experiment Run Trace"}))},children:e(_,{svg:e(St,{})})}),o(Qe,{children:[e(He,{}),"view run trace"]})]})),J?o(b,{direction:"column",height:"100%",children:[e(Ll,{extra:o(ae,{children:[o(ke,{children:[e(Rn,{className:"expand-button",size:"S","aria-label":"View example run details",onPress:()=>{l(e(iI,{selectedExample:ne.original,datasetId:r,experimentInfoById:I}))},children:e(_,{svg:e(ot,{})})}),o(Qe,{children:[e(He,{}),"view experiment run"]})]}),ie]}),children:e(aI,{...J})}),e(lI,{...J,displayFullText:t,setDialog:l})]}):e(Et,{children:e(bs,{})})}})),[s,f,d,r,t,I,h]),L=y.useMemo(()=>[...D,...R],[D,R]),A=Me({columns:L,data:V,getCoreRowModel:Ve(),columnResizeMode:"onChange"}),E=Fa.useMemo(()=>{const N=A.getFlatHeaders(),q={};for(let ne=0;ne<N.length;ne++){const ve=N[ne];q[`--header-${En(ve.id)}-size`]=ve.getSize(),q[`--col-${En(ve.column.id)}-size`]=ve.column.getSize()}return q},[A.getState().columnSizingInfo,A.getState().columnSizing]),$=A.getRowModel().rows.length===0,O=y.useCallback(N=>{if(N){const{scrollHeight:q,scrollTop:ne,clientHeight:ve}=N;q-ne-ve<300&&!x&&F&&S(ks)}},[F,x,S]);return y.useEffect(()=>{y.startTransition(()=>{K({after:null,first:ks,filterCondition:c,baseExperimentId:s,compareExperimentIds:d,datasetId:r},{fetchPolicy:"store-and-network"})})},[r,s,d,c,K]),o(C,{overflow:"auto",children:[o(b,{direction:"column",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(Wx,{onValidCondition:m}),e(bl,{onChange:N=>{i(N)},defaultSelected:!1,labelPlacement:"start",children:e(v,{children:"Full Text"})})]})}),e("div",{css:Zx,onScroll:N=>O(N.target),ref:p,children:o("table",{css:T(pn,Lr),style:{...E,width:A.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:A.getHeaderGroups().map(N=>e("tr",{children:N.headers.map(q=>e("th",{colSpan:q.colSpan,style:{width:`calc(var(--header-${En(q==null?void 0:q.id)}-size) * 1px)`},children:q.isPlaceholder?null:o(ae,{children:[o("div",{className:q.column.getCanSort()?"sort":"",onClick:q.column.getToggleSortingHandler(),style:{left:q.getStart(),width:"100%"},children:[e(cn,{maxWidth:"100%",children:Y(q.column.columnDef.header,q.getContext())}),q.column.getIsSorted()?e(_,{className:"sort-icon",svg:q.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:q.getResizeHandler(),onTouchStart:q.getResizeHandler(),className:`resizer ${q.column.getIsResizing()?"isResizing":""}`})]})},q.id))},N.id))}),$?e(Vn,{}):A.getState().columnSizingInfo.isResizingColumn?e(Yx,{table:A,tableContainerRef:p}):e(By,{table:A,tableContainerRef:p})]})})]}),e(le,{isOpen:!!a,onOpenChange:()=>{g.delete("selectedSpanNodeId"),u(g,{replace:!0}),l(null)},children:e(ee,{variant:"slideover",size:"fullscreen",children:e(y.Suspense,{children:a})})})]})}function By({table:n,tableContainerRef:a}){const l=n.getRowModel().rows,t=nh({count:l.length,getScrollElement:()=>a.current,estimateSize:()=>350,overscan:5}),i=t.getVirtualItems(),r=t.getTotalSize(),s=y.useMemo(()=>r-i.reduce((d,c)=>d+c.size,0),[r,i]);return o("tbody",{children:[i.map((d,c)=>{const m=l[d.index];return e("tr",{style:{height:`${d.size}px`,transform:`translateY(${d.start-c*d.size}px)`},children:m.getVisibleCells().map(p=>e("td",{style:{width:`calc(var(--col-${En(p.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${En(p.column.id)}-size) * 1px)`,padding:0},children:Y(p.column.columnDef.cell,p.getContext())},p.id))},m.id)}),e("tr",{children:e("td",{style:{height:`${s}px`,padding:0},colSpan:n.getAllColumns().length})})]})}const Yx=Fa.memo(By,(n,a)=>n.table.options.data===a.table.options.data);function eI(n){const{datasetId:a,exampleId:l}=n,t=Te();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:o(Z,{children:[o(ke,{children:[e(z,{size:"S",leadingVisual:e(_,{svg:e(tt,{})})}),o(Qe,{children:[e(He,{}),"More actions"]})]}),e(Tn,{children:e(X,{children:({close:i})=>e(sa,{style:{minHeight:"auto"},onAction:r=>{switch(r){case"gotoExample":{t(`/datasets/${a}/examples/${l}`);break}default:Be()}i()},children:e(gl,{id:"gotoExample",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(W0,{})}),e(v,{children:"Go to example"})]})})})})})]})})}function nI(n){const{experiment:a}=n,l=a.averageRunLatencyMs,t=a.runCount,i=a.costSummary.total.cost,r=a.costSummary.total.tokens,s=i==null||t==0?null:i/t,d=r==null||t==0?null:r/t;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(v,{size:"S",children:"avg:"}),l!=null&&e(gn,{size:"S",latencyMs:l}),e(B0,{averageRunTokenCountTotal:d,experimentId:a.id,size:"S"}),s!=null&&e(q0,{averageRunCostTotal:s,experimentId:a.id,size:"S"})]})}function aI(n){const{id:a,startTime:l,endTime:t,costSummary:i}=n,r=i.total.tokens,s=i.total.cost;return o(b,{direction:"row",gap:"size-100",children:[e(Uy,{startTime:l,endTime:t}),r!=null&&a?e(j0,{tokenCountTotal:r,experimentRunId:a,size:"S"}):e(O0,{size:"S",children:r}),s!=null&&a?e(Q0,{costTotal:s,experimentRunId:a,size:"S"}):null]})}function lI(n){const{output:a,error:l,annotations:t,displayFullText:i,setDialog:r}=n;if(l)return e(qy,{error:l});const s=t!=null&&t.edges.length?t.edges.map(d=>d.annotation):[];return o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[e(C,{padding:"size-200",flex:"1 1 auto",children:e(po,{children:e(ka,{json:a,disableTitle:!0,space:i?2:0})})}),e(rI,{annotations:s,onTraceClick:({traceId:d,projectId:c,annotationName:m})=>{r(e(Hy,{title:`Evaluator Trace: ${m}`,traceId:d,projectId:c}))}})]})}function qy({error:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Tr,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}function Uy({startTime:n,endTime:a}){const l=y.useMemo(()=>{let t=null;return n&&a&&(t=new Date(a).getTime()-new Date(n).getTime()),t},[n,a]);return l===null?null:e(gn,{size:"S",latencyMs:l})}function bs(){return o(b,{direction:"row",gap:"size-50",children:[e(_,{svg:e($0,{}),color:"grey-800"}),e(v,{color:"text-700",children:"not run"})]})}function tI({getValue:n}){const a=n();return e(po,{children:e(ka,{json:a,space:2})})}function po({children:n}){return e("div",{css:T`
|
|
7628
7629
|
max-height: 300px;
|
|
7629
7630
|
overflow-y: auto;
|
|
7630
7631
|
flex: 1 1 auto;
|
|
@@ -7731,7 +7732,7 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7731
7732
|
}
|
|
7732
7733
|
}
|
|
7733
7734
|
}
|
|
7734
|
-
`}}}();Gy.hash="cf13cff08fc63c5db0426e51c42585fd";const Wy=function(){var n=["compareExperiments"];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"baseExperimentId"},{kind:"RootArgument",name:"compareExperimentIds"},{defaultValue:50,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:[],operation:Gy}},name:"ExperimentCompareListPage_comparisons",selections:[{alias:"compareExperiments",args:[{kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},{kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"}],concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"__ExperimentCompareListPage_compareExperiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{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:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null},{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:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentComparison",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}}();Wy.hash="cf13cff08fc63c5db0426e51c42585fd";const Jy=function(){var n={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"datasetId"},{defaultValue:null,kind:"LocalArgument",name:"experimentIds"}],kind:"Fragment",metadata:null,name:"ExperimentCompareListPage_aggregateData",selections:[{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"
|
|
7735
|
+
`}}}();Gy.hash="cf13cff08fc63c5db0426e51c42585fd";const Wy=function(){var n=["compareExperiments"];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"baseExperimentId"},{kind:"RootArgument",name:"compareExperimentIds"},{defaultValue:50,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:[],operation:Gy}},name:"ExperimentCompareListPage_comparisons",selections:[{alias:"compareExperiments",args:[{kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},{kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"}],concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"__ExperimentCompareListPage_compareExperiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{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:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null},{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:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentComparison",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}}();Wy.hash="cf13cff08fc63c5db0426e51c42585fd";const Jy=function(){var n={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"datasetId"},{defaultValue:null,kind:"LocalArgument",name:"experimentIds"}],kind:"Fragment",metadata:null,name:"ExperimentCompareListPage_aggregateData",selections:[{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"DatasetExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[n,{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:[{kind:"Variable",name:"filterIds",variableName:"experimentIds"}],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:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();Jy.hash="936b49e6b7825e3d4373cfb03daf53b2";const sI=50,dI=T`
|
|
7735
7736
|
flex: 1 1 auto;
|
|
7736
7737
|
overflow: auto;
|
|
7737
7738
|
// Make sure the table fills up the remaining space
|
|
@@ -7741,15 +7742,15 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7741
7742
|
vertical-align: top;
|
|
7742
7743
|
}
|
|
7743
7744
|
}
|
|
7744
|
-
`;function cI(){var x;const[n]=un(),a=n.getAll("experimentId"),{getExperimentColor:l,baseExperimentColor:t}=vl(),i=y.useRef(null),r=an(),s=P.useFragment(Jy,r),{data:d,loadNext:c,hasNext:m,isLoadingNext:p}=P.usePaginationFragment(Wy,r),g=y.useMemo(()=>{var
|
|
7745
|
+
`;function cI(){var x;const[n]=un(),a=n.getAll("experimentId"),{getExperimentColor:l,baseExperimentColor:t}=vl(),i=y.useRef(null),r=an(),s=P.useFragment(Jy,r),{data:d,loadNext:c,hasNext:m,isLoadingNext:p}=P.usePaginationFragment(Wy,r),g=y.useMemo(()=>{var V;const K={};return(V=s==null?void 0:s.dataset.experiments)==null||V.edges.forEach(D=>{K[D.experiment.id]=D.experiment}),a.map(D=>K[D])},[(x=s==null?void 0:s.dataset.experiments)==null?void 0:x.edges,a]),u=y.useMemo(()=>{var I,V,D;const K=(V=(I=s==null?void 0:s.dataset.experiments)==null?void 0:I.edges[0])==null?void 0:V.experiment;return(D=s==null?void 0:s.dataset.experimentAnnotationSummaries)==null?void 0:D.filter(R=>{var L;return(L=K==null?void 0:K.annotationSummaries)==null?void 0:L.some(A=>A.annotationName===R.annotationName)})},[s==null?void 0:s.dataset]),f=y.useMemo(()=>(d==null?void 0:d.compareExperiments.edges.map(K=>{const I=K.comparison,V=I.example,D=I.runComparisonItems,R=D[0].runs[0],L=D.slice(1).map(E=>E.runs[0]);return{id:V.id,example:V.id,input:V.revision.input,referenceOutput:V.revision.referenceOutput,outputs:{baseExperimentValue:R.output,compareExperimentValues:L.map(E=>E==null?void 0:E.output)},tokens:{baseExperimentValue:R.costSummary.total.tokens,compareExperimentValues:L.map(E=>E==null?void 0:E.costSummary.total.tokens)},latencyMs:{baseExperimentValue:new Date(R.endTime).getTime()-new Date(R.startTime).getTime(),compareExperimentValues:L.map(E=>E?new Date(E.endTime).getTime()-new Date(E.startTime).getTime():void 0)},cost:{baseExperimentValue:R.costSummary.total.cost,compareExperimentValues:L.map(E=>E==null?void 0:E.costSummary.total.cost)},annotations:{baseExperimentValue:R.annotations.edges.map(E=>({name:E.annotation.name,score:E.annotation.score})),compareExperimentValues:L.map(E=>(E==null?void 0:E.annotations.edges.map(M=>({name:M.annotation.name,score:M.annotation.score})))??[])}}}))??[],[d]),h=y.useCallback(K=>{if(K){const{scrollHeight:I,scrollTop:V,clientHeight:D}=K;I-V-D<300&&!p&&m&&c(sI)}},[m,p,c]),k=y.useMemo(()=>[{header:"example",accessorKey:"example",size:80,cell:({getValue:K})=>e(cn,{maxWidth:"200px",title:K(),children:K()})},{header:"input",accessorKey:"input",cell:({getValue:K})=>{const I=K();return e(ka,{json:I,maxLength:50})}},{header:"reference output",accessorKey:"referenceOutput",cell:({getValue:K})=>{const I=K();return e(ka,{json:I,maxLength:50})}},{header:"output",accessorKey:"outputs",cell:({getValue:K})=>{const I=K();return o("ul",{css:T`
|
|
7745
7746
|
display: flex;
|
|
7746
7747
|
flex-direction: column;
|
|
7747
7748
|
gap: var(--ac-global-dimension-size-50);
|
|
7748
7749
|
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{css:T`
|
|
7749
7750
|
flex-shrink: 0;
|
|
7750
|
-
`,children:e(wn,{color:t,shape:"circle"})}),e(cn,{maxWidth:"200px",title:I.baseExperimentValue,children:e(v,{size:"S",fontFamily:"mono",children:e(ka,{json:I.baseExperimentValue,maxLength:50})})})]})}),I.compareExperimentValues.map((
|
|
7751
|
+
`,children:e(wn,{color:t,shape:"circle"})}),e(cn,{maxWidth:"200px",title:I.baseExperimentValue,children:e(v,{size:"S",fontFamily:"mono",children:e(ka,{json:I.baseExperimentValue,maxLength:50})})})]})}),I.compareExperimentValues.map((V,D)=>e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{css:T`
|
|
7751
7752
|
flex-shrink: 0;
|
|
7752
|
-
`,children:e(wn,{color:l(D),shape:"circle"})}),
|
|
7753
|
+
`,children:e(wn,{color:l(D),shape:"circle"})}),V?e(cn,{maxWidth:"200px",title:V,children:e(v,{size:"S",fontFamily:"mono",children:e(ka,{json:V,maxLength:50})})}):e(v,{size:"S",fontFamily:"mono",color:"grey-500",children:"not run"})]})},D))]})}},{header:()=>o(b,{direction:"column",gap:"size-100",children:[e(v,{size:"S",weight:"heavy",children:"tokens"}),e("ul",{css:T`
|
|
7753
7754
|
display: flex;
|
|
7754
7755
|
flex-direction: column;
|
|
7755
7756
|
gap: var(--ac-global-dimension-size-50);
|
|
@@ -7757,7 +7758,7 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7757
7758
|
display: flex;
|
|
7758
7759
|
flex-direction: column;
|
|
7759
7760
|
gap: var(--ac-global-dimension-size-50);
|
|
7760
|
-
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Oe(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((
|
|
7761
|
+
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Oe(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((V,D)=>e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:l(D),shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Oe(V)})]})},D))]})}},{header:()=>o(b,{direction:"column",gap:"size-100",children:[e(v,{size:"S",weight:"heavy",children:"latency"}),e("ul",{css:T`
|
|
7761
7762
|
display: flex;
|
|
7762
7763
|
flex-direction: column;
|
|
7763
7764
|
gap: var(--ac-global-dimension-size-50);
|
|
@@ -7765,7 +7766,7 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7765
7766
|
display: flex;
|
|
7766
7767
|
flex-direction: column;
|
|
7767
7768
|
gap: var(--ac-global-dimension-size-50);
|
|
7768
|
-
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:$t(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((
|
|
7769
|
+
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:$t(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((V,D)=>e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:l(D),shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:$t(V)})]})},D))]})}},{header:()=>o(b,{direction:"column",gap:"size-100",children:[e(v,{size:"S",weight:"heavy",children:"cost"}),e("ul",{css:T`
|
|
7769
7770
|
display: flex;
|
|
7770
7771
|
flex-direction: column;
|
|
7771
7772
|
gap: var(--ac-global-dimension-size-50);
|
|
@@ -7773,21 +7774,21 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7773
7774
|
display: flex;
|
|
7774
7775
|
flex-direction: column;
|
|
7775
7776
|
gap: var(--ac-global-dimension-size-50);
|
|
7776
|
-
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Ye(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((
|
|
7777
|
+
`,children:[e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:t,shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Ye(I.baseExperimentValue)})]})}),I.compareExperimentValues.map((V,D)=>e("li",{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wn,{color:l(D),shape:"circle"}),e(v,{size:"S",fontFamily:"mono",children:Ye(V)})]})},D))]})}},...(u==null?void 0:u.map(K=>({header:()=>o(b,{direction:"column",gap:"size-100",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(_d,{annotationName:K.annotationName}),e(v,{size:"S",weight:"heavy",children:K.annotationName})]}),e("ul",{css:T`
|
|
7777
7778
|
display: flex;
|
|
7778
7779
|
flex-direction: column;
|
|
7779
7780
|
gap: var(--ac-global-dimension-size-25);
|
|
7780
|
-
`,children:g.map((I,
|
|
7781
|
-
--mod-barloader-fill-color: ${
|
|
7782
|
-
`,children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(v,{size:"S",fontFamily:"mono",color:"grey-500",children:"AVG"}),e(v,{size:"S",fontFamily:"mono",children:wa(D==null?void 0:D.meanScore)})]}),typeof(D==null?void 0:D.meanScore)=="number"&&e(Nt,{width:"100%",height:"var(--ac-global-dimension-size-25)",value:Bt(D.meanScore,K.minScore,K.maxScore)})]},I.id)})})]}),accessorKey:"annotations",minSize:200,cell:({getValue:I})=>{const
|
|
7781
|
+
`,children:g.map((I,V)=>{var L;const D=(L=I.annotationSummaries)==null?void 0:L.find(A=>A.annotationName===K.annotationName),R=V===0?t:l(V-1);return o("li",{css:T`
|
|
7782
|
+
--mod-barloader-fill-color: ${R};
|
|
7783
|
+
`,children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(v,{size:"S",fontFamily:"mono",color:"grey-500",children:"AVG"}),e(v,{size:"S",fontFamily:"mono",children:wa(D==null?void 0:D.meanScore)})]}),typeof(D==null?void 0:D.meanScore)=="number"&&e(Nt,{width:"100%",height:"var(--ac-global-dimension-size-25)",value:Bt(D.meanScore,K.minScore,K.maxScore)})]},I.id)})})]}),accessorKey:"annotations",minSize:200,cell:({getValue:I})=>{const V=I(),D=Hi(V.baseExperimentValue,K.annotationName);return o("ul",{css:T`
|
|
7783
7784
|
display: flex;
|
|
7784
7785
|
flex-direction: column;
|
|
7785
7786
|
gap: var(--ac-global-dimension-size-25);
|
|
7786
7787
|
`,children:[o("li",{css:T`
|
|
7787
7788
|
--mod-barloader-fill-color: ${t};
|
|
7788
|
-
`,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(v,{size:"S",fontFamily:"mono",children:wa(D)})}),typeof D=="number"&&e(Nt,{width:"100%",height:"var(--ac-global-dimension-size-25)",value:Bt(D,K.minScore,K.maxScore)})]}),
|
|
7789
|
+
`,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(v,{size:"S",fontFamily:"mono",children:wa(D)})}),typeof D=="number"&&e(Nt,{width:"100%",height:"var(--ac-global-dimension-size-25)",value:Bt(D,K.minScore,K.maxScore)})]}),V.compareExperimentValues.map((R,L)=>{const A=Hi(R,K.annotationName),E=l(L);return o("li",{css:T`
|
|
7789
7790
|
--mod-barloader-fill-color: ${E};
|
|
7790
|
-
`,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(v,{size:"S",fontFamily:"mono",children:wa(Hi(
|
|
7791
|
+
`,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(v,{size:"S",fontFamily:"mono",children:wa(Hi(R,K.annotationName))})}),typeof A=="number"&&e(Nt,{width:"100%",height:"var(--ac-global-dimension-size-25)",value:Bt(A,K.minScore,K.maxScore)})]},L)})]})}})))??[]],[u,g,l,t]),S=Me({data:f,columns:k,getCoreRowModel:Ve()}),F=y.useMemo(()=>{const K=S.getFlatHeaders(),I={};for(let V=0;V<K.length;V++){const D=K[V];I[`--header-${En(D.id)}-size`]=D.getSize(),I[`--col-${En(D.column.id)}-size`]=D.column.getSize()}return I},[S.getState().columnSizingInfo,S.getState().columnSizing]);return e(C,{overflow:"auto",children:e(b,{direction:"column",height:"100%",children:e("div",{css:dI,onScroll:K=>h(K.target),ref:i,children:o("table",{css:T(pn,Lr),style:{...F,width:S.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:S.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(I=>e("th",{style:{width:`calc(var(--header-${En(I==null?void 0:I.id)}-size) * 1px)`,padding:"var(--ac-global-dimension-size-175) var(--ac-global-dimension-size-200)"},children:I.isPlaceholder?null:Y(I.column.columnDef.header,I.getContext())},I.id))},K.id))}),e("tbody",{children:S.getRowModel().rows.map(K=>e("tr",{children:K.getVisibleCells().map(I=>e("td",{style:{width:`calc(var(--col-${En(I.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${En(I.column.id)}-size) * 1px)`,padding:"var(--ac-global-dimension-size-175) var(--ac-global-dimension-size-200)",verticalAlign:"middle"},children:Y(I.column.columnDef.cell,I.getContext())},I.id))},K.id))})]})})})})}const Hi=(n,a)=>{var t;return(t=n.find(i=>i.name===a))==null?void 0:t.score},Zy=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null}],a=[{alias:null,args:null,kind:"ScalarField",name:"numRunsImproved",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsRegressed",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsEqual",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"baseExperimentId"},{defaultValue:null,kind:"LocalArgument",name:"compareExperimentIds"},{defaultValue:null,kind:"LocalArgument",name:"datasetId"},{defaultValue:null,kind:"LocalArgument",name:"experimentIds"},{defaultValue:null,kind:"LocalArgument",name:"hasCompareExperiments"}],kind:"Fragment",metadata:null,name:"ExperimentCompareMetricsPage_experiments",selections:[{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"filterIds",variableName:"experimentIds"}],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:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:n,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{condition:"hasCompareExperiments",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},{kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"}],concreteType:"ExperimentRunMetricComparisons",kind:"LinkedField",name:"experimentRunMetricComparisons",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"latency",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalTokenCount",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptTokenCount",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionTokenCount",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalCost",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptCost",plural:!1,selections:a,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionCost",plural:!1,selections:a,storageKey:null}],storageKey:null}]}],type:"Query",abstractKey:null}}();Zy.hash="96673053ee2ac1663eb158f8054baac3";const Ss=T`
|
|
7791
7792
|
font-size: var(--ac-global-text-font-size-l);
|
|
7792
7793
|
`,uI=T`
|
|
7793
7794
|
padding: var(--ac-global-dimension-size-200);
|
|
@@ -7799,7 +7800,7 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7799
7800
|
justify-content: space-between;
|
|
7800
7801
|
gap: var(--ac-global-dimension-size-200);
|
|
7801
7802
|
height: 100%;
|
|
7802
|
-
`;function mI(){const[n]=un(),[a=void 0,...l]=n.getAll("experimentId");if(a==null)throw new Error("Empty state not yet implemented");const t=an(),{getExperimentColor:i}=vl(),r=P.useFragment(Zy,t);if(!r)throw new Error("Empty state not implemented");const{theme:s}=Yn(),{annotationMetrics:d,costMetrics:c,performanceMetrics:m,tokenCountMetrics:p}=y.useMemo(()=>{var $,O;const g={};($=r.dataset.experiments)==null||$.edges.forEach(N=>{const q=N.experiment;g[q.id]=q});const u=g[a],f=l.map(N=>g[N]),h=r.experimentRunMetricComparisons,k={icon:e(_,{svg:e(J0,{})}),title:"Latency",baseExperimentValue:u.averageRunLatencyMs,comparison:{numImprovements:(h==null?void 0:h.latency.numRunsImproved)??0,numRegressions:(h==null?void 0:h.latency.numRunsRegressed)??0,numEqual:(h==null?void 0:h.latency.numRunsEqual)??0,optimizationDirection:"MAXIMIZE"},compareExperiments:[],formatter:$t},S={icon:e(_,{svg:e(wi,{})}),title:"Total Tokens",baseExperimentValue:u.costSummary.total.tokens,comparison:{numImprovements:(h==null?void 0:h.totalTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.totalTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.totalTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},F={icon:e(_,{svg:e(wi,{})}),title:"Prompt Tokens",baseExperimentValue:u.costSummary.prompt.tokens,comparison:{numImprovements:(h==null?void 0:h.promptTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.promptTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.promptTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},x={icon:e(_,{svg:e(wi,{})}),title:"Completion Tokens",baseExperimentValue:u.costSummary.completion.tokens,comparison:{numImprovements:(h==null?void 0:h.completionTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.completionTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.completionTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},K={icon:e(_,{svg:e(Vt,{})}),title:"Total Cost",baseExperimentValue:u.costSummary.total.cost,comparison:{numImprovements:(h==null?void 0:h.totalCost.numRunsImproved)??0,numRegressions:(h==null?void 0:h.totalCost.numRunsRegressed)??0,numEqual:(h==null?void 0:h.totalCost.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[],formatter:Ye},I={icon:e(_,{svg:e(Vt,{})}),title:"Prompt Cost",baseExperimentValue:u.costSummary.prompt.cost,comparison:{numImprovements:(h==null?void 0:h.promptCost.numRunsImproved)??0,numRegressions:(h==null?void 0:h.promptCost.numRunsRegressed)??0,numEqual:(h==null?void 0:h.promptCost.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[],formatter:Ye},
|
|
7803
|
+
`;function mI(){const[n]=un(),[a=void 0,...l]=n.getAll("experimentId");if(a==null)throw new Error("Empty state not yet implemented");const t=an(),{getExperimentColor:i}=vl(),r=P.useFragment(Zy,t);if(!r)throw new Error("Empty state not implemented");const{theme:s}=Yn(),{annotationMetrics:d,costMetrics:c,performanceMetrics:m,tokenCountMetrics:p}=y.useMemo(()=>{var $,O;const g={};($=r.dataset.experiments)==null||$.edges.forEach(N=>{const q=N.experiment;g[q.id]=q});const u=g[a],f=l.map(N=>g[N]),h=r.experimentRunMetricComparisons,k={icon:e(_,{svg:e(J0,{})}),title:"Latency",baseExperimentValue:u.averageRunLatencyMs,comparison:{numImprovements:(h==null?void 0:h.latency.numRunsImproved)??0,numRegressions:(h==null?void 0:h.latency.numRunsRegressed)??0,numEqual:(h==null?void 0:h.latency.numRunsEqual)??0,optimizationDirection:"MAXIMIZE"},compareExperiments:[],formatter:$t},S={icon:e(_,{svg:e(wi,{})}),title:"Total Tokens",baseExperimentValue:u.costSummary.total.tokens,comparison:{numImprovements:(h==null?void 0:h.totalTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.totalTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.totalTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},F={icon:e(_,{svg:e(wi,{})}),title:"Prompt Tokens",baseExperimentValue:u.costSummary.prompt.tokens,comparison:{numImprovements:(h==null?void 0:h.promptTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.promptTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.promptTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},x={icon:e(_,{svg:e(wi,{})}),title:"Completion Tokens",baseExperimentValue:u.costSummary.completion.tokens,comparison:{numImprovements:(h==null?void 0:h.completionTokenCount.numRunsImproved)??0,numRegressions:(h==null?void 0:h.completionTokenCount.numRunsRegressed)??0,numEqual:(h==null?void 0:h.completionTokenCount.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[]},K={icon:e(_,{svg:e(Vt,{})}),title:"Total Cost",baseExperimentValue:u.costSummary.total.cost,comparison:{numImprovements:(h==null?void 0:h.totalCost.numRunsImproved)??0,numRegressions:(h==null?void 0:h.totalCost.numRunsRegressed)??0,numEqual:(h==null?void 0:h.totalCost.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[],formatter:Ye},I={icon:e(_,{svg:e(Vt,{})}),title:"Prompt Cost",baseExperimentValue:u.costSummary.prompt.cost,comparison:{numImprovements:(h==null?void 0:h.promptCost.numRunsImproved)??0,numRegressions:(h==null?void 0:h.promptCost.numRunsRegressed)??0,numEqual:(h==null?void 0:h.promptCost.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[],formatter:Ye},V={icon:e(_,{svg:e(Vt,{})}),title:"Completion Cost",baseExperimentValue:u.costSummary.completion.cost,comparison:{numImprovements:(h==null?void 0:h.completionCost.numRunsImproved)??0,numRegressions:(h==null?void 0:h.completionCost.numRunsRegressed)??0,numEqual:(h==null?void 0:h.completionCost.numRunsEqual)??0,optimizationDirection:"MINIMIZE"},compareExperiments:[],formatter:Ye};f.forEach((N,q)=>{const ne=i(q);k.compareExperiments.push({id:N.id,value:N.averageRunLatencyMs,color:ne}),F.compareExperiments.push({id:N.id,value:N.costSummary.prompt.tokens,color:ne}),x.compareExperiments.push({id:N.id,value:N.costSummary.completion.tokens,color:ne}),S.compareExperiments.push({id:N.id,value:N.costSummary.total.tokens,color:ne}),K.compareExperiments.push({id:N.id,value:N.costSummary.total.cost,color:ne}),I.compareExperiments.push({id:N.id,value:N.costSummary.prompt.cost,color:ne}),V.compareExperiments.push({id:N.id,value:N.costSummary.completion.cost,color:ne})});const D=[k],R=[K,I,V],L=[S,F,x],A={};(O=u.annotationSummaries)==null||O.forEach(N=>{N.meanScore!=null&&(A[N.annotationName]=N.meanScore)});const E={};f.forEach(N=>{var q;(q=N.annotationSummaries)==null||q.forEach(ne=>{const ve=ne.annotationName,Q=N.id,J=ne.meanScore;Q!=null&&J!=null&&(ve in E||(E[ve]={}),E[ve][Q]=J)})});const M=[];for(const N in A){const q=A[N];if(!(N in E))continue;const ne=[];f.forEach((ve,Q)=>{const J=ve.id,ie=i(Q);let Ke=null;J==null||!(J in E[N])?Ke=null:Ke=E[N][J],ne.push({id:J,value:Ke,color:ie})}),M.push({icon:e(wn,{color:$r({word:N,theme:s})}),title:N,baseExperimentValue:q,compareExperiments:ne})}return{annotationMetrics:M,costMetrics:R,performanceMetrics:D,tokenCountMetrics:L}},[a,l,r,i,s]);return e("div",{css:T`
|
|
7803
7804
|
overflow: auto;
|
|
7804
7805
|
padding: var(--ac-global-dimension-size-200);
|
|
7805
7806
|
height: 100%;
|
|
@@ -7848,7 +7849,7 @@ fragment ExperimentCompareListPage_comparisons_2H9k7i on Query {
|
|
|
7848
7849
|
display: flex;
|
|
7849
7850
|
flex-direction: column;
|
|
7850
7851
|
overflow: hidden;
|
|
7851
|
-
`,children:[e(C,{paddingX:"size-200",paddingTop:"size-100",paddingBottom:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",gap:"size-150",alignItems:"end",children:[e(kI,{dataRef:n,selectedBaseExperimentId:t,selectedCompareExperimentIds:i,onChange:(c,m)=>{y.startTransition(()=>{c==null?s(`/datasets/${a}/compare`):(l.delete("experimentId"),[c,...m].forEach(p=>{l.append("experimentId",p)}),s(`/datasets/${a}/compare?${l.toString()}`))})}}),e(C,{flex:"1",paddingBottom:5,children:e(SI,{dataRef:n})}),e(eb,{viewMode:r,onViewModeChange:d})]})}),t==null?e(C,{padding:"size-200",children:e(xe,{variant:"info",title:"No Experiment Selected",children:"Please select an experiment."})}):e(bI,{})]})}function bI(){const[n]=un(),a=n.get("view")??"grid";return a==="grid"?e(oI,{}):a==="metrics"?e(mI,{}):a==="list"?e(cI,{}):e(C,{padding:"size-200",children:e(xe,{variant:"info",title:"Invalid View Mode Requested",children:'Please enter a valid view ("grid" or "metrics") in the URL query parameters.'})})}function SI({dataRef:n}){const[a]=un(),[,...l]=a.getAll("experimentId"),{getExperimentColor:t}=vl(),i=P.useFragment(Ry,n),r=y.useMemo(()=>{var c;const d={};return(c=i.dataset.experiments)==null||c.edges.forEach(m=>{d[m.experiment.id]=m.experiment}),d},[i]);if(l.length===0)return null;const s=l.map(d=>r[d]);return e(b,{direction:"row",gap:"size-100",alignItems:"center",children:s.map((d,c)=>e(My,{color:t(c),name:d.name},d.id))})}const Yy=function(){var n={defaultValue:null,kind:"LocalArgument",name:"baseExperimentId"},a={defaultValue:null,kind:"LocalArgument",name:"compareExperimentIds"},l={defaultValue:null,kind:"LocalArgument",name:"datasetId"},t={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},i={defaultValue:null,kind:"LocalArgument",name:"hasBaseExperiment"},r={defaultValue:null,kind:"LocalArgument",name:"hasCompareExperiments"},s={defaultValue:null,kind:"LocalArgument",name:"includeGridView"},d={defaultValue:null,kind:"LocalArgument",name:"includeListView"},c={defaultValue:null,kind:"LocalArgument",name:"includeMetricsView"},m={kind:"Variable",name:"datasetId",variableName:"datasetId"},p={kind:"Variable",name:"experimentIds",variableName:"experimentIds"},g=[m,p],u={kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},f={kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"},h=[{kind:"Variable",name:"id",variableName:"datasetId"}],k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},K=[{kind:"Variable",name:"filterIds",variableName:"experimentIds"}],I=[u,f,{kind:"Literal",name:"first",value:50}],R={alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[S,{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},D={alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},M={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},E={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},S],storageKey:null},V={alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null},O=[V,$],N={alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:O,storageKey:null},q={alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[N],storageKey:null},ne={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},ve={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},Q={alias:null,args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[k,S],storageKey:null},J={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},ie={alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},Ke={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},_e={alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[Ke,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null},Sn=[{alias:null,args:null,kind:"ScalarField",name:"numRunsImproved",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsRegressed",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsEqual",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s,d,c],kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{args:[m,{kind:"Variable",name:"hasBaseExperiment",variableName:"hasBaseExperiment"}],kind:"FragmentSpread",name:"ExperimentMultiSelector__data"},{args:g,kind:"FragmentSpread",name:"ExperimentComparePage_selectedCompareExperiments"},{condition:"includeGridView",kind:"Condition",passingValue:!0,selections:[{args:[u,f,m,p],kind:"FragmentSpread",name:"ExperimentCompareTable_comparisons"}]},{condition:"includeListView",kind:"Condition",passingValue:!0,selections:[{args:[u],kind:"FragmentSpread",name:"ExperimentCompareListPage_comparisons"},{args:g,kind:"FragmentSpread",name:"ExperimentCompareListPage_aggregateData"}]},{condition:"includeMetricsView",kind:"Condition",passingValue:!0,selections:[{args:[u,f,m,p,{kind:"Variable",name:"hasCompareExperiments",variableName:"hasCompareExperiments"}],kind:"FragmentSpread",name:"ExperimentCompareMetricsPage_experiments"}]}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,n,a,t,i,r,s,d,c],kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,S,{kind:"InlineFragment",selections:[F,{alias:"allExperiments",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:[S,F,x,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:K,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:[S,x,F],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{condition:"hasBaseExperiment",kind:"Condition",passingValue:!0,selections:[{alias:"baseExperiment",args:[{kind:"Variable",name:"id",variableName:"baseExperimentId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,S,{kind:"InlineFragment",selections:[F],type:"Experiment",abstractKey:null}],storageKey:null}]},{condition:"includeGridView",kind:"Condition",passingValue:!0,selections:[{alias:null,args:I,concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"compareExperiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[R,{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[D,{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[S,M,{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},L,A,E,q,{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:[S,F,ne,{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},E],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},S],storageKey:null},ve,Q],storageKey:null},J],storageKey:null},{alias:null,args:I,filters:["baseExperimentId","compareExperimentIds","filterCondition"],handle:"connection",key:"ExperimentCompareTable_compareExperiments",kind:"LinkedHandle",name:"compareExperiments"},{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:K,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:"metadata",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[S],storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[$,V],storageKey:null}],storageKey:null},ie,{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},{condition:"includeListView",kind:"Condition",passingValue:!0,selections:[{alias:null,args:I,concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"compareExperiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[R,{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[D,{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[M,L,A,q,{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:[F,ne,S],storageKey:null}],storageKey:null}],storageKey:null},S],storageKey:null}],storageKey:null},S],storageKey:null},ve,Q],storageKey:null},J],storageKey:null},{alias:null,args:I,filters:["baseExperimentId","compareExperimentIds"],handle:"connection",key:"ExperimentCompareListPage_compareExperiments",kind:"LinkedHandle",name:"compareExperiments"},{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[Ke,{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:K,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:[ie,q,_e],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},{condition:"includeMetricsView",kind:"Condition",passingValue:!0,selections:[{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:K,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:[ie,{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[N,{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:O,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:O,storageKey:null}],storageKey:null},_e],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{condition:"hasCompareExperiments",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[u,f],concreteType:"ExperimentRunMetricComparisons",kind:"LinkedField",name:"experimentRunMetricComparisons",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"latency",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalCost",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptCost",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionCost",plural:!1,selections:Sn,storageKey:null}],storageKey:null}]}]}]},params:{cacheID:"70d220f83f228249411fab1091b7e7cd",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
|
|
7852
|
+
`,children:[e(C,{paddingX:"size-200",paddingTop:"size-100",paddingBottom:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",gap:"size-150",alignItems:"end",children:[e(kI,{dataRef:n,selectedBaseExperimentId:t,selectedCompareExperimentIds:i,onChange:(c,m)=>{y.startTransition(()=>{c==null?s(`/datasets/${a}/compare`):(l.delete("experimentId"),[c,...m].forEach(p=>{l.append("experimentId",p)}),s(`/datasets/${a}/compare?${l.toString()}`))})}}),e(C,{flex:"1",paddingBottom:5,children:e(SI,{dataRef:n})}),e(eb,{viewMode:r,onViewModeChange:d})]})}),t==null?e(C,{padding:"size-200",children:e(xe,{variant:"info",title:"No Experiment Selected",children:"Please select an experiment."})}):e(bI,{})]})}function bI(){const[n]=un(),a=n.get("view")??"grid";return a==="grid"?e(oI,{}):a==="metrics"?e(mI,{}):a==="list"?e(cI,{}):e(C,{padding:"size-200",children:e(xe,{variant:"info",title:"Invalid View Mode Requested",children:'Please enter a valid view ("grid" or "metrics") in the URL query parameters.'})})}function SI({dataRef:n}){const[a]=un(),[,...l]=a.getAll("experimentId"),{getExperimentColor:t}=vl(),i=P.useFragment(Ry,n),r=y.useMemo(()=>{var c;const d={};return(c=i.dataset.experiments)==null||c.edges.forEach(m=>{d[m.experiment.id]=m.experiment}),d},[i]);if(l.length===0)return null;const s=l.map(d=>r[d]);return e(b,{direction:"row",gap:"size-100",alignItems:"center",children:s.map((d,c)=>e(My,{color:t(c),name:d.name},d.id))})}const Yy=function(){var n={defaultValue:null,kind:"LocalArgument",name:"baseExperimentId"},a={defaultValue:null,kind:"LocalArgument",name:"compareExperimentIds"},l={defaultValue:null,kind:"LocalArgument",name:"datasetId"},t={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},i={defaultValue:null,kind:"LocalArgument",name:"hasBaseExperiment"},r={defaultValue:null,kind:"LocalArgument",name:"hasCompareExperiments"},s={defaultValue:null,kind:"LocalArgument",name:"includeGridView"},d={defaultValue:null,kind:"LocalArgument",name:"includeListView"},c={defaultValue:null,kind:"LocalArgument",name:"includeMetricsView"},m={kind:"Variable",name:"datasetId",variableName:"datasetId"},p={kind:"Variable",name:"experimentIds",variableName:"experimentIds"},g=[m,p],u={kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},f={kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"},h=[{kind:"Variable",name:"id",variableName:"datasetId"}],k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},K=[{kind:"Variable",name:"filterIds",variableName:"experimentIds"}],I=[u,f,{kind:"Literal",name:"first",value:50}],V={alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[S,{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},D={alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},E={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},S],storageKey:null},M={alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null},O=[M,$],N={alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:O,storageKey:null},q={alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[N],storageKey:null},ne={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},ve={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},Q={alias:null,args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[k,S],storageKey:null},J={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},ie={alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},Ke={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},_e={alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[Ke,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null},Sn=[{alias:null,args:null,kind:"ScalarField",name:"numRunsImproved",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsRegressed",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numRunsEqual",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s,d,c],kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{args:[m,{kind:"Variable",name:"hasBaseExperiment",variableName:"hasBaseExperiment"}],kind:"FragmentSpread",name:"ExperimentMultiSelector__data"},{args:g,kind:"FragmentSpread",name:"ExperimentComparePage_selectedCompareExperiments"},{condition:"includeGridView",kind:"Condition",passingValue:!0,selections:[{args:[u,f,m,p],kind:"FragmentSpread",name:"ExperimentCompareTable_comparisons"}]},{condition:"includeListView",kind:"Condition",passingValue:!0,selections:[{args:[u],kind:"FragmentSpread",name:"ExperimentCompareListPage_comparisons"},{args:g,kind:"FragmentSpread",name:"ExperimentCompareListPage_aggregateData"}]},{condition:"includeMetricsView",kind:"Condition",passingValue:!0,selections:[{args:[u,f,m,p,{kind:"Variable",name:"hasCompareExperiments",variableName:"hasCompareExperiments"}],kind:"FragmentSpread",name:"ExperimentCompareMetricsPage_experiments"}]}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,n,a,t,i,r,s,d,c],kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,S,{kind:"InlineFragment",selections:[F,{alias:"allExperiments",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:[S,F,x,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:K,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:[S,x,F],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{condition:"hasBaseExperiment",kind:"Condition",passingValue:!0,selections:[{alias:"baseExperiment",args:[{kind:"Variable",name:"id",variableName:"baseExperimentId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,S,{kind:"InlineFragment",selections:[F],type:"Experiment",abstractKey:null}],storageKey:null}]},{condition:"includeGridView",kind:"Condition",passingValue:!0,selections:[{alias:null,args:I,concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"compareExperiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[V,{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[D,{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[S,R,{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},L,A,E,q,{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:[S,F,ne,{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},E],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},S],storageKey:null},ve,Q],storageKey:null},J],storageKey:null},{alias:null,args:I,filters:["baseExperimentId","compareExperimentIds","filterCondition"],handle:"connection",key:"ExperimentCompareTable_compareExperiments",kind:"LinkedHandle",name:"compareExperiments"},{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:K,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:"metadata",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[S],storageKey:null},{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"total",plural:!1,selections:[$,M],storageKey:null}],storageKey:null},ie,{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},{condition:"includeListView",kind:"Condition",passingValue:!0,selections:[{alias:null,args:I,concreteType:"ExperimentComparisonConnection",kind:"LinkedField",name:"compareExperiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentComparisonEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"comparison",args:null,concreteType:"ExperimentComparison",kind:"LinkedField",name:"node",plural:!1,selections:[V,{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[D,{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[R,L,A,q,{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:[F,ne,S],storageKey:null}],storageKey:null}],storageKey:null},S],storageKey:null}],storageKey:null},S],storageKey:null},ve,Q],storageKey:null},J],storageKey:null},{alias:null,args:I,filters:["baseExperimentId","compareExperimentIds"],handle:"connection",key:"ExperimentCompareListPage_compareExperiments",kind:"LinkedHandle",name:"compareExperiments"},{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"DatasetExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[Ke,{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:K,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:[ie,q,_e],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},{condition:"includeMetricsView",kind:"Condition",passingValue:!0,selections:[{alias:"dataset",args:h,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:K,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:[ie,{alias:null,args:null,concreteType:"SpanCostSummary",kind:"LinkedField",name:"costSummary",plural:!1,selections:[N,{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"prompt",plural:!1,selections:O,storageKey:null},{alias:null,args:null,concreteType:"CostBreakdown",kind:"LinkedField",name:"completion",plural:!1,selections:O,storageKey:null}],storageKey:null},_e],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{condition:"hasCompareExperiments",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[u,f],concreteType:"ExperimentRunMetricComparisons",kind:"LinkedField",name:"experimentRunMetricComparisons",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"latency",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionTokenCount",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"totalCost",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"promptCost",plural:!1,selections:Sn,storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunMetricComparison",kind:"LinkedField",name:"completionCost",plural:!1,selections:Sn,storageKey:null}],storageKey:null}]}]}]},params:{cacheID:"70d220f83f228249411fab1091b7e7cd",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
|
|
7852
7853
|
$datasetId: ID!
|
|
7853
7854
|
$baseExperimentId: ID!
|
|
7854
7855
|
$compareExperimentIds: [ID!]!
|